/* CSS Document */

html, body{width:100%}
body{
	font:normal normal 12px/normal Arial, Verdana, sans-serif;
	color:#515151;
	background:#cec9c4 url(../medias/img/body_bg.jpg) repeat-x left top;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#main{
	position:relative;
	width:962px;
	margin:26px auto 0 auto;
}

#mainMenu{
	float:left;
	width:962px;
	height:41px;
	padding:0 0 21px 0;
	background:url(../medias/img/mainmenu_main.gif) repeat-x left top;
}
#mainMenu .left, #mainMenu .right{height:41px;}
#mainMenu .left{background:url(../medias/img/mainmenu_left.gif) no-repeat left top;float:left;width:5px;}
#mainMenu .right{background:url(../medias/img/mainmenu_right.gif) no-repeat left top;float:right;width:7px;}
#mainMenu .content{
	float:left;
	width:950px;
	height:39px;
	padding:0 0 2px 0;
}

#logo, #logo img{
	float:left;
	display:block;
}

#mainMenu ul.main{
	float:left;
	padding:0 48px 0 0;
	list-style-type:none;
}
#mainMenu ul.main li, #mainMenu ul.main li a, #mainMenu ul.main li a img{
	display:block;
	float:left;
	text-decoration:none;
}
#mainMenu ul.main li a{height:39px;overflow:hidden;}
#mainMenu ul.main li a img{
	position:relative;
	left:0;top:0;
}
#mainMenu ul.main li a:hover img, #mainMenu ul.main li.active a img{top:-39px;}


#menuLang{
	float:left;
	color:#646464;
	font-size:11px;
	padding:12px 24px 0 15px;
	text-transform:uppercase;
	list-style-type:none;
}
#menuLang li{
	float:left;
	padding:0 0 0 5px;
}
#menuLang li a{
	display:block;
	float:left;
	color:#646464;
	width:21px;
	height:15px;
	text-align:center;
	text-decoration:none;
}
#menuLang li.active a, #menuLang li a:hover{
	color:#174055;
	background:url(../medias/img/menulang_bg.gif) no-repeat left top;
}

#mainMenu .viewCart{
	display:block;
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 24px;
	color:#174055;
	font-size:11px;
	text-decoration:none;
	background:url(../medias/img/icons/cart.gif) no-repeat left top;
}
#mainMenu .viewCart:hover{text-decoration:underline;}


#home{
	float:left;
	width:962px;
	height:335px;
}

#flashHome{
	float:left;
	width:714px;
	height:335px;
}

#shopPreview{
	float:right;
	position:relative;
	width:248px;
	height:335px;
}
#shopPreview .illustration{display:block;}
#shopPreview .title{
	display:block;
	position:absolute;
	left:0;
	top:20px;
	padding:0 2px 0 0;
	width:246px;
	text-align:center;
	color:#284b7c;
	font-size:12px;
}
#shopPreview .link{
	display:block;
	position:absolute;
	left:17px;
	top:249px;
	width:213px;
	height:28px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	font:normal bold 12px/26px Arial, Verdana, sans;
	background:url(../medias/img/shoppreview_btn.png) no-repeat left top;
}
#shopPreview .link:hover{background-position:left -28px;}


#footer{
	float:left;
	width:960px;
	padding:23px 2px 0 0;
}
#footer .top{
	float:left;
	width:960px;
	height:8px;
	font-size:0;
	background:url(../medias/img/footer_top.png) no-repeat left top;
}
#footer .content{
	float:left;
	width:944px;
	min-height:223px;
	padding:0 8px;
	background:url(../medias/img/footer_main.png) repeat-x left top;
}
#footer .block{
	float:left;
	width:450px;
	padding:0 18px 0 0;
	margin:0 8px 0 0;
	background:#bcb6b2;
	color:#504e4c;
	font-size:11px;
	line-height:14px;
}
#footer .block.lastChild{margin-right:0;}
#footer .block .illustration{
	display:block;
	float:left;
	padding:0 24px 0 0;
}
#footer .block p{padding:8px 0 0 0;}
#footer .block p img{padding:0 0 6px 0;}
#footer .block .link{
	color:#605d5b;
	text-decoration:none;
	padding:0 0 0 20px;
	background:url(../medias/img/footer_block_link.gif) no-repeat left top;
}
#footer .block .link:hover{color:#c0f76b;}

#menuFooter{
	float:left;
	width:944px;
	margin:8px 0 0 0;
	padding:12px 0 50px 0;
	list-style-type:none;
	border-top:1px solid #ddd9d5;
}
#menuFooter li{
	display:block;
	float:left;
	padding:0 9px 0 0;
	margin:0 9px 0 0;
	font-size:11px;
	line-height:11px;
	border-right:1px solid #605d5b;
}
#menuFooter li.lastChild{padding-right:0;margin-right:0;border:none;}
#menuFooter li a{
	color:#605d5b;
	text-decoration:none;
}
#menuFooter li a:hover{text-decoration:underline;}

#marks{
	float:left;
	position:relative;
	width:944px;
	height:50px;
	padding:8px 0 0 0;
	list-style-type:none;
}
#marks a{margin:0 12px 0 0;}
#marks img{
	vertical-align:middle;
	padding:0 12px 0 0;
}

#footer .specialLink{
	position:absolute;
	right:-100px;
	bottom:-45px;
}
#footer .specialLink img{padding:0;}

