/*//////////////////////////////////////////////
//// GENERIC ELEMENT FORMATTING
//////////////////////////////////////////////*/
body{
	background: url('images/shopbg.jpg') repeat #919393;
	color: #7F7F7F;
	margin: 0px;
}
h1 {color:white}
body,td,div,p{

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}
th{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
tfoot td{color: #BFBFBF}
img{border:0}

td.cnt-high-body img.thumb, td.cnt-high-body img.nopic, td.cnt-high-body img.category-image, td.cnt-high-body img#product_picture {border: 1px solid #3C3C3C}
td.cnt-subnav-body img.thumb, td.cnt-subnav-body img.nopic, td.cnt-subnav-body img.category-image , td.cnt-subnav-body img#product_picture {border: 1px solid #3C3C3C}

a{color: #7F7F7F}
hr{
	width: 100%;
	height: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.site{
	width: 1000px;
}

#topnav{

	width: 100%;
      height:150px;
	background: url('images/logo.jpg') top center no-repeat transparent;
}

#topnav #clogo{

	left: 0px;
	top: 0px;
}
#nav-top{

	background: url('') left 26px repeat-x; 
	border-bottom: 1px solid #E6E6E6;
}

/*//////////////////////////////////////////////
//// CONTAINER FORMATTING
//////////////////////////////////////////////*/
.cnt-def{width: 100%;}
.cnt-border-bottom{border-bottom: 1px solid #CFCFCF; }
.cnt-border-alt-bottom{border-bottom: 1px solid #939393; }
.cnt-title-content{	
	vertical-align: middle;
	font-weight: bold;
	width: 100%;
	padding-top: 1px;
}
.cnt-body-content{padding: 3px 0px 0px 0px;}
.cnt-static{margin: 5px 0px 10px 0px; width: 100%}

/*//////////Default-Container//////////////////*/
.cnt-default-title{background: url('images/default_fill_2nd_level.gif') repeat-x left top #F3F3F3; padding: 3px 2px 3px 2px}
.cnt-default-title-l{background: url('images/left_2nd_level.gif') no-repeat left top; height: 26 }
.cnt-default-title-r{background: url('images/right_2nd_level.gif') no-repeat right top}
.cnt-default-body{background: #ffffff}
.cnt-default-body-l{background: url('images/cnti-def-bg-lm.gif') repeat-y left top}
.cnt-default-body-r{background: url('images/cnti-def-bg-rm.gif') repeat-y right top}
.cnt-default-bottom-mid{background: url('images/cnti-def-bg-mb.gif') repeat-x left bottom}

/*//////////Alternative-Container//////////////////*/
.cnt-alt-title{background: url('images/cnti-alt-bg-mt.gif') repeat-x left top #F9F9F9; padding: 3px 2px 3px 2px}
.cnt-alt-title-l{background: url('images/cnti-alt-bg-lt.gif') repeat-y left top}
.cnt-alt-title-r{background: url('images/cnti-alt-bg-rt.gif') repeat-y right top}
.cnt-alt-body{background: #ffffff}
.cnt-alt-body-l{background: url('images/cnti-alt-bg-lm.gif') repeat-y left top}
.cnt-alt-body-r{background: url('images/cnti-alt-bg-rm.gif') repeat-y right top}
.cnt-alt-bottom-mid{background: url('images/cnti-alt-bg-mb.gif') repeat-x left bottom}

/*//////////Highlight-Container//////////////////*/
.cnt-high-title{background: url('images/alt_fill_2nd_level.gif') repeat-x left top #F3F3F3; padding: 3px 2px 3px 2px}
.cnt-high-title-l{background: url('images/alt-left_2nd_level.gif') no-repeat left top; height: 26 }
.cnt-high-title-r{background: url('images/alt-right_2nd_level.gif') no-repeat right top}
.cnt-high-body{background: #F3F3F3}
.cnt-high-body-l{background: url('images/cnti-def-bg-lt.gif') repeat-y left top}
.cnt-high-body-r{background: url('images/cnti-def-bg-rt.gif') repeat-y right top}
.cnt-high-bottom-mid{background: url('images/cnti-high-bg-mb.gif') repeat-x left bottom}

/*//////////Simple-Container//////////////////*/
.cnt-simple-title{font-weight: bold; margin-bottom: 4px}
.cnt-simple-lt{background: url('images/cnti-def-bg-lm.gif') repeat-y left top}
.cnt-simple-rt{background: url('images/cnti-def-bg-rm.gif') repeat-y right top}
.cnt-simple-body{background: url('images/cnti-simple-bg-mt.gif') repeat-x left top #ffffff; width: 100%}
.cnt-simple-body-l{background: url('images/cnti-def-bg-lm.gif') repeat-y left top}
.cnt-simple-body-r{background: url('images/cnti-def-bg-rm.gif') repeat-y right top}
.cnt-simple-bottom-mid{background: url('images/cnti-def-bg-mb.gif') repeat-x left bottom}

/*//////////Simple2-Container//////////////////*/
.cnt-simple2-title{background: url('images/cnti-simple2-bg-mt.gif') repeat-x left top #F3F3F3;}
.cnt-simple2-title-l{background: url('images/cnti-simple2-c-lt.gif') repeat-y left top}
.cnt-simple2-title-r{background: url('images/cnti-simple2-c-rt.gif') repeat-y right top}

/*//////////Minibasket-Container//////////////////*/
.cnt-subnav-body{background: #F9F9F9}
.cnt-subnav-body-l{background: url('images/cnti-subnav-bg-lm.gif') repeat-y left top}
.cnt-subnav-body-r{background: url('images/cnti-subnav-bg-rm.gif') repeat-y right top}
.cnt-subnav-bottom-mid{background: url('images/cnti-subnav-bg-mb.gif') repeat-x left bottom}

/*//////////Breadcrumb-Container//////////////////*/
.cnt-breadcrumb-title{font-weight: bold; margin-bottom: 4px}
.cnt-breadcrumb-lt{background: url('images/cnti-def-bg-lm.gif') repeat-y left top}
.cnt-breadcrumb-rt{background: url('images/cnti-def-bg-rm.gif') repeat-y right top}
.cnt-breadcrumb-body{background: url('images/cnti-simple-bg-mt.gif') repeat-x left top #ffffff; width: 100%}
.cnt-breadcrumb-body-l{background: url('images/cnti-def-bg-lm.gif') repeat-y left top}
.cnt-breadcrumb-body-r{background: url('images/cnti-def-bg-rm.gif') repeat-y right top}
.cnt-breadcrumb-bottom-mid{background: url('images/cnti-def-bg-mb.gif') repeat-x left bottom}

/*///////////////////////////////////////////////////
//// LEVEL 1 NAVIGATION
///////////////////////////////////////////////////*/
#nav-level1{
	align: right;
	padding: 0px;
	height: 25px;
	margin-bottom: 0px;
}
#nav-level1 a{
	text-align: center;
	padding: 5px;
	color: #000000;
	text-decoration: none;
	}
#nav-level1 a:hover{text-decoration: none; color:#3F4141}
#nav-level1 span{vertical-align: middle}

/*///////////////////////////////////////////////////
//// LEVEL 2 NAVIGATION
///////////////////////////////////////////////////*/
#nav-level2{
	/*background: url('images/gradient_2nd_level.gif') repeat-x left; */

	position: relative;
	top: 1px; }
#nav-level2 a{text-decoration:none; color: #7F7F7F}
#nav-level2 a:hover{color: #3C3C3C}
#nav-level2 a.sel{color: #ffffff}
#nav-level2 a.sel:hover{color: #FFFFFF}
.button{
	background: url('images/default_fill_2nd_level.gif') repeat-x left;
	vertical-align: top;
padding-left: 1px;
padding-right: 1px;
	padding-top: 7px;
	font-weight: bold;
	white-space:nowrap; 
}
.button-sel{
	background: url('images/default_fill_2nd_level_sel.gif') repeat-x left;
	vertical-align: top;
	padding-top: 7px;
	font-weight: bold;
	white-space:nowrap; 
}
#buttonbarbottom{
	width: 100%;

	border-top: 1px solid #E6E6E6;
	/*border-bottom: 1px solid #FFFFFF;
	background-color: #7F7F7F;*/
	overflow: hidden;

}
/*///////////////////////////////////////////////////
//// LEVEL 3 NAVIGATION
///////////////////////////////////////////////////*/
#nav-level3{
	text-align: center;
	width: 100%;

	background: url('images/bg-level3.gif') top repeat-x left;
	overflow: hidden;
	clear: both;
	white-space: nowrap;
}
#nav-level3 td{
padding: 10px;
	padding-left: px;
}
#nav-level3 a{
	position: relative;
	vertical-align: bottom;
	padding: 0 8px 0 0;
	font-weight: bold;
	/*font-size: 11;*/
	color: #3C3C3C;
	text-decoration: none;
}
#nav-level3 a:hover{text-decoration: underline}
#nav-level3 a.selected{color:#7F7F7F}
#nav-level3 span{vertical-align: middle;}

/*///////////////////////////////////////////////////
//// SUBNAVIGATION (LEFTHAND)
///////////////////////////////////////////////////*/
.catnav{width: 100%}
.catnav-row{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px solid #7F7F7F;
	background-color:#FFFFFF;
	padding:0;
}

.catnav-selected{
	background-color:#CFCFCF;
	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;
	display:block;
}
.catnav-row a:hover{
	background-color:#CFCFCF;
	color:#000000;
}
.subnav-selected {background:#7F7F7F;width:100%}

.container{ border: 1px solid #CFCFCF;}
.containerparent{
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}
.container-header{background-color: #CFCFCF; padding-bottom: 3px;}
.container-header a{
	text-decoration: none;
	padding: 3px 3px 3px 3px;
	color: #ffffff;
	font-weight: bold;
}
.container-row{
	width: 180px;
	border-right: 1px solid #939393;
	border-left: 1px solid #939393;
	background-color: #F9F9F9;
	padding: 0px;
}

.container-row-cntactive{
	width: 180px;
	border-right: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	background-color: #F3F3F3;
	padding: 0px;
}

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

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

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

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/
#footer{

	padding: 0;
	text-align: center;

	overflow: hidden;
}

#nav-footer {

	padding: 3px 0 2px 0;
}

#footer a, #nav-footer a{
	text-decoration: none;padding:0px 4px 0px 4px;

}
#nav-footer a:hover, #footer a:hover{text-decoration: none; color: #3C3C3C}
#nav-footer span{ color: #7F7F7F}

.t-weak{color:#000000; }

.copyinfo{
	text-align: center;
	color: #7F7F7F;
}

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

/*//////////////////////////////////////////////
//// SEARCHBAR & MINIBASKET FORMATTING
//////////////////////////////////////////////*/
#searchbar {width: 100%}
#searchbar form{padding: 2px; padding-bottom:4px; margin: 0px}

#quicksearch {padding: 2px;padding-left: 5px;}
#quicksearch form{display: inline; }
#quicksearch input{vertical-align: middle; margin-right: 4px}
#quicksearch a {color:#7F7F7F}
input.quicksearch-term{border: 1px solid #CFCFCF; padding: 1px; width: 120px}

.minibasket-value{
	width:80%;
	text-align:right;
	font-weight:bold;
}
#minibasket a{
	display: block;
	text-align: right;
	color: #7F7F7F;
}

/*//////////////////////////////////////////////
//// BREADCRUMB FORMATTING
//////////////////////////////////////////////*/
a.breadcrumb{text-decoration: none;}
a.breadcrumb:hover{text-decoration: underline;}

/*//////////////////////////////////////////////
//// SHIPMENT FORMATTING
//////////////////////////////////////////////*/

.shipment-parent{margin:5px 0px 20px 0px}
.shipment-content{background: url('') repeat-x left top;}

/*//////////////////////////////////////////////
//// PAGINATOR
//////////////////////////////////////////////*/
/* Inherited from global.css */

/*////////////////////////////////////////////////
//// BASKET FORMATTING
////////////////////////////////////////////////*/

#basket{ border-bottom: 1px solid #3C3C3C;}
#cnt-alt #basket{border-bottom: 1px solid #FFFFFF}

#basket thead th{
	background: #939393; 
	color: #000000; 
	border-bottom: 1px solid #3C3C3C
	}
#cnt-alt #basket thead th{
	background:none;
	border-bottom: 1px solid #FFFFFF
	}

#basket tbody td{
	background: #E6E6E6;
	border-bottom: 1px solid #3C3C3C;
	}
#basket tbody td.alt-item{background:#E6E6E6}
#cnt-alt #basket tbody td{
	background: transparent;
	border-bottom: 1px solid #FFFFFF;
}

#basket tfoot td{color:#000000}
#basket tfoot td.first-item{}
#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{padding: 0px 5px 0px 5px}

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

/*////////////////////////////////////////////////
//// CHECKOUT BAR
////////////////////////////////////////////////*/
#checkout-bar{background-color: transparent}
#checkout-bar td{padding: 2px}
.checkout-item{color: #BFBFBF;background: #FFFFFF;border: 1px solid #7F7F7F
}
.checkout-item div{color: #BFBFBF}
.checkout-item-active{
	color: #3C3C3C;
	background: #E6E6E6;
	border: 1px solid #3C3C3C
}
.checkout-item-active div{color: #3C3C3C}
#checkout-bar h3{margin-bottom: 0}

/*////////////////////////////////////////////////
//// SEARCH MASK
////////////////////////////////////////////////*/
#searchbar{width: 100%}
#searchbar-tabs{
	background-color: #FFFFFF;
	width: 100%;
}

#searchbar-tabs a, #searchbar-tabs div.tab-spring{
	padding: 7px 14px 7px 14px;
}

#searchbar-tabs a{
	display: block;
	float: left;
	text-decoration: underline;
	font-weight: bold;
}
#searchbar-tabs a.tab{
	color: #7F7F7F;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CFCFCF;
}
#searchbar-tabs a.tab:hover{color: #000000}
#searchbar-tabs a.act:hover{cursor: default}
#searchbar-tabs a.act{
	background-color: #919393;
	border: 1px solid #CFCFCF;
	border-bottom: 0;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#searchbar-tabs div.tab-spring{
	border-bottom: 1px solid #CFCFCF;
}

