/* ---------- General Settings ---------- */
*{
  margin:0px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  text-align:left;
  line-height:15px;
  color:#000000;
}
html{overflow-y:scroll;}
html,
body{
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	
}
body {
  behavior:url("/js/csshover.htc");  /* HACK - Adds support for :hover on any element in IE6. */
}
h1{
  display: none;
}
td,
th{
  vertical-align: top;

}
table{
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}
a img{
  border: none;
}
.clear{
  clear:both;
}
 h2{
   font-size:13px;
   font-family:Verdana;
   font-weight:bold;
   text-decoration:none;
   text-transform:capitalize;
   line-height:16px;
   padding:0px 0px 8px 0px;
   color:#f1101b;
 }
 h2 span{
   font-size:13px;
   font-family:Verdana;
   font-weight:bold;
   text-decoration:none;
   text-transform:capitalize;
   line-height:16px;
   color:#f1101b;  
 }
 h3{
   font-size:11px;
   font-weight:bold;
   text-decoration:none;
   text-transform:capitalize;
   line-height:16px;
   padding:8px 0px 8px 0px;
   color:#555;
 }
 td.content p{
   padding:5px 0px 5px 0px;
 }    
 td.content ul{
   margin-bottom:10px;
 }
 td.content ul li{
   list-style-position:outside;
   margin-left:16px;
 }
 td.content ul li a{
   color:#444;
   text-decoration:underline;
 }
 td.content ul li a:hover{
   color:#000;
 }
 strong{
   font-weight:bold;
 }
 td.content a{
   color:#444;
   text-decoration:underline;
 }
 td.content a:hover{
   color:#000;
 }
 .noBullet{
     list-style-type:none;
 }
 .overviewBullet li{
     padding:4px 0px 4px 0px;
 }
 #tbUsername,
 #tbPassword{
     border:1px solid #555;
     padding:2px;
     .padding:auto !important;
     .height:19px;
     margin:2px 0px 2px 0px;
 }


/* ---------- Body Table (Everything) ---------- */
body{
    text-align:center;
}


/* ---------- Header (Top Bar) ---------- */
#header{
	width:970px;
	height:104px;
	background:url(/images/bg.header.logo.jpg) top left no-repeat #ffffff;
}
#headerExtend{
	width:970px;
	height:104px;
	background:url(/images/bg.topnav.right.gif) top left repeat-x #fff;
}

#topnav_ProductLocator {
	position:relative;
	top:-1px;
	left:320px;
}
#topnav_Businesslocator {
	position:relative;
	top:-1px;
	left:320px;
}
#topnav_MarketingAssistant {
	position:relative;
	top:-1px;
	left:330px;
}
#topnav_Catalog {
	position:relative;
	top:-1px;
	left:340px;
}
#topnav_MyCatalog {
	position:relative;
	top:-1px;
	left:350px;
}

#headerMenu{
  width:808px;
}
#headerExtend div{
  width:100%;
  height:100%;
  background:url(/images/bg.topnav.right.first.jpg) top left no-repeat;
}
#headerMenu ul{
  float:right;
  margin:5px 100px 0px 0px;
  _margin:5px 50px 0px 0px;
}
#headerMenu ul li{
  list-style-type:none;
  display:inline;
}
#headerMenu ul li a{
  color:#000000;
}
#headerMenu ul li a:hover{
  color:#555555;
}
#mainLogo{
	height: 104px;
	left:0px;
	position:absolute;
	top:0px;
	width: 350px;
}
#reglogin{
  position:absolute;
  top:5px;
  left:817px;
}



/* ---------- Top Navigation ---------- */
#topNav{
  height:48px;
}
#topNavTable{
  .margin-bottom:-3px;
}
#quickSearch{
  margin:8px 0px 0px 36px;
  font-size:10px;
}
.seperator{
margin:0px 8px;
}
#topNav .advancedSearch{
	color:#fff;
	font-size:10px;
	text-decoration:underline;
	position:relative;
	top:-5px;
}
html:first-child .advancedSearch {
  top:3px !important;
}
#topNav .advancedSearch:hover{
  color:#ede0cf;
}
#topNav input.textsearch{
  font-size:10px;
  padding:1px 2px 1px 2px;
  margin-top:8px;
  .padding:0px 2px 1px 2px !important;
  .margin-top:7px !important;
  width:100px;
}
#topNav .button{
  margin:8px 0px 0px 5px;
}
#headerRight{
  background:url(/images/background.side.jpg) top left repeat-v #fff;
}
/*#Header1_lbllnkName{
  position:absolute;
  left:-475px;
  top:0px;
}*/
/*#Header1_txtLinkName{
  position:absolute;
  left:-475px;
  top:2px;
  border:1px solid #555;
  height:19px;
  padding-top:1px;
  padding-left:2px;
}
#Header1_btnAddLink{
  position:absolute;
  left:-337px;
  top:1px;
}
#Header1_lblMessage{
  position:absolute;
  left:-475px;
  top:42px;
}*/


