@import url("styles.css");
@import url("nav.css");
html,body {
	margin:0 auto;
	padding:0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#222222;
	background-color: #b8becc;
}

#content {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-image: url(../pix/bk-page.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
/* Head */
#head {
	height: 132px;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#headLogo {
	float: left;
	height: 100px;
	width: 475px;
	margin: 0px;
}
#headInfo {
	float: right;
	height: 100px;
	width: 360px;
	margin: 0px;
}
#headInfoNav {
	margin: 0px;
	height: 50px;
	width: 350px;
	text-align:right;
	padding: 10px 10px 0 0;
}
#headInfoSrch {
	margin: 0px;
	height: 60px;
	width: 350px;
	text-align:right;
} 
#headInfoSrchFrm {width:150px;float:right;}
#headNav {
	width: 840px;
	height: 32px;
	background-image: url(../pix/nav/main%20nav.png);
	background-repeat: no-repeat;
}
/* Content */
#contentMain {
	margin: 0px auto;
	width: 820px;
}
.contentBK {
	background-image: url(../pix/bk-content.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height:600px;
}
#contentCol1 {
	width: 210px;
	margin: 0px;
}
#contentCol2 {
	margin: 0px;
	width: 600px;
}
.contentFloatLeft {float:left}
.contentFloatRight {float:right}
.colImg{margin:20px 0 10px 0;width:210px;text-align:center;}

.homeBanner {
	height: 220px;
	width: 600px;
	margin: 0px 0 10px;
	background-color:#DDDDDD;
}
.homeOffer {
	width: 210px;
	margin: 0 0 6px;
	background-color:#ffffff;
}
.homeSection {
	width: 598px;
	margin: 0px 0 10px;
	background-color:#f5f5f5;
	border:solid 1px #969696;
}
.homeSectionHead {
	height: 20px;
	width: 588px;
	margin: 0 0 0px;
	padding: 5px;
	background-color: #dedede;
	border: solid 1px #AAAAAA;
	border-bottom:0px;
	background-image: url(../pix/bk-subhead.jpg);
	background-repeat: repeat-x;
}
.hsBox {
	width: 178px;
	margin: 10px;
	float: left;
}
.ie6 .hsBox {margin: 6px;}
.hsBox h2 {
	font-size:9pt;
	line-height:10pt;
	margin-bottom: 2px;
}
.hsBox h3 {
	font-size:12pt;
	color: #000066;
	margin: 4px 0 0;
	line-height:11pt;
}
.hsBox p { line-height:10pt;}
.hsBox small {font-size:8pt;}
.hsBoxImg, .hsBoxTxt { min-height:90px}
.hsBoxImg Img {border:solid 1px #DDDDDD}
.hsBoxImg td {vertical-align: middle;}

.ie6 .hsBoxImg, .hsBoxTxt { height:90px}

.hmDetails {float:right}

.homeSectionHead h2 A {
	color: #616C81;
}
#breadcrumb {
	height: 40px;
	width: 580px;
	margin: 0px;
}
#breadcrumbPages {
	height: 20px;
	text-align: right;
}
#breadcrumbTrail {}
/* Page */

.categoryHead {
	height: 90px;
	width: 590px;
	margin: 0 0 10px;;
	padding: 60px 0 0;
	background-repeat: no-repeat;
	border-bottom: solid 1px #AAAAAA;
}
.subHead {
	height: 20px;
	width: 570px;
	margin: 0 0 10px;
	padding: 5px;
	background-color: #dedede;
	border: solid 1px #AAAAAA;
	background-image: url(../pix/bk-subhead.jpg);
	background-repeat: repeat-x;
}
.subCatOuter {
	border: 1px solid #a6a6a6;
	width: 190px;
	float:left;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	margin: 0 0 7px;
}
.subCatOuterPad {margin:0 7px 7px 0}
.subCatInner {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #FFFFFF;
	height: 174px;
	width: 168px;
	padding: 10px;
}
.subCatTxt {min-height:150px;}
.ie6 .subCatTxt {height:150px;}

.productOuter {
	border: 1px solid #a6a6a6;
	width: 588px;
	background-color: #eeeeee;
	margin: 0 0 7px;
}
.productInner {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	border-left-color: #ffffff;
	width: 560px;
	padding: 10px;
	margin: 0 0 5px;
	background-color: #eeeeee;
}
.productTitle {
	height: 36px;
	width: auto;
}
.productDetails {
	float: right;
	width: 280px;
}
.productImg {
	float: left;
	width: 280px;
}
.productFrm {
	height: 30px;
	width: 564px;
}
.productCode {
	width: 260px;
	float: left;
	padding-top:6px;
}
.productOrder {
	float: right;
	width: 280px;
}
.productBanner {
	height: 40px;
	width: 560px;
	padding: 10px;
	background-color: #e5e5e5;
	border: 1px solid #dedede;
}

/* Buffer */
#bottompanel {
	margin: 0 auto;
	padding:10px 0 110px 0; /* bottom padding for footer */
}
/* Footer */
#footer {
	position:absolute;
	margin:0 auto;
	height:100px;
	bottom:0;
	left:0px;
	text-align:center;
	width:100%;
}
#footerContent {
	height: 85px;
	width: 842px;
	padding: 5px 0;
	margin: 0px auto;
	background-color: #DADDE4;
	text-align:left;
}

#footerContent img {float:left;margin:10px 10px;}
#footerContent h5 {margin:22px 10px;}
/* tidying */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}