/*//////////////////////////////////////////////
//// GENERIC ELEMENT FORMATTING
//////////////////////////////////////////////
//// */
body{
	background:#59361C; 
	color:#000000;
	margin: 0px;
}
body,td,div,p{
	font-family: Verdana, sans-Serif; 
	font-size: 11px;
	font-weight: normal;
}
th{
	font-family: Verdana, sans-Serif; 
	font-size: 11px;
}
tfoot td{color: #73735C}
img{border:0}
img.nopic{border:none}
/*img.thumb{}*/
a{color: #333333}
hr{
	width: 100%;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.site{
	width: 900px;border-left: 0px solid #000000;border-right: 0px solid #000000;border-bottom: 0px solid #000000;border-top: 0px solid #000000;
	background: #E6E6B7;
	height: 100%;
}

.floater-left{
  background-image: url('images/floater_left.gif');
  background-repeat: repeat-y;
  background-position: right 0;
  width: 20px;
}
.floater-right{
  background-image: url('images/floater_right.gif');
  background-repeat: repeat-y;
  background-position: left 0;
  width: 20px;
}
.floater-table{
	width: @(theme-param:site-width)+40@px;
	height: 100%;
}

/*//////////////////////////////////////////////
//// PANES
//////////////////////////////////////////////*/
#pane-parent{
	width: 100%;
}
#pane-left{width: 200px}
#pane-body{width: 100%}
#pane-right{width: 160px}

/*//////////////////////////////////////////////
//// BREADCRUMB NAVIGATION
//////////////////////////////////////////////*/
#breadcrumb{
	padding-bottom: 3px;
	border-bottom: 1px solid #73735C;
	font-weight: bold;
	}
#breadcrumb a{text-decoration:none; font-weight:normal}
#breadcrumb a:hover{text-decoration: underline;}
#breadcrumb span{font-weight: normal}

/*//////////////////////////////////////////////
//// TEXT FORMATTING
//////////////////////////////////////////////*/
.t-em{text-transform:uppercase}

/* Text Colors */
.tc-main{color:#FFFFFF}
.tc-maindark{color:#F9F0EA}
.tc-alt{color:#000000}
.tc-altdark{color:#FAFCE7}

/*//////////////////////////////////////////////
//// GENERIC LIST FORMATTING
//////////////////////////////////////////////*/
.list{table-layout:auto; width:100%}
.list-intro{padding:3px;padding-bottom:5px;text-align:center}
.list-footer{padding:3px;padding-bottom:5px;text-align:center}
.list-group{
	text-align:right; 
	background:#FFE864;
}
.list-item{}
.list-item-alt{background:#C9CB74}
.list-item-border{border: 1px solid #555C0E}
.list-item-list-info{}
.list-item-partslist{
	background:#FFE864;
}
.list-item-partslist-header{
	font-weight:bold;padding:2px;
}
.list-item-partslist-item{
	padding:2px;
}
.list-item-hsep{
	background-image: url(images/hsep_default.gif);
	background-repeat:repeat-y;
	margin: 0 6px 0 6px;
	line-height: 1px;
	width: 3px;
	height: 100%;
	border: 0;
	padding: 0;
}
.list-item-vsep{
	background-image: url(images/vsep_default.gif) ;
	background-repeat:repeat-x;
	margin: 6px 0 6px 0;
	line-height: 1px;
	width: 100%;
	height: 3px;
	background:#FFE864;
}

/*//////////////////////////////////////////////
//// ATTRIBUTELIST FORMATTING
//////////////////////////////////////////////*/
/* [inherited from global.css] */

/*///////////////////////////////////////////////////
//// BANNER AREA (including level1-level3 navigation)
///////////////////////////////////////////////////*/
#topnav{
	position: relative;
	left: 0px; 
	width: 100%;
	height: 120px; 
	background: url('images/logo.jpg') left top no-repeat #E6E6B7;
}

#topnav #clogo{
  position: absolute;
  z-index: 1;
	left: 280px;
	top: 70px;
}

/*///////////////////////////////////////////////////
//// LEVEL 1 NAVIGATION
///////////////////////////////////////////////////*/
#nav-level1w{
  position: relative;
  z-index: 2;
  top: 80px;
  left: 710px;
  width: 180px;
  vertical-align: bottom 
	color: #FFFFFF;
	padding-bottom: 5px;
	margin-right: 3px;
	text-transform: uppercase;
	text-decoration: none;
}
#nav-level1w a{
  text-align: left;
  vertical-align: bottom; 
	color: #000000;
	margin-right: 3px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
#nav-level1w a:hover{
  text-decoration: underline;
}

#nav-level1{
	position: relative;
	text-align: left;
	visibility: visible;
	left: 300px;
	z-index: 3; 
	color: #FFFFFF;
	margin: 0px 5px 0px 0px; 
}
#nav-level1 a{
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}
#nav-level1 a:hover{text-decoration: underline}
#nav-level1 span{padding:0px 8px 0px 8px}

/*///////////////////////////////////////////////////
//// LEVEL 2 AND LEVEL 3 NAVIGATION
///////////////////////////////////////////////////*/
#nav-top{
	position: relative;
	top: 68px;
	height: 94px;
	background: url('images/header_bg_3rd_level.gif') left 26px repeat-x; 
	border-bottom: 1px solid #C9CB74;
}
#nav-level2{
	position: relative;
	top: -3px;
	left: 0px;
	width: 900px;	
	margin-left: 0px;
	background: #F2AA62;
}