/* ---------- Colour Bars ---------- */
.colorbarred{
  background-color:#f1101b;
  height:5px !important;
  line-height:5px !important; display:none;
}
.colorbarblack{
  background-color:#000;
  height:5px !important;
  line-height:5px !important; display:none;
}
.colorbarwhite{
  background-color:#fff;
  height:5px !important;
  line-height:5px !important;
}


/* ---------- Left Nav ---------- */
#leftNav{
  background:url(/images/leftnav.bottom.png) bottom left no-repeat #fff;
}
#leftnav table
{
	/* background:url(/images/leftnav.top.jpg) top left no-repeat;	*/
}
#leftnav table tr td div img 
{
	position:relative;
	left:-6px;
	margin-top:-8px;
}
#leftnav table tr td table#content tr td img
{
	position:relative;
	margin-top:0px !important;
	left:0px !important;
}
#leftnav table table
{
	background:none;
}
.leftnavtable{
  margin:5px 0px 0px 0px;
}
.leftnavtableTop{
  margin:0px 0px 0px 0px;
}
.leftnavtable td.topheader{
  padding:0px 0px 0px 0px;
}
.leftnavtable tr td a{
  color:#0a467d !important;
  font-weight: bold;
  font-size: 10px;
  line-height:13px;
}
.leftnavtable tr td a:hover{
  color:#555;
}
.leftnavtableTop tr td a{
  color:#0a467d !important;
  font-weight: bold;
  font-size: 10px;
  line-height:13px;
}
.leftnavtableTop tr td a:hover{
  color:#555;
}
td.link a{
  color:#0a467d !important;
}
.bullet{
  position: relative;
  top:-2px;
}
.link{
  padding:3px 0px 3px 20px;
  _padding:4px 0px 4px 20px;
  display: block;
  position:relative;
  left:-10px;
}
.link sup{
  color: #0a467d !important;
}
.topLink{
  top:-10px;
}
.middleLink{
  top:-5px;
}
.bottomLink{
  top:-10px;
}
img.login{
  margin:10px 0px 0px 15px;
}
.textlogin{
  width:120px;
  border:1px solid #7f9db9;
  padding:3px 2px 3px 2px;
  margin:3px 0px 3px 18px;
}
.un{
  margin:3px 0px 0px 18px;
}
input.goButton{
  margin:2px 0px 0px 112px;
}
     /* ---------- Left Nav Login Form---------- */
     .topheader form{
         width:100%;
     }
     #HomeLeftNav2_leftnavform{
         padding:10px 0px 0px 0px;
         width:100%;
     }
     #HomeLeftNav2_leftnavform div{
         width:100%;
         padding:10px 0px 10px 16px;
     }
     #HomeLeftNav2_leftnavform .NavUsernameBox{
         border:1px solid #555;
         width:120px;
         height:18px;
         .padding:auto;
     }
     #HomeLeftNav2_leftnavform .NavPasswordBox{
         border:1px solid #555;
         width:120px;
         height:18px;
         .padding:auto;
     }
     #HomeLeftNav2_leftnavform .checkAuto{
         position:relative;
         margin-top:5px;
         .left:-3px;
     }
     #HomeLeftNav2_leftnavform .btn{
         margin:6px 11px 0px 0px;
         position:relative;
         left:63px;
     }




/* ---------- Footer ---------- */
#footer{
	background: url(/images/bg.footer.embossed.gif) top left repeat-x #ffffff;
	height:22px;
	font-size:11px;
	padding:6px 0px 0px 0px;
	_padding:6px 0px 10px 0px;
	width:100%;
}
#footer ul{
  margin:0px 0px 0px 55px;
}
#footer ul li{
  display:inline;
  margin:0px 0px 0px 0px;
  color:#fff;
}
#footer ul li.copyright{
	color:#EAFFFF;
	font-family: Trebuchet MS, Georgia, Times, serif;
	font-size: 13px;
	margin:0px 0px 0px 58px;
}
#footer ul li a{
	color:#EAFFFF;
	font-family: Trebuchet MS, Georgia, Times, serif;
	font-size: 13px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#fff;
	font-family: Trebuchet MS, Georgia, Times, serif;
	font-size: 13px;
	text-decoration:underline;
}
.footerBullet{
  position: relative;
  top:-2px;
  left:1px;
}
#footerEmpty{
  background-color: #3a78b0;
}


