/* ---------- 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,
body{
	background-color:#fff;
}
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;
}
div#everything,
#main{
	width:986px;
}
div#everything
{
	margin:0px auto;
	position:relative;
}


/* ---------- Header (Top Bar) ---------- */
#header{
	width:986px;
	height:104px;
	background:url(/images/bg.header.logo.jpg) top left no-repeat #ffffff;
}
#headerExtend{
	width:986px;
	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;
}
#toptextboxes{
  position:absolute;
  top:18px;
  left:719px;
}

#Header1_ddlStyle,
#Header1_ddlQuickColor
{
	color:#666;
	border:1px solid #666;
	padding:3px;
	width:120px !important;
	position:absolute;
	top:0px;
	left:-20px;
}
#Header1_ddlQuickColor
{
	top:0px;
	left:-145px;
}
#txtSearch
{
	position:absolute;
	top:0px;
	left:105px;
}

#toptextboxes #quickSearch{
  font-size:9px;
  color:#666;
  position:relative;
  top:-1px;
  .top:0px;
  .left:35px;
}
html:first-child #quickSearch{
  padding:2px;
}
#toptextboxes input.textsearch{
  font-size:10px;
  color:#000;
  height:19px;
  padding-top:1px;
  padding-left:2px;
  border:1px solid #555;
}
#toptextboxes .SearchButton{
  position:absolute;
  top:2px;
  left:222px;
}
#advancedSearch{
  position:absolute;
  top:48px;
  left:859px;
  .left:855px;
  _left:860px;
  color:#f1101b;
  font-weight: bold;
  text-decoration: underline;
}
html:first-child #advancedSearch{
  left:850px;
}
#advancedSearch:hover{
  color:#e9787d;
}
#topNavContainer{
	position:absolute;
	text-align: left;
	top:73px;
	left:180px;
}


/* ---------- 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:20px;
  border:1px solid #555;
  height:19px;
  padding-top:1px;
  padding-left:2px;
}
#Header1_btnAddLink{
  position:absolute;
  left:-337px;
  top:18px;
}
#Header1_lblMessage{
  position:absolute;
  left:-475px;
  top:42px;
}


/* ---------- Colour Bars ---------- */
.colorbarred{
  background-color:#f1101b;
  height:5px !important;
  line-height:5px !important;
}
.colorbarblack{
  background-color:#000;
  height:5px !important;
  line-height:5px !important;
}
.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;
  .top:2px;
}
.link{
  padding:3px 0px 3px 20px;
  _padding:4px 0px 4px 20px;
  display: block;
  position:relative;
  left:-10px;
}
.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:986px;
}
#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 40px;
}
#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;
}
table#content{
  position:relative;
  left:-5px;
}
#contentLeft{
  background:url(/images/background.side.jpg) top left no-repeat #fffef3;
}


/* ---------- Cookie Trail / Email / Print ---------- */
#cookieTrail{
  width:600px;
  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;
}
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;#
}