.level2border{
  background: url('images/btn_level2_empty.gif') repeat-x;
  width: 20px;
}
.level2borderleft{
  background: url('images/btn_level2_empty_left.gif') left 0 no-repeat;
  width: 450px;
}
.level2borderright{
  background: url('images/btn_level2_empty_right.gif') right 0 no-repeat;
  width: 450px;
}
.level2seperator{
  background: url('images/sep_2nd_level.gif');
  width: 1px;
}

#nav-level3{
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;	
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	border-left: 0px solid #59361C; 
}
#nav-level3 a{
	display: block;
	float: left;
	height: 20px;
	line-height: 18px;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 5px 5px 5px; 
	border-right:1px solid #59361C;
}
#nav-level3 a:hover{color: #59361C}
#nav-level3 a.selected{
	height: 18px;
	color: #FAFCE7;
	border-left: none;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	background: #555C0E;
}
#nav-level3 span{
	display: block;
	float: left;
	width: 0px;
	height: 0px;
	border-left: 0px solid #FFEF93;
	overflow: hidden;
}

#nav-level3btn{
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;	
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	border-left: 0px solid #59361C; 
}

#nav-level3gen{
	position: relative;
	z-index: 20;
	top: -10px;
	left: 0px;
	min-height: 0px;
	width: 900px;	
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	border-left: 0px solid #59361C;
  background-color: #F2AA62;
  background-image: url('images/header_bg_3rd_level.gif');  
  background-position: left bottom;
}

/*////////////////////////////////////////////////////////////
//// FUNCTIONBAR FORMATTING (HOSTS QUICKSEARCH AND MINIBASKET
////////////////////////////////////////////////////////////*/
#functionbar{
  position: relative;
  z-index: 18;
  top: -26px;
  left: 3px;
	width: 900px;	
  background-color: #555C0E;
  background-image: url('images/functionbar_bg_center.gif'); 
  background-repeat: repeat-x; 
  background-position: left bottom;
}

/*//////////////////////////////////////////////
//// MINIBASKET FORMATTING
//////////////////////////////////////////////*/
#spaceline{
  position: relative;
  z-index: 19;
  top: -23px;
  left: 0px;  
  height: 8px;
	width: 900px;	
  background-color: #9D550D;
  background-image: url('images/spaceline_bg_center.gif'); 
  background-repeat: repeat-x; 
  background-position: left bottom;
}

#minibasket{
  color: #000000;
  padding: 3px 5px 3px 10px;

}
#minibasket a{color: #000000}
#minibasket a:hover{color: #555C0E}