/* ---------- Content ---------- */
table#content,
td.content {
   width:816px !important; 
  min-height:370px;
  height:auto !important;
  height:370px;
  background-color:#fff;
}
td.content{
  padding:15px 0px;
}
table#content{
  position:relative;
  left:-5px;
}
#contentLeft{
  background:url(/images/background.side.jpg) top left no-repeat #fffef3;
}


/* ---------- Cookie Trail / Email / Print ---------- */
#cookieTrail{
  width:500px;
  height:28px;
  background:url(/images/bg.cookietrail.jpg) top left no-repeat #fff;
  color:#000;
  font-size:10px;
}
#cookieTrail p{
  margin:6px 0px 0px 15px;
  .margin:6px 0px 0px 15px;
  color:#000;
  font-size:10px;
}
#cookieTrail p a{
  color:#000;
}
#cookieTrail p a:hover{
  color:#666;
}
#emailprint{
  width:auto;
  height:27px;
  background-color:#fff;
}
.emailPage{
  margin:2px 0px 0px 0px;
  position:relative;
  left:20px;
}
.printPage{
  margin:2px 0px 0px 0px;
  position:relative;
  left:20px;
}
html:first-child .printPage,
html:first-child .emailPage {
  position:relative;
  left:-35px;
}


/* ---------- Buttons  ---------- */
/*.btn{
    padding:1px 0px 1px 5px;
    border:solid 1px #555;
    background-color:#eee;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
}
a input.btn {
    text-decoration:none !important;
}
.btn:hover{
    border:solid 1px #000;
    background-color:#dedede;
}*/
.moveDown{
    position:relative;
    top:1px;   
}


/* Tyler's addons. */
/* Home Left Navigaiton */
table#homepage_leftnav_locator
{
	margin:0px 0px 15px 0px;
}
table#homepage_leftnav_locator th
{
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	padding:5px 5px 1px 0px;
	vertical-align:top;
}
table#homepage_leftnav_locator td
{
	padding:1px 10px 1px 0px;
	vertical-align:top;
}
table#homepage_leftnav_locator td select,
table#homepage_leftnav_locator td input
{
	padding:2px 2px;
	font-family:Verdana;
	font-size:11px;
	color:#666;
	width:125px;
	border:1px solid #7f9db9;
	height:19px;
	line-height:13px;
}
table#HomeNavEasyColor
{
	margin:5px 0px 14px 21px;
	width:140px;
}
table#HomeNavQuickLinks
{
	color: #333333;
	font: verdana;
	font-size: 11px;
	margin:5px 0px 14px 21px;
	width:300px;
}
table#HomeNavQuickLinks td a
{
	color: #333333;
	font: verdana;
	font-size: 11px;
}
table#HomeNavLogin
{
	margin:0px 0px 15px 21px;
	width:265px;
}
table#HomeNavLogin th
{
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	padding:5px 5px 1px 0px;
	vertical-align:top;
}
table#HomeNavLogin td
{
	padding:1px 10px 1px 0px;
	vertical-align:top;
}
table#HomeNavLogin td select,
table#HomeNavLogin td input.text
{
	padding:2px 2px;
	font-family:Verdana;
	font-size:11px;
	color:#666;
	width:125px;
	border:1px solid #7f9db9;
	height:19px;
	line-height:13px;
}
table#HomeNavLogin td input.text
{
	padding:2px 2px;
	font-family:Verdana;
	font-size:11px;
	color:#666;
	width:125px;
	border:1px solid #7f9db9;
	height:19px;
	line-height:13px;
}

html body div#everything img#detail_color_type{
/*	position:absolute !important;
	top:145px !important;
	left:375px !important;*/
}
#dlStyles
{
    margin:5px 0px;
}
#dlStyles td
{
    padding:10px 0px 10px 15px;
    width:150px;
}
#dlColor table
{
    margin:5px 0px;
}
#dlColor table td
{
    padding:10px 0px 10px 15px;
    width:150px;
}
#dlColors
{
    margin:5px 0px;
}
#dlColors td
{
    padding:10px 0px 10px 15px;
    width:120px;
}
table#HomeNavMyLinks
{
	margin:5px 0px 20px 11px;
	width:300px;
}

