/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 0.8em "trebuchet ms";
}

h1{	font: bold 2em "trebuchet ms"; color: #231f20; }
h2{	font: bold 1.8em "trebuchet ms"; color: #231f20; border-bottom: 4px solid #e5e5e5; }
h3{	font: bold 1.6em "trebuchet ms"; color: #231f20; }
h4{	font: bold 1.4em "trebuchet ms"; color: #231f20; }
h5{	font: bold 1.2em "trebuchet ms"; color: #231f20; }
h6{	font: bold 1.0em "trebuchet ms"; color: #231f20; }

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0.5em 0; }

hr{ background: #e5e5e5; height: 4px; border: none; color: #e5e5e5; }

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }
.blue{ color: #0093d0; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #0093d0;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }



input.submit{
	width: 100px;
	background: white;
	height: 24px;
}



#mainArea{
	width:950px;
	margin: 0 auto;
	overflow: hidden;
}

#accessibilitylinks{ display: none; }

#headerBg{ background: none; }

#header{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
#headerLeft{ float: left; }
#headerRight{ float: right; }

#basket{ margin-top: 5px; }
#basketTitle{ font: bold 1.8em "trebuchet ms"; }
#basket img{ vertical-align: middle; }

#search{ text-align: right; margin-top: 10px; margin-bottom: 10px; }
#searchinput{ width: 289px; padding: 3px; color: #9f9f9f; font-weight: bold; }

#navBg{ background: #0093d0 url(../gfx/navRepeat.gif) repeat-x; width: 100%; }
#nav{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	padding-left: 10px;
	overflow: hidden;
}
#nav li{ 
	float: left;
	list-style: none;
}
#nav a{
	color: #FFFFFF;
	font: bold 1.3em "trebuchet ms";
	display: block;
	padding: 10px;
}
#nav a:hover{
	background: #040304 url(../gfx/navOverRepeat.gif) repeat-x;
	text-decoration: none;
}
#nav #navOn a{
	background: #040304 url(../gfx/navOverRepeat.gif) repeat-x;
	text-decoration: none;
}




#leftcol { float: left; width:240px; margin-top:10px; }



#categories{ list-style: none; margin: 0; padding: 0; }
#categories a{ 
	font: 1.3em "trebuchet ms"; 
	color: #FFFFFF;
	display: block;
	background: #0184ba url(../gfx/categoriesBg.gif) top center no-repeat;
	padding: 1px 0 0 13px;
}
#categories a:hover{ text-decoration: none; color: #000000; }
#categories li{ 
	background: url(../gfx/categoriesBottom.gif) bottom center no-repeat; 
	padding: none; 
	width: 217px;
	margin: 2px 0;
	padding-bottom: 4px;
}
#categories .infoBoxHeadingFL{ margin: 0; padding: 0; }

#categories .subcat li a{ background: none; color: #000000; }
#categories .subcat li a:hover{ text-decoration: underline; }
#categories .subcat li{ background: none; }


#seealso{ list-style: none; margin: 10px 0 0 0; padding: 0; }
#seealso li{ margin: 4px 0; }
#seealso a{
	color: #000000;
	display: block;
	width: 171px;
	font: bold 1.2em "trebuchet ms";
	padding: 0 10px;
}
#seealso a:hover{
	color: #FFFFFF;
	background: #018cc5;
	text-decoration: none;
}
#seealso #seealsoOn a{
	color: #FFFFFF;
	background: #018cc5;
	text-decoration: none;
}

#magnification{ overflow: hidden; color: #a6a6a6; }
#magnification span{ font: bold 1.2em "trebuchet ms"; display: block; } 



#rightcol{ float: right; width: 690px; }

td.formAreaTitle{
	color: #000000;
	background: none;
	text-align:left;
}


#visuallyimpaired{ font: bold 1.6em "trebuchet ms"; float:right; }
#visuallyimpaired a{ color: #000000; }

.noborder table{ border: none; }

.indexProducts .productName{ font: bold 1.0em "trebuchet ms"; color: #7f7f7f; }
.indexProducts .productPrice{ font: bold 1.2em "trebuchet ms"; color: #1c88c7; }
.indexProducts .productCategory{ font: bold 1.4em "trebuchet ms"; color: #000000; }
.indexProducts .productSpecialPrice{ font: bold 1.2em "trebuchet ms"; }

.subCatLink{ font: bold 1.4em "trebuchet ms"; }

.productListing-data .productName{ font: bold 1.3em "trebuchet ms"; color: #7f7f7f; }
.productListing-data .productPrice{ font: bold 1.2em "trebuchet ms"; }
.productListing-data .productCategory{ font: bold 1.6em "trebuchet ms"; color: #000000; }
.productListing-data .productSpecialPrice{ font: bold 1.2em "trebuchet ms"; }


#productsRight .productName a{ font: bold 1.6em "trebuchet ms"; color: #000000; } 
#productsRight .productName{ font: bold 1.6em "trebuchet ms"; color: #000000; }
#productsRight .productPrice{ font: bold 1.4em "trebuchet ms"; color: #0e72ba; }
#productsRight .productSpecialPrice{ font: bold 1.3em "trebuchet ms"; }
.productModel{ font: bold 0.9em "trebuchet ms"; color: #7f7f7f; }
.productDescription{ color: #7f7f7f; margin: 10px 0; }

#productsLeft{ float: left; width: 45%; }
#productsRight{ float: right; width: 48%; }



#footerBg{ background: url(../gfx/footerBgRepeat.gif) repeat-x; width:100%; clear: both; margin-top:20px; }
#footer{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0; 
}
#footer h4{ font: bold 3em "trebuchet ms"; }
#footer h5{ font: bold 2.4em "trebuchet ms"; text-align: center; }
#footer h6{ font: bold 1.6em "trebuchet ms"; text-align: center; }

#footerLeft{ float: left; width: 675px; }
#footerRight{ float: right; width: 245px; }

#footer ul{ float: left; width: 194px; margin: 0 30px 0 0; padding: 0; }
#footer li{ 
	list-style: none;
	border-bottom: 1px dotted #b8b8b8;
	padding: 5px 0;
}
#footer ul li a{
	color: #5f5f5f;
	font: 1.3em "trebuchet ms";
}

#footer .tl, #footer .tr, #footer .bl, #footer .br { background-image: url(../gfx/boxCorners-footer.gif); }



#roundedbox {
  	border-top: 1px solid #e0e0d8;
    border-bottom: 1px solid #e0e0d8;
    background: #FFFFFF;
}
#roundedbox:after {
    content: "."; 
    display: block;
    height: 0; 
	clear: both; 
    visibility: hidden;
}
#roundedbox .content {
	padding: 0 10px;	
	clear: both;	
	position: relative;	
	border-right: 1px solid #e0e0d8;	
	border-left: 1px solid #e0e0d8;
	overflow: hidden;
}
.tl, .tr, .bl, .br {	
	width: 10px; /* Size of corner */	
	height: 10px; /* Size of corner */	
	display: block;	
	position: relative;	
	overflow: hidden;
	background: url(../gfx/boxCorners.gif);
}
.tl {
	background-position: 0 0;
	float: left;
	margin-top: -1px;
	margin-left: 0px;
} 
.tr {
	background-position: 10px 0;
	float: right;
	margin-top: -1px;
	margin-right: 0px;
}
.bl {
	background-position: 0 10px;
	float: left;
	margin-bottom: -1px;
	margin-left:0px;
} 
.br {
	background-position: 10px 10px;
	float: right;
	margin-bottom: -1px;
	margin-right: 0px;
}