.minibasket-header{
	font-weight: bold;
	padding-left: 22px;
	background: url('images/ic_basket.gif') left center no-repeat;
}
.minibasket-value{
  font-weight: bold;
}
.minibasket{
  color: #59361C;
}
.minibasket-caption{color: #59361C}
.minibasket-footer{color: #59361C}

/*//////////////////////////////////////////////
//// SEARCHBAR FORMATTING
//////////////////////////////////////////////*/

#quicksearch{
  color: #000000; 
  padding: 3px 10px 3px 5px;
}
#quicksearch form{display: inline}
#quicksearch input{vertical-align: middle; margin-right: 4px}
#quicksearch a{color: #000000}
#quicksearch a:hover{color: #555C0E}

input.quicksearch-term{
  border: 1px solid #555C0E; 
  padding: 1px;
}

.lowerbody{
	padding: 10px;
	position: relative;
	top: -28px;
}

/*//////////////////////////////////////////////
//// SUBNAVIGATION (Level 4 and deeper).
//////////////////////////////////////////////*/
#subnav{
	width: 200px;
	border-top: 1px solid #889700;
	border-right: 1px solid #889700;
	border-left: 1px solid #889700;
}
#subnav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#subnav li{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#subnav li a, #subnav li a.expanded{
	display: block;
	text-decoration: none;
	padding: 3px 2px 3px 16px;
	/*position: relative;
	width: 100%;*/
	color: #373F05;
	border-bottom: 1px solid #889700;
	overflow: hidden;
}
#subnav li a:hover{background: #C9CB74}
#subnav li a.expanded{
	font-weight: bold;
	text-transform: uppercase;
	background: url('images/bullet_navitem_exp.gif') 185px center no-repeat #B5BB51;
	padding: 3px 15px 3px 3px;
}
#subnav li a.selected{
	font-weight: bold;
	background: url('images/bullet_default.gif') 3px center no-repeat #C9CB74;
}

/*
#subnav li a.haschildren{
	background: url('images/bullet_default.gif') 155px center no-repeat;
}
#subnav li a.haschildren:hover{
	background: url('images/bullet_default.gif') 155px center no-repeat #FFE864;
}
*/
#subnav li a.expanded:hover{background: url('images/bullet_navitem_exp_hover.gif') 185px center no-repeat #B5BB51; color:#59361C}
#subnav li a.selected:hover{background: url('images/bullet_default.gif') 3px center no-repeat #B5BB51}

/*//////////////////////////////////////////////
//// CatNav NEU
//////////////////////////////////////////////*/

.catnav-row{
	font-family:Verdana, sans-Serif;
	font-size:10px;
	border-bottom:0px solid #59361C;
	padding: 0;
}

.catnav-selected{
	background-color:#9D550D;
	color:#FFE864;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}

.catnav-row img{
	margin-left:3px;
	margin-right:3px;
}
.catnav-row a{
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	color:#59361C;
	display:block;
}
.catnav-row a:hover{
	background-color:#9D550D;
	color:#FFE864;
}

/*//////////////////////////////////////////////
//// ContNav NEU
//////////////////////////////////////////////*/

.contnav-title{
	width: 200px;
	background: url('images/btn_level2_empty.gif') repeat-x; 
	padding: 3px 0px 3px 3px;
  border-top: 1px solid #9D550D;
	border-bottom: 1px solid #9D550D;
	border-left: 1px solid #9D550D;
	border-right: 1px solid #9D550D;
	font-weight: bold;
}
.contnav-title a{
  width: 200px;
  text-decoration: none;
  color: #ffffff;
}
.contnav-title a:hover{
  width: 200px;
  text-decoration: underline;
}
.contnav-row{
	width: 100%;
	border-bottom: 1px solid #9D550D;
	border-left: 1px solid #9D550D;
	border-right: 1px solid #9D550D;
	padding: 0px;
}
.contnav-row a{
	width: 100%;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}
.contnav-selected{
	width: 100%;
	border-bottom: 1px solid #9D550D;
	border-left: 1px solid #9D550D;
	border-right: 1px solid #9D550D;
	padding: 0px;
	text-decoration: none;
	background-color: #C9CB74;
}
.contnav-selected a{
	width: 100%;
	padding-bottom: 0px;
	text-decoration: none;
	background-color: #C9CB74;
}
.contnav-row a:hover{
	width: 100%;
	padding-bottom: 0px;
	text-decoration: none;
	background-color: #C9CB74;
}
.contnav-row-last{
	width: 100%;
	border-bottom: 1px solid #9D550D;
	border-left: 1px solid #9D550D;
	border-right: 1px solid #9D550D;
	padding: 0px;
	text-align: right;
}
.contnav-row-last a{
	padding-right: 10px;
	text-align: right;
	text-decoration: none;
}
.contnav-row-last a:hover{
	width: 100%;
	background-color: #C9CB74;
	padding-right: 10px;
	text-align: right;
	text-decoration: none;
}

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/
#footer{
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: 5px solid #9D550D;
	background: #59361C;
	color: #F9F0EA;
	}