/* ---------- Hacks that need the bottom of the CSS file for Safari's sake.  ---------- */
.printPage,
.emailPage{
 left:0px;
 .left:-28px;#
}
#footer{
  height:30px;
  .height:22px;#
}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div{ margin:0; padding:0;}
a{ font-family:Arial, Helvetica, sans-serif; color:#333333;}
#wrapper{ width:970px; margin:0 auto;}
#header{ background:url(../images/headerBG.jpg) repeat-x left top; height:123px;}
#contentPn{ height:457px;}
#footer{ background:url(../images/footerBG.jpg) repeat-x left top; height:33px; font-size:11px; color:#333333; line-height:30px; padding-left:7px; padding-right:7px;}
#footer a{ color:#333333; text-decoration:underline;}
#footerLeft{ float:left;}
#footerRight{ float:right;}
#logo{float:left; width:500px;}
#headerSearch{float:right; font-size:12px; text-align:right; line-height:23px; margin-top:10px;}
#headerSearch a{font-size:12px; color:#333333; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.headerLists{font-size:12px; color:#6c635c; border:1px solid #666666; width:120px; font-family:Arial, Helvetica, sans-serif; padding-left:4px;}
.leftLists{font-size:12px; color:#6c635c; border:1px solid #666666; width:120px; font-family:Arial, Helvetica, sans-serif; padding-left:4px; width:145px;}
.headerTxBox{font-size:12px; color:#6c635c; border:1px solid #666666; width:120px; font-family:Arial, Helvetica, sans-serif; padding-left:4px;}
.leftTxBox{font-size:12px; color:#6c635c; border:1px solid #666666; width:120px; font-family:Arial, Helvetica, sans-serif; padding-left:4px; width:135px;}
.redLink:link{ color:#ee2e23 !Important; font-weight:bold; font-size:13px; text-decoration:underline !Important;}
.redLink:visited{ color:#ee2e23 !Important; font-weight:bold; font-size:13px; text-decoration:underline !Important;}
.redLink:active{ color:#ee2e23 !Important; font-weight:bold; font-size:13px; text-decoration:underline !Important;}
.redLink:hover{ color:#ee2e23 !Important; font-weight:bold; font-size:13px; text-decoration:underline !Important;}
#contentPn{ margin-top:7px; margin-bottom:8px;}
#contentLeft{ float:left; width:319px;}
#contentCenter{ float:left; width:478px; margin-left:9px;}
#contentRight{ float:left; width:153px; margin-left:9px; text-align:center; height:457px; background:#f5efde url(../images/rightFooter.jpg) no-repeat left bottom;}
.leftPns{ margin-bottom:9px; background:#f5efde url(../images/leftPnsBottomLine.jpg) repeat-x left bottom;}
.pnTitles{ margin:0; padding:0; background:url(../images/pnTitlesBG.jpg) repeat-x left top; height:30px; line-height:29px; color:#FFFFFF; text-transform:uppercase; padding-left:10px; font-size:18px;}
.pnContent{ padding:8px;}

/*.leftList{list-style-image: url(../images/bullet.png); margin:0; padding:0; font-size:12px; margin-left:10px;}*/
.leftList{list-style-image: url(../images/bullet.png); font-size:12px; margin:0; margin-left:17px; padding:0;}
.leftList li{ margin:0; padding:0;}

#menuPn{float:right; position:relative; margin-top:-35px; text-align:right;}
#menu{ margin:0; padding:0; display:inline; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px;}
#menu li{display:inline; height:30px; line-height:30px; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer;}
#menu li:link{display:inline; height:30px; line-height:30px; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#FFFFFF;}
#menu li:visited{display:inline; height:30px; line-height:30px; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#FFFFFF;}
#menu li:active{display:inline; height:30px; line-height:30px; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#FFFFFF;}
#menu li:hover{display:inline; height:30px; line-height:30px; background:url(../images/menuOnBG.jpg) repeat-x left top; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#000000;}
/*#menu li a{text-decoration:none; color:#FFFFFF;} 
#menu li a:hover{text-decoration:none; color:#000000;}*/
.errorHomepageSignup{ color:#FF0000;}

.registerLists td{ height:20px;}
.errorMsgs, .ErrorMsg{ color:#FF0000 !Important;}
.ProductCell td{width:25%}
.ProductItemPicture a{display:block;overflow:hidden; height:70px;}
 
 
 
 .grid{
  width:440px; margin-top:10px;
}
 #lblPproductSpec td{
  border:solid 1px #d1c0a5;
  vertical-align:middle;
  padding:4px 0px 4px 6px;
}
tr.th td{
  background-color:#f2101b !important;
  border:none !important;
}
tr.th strong{
  color:#fff !important;
}
.grid strong{
  font-weight:bold;
}
#colorOffering{
  width:770px;
}
#colorOffering .top{
  background-color:#f2101b !important;
  color:#fff !important;
  font-weight:bold;
  padding:4px 0px 4px 6px; 
  font-size:11px;
}
#colorOffering tr td{
  padding:4px 0px 4px 0px;
}
 #lblMessage{color:Red;}