#tabs{
	float:left;
	width:962px;
	height:34px;
	list-style-type:none;
	padding-left:6px;
}
#tabs li, #tabs li a{
	display:block;
	float:left;
	height:34px;
}
#tabs li{padding:0 5px 0 0;}
#tabs li a{
	width:155px;
	height:24px;
	color:#515151;
	text-align:center;
	padding:10px 0 0 0;
	text-decoration:none;
	background:url(../medias/img/tabs_bg1.gif) no-repeat left top;
}
#tabs li.special a{background:url(../medias/img/tabs_bg2.gif) no-repeat left top;}
#tabs li.active a, #tabs li a:hover{background-position:left -34px;}
#tabs li.active a{font-weight:bold;}

#mainIllustration{
	display:block;
	float:left;
	position:relative;
	width:962px;
	height:315px;
}
#mainIllustration img{
	display:block;
	float:left;
}

#prevPage, #nextPage{
	display:block;
	position:absolute;
	top:147px;
	width:26px;
	height:26px;
}
#prevPage{left:27px;}
#nextPage{right:29px;}


#ctxMenu{
	float:left;
	width:960px;
	padding:10px 0 16px 0;
	list-style-type:none;
}
#ctxMenu li{padding:0 12px 0 0;}
#ctxMenu li, #ctxMenu li a, #ctxMenu li a span{
	display:block;
	float:left;
	height:26px;
	color:#666666;
}
#ctxMenu li a{text-decoration:none;}
#ctxMenu li a .content{
	padding:5px 0 0 0;
	height:21px;
}
#ctxMenu li a .left, #ctxMenu li a .right{width:8px;}

#ctxMenu li.active a .content, #ctxMenu li a:hover .content{background:url(../medias/img/ctxmenu_content.gif) repeat-x left top;color:#333333;}
#ctxMenu li.active a .left, #ctxMenu li a:hover .left{background:url(../medias/img/ctxmenu_left.gif) no-repeat left top;}
#ctxMenu li.active a .right, #ctxMenu li a:hover .right{background:url(../medias/img/ctxmenu_right.gif) no-repeat left top;}


#content{
	float:left;
	width:906px;
	padding:0 29px 27px 27px;
	background:url(../medias/img/content_bg.gif) repeat-y left top;
}
#contentBottom{
	float:left;
	width:962px;
	height:9px;
	font-size:0;
	background:url(../medias/img/content_bottom.gif) no-repeat left top;
}
#contentTop{
	float:left;
	width:962px;
	height:7px;
	font-size:0;
	background:url(../medias/img/content_top.gif) no-repeat left top;
}

#leftCol{
	float:left;
	width:448px;
	padding:0 27px 0 0;
}
#leftCol.extended{width:906px;padding-right:0;}
#centerCol{
	float:left;
	width:210px;
	padding:0 27px 0 0;
}
#rightCol{
	float:left;
	width:194px;
}
#rightCol.extended{width:431px;}
#content .button{
	color:#ffffff;
	text-decoration:none;
	text-indent:15px;
	font:normal bold 12px/26px Arial, Verdana, sans;
}
#content .button:hover{background-position:left -28px;}
#rightCol .button{
	display:block;
	width:194px;
	height:28px;
	margin:0 0 12px 0;
	background:url(../medias/img/btn_rightcol.gif) no-repeat left top;
}

#rightCol .block{
	float:left;
	width:194px;
	padding:12px 0 0 0;
}
#rightCol .block .top, #rightCol .block .bottom{
	float:left;
	width:194px;
	height:8px;
	font-size:0;
}
#rightCol .block .top{background:url(../medias/img/block_top1.gif) no-repeat left top;}
#rightCol .block .bottom{background:url(../medias/img/block_bottom1.gif) no-repeat left top;}
#rightCol .block .content{
	float:left;
	width:164px;
	padding:2px 14px;
	background:#f8f8f8;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

#rightCol .block .title{
	color:#515151;
	font-weight:bold;
}


.clear{
	clear:both;
	width:100%;
	height:0;
	font-size:0;
}


#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:black;
}

/*----Greybox structure----*/

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:-384px;
	top:50px;
	margin:0 0 0 50%;
	width:768px;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:18px;
	width:768px;
	font-size:0;
}
#greyBox .top{
	background:url(../medias/img/greybox/top.png) no-repeat left top;
}
#greyBox .bottom{
	bottom:-18px;
	background:url(../medias/img/greybox/bottom.png) no-repeat left top;
}
#greyBox .content{
	float:left;
	width:724px;
	padding:4px 22px;
	background:url(../medias/img/greybox/main.png) repeat-y left top;
}
#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:38px;top:29px;
}
#greyBox .close img{display:block;}


body#popup_body{
  background:transparent;
}

div#popup_content{
  width:690px;
  padding:10px;
}

div#popup_content h2{
  margin-bottom:5px;
}

div#popup_content p{
  margin-bottom:10px;
}


div.sitemap a{
  color:#515151;
  text-decoration:none;
}

div.sitemap a:hover{
  text-decoration:underline;
}

div.sitemap p, div.sitemap ul{
  margin-bottom:10px;
}

div#leftCol.sitemap ul{
  padding-left:0;
  margin-left:0;
}

div.sitemap ul li{
  list-style-type:none;
}