@charset "utf-8";
/* CSS Document */
html, body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
a img{
	border: 0;
	}	
.strikeOutText{ text-decoration: line-through; }
.clearBoth{clear: both;}
.floatRight{float: right;}
.floatLeft{float: left;}
img.floatLeft{ display: table-cell; vertical-align: bottom }
img.centerImg{ display: block; text-align: center; }

.mainContent {font-family: Arial, Helvetica, sans-serif; font-size:11px;}

a { color: #447AB0; }
a:hover { color: #9FBDDA; }
	
input[type="image"], .point{
	cursor: pointer;
	}


.errorMsg{
	font-size: 12px;
	color:#3399FF;
	font-weight: bold;
	}

select.sortSel{
	color:#000099;
	font-size: 12px;
	margin-bottom: 5px;
	}
	
.sortTitle{
	font-size: 10px;
	color:#333333;
	}


/* Main Page Layout CSS */
	
table#sfTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	}
td#mainContentContainer{
	width:600px;
	}

.leftNavContainer{
	border: 1px solid #A5A5A5;
	background-color: #FFFFFF;
	width:144px;
	}
	
/* Navigation Layout / Basic classes / Background */
/*.leftMenuPadding {padding-left: 5px; padding-bottom: 4px; padding-right: 2px;}*/

.navTopRound{
	width: 165px;
	height:28px;
	overflow: hidden;
	background-image: url(images/leftnav/searchSinksBar.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	}
.navContentWrap{
	width: 165px;
	background-image: url(images/leftnav/search_bgcontent.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	}
.navBottomRound{
	width: 165px;
	height: 15px;
	background-image: url(images/leftnav/search_bottom.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}
.navContent{
	font-size: 11px;
	padding: 5px 5px 5px 10px;
	}
td#leftNavContainer form {
	margin: 0 auto 4px auto;
	padding: 0;
	font-weight: bold;
	}
input.txtField{
	color:#666666;
	font-weight: bold;
	}
select.navSelect{
	color: #447AB0;
	font-weight: bold;
	width: 145px;
	margin-top: 2px;
	margin-bottom: 10px;
	}
#lnavOn{
	background-color:#FEAD12;
	color: #FFFFFF;
	}
p.navSubTitle{
	color: #FFFFFF;
	margin: 0;
	padding: 1px;
	}
.smText{
	font-size: 11px;
	color: #A5A5A5;
	font-weight: bold;
	}
.bText{
	font-size: 11px;
	font-weight: bold;
	color: #447AB0;
	}
a.smText{
	line-height: 20px;
	color: #447AB0;
	text-decoration: underline;
	}
a.smText:hover{
	color: #7FA9D3;
	}
	
a.navTextSM:link {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#7D7C7A; text-decoration: none;}
a.navTextSM:visited {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#7D7C7A; text-decoration: none;}
a.navTextSM:hover {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#7D7C7A; text-decoration: underline; font-weight: bold;}
a.navTextSM:active {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#7D7C7A; text-decoration: none;}
	
	
	
/* Content Layout / Backgrounds */
#headTable{
	background-repeat:no-repeat;
	height: 180px;
	width: 641px;
	}

#contentTop{
	width:665px;
	height: 20px;
	margin-bottom: -2px;
	padding-left: 15px;
	background-image: url(images/maincontent/topBarAlternate2.gif);
	background-repeat:no-repeat;
	line-height:22px;
	font-size: 11px;
	color: #3f3eda;
	}
html>body #contentTop{ margin-bottom: 0; }
		
#popularDiv{
	float: right;
	margin: 3px 13px 0 0;
	z-index: 1;
	}
html>body #popularDiv{ margin-right: 30px; }

#popularContent{
	background-color:#F6F6F6;
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	z-index: 500;
	display: none;
	font-size: 11px;
	}
html>body #popularContent{ width: 141px; }	

#popularContent ul{
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
	}
#popularContent ul li{
	padding: 0;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 12px;
	}
#popularContent ul li a:hover{
	text-decoration: underline;
	color:#0066FF;
	}

	
#contentMainWrap{
	width: 665px;
	padding:10px;
	background-image: url(images/maincontent/bg_content.gif);
	background-repeat:repeat-y;
	color:#666666;
	}
#contentBottom{
	width: 665px;
	height: 10px;
	background-image: url(images/maincontent/bottomMain.gif);
	background-repeat:no-repeat;
	}
.pageContentTitle{
	font-size: 26px;
	color: #265380;
	font-weight: bold;
	margin: 10px 0 20px 10px;
	float: left;
	}