#footer *.t-weak{color:#AC9A8E}
#nav-footer a{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	}
#nav-footer a:hover{text-decoration: underline}
#nav-footer span{padding:0px 8px 0px 8px; color: #F9F0EA}

.copyinfo{
	text-align: center;
	margin-top: 5px;
	color: #AC9A8E;
}

/*//////////////////////////////////////////////
//// PAGINATOR
//////////////////////////////////////////////*/
#paginator{padding-top:5px; padding-bottom:5px}
#paginator a.pi, #paginator span{
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: 24px;
	height: 24px;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 2px;
	float: left;
	background:url('images/button_paginator.gif') no-repeat
}
#paginator a.pi{background:url('images/button_paginator.gif') no-repeat}
#paginator a.pi:hover{background:url('images/button_paginator_pushed.gif') no-repeat}
#paginator span.pi-active{background:url('images/button_paginator_pushed.gif') no-repeat}
#paginator span.pi-ellipsis{background:url('images/button_paginator.gif') no-repeat}
#paginator a.pi-first, #paginator span.pi-first{}
#paginator a.pi-last, #paginator span.pi-last{margin-right: 0px}
#paginator img.pi-img-prev {display:inline; float:left}
#paginator img.pi-img-next{display:inline}

/*//////////////////////////////////////////////
//// CONTAINER FORMATTING
//////////////////////////////////////////////*/

/* Default */

.cnt-def{
	border: 1px solid #9D550D;
	width: 100%;	
}
.cnt-def-header{
	background: url('images/bg_cnt_def_header.gif') left top repeat-x #E2BC4A;
	color: #59361C;
	font-weight: bold;
	border-bottom: 1px solid #9D550D;
	padding: 3px;	
}

/* Alternative */

.cnt-alt{
	border: 1px solid #889700;
	width: 100%;	
}
.cnt-alt-header{
	background: url('images/bg_cnt_alt_header.gif') left top repeat-x #B5BB51;
	color: #555C0E;
	font-weight: bold;
	border-bottom: 1px solid #889700;
	padding: 3px;	
}
.cnt-alt-body{
	/*
	color: #000000;
	font-weight: normal;
	padding: 0px;	
	*/
}

.cnt-alt-title-l{background: url('images/cnt-def-spacer-left.gif') repeat-y left top}
.cnt-alt-title-r{background: url('images/cnt-def-spacer-right.gif') repeat-y right top}
.cnt-alt-title a{
	padding: 3px 0px 3px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.cnt-alt-title a:hover{	text-decoration: underline;}

.cnt-simple{width: 100%;}
.cnt-simple-header{
	background: #E6E6B7;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #9D550D;
	padding: 3px;	
}
.cnt-hilite{
	border: 1px solid #555C0E;
	width: 100%;	
}
.cnt-hilite-header{
	text-align: center;
	background: #555C0E url('images/bg_cnt_hilite_header.gif') repeat-x;
	color: #FAFCE7;
	border-bottom: 1px solid #555C0E;
	padding: 3px;	
}
.cnt-body{padding: 0px}

/*////////////////////////////////////////////////
//// BASKET FORMATTING
////////////////////////////////////////////////*/
#basket{border-collapse:collapse; border-bottom: 1px solid #C9CB74}

#basket thead th{
	background: #889700; 
	color: #000000; 
	border-bottom: 1px solid #555C0E
	}

#basket tbody td{border-bottom: 1px solid #C9CB74}

#basket tfoot td{color:#000000; background:#F6F6F6}
#basket tfoot td.basket-summary{font-weight: bold}

table.basket-buttons{margin: 10px 0px 10px 0px}
#cnt-def table.basket-buttons td, #cnt-alt table.basket-buttons td, #cnt-hilite table.basket-buttons td{padding: 0px 5px 0px 5px}