@charset "utf-8";
/* CSS Document */
*{
	outline: none;
}
body {
	margin:0;
	padding:0;
	background-image:url(images/PageBG.png);
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}
h2,p{
	margin:0;
}
a{
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.MainWrapper{
	width:100%;
	background-image:url(images/BigBG.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.SiteWrapper{
	width:950px;
	margin:0 auto;
	position:relative;
}
.Header .HeaderTop{
	width: 950px;
	height: 24px;
	background-image: url("images/HeaderTop.png");
	text-align: right;
}
.Header .HeaderLanguage{
	background-image:url(images/LangLeft.png);
	background-repeat:no-repeat;
	text-align:right;
}
.Header .HeaderLogo{
	background-image:url(images/LogoBG.jpg);
	background-position:right;
	text-align:left;
}
.Footer{
	z-index:100;
	position:relative;
	width:100%;
	height:170px;
	text-align:center;
	background-color:#101516;
	border-top:1px solid #202829;
}
.FooterWrapper{
	height:170px;
}
.Footer .FooterLinks ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	margin-left:305px;
}
.Footer .FooterLinks ul li{
	float:left;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #9c9c9c;
}
.Footer .FooterLinks ul li a{
	color:#9c9c9c;
	text-decoration:none;
	font-weight:bold;
}
.Footer .FooterLinks ul li a:hover, .Footer .FooterLinks ul li a.Active{
	text-decoration:underline;
	color:#ee8cd8;
}
.Footer .Copyrights p{
	color:#6b6b6b;
	margin:5px;
}
.Footer .Copyrights p a{
	color:#9c9c9c;
	text-decoration:none;
}

.Navigation{
	height:45px;
	overflow:hidden;
	position:relative;
	background-image:url(images/NavBG.png);
}
.Navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	height:45px;
}
.Navigation ul li{
	float:left;
	height:45px;
	position:relative;
}
.Navigation ul li a{
	display:block;
	height:45px;
	background-repeat:no-repeat;
}
.Navigation ul li a.Home{
	background-image:url(images/NavHome.png);
	width:112px;
}
.Navigation ul li a.Profile{
	background-image:url(images/NavProfile.png);
	width:139px;
}
.Navigation ul li a.FAQ{
	background-image:url(images/NavFAQ.png);
	width:189px;
}
.Navigation ul li a.Products{
	background-image:url(images/NavProducts.png);
	width:166px;
}
.Navigation ul li a.News{
	background-image:url(images/NavNews.png);
	width:100px;
}
.Navigation ul li a.Contacts{
	background-image:url(images/NavContacts.png);
	width:180px;
}
.Navigation ul li a:hover{
	background-position:bottom left;
}
.Navigation ul li a.Active{
	background-position:bottom left;
}
.MainContent{
	position:relative;
}
.MainContentAlt{
	background-color:#a2a2a2;
}
.MainContent #slider{
	width:1380px;
	height:300px;
	margin:0 auto;
}

.sliderContainer{
	text-align:center;
	width:100%;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.OnTopContent{
	z-index:10000;
}
.Content{
	position:relative;
	height:650px;
	padding-top:10px;
	overflow:hidden;
}
.SubContent{
	position:relative;
	height:650px;
	overflow:hidden;
	display:none;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#FFF;
}
.SubContent .SubPageImage{
	position:absolute;
	border:5px solid #282828;
	top:60px;
	right:8px;
}
.SubContent .InfoMessage{
	position:absolute;
	bottom:60px;
	right:8px;
	background-color: #DDEBDF;
	border:1px solid #339933;
	padding: 3px;
	color:#339933;
}
.SubContent .ErrorMessage{
	position:absolute;
	bottom:60px;
	right:8px;
	background-color: #FFF3F2;
	border:1px solid #C00000;
	padding: 3px;
	color:#C00000;
}
.SubContent .SubPageText{
	position:absolute;
	top:60px;
	left:8px;
	width:620px;
	background-color:#FFF;
	color:#000;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px;
}
.SubContent .SubPageText h3{
	color:#a2a2a2;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	margin-bottom:5px;
	margin-top: 0;
}
.SubContent .SubPageText p{
	margin-bottom:5px;
}
.MainCarousel{
	width:10000px;
	overflow:hidden;
	height:350px;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:145px;
	position:relative;
	left:0;
	top:0;
	display:none;
}

.MainCarousel li{
	float:left;
	margin-left:60px;
	margin-right:100px;
	position:relative;
}
.MainCarousel li a .ProductImage{
	position:relative;
}

.SubCarousel{
	width:10000px;
	overflow:hidden;
	height:165px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	display:none;
}

.SubCarousel li{
	float:left;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	overflow:hidden;
}
.SubCarousel li a .ProductSubImage{
	position:absolute;
}
.ProductContents{
	width:950px;
	position:absolute;
	top:40px;
	left:20px;
	display:none;
}
.ListContents{
	width:950px;
	position:absolute;
	top:40px;
	left:20px;
	display:none;
	border:none;
}
.contentwrapper{
	width:915px;
}
.ProductsList{
	height:400px;
	width:930px;
	overflow:hidden;
}
.ListList{
	height:550px;
	width:930px;
	overflow:hidden;
}
.ProductContents h2, .ListContents h2{
	color:#FFF;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	width:335px;
	background-image:url(images/producthead.png);
	padding:5px;
	font-weight:normal;
	margin:0;
	margin-bottom:5px;
}
.ProductContents .Products .Title a, .ListContents .Items .Title a{
	height:25px;
	font-size:16px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	background-image:url(images/ProductTitleInActive.png);
	padding:5px;
	padding-left:200px;
	margin-bottom:5px;
	display:block;
}
.ProductContents .Products .Title a.Active, .ListContents .Items .Title a.Active{
	color:#a25c92;
	background-image:url(images/ProductTitleActive.png);
}
.ProductContents .Products .Title a:hover, .ListContents .Items .Title a:hover{
	color:#a25c92;
	background-image:url(images/ProductTitleActive.png);
}
.ProductContents .Products .ProductDetails, .ListContents .Items .ItemDetails{
	color:#fff;
	font-size:12px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	background-image:url(images/ProductDetails.png);
	padding:5px;
	margin-bottom:5px;
	display:none;
}
.loading{
	display:none;
	top:300px;
	left:0px;
	font-weight:bold;
	position:absolute;
	width: 100%;
	height: 85px;
	padding-top: 25px;
	text-align: center;
	background-color: #000000;
	z-index: 1000000;
}

/*Scroll*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-image:url(images/ProductTitleInActive.png);
	margin-bottom:5px;
}
.vscrollerbar {
	width: 10px;
	background-color:#787777;
}
.hscrollerbase {
	height: 10px;
	background-color:none;
}
.hscrollerbar {
	height: 10px;
	background-color:#787777;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color:#787777;
}
/*Slider*/
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#productContents .Products{
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
}
#productContents .Products li{
 display: block;  
 overflow: hidden;  
 padding: 0;
 float: left;
 /*width: 150px;*/
 height: 400px;
}

#LeftArrow{
	width: 83px;
	height: 83px;
	position: absolute;
	top:300px;
	left:0px;
	background-image: url("images/ArrowLeft.png");
	background-position: top left;
}
#LeftArrow:hover{
	background-position: bottom left;
}
#RightArrow{
	width: 83px;
	height: 83px;
	position: absolute;
	top:300px;
	right:0px;
	background-image: url("images/ArrowRight.png");
	background-position: top left;
}
#RightArrow:hover{
	background-position: bottom left;
}
.NavArrow{
	display: none;
}