/*
#activetab{
	background-color: #FFFFFF;
	border-right: 1px solid #7F7F7F
}
*/

#searchbar-body{
	border: 1px solid #CFCFCF;
	border-top: 0;
	background-color: #919393;
	padding: 8px;
	clear: both;
	/*position: relative;
	top: -1px;
	z-index: -1;*/

}
#searchbar form{padding: 0; margin: 0;color:white}

#searchbar-body div{color:white}
#searchbar-body td{color:white}

#searchprogress{
	border: 0;
	padding: 2px;
	width: 100%;
}

/*////////////////////////////////////////////////
//// PRODUCT DISCOUNTS LIST
////////////////////////////////////////////////*/
*.discounts-list{
	width: 100%; 
	border-collapse: collapse;
}
*.discounts-list thead td.discounts-headline{
	background-color: white;
	color: #BFBFBF;
	font-weight: bold;
	text-align: center;
}
*.discounts-list thead th{
	background-color: white;
	color: #7F7F7F;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CFCFCF;
}
*.discounts-list tbody td{
	background-color: white;
	color: #7F7F7F; 
	text-align: center;
	border: 1px solid #CFCFCF;
}
*.discounts-list th, *.discounts-list td{padding: 3px}
*.discounts-list *.discounts-name{border-right: 0}
*.discounts-list *.discounts-from-amount{border-left: 0}