.popWrap{
	font-size: 10px;
	color: #447AB0;
	float:right;
	margin: 0 10px 0 5px;
	padding: 6px;
	border-left: 1px solid #CCCCCC;
	background: url(images/elements/gradient_down2.gif) repeat-x;
	}
#viewTabs{
	margin: 0;
	padding: 0 0 0 10px;
	height: 19px;
	position: relative;
	top: 161px;
	}
#viewTabs a{
	float: left;
	margin-right: 10px;
	}
#pageViewWrap{
	background-color:#018ABE;
	height: 28px;
	margin:0;
	line-height: 35px;
	overflow: hidden;
	width: 630px;
	padding: 0 5px 0 5px;
	}
html>body #pageViewWrap {
	width: 600px; /* FF/IE Fix */
	}
	
.paginateResults{
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 10px;
	line-height: 20px;
	}
.paginateResults a{
	color:#67604E;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0 3px 0 3px;
	margin-bottom: 2px;
	border: 1px #447AB0 solid;
	border-color:#000;
	}
*html #bfix a{
	display: inline-block;
	}
#bfix.paginateResults{
	float: none;
	}
.paginateResults a:hover{
	color: #000000;
	border: 1px #000000 solid;
	}
.paginateResults a.active{
	color:#FFFFFF;
	border: 1px #FFFFFF solid;
	background-color:#C1C0AE;
	}
.paginateResults a.disablePage{
	color:#CCCCCC;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0 3px 0 3px;
	margin-bottom: 2px;
	border: 1px #CCCCCC solid;
	}
	
.perPageForm form{
	margin:0;
	padding:0;
	}
.perPage{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	float: left;
	padding: 0;
	margin: 0;
	}
.perPage select{
	display:inline;
	margin: 3px 10px 0 0;
	padding: 0;
	font-weight: bold;
	color: #447AB0;
	background-color: #e9f1f8;
	}
html>body .perPage { 
	/*Hack for firefox */
	margin-top: -3px;
	}

.subPageHead td{
	height: 17px;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	background-color: #EEEEEE;
	}


#contentTable{
	background-image: url(images/maincontent/bg_content2.gif);
	background-repeat: repeat-y;
	}
	
/* Bread Crumb Nav Trail */
.navTrail{
	font-size: 11px;
	width: 650px;
	padding-bottom: 5px;
	}
