

/*//////////////////////////////////////////////
//// GENERIC ELEMENT FORMATTING
//////////////////////////////////////////////*/
body{
	background: url('images/bg.jpg') repeat-x top #FFFFFF; 
	color:#000000;
	margin: 10px;
}
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: #808080}
img{border:0}
img.nopic{border:none}
/*img.thumb{}*/
a{color: #222222}
hr{
	width: 100%;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.site{
	width: 900px;border: 1px solid #24409D;
}
/*//////////////////////////////////////////////
//// PANES
//////////////////////////////////////////////*/
#pane-parent{
width: 100%;
background: url('images/bg_pane_parent.jpg') repeat-x #24409D; border-top: 1px solid #24409D

}
#pane-left{width: 170px;}
#pane-body{ background: #666697; border: 1px solid #24409D}
#pane-right{width: 160px}

/*//////////////////////////////////////////////
//// BREADCRUMB NAVIGATION
//////////////////////////////////////////////*/
#breadcrumb{
	padding-bottom: 3px;
	border-bottom: 1px solid #24409D;
	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:#FFFFFF}
.tc-alt{color:#000000}
.tc-altdark{color:#FFFFFF}

/*//////////////////////////////////////////////
//// 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:#000051;
}
.list-item{}
.list-item-alt{background:#ECDA91}
.list-item-border{border: 1px solid #474747}
.list-item-list-info{}
.list-item-partslist{
	background:#000051;
}
.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;
}

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

/*///////////////////////////////////////////////////
//// BANNER AREA (including level1-level3 navigation)
///////////////////////////////////////////////////*/
#topnav{

	width: 100%;
	height: 130px; 
	background: url('images/logo.jpg') left  top no-repeat #FFFFFF;
}

#topnav #clogo{
width:100%;
text-align: center;
	margin-left: 0px;
	padding-top: 0px;
}

/*///////////////////////////////////////////////////
//// LEVEL 1 NAVIGATION
///////////////////////////////////////////////////*/
.nav-level1{
	text-align: center; 
	color: #000000;}
.nav-level1 a{display: block;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
background: url('images/bnt-1-level.jpg') left top repeat-x #FFFFFF;
border: 1px outset #000051;
padding:3px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
vertical-align: middle;
margin-bottom: 3px; 
	}
.nav-level1 a:hover{text-decoration: underline}

/*///////////////////////////////////////////////////
//// LEVEL 2 AND LEVEL 3 NAVIGATION
///////////////////////////////////////////////////*/

#nav-level2{
	position: relative;
	top: 1px;
	height: 25px;
text-align:center;
width:100%;
z-index:1 	
}

/*////////////////////////////////////////////////////////////
//// FUNCTIONBAR FORMATTING (HOSTS QUICKSEARCH AND MINIBASKET
////////////////////////////////////////////////////////////*/
#functionbar{
width: 100%; 
background: url('images/bnt-1-level.jpg') repeat-x top #FFFFFF;
border-bottom: 1px solid #24409D;
padding: 2px}

/*//////////////////////////////////////////////
//// MINIBASKET FORMATTING
//////////////////////////////////////////////*/
#minibasket{color: #ECDA91; padding: 3px 5px 3px 3px}
#minibasket a{color: #ECDA91}
#minibasket a:hover{color: #474747}

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

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

#quicksearch{color: #ECDA91;}
#quicksearch form{display: inline; padding: 3px}
#quicksearch input{vertical-align: middle; margin-right: 4px}
#quicksearch a{color: #ECDA91}
#quicksearch a:hover{color: #474747}

input.quicksearch-term{border: 1px solid #474747; width: 125;padding: 1px}

/*///////////////////////////////////////////////////
//// SUBNAVIGATION (LEFTHAND)
///////////////////////////////////////////////////*/
#subnav{
	width: 170px;
border: 1px outset #000051;
border-bottom: 0px none
}
#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: #1B1B3F;
	border-bottom: 1px outset #000051;
	overflow: hidden;
}
#subnav li a:hover{background: #ECDA91}
#subnav li a.expanded{
	font-weight: bold;
	text-transform: uppercase;
	background: url('images/bullet_navitem_exp.gif') 155px center no-repeat #ECDA91;
	padding: 3px 15px 3px 3px;
}
#subnav li a.selected{
background: url('images/bnt-1-level.jpg') top repeat-x #FFFFFF;
text-transform: uppercase
}

