/*LAYOUT CSS FILE*/
/**************************************************** MAIN */
html, body{margin:0; padding:0; padding-bottom:10px; text-align:center}
body{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#464646; background-color:#43342a; background-image:url(imgs/bg_top.gif); background-repeat:repeat-x; background-position:left top}
TD{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#464646}
/***********************************************************/
/*************************************************** CLEAR */
UL, LI, DL, DT, DD, P, H1, H2, H3, FORM, INPUT, SELECT, TEXTAREA{margin:0; padding:0}
A IMG, IMG{border:0 none}
/***********************************************************/
/*************************************************** A LINK*/
a{text-decoration:none; color:#ff7800}
a:hover{text-decoration:underline}
a:hover SPAN{color:#000}
/***********************************************************/
/**************************************************** FORM */
FORM { }
INPUT, SELECT, TEXTAREA{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px #464646 solid}
.borderNone{border:0 none}
.checkbox{padding:0; margin:0; border:0 none}
/***********************************************************/
/*************************************************** LISTS */
UL { }
LI { }
/***********************************************************/
/************************************************ HEADINGS */
H1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#ff7800; margin-bottom:10px}
H4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#d0031f; margin-bottom:10px}
H2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
H3 { }
/***********************************************************/
/******************************************* USUAL CLASSES */
.error, .mandatory, .error_form{color:#FF0000}
.clear{clear:both; margin:0; padding:0; border:0 none; line-height:1px; height:1px; font-size:1px}
.noDisplay{display:none !important}
.arrow{font-family:Tahoma; font-weight:bold; font-size:11px; padding-right:5px}
.nextprev IMG{vertical-align:middle}
#my_div {border:2px #666 solid; background-color:#EEE}
#my_div .bottom{background-color:#EEE; clear:both}
#my_div A{color:#970e76; font-weight:bold; padding:4px}
#pagNr{background-color:#FFF; color:#464646; padding:2px 3px 1px 3px}
	#pagNr A{padding:1px; background-color:#FFF; color:#464646}
	#pagNr B{padding:2px 2px 1px 2px; background-color:#FFF; color:#464646; font-weight:bold}
/***********************************************************/
/***************************************** MAIN POSITORING */
#headerWrapper{position:relative; width:90%; margin:0 auto; border-top:1px #43342a solid; /*display:none*/}
	#logo{position:absolute; top:0; left:-39px; z-index:2}
#wrapper{width:90%; margin:0 auto; margin-top:13px; background:#FFF url(imgs/_header/header_bg.gif) repeat-x top left; text-align:left; border:8px #FFF solid}
	#header{height:210px; text-align:left}
		#topBox{float:right; width:300px; margin:20px 30px 20px 0; text-align:left}
			#topLinks{list-style:none} #topLinks LI{background:url(imgs/_icons/arrow_top.gif) no-repeat left; padding-left:10px} #topLinks A{color:#FFF}
			#boxCart{float:right}
		#mainMenu{float:right; list-style:none; width:90%; height:36px; padding:11px 0 0 0; margin:25px 0 20px 0; font-size:110%; text-align:right; background:url(imgs/_main_menu/bg.gif) repeat-x top left}
		#mainMenu LI {display:inline; padding:0 1.1% 0 1.1%}
		#mainMenu LI A{color:#FFF; font-weight:bold; text-transform:uppercase; padding-top:10px} #mainMenu LI A:hover{text-decoration:underline}
		#mainMenu .activ A, #mainMenu LI A:hover{text-decoration:underline; color:#ff7800}
		#header #boxSearch{clear:both; text-align:right; background:#ffac52; height:33px} #header #boxSearch H2{float:left; margin-top:10px; font-size:15px; color:#FFF} #header #boxSearch .content{margin-top:8px}
		#header #boxSearch .input{background:#ffc382; border:1px #d38f45 solid} #header #boxSearch .inputOver{background:#FFF; color:#d38f45}
		
#content{float:right; width:480px; padding-right:5px; text-align:left; height:auto}

#left{padding-right:5px; text-align:left}

#bottom{clear:both; border-top:1px #FFF solid; padding-top:10px; text-align:center}
#bottom A{color:#000; font-size:12px; font-weight:bold; padding-left:2%; border-left:1px #000 solid}
	#bottomMenu{border-top:12px #ffac52 solid; padding:12px 0 4px 0; list-style:none}
	#bottomMenu LI{display:inline; margin:0 2% 0 0}
	#copyright{margin:0 auto; width:95%; text-align:left; margin-top:15px} #copyright P{float:right}
	#copyright A, #copyright{color:#FFF}

/*debug*/
/*#top, #left, #right, #content, #bottom
	{border:1px #FFF solid}*/
/***********************************************************/
/*************************************************** BOXEX */
/* FOR ALL BOXES */
#boxCategoryMenu, .boxText, .boxImage, #boxSearch, #boxNewsletter, #boxPool, #boxSpecialOffers, #boxLogin, #boxVoteProducts, #boxBrand, #boxLatestNews, #boxPrice{padding:0 10px 10px 10px}

/* BORDER FOR ALL IMAGES IN BOXES */
#boxCategoryMenu IMG, .boxText IMG, .boxImage IMG, #boxNewsletter IMG, #boxPool IMG, #boxSpecialOffers IMG, #boxLogin IMG, #boxVoteProducts IMG, #boxBrand IMG, #boxLatestNews IMG, #boxPrice IMG{border:1px #000 solid}
#left H2 IMG, #right H2 IMG{border:0 none !important}


/* MARGIN AND BORDER FOR ALL BOXES */
.margin{margin-bottom:6px; background-color:#FFF}

/* ALL BOTH SIDES H2 */
#left H2, #right H2{font-weight:bold; font-size:13px; text-transform:uppercase; background:url(imgs/_icons/arrow_title.gif) no-repeat; text-align:center; padding:5px 0 5px 0; margin:0 -10px 5px -10px}

/* BOX LATEST NEWS */
#left .boxLatestNews, #right .boxLatestNews{ }
#left .boxLatestNews .content, #right .boxLatestNews .content{border-top:1px #d6d6d6 dashed; padding:10px; font-size:10px}
#left .boxLatestNews .contentText, #right .boxLatestNews .contentText{margin-bottom:10px}
#left .boxLatestNews A, #right .boxLatestNews A{color:#007cc0; text-decoration:underline} .boxText A:hover{text-decoration:none}

/* BOX CATEGORY MENU */
#boxCategoryMenu{color:#494949; background:#e2d4c6; font-size:13px}
#boxCategoryMenu H2{background:#e2d4c6}
#boxCategoryMenu .content, #boxCategoryMenu .content{border-top:1px #d6d6d6 dashed; margin:5px 10px 5px 10px}
#boxCategoryMenu .category{height:auto; border-top:1px #FFF dashed; padding-top:4px; padding-bottom:4px; margin-bottom:1px; font-weight:bold}
#boxCategoryMenu .category A{color:#494949; display:block; padding-left:15px; margin-left:5px; background:url(imgs/_icons/arrow_categories.gif) no-repeat left center}
#boxCategoryMenu .subcategory{height:auto; border-top:1px #AAA dashed; padding-bottom:2px;  padding-top:2px; margin-bottom:1px}
#boxCategoryMenu .subcategory A{display:block; color:#ff8400; margin-left:25px; padding-left:10px; background:url(imgs/_icons/circle_subcategory.gif) no-repeat left center}
#boxCategoryMenu .category A:hover, #boxCategoryMenu .subcategory A:hover, #boxCategoryMenu .category A.activ{text-decoration:none; color:#ff8400; text-decoration:underline}

/* BOX TEXT */
#left .boxText, #right .boxText{ }
#left .boxText H2, #right .boxText H2{ }
#left .boxText .content, #right .boxText .content{ }
#left .boxText .contentText, #right .boxText .contentText{margin-bottom:10px}
#left .boxText A, #right .boxText A{color:#A3A3A3; font-weight:bold; text-decoration:none} .boxText A:hover{color:#FFF}

/* BOX IMAGE */
#left .boxImage, #right .boxImage{margin:0; padding:0}
#left .boxImage H2, #right .boxImage H2{background:#b3997f; margin:0}
#left .boxImage .content, #right .boxImage .content{text-align:center; font-weight:bold}
#left .boxImage .content .text, #right .boxImage .content .text{padding:0 10px 10px 10px}
#left .boxImage .content IMG, #right .boxImage .content IMG{margin:0 auto; margin-bottom:5px}
#left .boxImage .content, #right .boxImage .content,
#left .boxImage .content A, #right .boxImage .content A{color:#ff8400; font-size:12px; font-weight:normal} #left .boxImage .content A:hover, #right .boxImage .content A:hover{text-decoration:underline}

/* BOX SEARCH */
#boxSearch{text-align:left; background:#d0031f}
#boxSearch H2{ }
#boxSearch .content{ }
#boxSearch .contentText{margin-bottom:10px; color:#FFF}
#boxSearch FORM{ }
#boxSearch .input{vertical-align:middle; background-color:#970519; color:#FFF; border-color:#bc021c; height:15px; padding:2px 2px 0 2px}
#boxSearch .inputOver{vertical-align:middle; background-color:#FFF; color:#970519; border-color:#ba4959; height:15px; padding:2px 2px 0 2px}
#boxSearch .submit{font-weight:bold; color:#FFF; text-decoration:underline; background-color:transparent; border:0 none; cursor:pointer}
#boxSearch .advancedSearch{color:#FFF; text-decoration:underline; font-size:10px; display:block; margin-top:2px} #boxSearch .advancedSearch:hover{text-decoration:none}

/* BOX NEWSLETTER */
#boxNewsletter{text-align:left; background-color:#464646; color:#FFF}
#boxNewsletter H2{ }
#boxNewsletter .content{ }
#boxNewsletter .contentText{margin-bottom:10px}
#boxNewsletter FORM{ }
#boxNewsletter .input{vertical-align:middle; background-color:#2a2a2a; color:#FFF; height:15px; padding:2px 2px 0 2px}
#boxNewsletter .inputOver{vertical-align:middle; background-color:#FFF; color:#2a2a2a; border-color:#CCC; height:15px; padding:2px 2px 0 2px}
#boxNewsletter .submit{font-weight:bold; color:#FFF; text-decoration:underline; background-color:transparent; border:0 none; cursor:pointer}
#boxNewsletter .error{margin-top:5px}

/* BOX POOL */
#boxPool{text-align:left}
#boxPool H2{ }
#boxPool .content{ }
#boxPool .contentText{margin-bottom:10px}

/* BOX SPECIALOFFERS */
#boxSpecialOffers{ }
#boxSpecialOffers H2{background:#feab52} #right #boxSpecialOffers H2{background:#b3997f}
#boxSpecialOffers .content{ }
#boxSpecialOffers .contentText{margin-bottom:10px}
#boxSpecialOffers .box{padding-top:5px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px #CCC dashed}
#boxSpecialOffers .productTitle{font-weight:bold}
#boxSpecialOffers .image{text-align:center}
#boxSpecialOffers .image IMG{ }
#boxSpecialOffers .productPrice{ }
#boxSpecialOffers .productPrice .right{float:right}
	/*over action*/
#boxSpecialOffers .boxOver{padding-top:5px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px #333 dashed; background-color:#FDFDFD}
#boxSpecialOffers .boxOver .productTitle A, #boxSpecialOffers .boxOver .productPrice, #boxSpecialOffers .boxOver A.moreDetails {color:#999}
#boxSpecialOffers .boxOver IMG{/*filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50*/}

/* BOX VOTE PRODUCTS */
#boxVoteProducts{ }
#boxVoteProducts H2{}
#boxVoteProducts .content{ }
#boxVoteProducts .contentText{margin-bottom:10px}

/* BOX LOGIN */
#boxLogin{ }
#boxLogin H2{}
#boxLogin .content{ }
#boxLogin .contentText{margin-bottom:10px}
#boxLogin .input{height:15px; padding:2px 2px 0 2px; border-collapse:collapse}
#boxLogin .inputOver{height:15px; padding:2px 2px 0 2px; border:1px #d0031f solid; background-color:#FCFCFC}
#boxLogin INPUT{width:100px} #boxLogin .button1, #boxLogin .button1Over{width:105px}
#boxLogin DT{float:left}
#boxLogin DT, #boxLogin DD{margin-bottom:5px} #boxLogin DT{width:70px; padding-top:4px}

/* BOX BRAND */
#boxBrand{ }
#boxBrand H2{}
#boxBrand .content{ }
#boxBrand .contentText{margin-bottom:10px}
#boxBrand .button1, #boxBrand .button1Over{width:15px; float:right}
#boxBrand #firm{width:160px !important; margin-bottom:-1px}

/* BOX PRICE */
#boxPrice{ }
#boxPrice H2{}
#boxPrice .content{ }
#boxPrice .contentText{margin-bottom:10px}
#boxPrice .button1, #boxPrice .button1Over{width:15px; float:right}
#boxPrice #price{width:160px !important; margin-bottom:-1px}

/* CART */
#boxCart{padding-left:5px; margin-left:5px; color:#FFF}
#boxCart IMG{float:left; margin-right:6px}
#boxCart A, #boxCart B{color:#ff7800}
/***********************************************************/
/***************************************** PRODUCT DISPLAY */
#boxProductTable{background:#FFF}
#boxProductTable .border{border:1px #FFF solid}
#boxProductTable .borderOv{border:1px #ff7800 solid}
#boxProductTable .wBoxProduct{width:98%; display:block; margin-bottom:5px;}
	#boxProductTable .boxProduct{ }
	#boxProductTable .boxProduct{padding:2px}
	#boxProductTable .boxProduct .top IMG{float:left; margin:2px 5px 5px 2px; border:1px #DDD solid; /*filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50*/}
	#boxProductTable .boxProduct .top .title{font-size:10px; color:#999; font-weight:bold; padding-top:2px}
	#boxProductTable .boxProduct .top .description{font-size:10px}
	#boxProductTable .boxProduct .top .price{text-align:right; font-size:14px; font-weight:bold; color:#999; margin-top:5px}
	#boxProductTable .boxProduct .bottom{margin-top:10px}
	#boxProductTable .boxProduct .bottom .left{margin-left:2px}
	#boxProductTable .boxProduct .bottom .right{float:right}
	#boxProductTable .boxProduct .bottom .right .link1{color:#000}
	#boxProductTable .boxProduct .bottom .right .link1:hover{color:#ff7800}
/* OVER */
	#boxProductTable .borderOv .boxProduct{ }
	#boxProductTable .borderOv .boxProduct{padding:2px}
	#boxProductTable .borderOv .boxProduct .top IMG{float:left; margin:2px 5px 5px 2px; border:1px #ff7800 solid; /*filter:alpha(opacity=100)*/}
	#boxProductTable .borderOv .boxProduct .top .title{font-size:10px; color:#ff7800; font-weight:bold; padding-top:2px}
	#boxProductTable .borderOv .boxProduct .top .description{font-size:10px; color:#666}
	#boxProductTable .borderOv .boxProduct .top .price{text-align:right; font-size:14px; font-weight:bold; color:#ff7800; margin-top:5px}
	#boxProductTable .borderOv .boxProduct .bottom{margin-top:10px}
	#boxProductTable .borderOv .boxProduct .bottom .left{margin-left:2px}
	#boxProductTable .borderOv .boxProduct .bottom .left .button1{background-color:#FFF; color:#333}
	#boxProductTable .borderOv .boxProduct .bottom .right{float:right}
	#boxProductTable .borderOv .boxProduct .bottom .right .link1{color:#ff7800}
	#boxProductTable .borderOv .boxProduct .bottom .right .link1:hover{color:#ff7800}
	#boxProductTable .borderOv .boxProduct .bottom .left .button1BoxProductOv{background-color:#FFF; font-size:9px; width:auto; font-weight:bold; color:#ff7800; cursor:pointer; border:1px #d0031f solid}

.productTitle, .productTitle A{font-size:12px; font-weight:bold; color:#ff8400}
.productTitle:hover, .productTitle A:hover{font-size:12px; font-weight:bold; color:#ff8400}
.productPrice{font-size:11px; font-weight:bold; color:#000}

#productDetails{ }
#productDetails .description{font-size:11px; color:#ff7800}
#productDetails IMG{border:1px #ff7800 solid}
#productDetails .rightTextDescriptions{padding-left:10px}
#productDetails .rightTextDescriptions .productprice{text-align:right}
#productDetails DIV.links{margin-top:10px}

#categoryMenu{margin-bottom:15px}
#categoryMenu .itemSubcategory{border-left:#ff7800 10px solid; margin:2px 0 2px 10px; padding-left:8px}
/***********************************************************/
/*************************************************** LINKS */
.link1{
	padding-left:15px;
	margin-left:6px;
	background-image:url(imgs/_buttons/01.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
.moreDetails{font-size:11px; color:#ff8400; text-decoration:underline}
/***********************************************************/
/************************************************* BUTTONS */
.but1RedArrow{background-color:#970e76; font-size:10px; font-weight:bold}
.button1{background-color:#ff7800; font-size:9px; width:auto; font-weight:bold; color:#FFF; cursor:pointer}
.button1Over{background-color:#FFF; font-size:9px; width:auto; font-weight:bold; color:#ff7800; cursor:pointer}
/***********************************************************/
/************************************************* CONTACT */
#contactFormText{ }
#contactForm{ }
#contactForm DT, #contactForm DD{margin-bottom:1px}
#contactForm INPUT{height:14px; width:150px; padding:2px 0 0 2px; margin-top:2px; margin-bottom:5px}
#contactForm TEXTAREA{height:100px; width:200px; padding:2px 0 0 2px; margin-top:2px; margin-bottom:5px}
#contactForm .button1, #contactForm .button1Over{height:auto; width:auto; padding:0; margin:0; padding:1px 2px 2px 2px}
/***********************************************************/
/************************************************** BASKET */
/* BASKET TABLE */
.basket h1{
	color:#ff7800;
	font-weight:bold;
	/*width:15px;*/
}
.basket h2{
	margin:0;
	padding:0;
	margin-bottom:4px;
	margin-top:5px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	background-image:url(imgs/_cart/separator_red.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:9px;
	padding-left:4px;
	padding-bottom:4px;
	padding-top:3px;
	background-color:#ff7800;
	width:95%;
}
/* COLOR TR */
.basket .colorTR TD{background-color:#80888a; padding:7px 3px 5px 3px; color:#FFF; vertical-align:middle; border-bottom:1px #FFF solid}
.basket .tableTitle{font-weight:bold}
.basket .tableTitle TD{ border-bottom:5px #FFF solid}
.basket .colorTR TD IMG{vertical-align:middle; margin-right:5px}
.basket .colorTR TD A{color:#FFF}
.basket .colorTR INPUT{font-size:11px; border:0 none}
.basket{width:98%;}

/* Steps */
#basketSteps{
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-size:11px;
	padding-top:3px;
	height:17px;
	background-color:#ff7800;
	margin-top:10px;
	margin-bottom:10px;
}
#basketSteps A{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	background-image:url(imgs/_cart/separator.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:9px;
	padding-left:4px;
	padding-bottom:4px;
	padding-top:3px;
	background-color:#d0031f;
}
#basketSteps A:hover{text-decoration:none}
#basketSteps .activ{
	background-color:#80888a;
	background-image:url(imgs/_cart/separator_activ.gif);
}
/***********************************************************/


/*javascript menu*/
.m0l0iout {
	display:block;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin: 0;
	padding-top:8px;
	text-align:left;
	/*font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;*/
}
.m0l0iover {
	/*font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;*/
	display:block;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin: 0;
	padding-top:8px;
	text-align:left;
	color:#ffffff;
}

/* level 0 outer */
.m0l0oout {
	/*text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: 1px solid #336699;
	background-color: #2C5F93;*/
	cursor:pointer;
	text-decoration : none;
	color:#FFFFFF;
}
.m0l0oover {
	/*text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #2C5F93;
	border: 1px solid #336699;*/
	cursor:pointer;
	text-decoration : none;
	color:#FFFFFF;
}

/* level 1 inner */
.m0l1iout {
	/*font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;*/
	cursor:pointer;
	background-color: #c10000;
	display:block;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 0 0 8px;
	padding-top:8px;
	text-align:left;
}
.m0l1iover {
	/*font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;*/
	cursor:pointer;
	background-color: #c10000;
	display:block;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 0 0 8px;
	padding-top:8px;
	color:#FFFFFF;
	text-align:left;
}

/* level 1 outer */
.m0l1oout {
	/*text-decoration : none;
	background-color: #5286BB;
	border: 1px solid #336699;
	padding: 0;*/
	cursor:pointer;
	background-color: #c10000;
	text-decoration : none;
	color:#FFFFFF;
}
.m0l1oover {
	/*text-decoration : none;
	background-color: #1A4D81;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;*/
	cursor:pointer;
	background-color: #c10000;
	text-decoration : none;
	color:#FFFFFF;
}