.navText{ color: #f4a848; }
.navTrail a{ white-space: nowrap; }
a.navParent{}
a.navParent:hover{ color:#0099FF; }
a.navCurrent{ color:#707070; }
a.navCurrent:hover{ color: #707070; }

/* Grid view styling */
table.gridViewTable {
	margin: 3px 0 10px 0;
	}
table.gridViewTable td.gridCell{
	width: 233px; /*was 230*/
	vertical-align: top;
	padding: 8px 2px 8px 2px;
	}
table.gridViewTable td#gLeft{
	border-right: #999999 1px dashed;
	}
table.gridViewTable td#gCenter{
	border-right: #999999 1px dashed;
	}
table.gridViewTable td#gRight{
	}
table.gridViewTable tr.reg td.gridCell{
	border-top: #999999 1px dashed;
	}
table.gridViewTable tr.gTopR td.gridCell{
	border-top: none;
	}

table.innerTable {
	/*height: 100%;*/
	}
table.innerTable td{
	text-align: left;

	}

.productDescriptionWrapper{
	width:100%;
	height:100%;
	}
img.smallProductImage{
	width: 100%;
	height: 100%;
	}
.productDescriptionWrapper table{
	background-color:#FAFAFA;
	}
.pDetails{
	display: block;
	padding: 5px 4px 10px 4px;
	border: none;
	text-align: left;
	width: 95%;
	margin: 6px auto 0 auto;
	background-color: #FAFAFA;
	border: 1px dashed #F0F0F0;
	}
	
img.pManfImg{
	margin: 0;
	padding: 0;
	}

.imgHolderCell{
	padding: 2px;
	border: none;
	width: 60px;
	float: left;
	}

.productImageGrid{
	width: 80px;
	height: 80px;
	padding: 0px;
	overflow: hidden;
	}
	
.detailImg{
	}
	
.pManf{
	font-weight: bold;
	font-size: 14px;
	color:#67604E;
	}
.pBullet{
	background-image: url(images/elements/bullet2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 10px;
	color: #333333;
	display: block;
	padding: 0 0 0 8px;
	margin: 0;
	}
.pTitle{
	font-weight:bold;
	font-size: 11px;
	color:#437cb1;
	}
.pId{
	font-size: 11px;
	}
.pDesc{
	font-size: 11px;
	}
.pCode{
	font-size: 10px;
	}
.pPrice{
	font-size:16px;
	font-weight: bold;
	color: #CC0000;
	}
.pComp{
	font-size: 12px;
	color:#666666;
	font-weight: bold;
	white-space:nowrap;
	}
.smTitle{
	color:#333333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	}

/* List view styling */
.pDetailsList{
	vertical-align: top;
	display: block;
	padding: 2px;
	border: none;
	text-align: left;
	}
.listCell{
	border-bottom: 1px #999999 dashed;
	padding-bottom: 10px;
	padding-top: 10px;
	}
.imgHolderListCell{
	width: 130px;
	overflow: hidden;
	vertical-align:middle;
	text-align: center;
	}
.detailImgList{
	padding-top: 10px;
	}
.pManfList{
	font-weight: bold;
	font-size: 18px;
	color:#000066;
	}
.pTitleList{
	font-weight:bold;
	font-size: 14px;
	color:#666666;
	}
.pIdList{
	font-size: 11px;
	}
.pDescList{
	font-size: 11px;
	font-weight: bold;
	}
.pCodeList{
	font-size: 10px;
	}
.pPriceList{
	font-size:20px;
	font-weight: bold;
	color: #006600;
	}
.pCompList{
	color:#CC0000;
	font-weight: bold;
	}
.pAtrributeDiv{
	vertical-align: top;
	padding-left: 20px;
	width: 220px;
	}
ul.pAttributeList{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #444444;
	width: 250px;
	list-style-position:inside;
	}
ul.pAttributeList li{
	padding: 3px;
	}
ul.pAttributeList li b{
	color: #326393;
	}
ul.pAttributeList li.liOne{
	background-color: #e2eaf3;
	}
ul.pAttributeList li.liTwo{
	background-color: #c3d6e9;
	}

.attributeValue{
	font-size: 11px;
	color: #006699;
	}
	
/* Item view styling */
.itemPaginate{
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	}
.pDetailsItem{
	float: left;
	width: 180px;
	}
.itemText{
	color: #447AB0;
	font-weight: bold;
	}
.itemText b{
	color: #FFFFFF;
	}
a.traverseItem{
	color: #447AB0;
	font-weight: bold;
	padding: 0 10px 0 10px;
	}
a:hover.traverseItem{
	color:#FFFFFF;
	}
.traverseItem img{
	display: inline;
	vertical-align: text-top;
	}

hr.dashed{
	background-color: #FFFFFF;
	color:#FFFFFF;
	border: none;
	border-bottom: 1px dashed #CCCCCC;
	}
	
/* Product Details Page */
#productDetailContent{
	padding: 20px;
	}
a.backLink{
	color: #447AB0;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 2px 2px 2px;
	background-image: url(images/elements/link_underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
a.backLink:hover{	
	color:#00CCFF;
	background-image: url(images/elements/link_underline_hov.gif);
	}	
.backToSinks{
	background: url(images/maincontent/buttons/backtosinks_btn.gif) no-repeat;
	color: #FFFFFF;
	width: 171px;
	height: 19px;
	line-height: 18px;
	float: right;
	margin-right: 20px;
	}
.backToSinks a{
	margin: 0;
	padding: 0 0 0 30px;
	color:#E2EAF3;
	font-size: 11px;
	font-weight: bold;
	}
.backToSinks a:hover{
	color: #FFFFFF;
	text-decoration:underline;
	}
.backLink2 a{
	font-size: 11px;
	float: right;
	color: #dd9a1a;
	padding: 3px;
	background-color:#fff9d2;
	border: 1px solid #dd9a1a;
	}
.backLink2 a:hover{
	color: #5FD5FF;
	background-color:#FFFFFF;
	border: 1px solid #5FD5FF;
	}
h2.detailTitle{
	color: #417bad;
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	}
h2.detailSub{
	color:#666666;
	font-size: 14px;
	line-height: 12px;
	}
.detailImage{
	margin-right: 4px;
	float: left;
	}
.detailInfo{
	border: 1px #CCCCCC solid;
	background-color:#FAFAFA;
	padding: 12px;
	float: right;
	width: 150px;
	}
.detailMidSection{
	border: 1px #E2EAF3 solid;
	padding: 11px;
	margin: 10px 0 10px 0;
	}
.detailPriceBox{
	background-color: #FFEAC0;
	border: 1px solid #ffac33;
	background-image: url(images/elements/gradient_up1.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	margin-bottom: 6px;
	}
.PriceBoxHead{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFC85F;
	padding: 2px 2px 3px 5px;
	border-bottom: 1px solid #ffac33;
	}
	
a.colorSwatchImg, a.colorSwatchImgHover{
	margin: 5px;
	padding: 2px;
	float: left;
	cursor:pointer;
	border: 2px solid #F0F0F0;
	}
a.colorSwatchImgHover{
	border: 2px solid #ADC6DC;
	}
.isOn{
	margin: 5px;
	padding: 2px;
	float: left;
	border: 2px solid #0099FF;
	}

table.detailMidTable{
	width: 100%;
	}
table.detailMidTable td{
	padding: 7px;
	vertical-align: top;
	width: 33%;
	}

table.detailMidTable td.vertBord{
	border-left: 1px solid #FFC85F;
	}
	
ul.dBullets{
	color:#666666;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 0 16px;
	padding: 0;
	}	
ul.dBullets li{
	margin-bottom: 5px;
	}
.dManf{
	color: #27547F;
	font-size: 24px;
	font-weight: bold;
	}
.dManf img{
	vertical-align:text-top;
	}
.dId{
	font-size: 11px;
	}
.dLg{
	color: #27547F;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding:0;
	}

.dDesc{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	}

.dCode{
	font-size: 11px;
	}

.dTitle{
	color: #27547F;
	font-size: 22px;
	font-weight: bold;
	}
	
.dComp{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	}
table.dDescOpts td{
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	vertical-align: middle;
	text-align: left;
	}
img.dIcon{
	float: left;
	vertical-align: text-bottom;
	margin: 0 5px 5px 5px;
	}
.dSave{
	color: #0001cc;
	font-weight: bold;
	font-size: 12px;
	}
.dPrice{
	color:#de020e;
	font-size: 28px;
	font-weight: bold;
	}
.dPrice.hasSale{
	font-size: 18px;
	color:#764141;
	}
.dPrice h1{
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 11px;
	display: inline;
	}
	
.dShip{
	font-size: 11px;
	color: #447AB0;
	}
	
.dSalePrice{
	color:#de020e;
	font-size: 28px;
	font-weight: bold;
	margin:0;
	padding:0;
	line-height: 28px;
	}
.dSalePrice h1{
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 11px;
	}
	
.addToCart{
	color: #27547F;
	}
.addToCart form{
	margin: 0;
	padding: 0;
	}	
.addToCart form{
	font-weight: bold;
	padding-top: 3px;
	}
.addToCart form input{
	color: #27547F;
	font-weight: bold;
	}
ul.dAttributeList{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #444444;
	width: 350px;
	list-style-position:inside;
	}
ul.dAttributeList li{
	padding: 3px;
	}
ul.dAttributeList li b{
	color: #326393;
	}
ul.dAttributeList li.liOne{
	background-color: #e2eaf3;
	}
ul.dAttributeList li.liTwo{
	background-color: #c3d6e9;
	}
.cQuant{
	margin-top: 4px;
	float: left;
	}

table.dAttributeList{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #444444;
	width: 350px;
	}
table.dAttributeList td{
	padding: 3px;
	}
table.dAttributeList td b{
	color: #326393;
	}
table.dAttributeList tr.liOne{
	background-color: #e2eaf3;
	}
table.dAttributeList tr.liTwo{
	background-color: #c3d6e9;
	}
/*Product attributes on Item Page */
.pAtrributeDiv table.dAttributeList td{
	padding: 1px;
	}
table.listViewTable table.dAttributeList{
	width: 290px;
	}
table.itemViewTable table.dAttributeList{
	width: 290px;
	}
	
/* Javascript Rollover Image Div */
#testDiv{
	z-index: 500;
	position:absolute; top:0; left:0; 
	width: 350px; 
	height:250px; 
	padding-left: 20px;
	padding-top: 10px;
	font-size:12px; 
	display:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bubbletalk.png', sizingMethod='scale');
	}
html>body #testDiv { background-image: url(images/bubbletalk.png); background-repeat:no-repeat;}

/* Style spec's for tooltip  */
.leftNavSelects{
	margin-top: 12px;
	color: #447AB0;
	font-weight: bold;
	width: 152px;
	overflow: hidden;
	}

.leftColHeadline{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	display: block;
	}


	
a.toolTip{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	background-image: url(images/elements/helptip_navbg2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 15px;
	cursor: help;
	width: 146px;
	height: 18px;
	line-height:18px;
	}
html>body a.toolTip{ width: 132px; }

	
a.toolTip2{
	text-decoration: none;
	background-image: url(images/elements/helptip1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 15px;
	cursor: help;
	}
a.toolTip2:hover{
	color: 	#447AB0;
	}
	
html>body #refineFix {vertical-align:text-top;}	
	
/* Testing Classes */
.tester{
	color: #000000;
	font-size: 11px;
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	background-color:#CCFFCC;
	padding: 5px;
	}	

/* Browse add to cart */
.browseAddCart{ margin: 5px 0 0 0 ; padding:0; float: right;}
.browseAddCart form { margin: 0; padding: 0;}

/*Pop Up Styles*/
.popCompPrice{
	color:#990000;
	font-size: 11px;
	font-weight: bold;
	}
.popPrice{
	color:#006600;
	font-size: 12px;
	font-weight: bold;
	}
	
table.popAttList{
	font-weight: bold;
	font-size: 11px;
	margin: 5px;
	width: 300px;
	color:#447AB0;
	margin: 0;
	padding: 0;
	}
table.popAttList td{
	margin: 0;
	padding: 0 0 0 5px;
	}
table.popAttList tr.liOne{
	background-color: #DDDDDD;
	}
table.popAttList tr.liTwo{
	background-color: #EEEEEE;
	}
	
/*Draw Table Styles */

/*Style 1 - Standard Gray Table*/
table.drawTable1{	
}
table.drawTable1 td.LT, table.drawTable1 td.RT, table.drawTable1 td.LM, table.drawTable1 td.RM,
table.drawTable1 td.LB, table.drawTable1 td.RB{
	padding: 0;
	margin: 0;
	width: 6px;
	}
table.drawTable1 td.LT{ background: url("images/elements/drawTable/leftTopBorder.gif") no-repeat; }
table.drawTable1 td.LB{ background: url("images/elements/drawTable/leftBottomBorder.gif") no-repeat; }
table.drawTable1 td.RT{ background: url("images/elements/drawTable/rightTopBorder.gif") no-repeat; }
table.drawTable1 td.RB{ background: url("images/elements/drawTable/rightBottomBorder.gif") no-repeat; }
table.drawTable1 td.LM, table.drawTable1 td.RM{ background: url("images/elements/drawTable/midBorder.gif") repeat-y; }

table.drawTable1 td.Footer{ background: url("images/elements/drawTable/bottomBorder.gif") repeat-x; height: 6px;}
table.drawTable1 td.Title{
	background: url("images/elements/drawTable/midBar.gif") repeat-x;
	height:21px;
	color: #4c81b3;
	font-size: 14px;
	font-weight: bold;
	}
table.drawTable1 td.Content{
	padding:5px;
}


/*Style 2 - Blue Table (Price etc)*/
table.drawTable2{	
}
table.drawTable2 td.LT, table.drawTable2 td.RT, table.drawTable2 td.LM, table.drawTable2 td.RM,
table.drawTable2 td.LB, table.drawTable2 td.RB{
	padding: 0;
	margin: 0;
	width: 6px;
	}
table.drawTable2 td.LT{ background: url("images/elements/drawTable/leftBlueBorder.gif") no-repeat; }
table.drawTable2 td.LB{ background: url("images/elements/drawTable/leftBlueBottom.gif") no-repeat; }
table.drawTable2 td.RT{ background: url("images/elements/drawTable/rightBlueBorder.gif") no-repeat; }
table.drawTable2 td.RB{ background: url("images/elements/drawTable/rightBlueBottom.gif") no-repeat; }
table.drawTable2 td.LM, table.drawTable2 td.RM{ background: url("images/elements/drawTable/midBlueBorder.gif") repeat-y; }

table.drawTable2 td.Footer{ background: url("images/elements/drawTable/blueBottom.gif") repeat-x; height: 6px;}
table.drawTable2 td.Title{
	background: url("images/elements/drawTable/midBlueBar.gif") repeat-x;
	height:21px;
	color: #284a65;
	font-size: 12px;
	font-weight: bold;
	}
table.drawTable2 td.Content{
}

/*Style - 4 For reviews */
table.drawTable4{	
}
table.drawTable4 td.LT, table.drawTable4 td.RT, table.drawTable4 td.LM, table.drawTable4 td.RM,
table.drawTable4 td.LB, table.drawTable4 td.RB{
	padding: 0;
	margin: 0;
	width: 6px;
	}
table.drawTable4 td.LT{ background: url("images/elements/drawTable/reviewLT.gif") no-repeat; }
table.drawTable4 td.LB{ background: url("images/elements/drawTable/leftBlueBottom.gif") no-repeat; }
table.drawTable4 td.RT{ background: url("images/elements/drawTable/reviewRT.gif") no-repeat; }
table.drawTable4 td.RB{ background: url("images/elements/drawTable/rightBlueBottom.gif") no-repeat; }
table.drawTable4 td.LM, table.drawTable4 td.RM{ background: url("images/elements/drawTable/midBlueBorder.gif") repeat-y; }

table.drawTable4 td.Footer{ background: url("images/elements/drawTable/blueBottom.gif") repeat-x; height: 6px;}
table.drawTable4 td.Title{
	background: url("images/elements/drawTable/reviewMT.gif") repeat-x;
	height:21px;
	color: #284a65;
	font-size: 12px;
	font-weight: bold;
	}
table.drawTable4 td.Content{
	background-color: #adc6dc;
	border-bottom: 1px solid #7c7c7c;
	border-left: 1px solid #7c7c7c;
	border-right:1px solid #7c7c7c;
	padding: 4px;
}

table.drawTable4 td.Content .contOut{
	width: 100%;
	overflow: hidden;
	}
table.drawTable4 td.Content .contentTop, table.drawTable4 td.Content .contentBottom{
	background-color:#FFFFFF;
	border: 1px solid #666666;
	padding: 2px;
	}
table.drawTable4 td.Content .contentBottom{
	margin-top: 4px;
	}


/*Style 3 - Product Detail Image Table */
table.drawTable3{	
}
table.drawTable3 td.LT, table.drawTable3 td.RT, table.drawTable3 td.LM, table.drawTable3 td.RM,
table.drawTable3 td.LB, table.drawTable3 td.RB{
	padding: 0;
	margin: 0;
	width: 6px;
	}
table.drawTable3 td.LT{ background: url("images/elements/drawTable/leftTopLargeBorder.gif") no-repeat; }
table.drawTable3 td.LB{ background: url("images/elements/drawTable/leftBottomLargeBorder.gif") no-repeat; }
table.drawTable3 td.RT{ background: url("images/elements/drawTable/rightTopLargeBorder.gif") no-repeat; }
table.drawTable3 td.RB{ background: url("images/elements/drawTable/rightBottomLargeBorder.gif") no-repeat; }
table.drawTable3 td.LM, table.drawTable3 td.RM{ background: url("images/elements/drawTable/midBorder.gif") repeat-y; }

table.drawTable3 td.Footer{ 
	background: url("images/elements/drawTable/bottomLarge.gif") repeat-x; 
	height: 26px;
	font-weight: bold;
	}
table.drawTable3 td.Title{
	background: url("images/elements/drawTable/midBarLarge.gif") repeat-x;
	height:26px;
	color: #4c81b3;
	font-size: 14px;
	font-weight: bold;
	}
table.drawTable3 td.Content{
}

a.detailFunction{
	background: url("images/elements/blueLinkBack.gif") repeat-x;
	color: #6d95b9;
	font-size: 11px;
	line-height: 11px;
	padding: 0 3px 0 3px;
	height: 13px;
	overflow: hidden;
	border: 1px solid #6d95b9;
	cursor: pointer;
	}
a.detailFunction:hover { color:#FFFFFF; background: url("images/elements/blueLinkHover.gif") repeat-x; }

.grayBar{
	background-color:#969580;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color:#504A3A;
	border:none;
	padding:0;
	margin:0;
	}
html>body .grayBar{ }

a.openImage{
	font-size: 14px;
	font-weight: bold;
	padding: 0 3px 0 3px;
	background-color:#FFFFFF;
	border: 1px solid #666666;
	margin-right: 8px;
	}

td.dshippingCell{
	border-top: 1px dotted #333333;
	font-size: 11px;
	color: #5787b8;
	}
.shButton{
	margin: 3px 0 3px 5px;
	}
#shippingCost{
	float: right;
	background-color:#FFFFFF;
	font-size: 10px;
	color: #719bc3;
	border: 1px solid #a7b9c3;
	padding: 5px;
	width: 106px;
	height: 50px;
	overflow: hidden;
	margin-left: 5px;
	display: none;
	}
#shippingCost table.shipping{
	font-size: 10px;
	}
td.Lcell {
	font-size: 10px;
	color:#709cc3;
	} 
td.Rcell {
	font-size: 10px;
	color: #CC0000;
	text-align: right;
	}

/*Details Page Specs Tabs*/
.tabTable{
	background-color:#CCCCCC;
	padding: 4px;
	width: 100%;
	}
.tabContentWrap{
	background-color:#FFFFFF;
	}
td.tabContentCell{
	background-color: #999999;
	padding: 4px;
	}
.detailTabTable th.on{
	border: 1px solid #555555;
	background-color:#CCCCCC;
	padding: 0;
	}
.detailTabTable th.off{
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	background-color:#f4f4f4;
	padding: 0;
	}
.detailTabTable th.spacer{
	background-color:#FFFFFF;
	width: 12px;
	border: none;
	}
.detailTabTable{
	margin: 0;
	padding: 0;
	}
.tabContentOn{
	display:block;
	}
.tabContentOff{
	display: none;
	}

a.specTip {
	color: #5ca5e9;
	cursor: help;
	text-decoration: underline;
	}

table.specTable{
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #AAAAAA;
	}
table.specTable tr.cellA td{
	background-color:#e5e5e5;
	}
table.specTable tr.cellB td{
	background-color:#fcfcfc;
	}
	

.specSheetDl{
	font-size: 11px;
	margin: 5px;
	padding: 13px 0 0 30px;
	background-image: url(images/elements/pdf_icon.gif);
	background-repeat: no-repeat;
	background-x-position: left;
	background-y-position: top;
	height: 29px;
	display: block;
	}


/*Related Products */
.additionalProds{
	font-size: 10px;
	}
.relatedTitle{
	color: #89abce;
	font-weight:bold;
	font-size: 10px;
	}
table.relProd td{
	font-size: 11px;
	}
tr.relTopRow td.subT{
	border-bottom: 1px dotted #333333;
	}
td.subT{
	padding-top: 10px;
	padding-bottom: 5px;
	}
a.prodRelLink img{
	border:1px solid #333333;
	padding: 2px;
	}

/*Email form */
.subHead{
	text-align: left;
	font-size: 18px;
	color: #437ab2;
	border-bottom: 1px solid #457ab0;
	width: 100%;
	margin-bottom: 10px;
}

#emailForm{
	text-align: right;
	}
#emailForm input.txt{
	width: 200px;
	margin-bottom: 5px;
	vertical-align:middle;
	}
.emailSep{
	color: #FFFFFF;
	border: none;
	border-top: 1px dotted #666666;
	width: 200px;
	margin-top: 10px;
	background: none;
	}
.emailMsg{
	font-size: 14px;
	color: #447AB0;
	font-weight: bold;
	background-color:#EEEEEE;
	padding: 4px;
	}
/* Javascript Price Styles (Details) */
#JPrice{}
#JMSRP{
	font-size: 11px;
	}
#JSave{
	font-size: 11px;
	}
	
/* BROWSE PAGE ADD TO CART AJAX POPUP */
.windowHdr { 
	background: url(/CFIDE/scripts/ajax/resources/ext/images/default/layout/panel-title-greylight-bg.gif) repeat-x ;
	color:#FFFFFF;
	background-color: #447ab0;
	height: 40px;
	font:normal 11px tahoma, verdana, helvetica;
	text-align: left;
	padding:5px;
	font-weight:bold;
}
.x-dlg .x-dlg-close {
	margin-right: 5px;
	width: 100px;
	background-image: url(images/elements/popUp/closeBtn.gif);
}


#trailimageid{
	border: 2px solid #31628d;
	background-color:#FFFFFF;
	font-size: 0.75em;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	width: 450px;
	visibility: hidden;
	padding: 0;
	margin:0;
}