/*
#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 #000051;
}
*/
#subnav li a.expanded:hover{background: url('images/bullet_navitem_exp.gif') 155px center no-repeat #ECDA91; color:#001459}
#subnav li a.selected:hover{background: url('images/bullet_default.gif') 3px center no-repeat #ECDA91}

.container{
border: 1px outset #000051;
}
.container-header{	
	text-align: center; 
background: url('images/bnt-1-level.jpg') top repeat-x #FFFFFF;
border-bottom: 1px outset #000051;
height:20px;
padding: 2px;
padding-right: 10px;
padding-left: 10px;
	text-transform: uppercase;
}
.container-header a{
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.container-row{
	width: 170px;
	border-bottom: 1px solid #24409D;
	background-color: #ffffff;
	padding: 0px;
}

.container-selected{
	background: #000051;
	font-weight: bold;
}

.container-row img{
	margin-left: 3px;
	margin-right: 3px;
}
.container-row a{
	text-decoration: none;
	padding: 2px;
	color:#000000;
	display: block;
}
.container-row a:hover{	background: #F6F6F6;}

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/
#footer{
	width: 100%;
	padding: 0px 0 0px 0;
	text-align: center;
	background: @@;
	color: #FFFFFF;
	}
#footer *.t-weak{color:#808AAC}
#nav-footer a{
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	}
#nav-footer a:hover{text-decoration: underline}
#nav-footer span{padding:0px 8px 0px 8px; color: #001459}

.copyinfo{
	text-align: center;
	margin-top: 0px;
	color: #000000;
}
/*////////////////////////////////////////////////
//// CHECKOUT BAR
////////////////////////////////////////////////*/
#checkout-bar{background-color: transparent}
#checkout-bar td{padding: 2px}
.checkout-item{color: #808080;}
.checkout-item div{color: #808080}
.checkout-item-active{
	color: #474747;
	background: #ECDA91;
	border: 1px solid #001459
}
.checkout-item-active div{color: #474747}
#checkout-bar h3{margin-bottom: 0}

/*//////////////////////////////////////////////
//// 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; vertical-align: middle}
#paginator img.pi-img-next{display:inline}

/*//////////////////////////////////////////////
//// CONTAINER FORMATTING
//////////////////////////////////////////////*/
.cnt-def{
border: 1px outset #000051;
	width: 100%;	
}
.cnt-def-header{
	background: url('images/bg_cnt_def_header.jpg') left top repeat-x #0B1368;
	color: #001459;
	font-weight: bold;
border-bottom: 1px outset #000051;
	padding: 3px;	
}
.cnt-alt{
	border: 1px solid #ECDA91;
	width: 100%;	
}
.cnt-alt-header{
	background: url('images/bg_cnt_alt_header.jpg') left top repeat-x #ECDA91;
	color: #474747;
	font-weight: bold;
	border-bottom: 1px solid #ECDA91;
	padding: 3px;	
}
.cnt-alt-body{
	/*
	color: #000000;
	font-weight: normal;
	padding: 0px;	
	*/
}
.cnt-simple{width: 100%;}
.cnt-simple-header{
	background: #FFFFFF;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #24409D;
	padding: 3px;	
}
.cnt-hilite{
	border: 1px solid #474747;
	width: 100%;	
}
.cnt-hilite-header{
	text-align: center;
	background: #474747 url('images/bg_cnt_hilite_header.gif') repeat-x;
	color: #FFFFFF;
	border-bottom: 1px solid #474747;
	padding: 3px;	
}
.cnt-body{padding: 0px}

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

#basket thead th{
	background: #ECDA91; 
	color: #000000; 
	border-bottom: 1px solid #474747
	}

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

#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}

/*
#product_price{
	font-size: 14px;
	color: #ff0000;
}
.t-price-list{
	font-size: 14px;
	color: #ff0000;
}
*/