/* ----------------------- */
/* New Navigation Left-Nav */
/* ----------------------- */

.navWrap{
	margin-top: 0;
	padding-top: 0;
	border-left: 1px solid #78b5c8;
	border-right: 1px solid #78b5c8;
	border-bottom: 1px solid #78b5c8;
	width: 145px;
	overflow: hidden;
	}
	
html>body .navWrap{
	width: 151px;
} 

.nav_attHead{
	background-image: url(images/elements/leftNav_arcBtn.jpg);
	background-repeat: no-repeat;
	width: 151px;
	height: 22px;
	}


ul.attList{
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	font-size: .85em;
	}
	
.listContain{ margin-top: 8px; }

ul.attList li{
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 12px;
	}

a.attOpt{
	margin: 0;
	padding: 0;
	}

a.attOpt.off:hover{
	color: #347696;
	font-weight:bold;
	}
	
a.attOpt.off{ font-weight: normal;}

a.attOpt.on{
	color:#f39927; 
	font-weight: bold;
}


a.attOpt.disabled{ color:#999999; font-weight: normal;}

.attListHide{
	height: 1px;
	display: block;
	overflow: hidden;
}

.smGreen{font-size: 11px; color:#2ea112; }
a.smGreen:hover{ text-decoration: underline; color: #2ea112; }

a.navShowAll{ 
	display: inline;
	vertical-align: middle;
	}
	
.bgWrap{
	/*background-image:url(images/elements/leftNav_bottombg.jpg);*/
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	}

/* nav js buttons */
.navHeadline{
	font-family: Tahoma, Helvetica, Arial;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 5px;
	display: inline;
	white-space: nowrap;
	text-align: left;
	background-position: left;
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
.nav_open, .nav_close{
	text-align: left;
	background-position: left;
	background-repeat: no-repeat;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 8px;
	height: 20px;
	display: inline;
	cursor: pointer;
	}
.navHeadline.open{ background-image: url(images/elements/nav_arrowDown.gif); }
.navHeadline.close{ background-image: url(images/elements/nav_arrowRight.gif); }

.toolTipN{
	cursor: help;
	height: 20px;
	width: 20px;
	float: right;
	}
	
	
/* Intro page styles */


.imgBorder{ 
	padding: 1px; 
	border:1px solid #000000; 
	background-color:#FFFFFF; 
	display: block;
	text-align: center;
}

.gradBar{
	background-image: url(images/intro/gradientbar.gif);
	background-repeat:repeat-y;
	width: 654px;
	padding: 5px;
	}
.gradBar div a{
	color: #747577;
	font-weight: bold;
	}
.gradBar div a:hover{
	text-decoration: underline;
	}
	
.introTypeTitle{
	font-size: 18px;
	font-weight:bold;
	color:#006699;
	}
	
ul.introSubList{
	font-size: 12px;
	list-style-image: url(images/intro/sub_li.gif);
	margin: 3px;
	padding: 0;
	list-style-position:inside;
	}
ul.introSubList li{
	margin: 3px 0 0 6px;
	padding: 0;
	}
ul.introSubList li a{
	text-decoration: underline;
	}

.bb_window{
	background-image: url(images/intro/windowgrad_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border: 1px solid #487792;
	padding: 8px;
	}

table.introAttPrint td{
	font-size: 11px;
	}


table.topProds td{
	color:#000000;
	font-size: 11px;
	}
	
	
/* Compare Page CSS */
table.compareTbl {border:1px solid #CCCCCC; }
table.compareTbl td{ padding: 4px; font-size: 11px; }

table.compareTbl td.c_lHead{
	font-weight: bold;
	width: 100px;
	color: #444444;
}

table.compareTbl td.c_cell{border-left: 1px solid #AAAAAA; width: 120px;}
table.compareTbl tr.mod1{background-color:#F1F1F1;}
table.compareTbl tr.mod2{background-color:#E8E8E8;}
table.compareTbl tr.modA1{background-color:#D1E0EF;}
table.compareTbl tr.modA2{background-color:#E0E8EF;}
table.compareTbl tr.modA1 td{border-bottom:1px dashed #FFFFFF; border-top: 1px dashed #EEEEEE;}
table.compareTbl tr.modA2 td.c_cell, table.compareTbl tr.modA1 td.c_cell { color:#294E6F; font-weight:bold; }
.na{ color:#888888; font-weight:normal;}
.pr{ color:#CC0000; font-weight: bold; font-size: 11px;}


/* Search Bar */
.searchBar{
	background-image: url(images/elements/search_bg.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-bottom: 1px solid #78b7c9;
	width: 840px;
	height: 25px;
	line-height:25px;
	vertical-align: middle;
}
.searchBar table td{ padding: 0 2px 0 2px; }
.searchF{ border:1px solid #3c8faf; }



/* Brand Display Page */
a .catBox{
	display: block;
	width: 180px;
	height: 100%;
	border: 1px solid #CCCCCC;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
}
a .catBox:hover{
	border: 1px solid #0099FF;
}

a .catBox .catTitle{
	display: block;
	font-size: 12px;
	text-align: center;
	color: #999999;
	font-weight: bold;
}
a .catBox:hover .catTitle{
	color: #0099FF;
}