/* ---------- Body Table (Everything) ---------- */
html{ overflow-y:scroll;}
body{
    text-align:center;
   
}
#main{
	text-align: center;
	width:1020px;
}
div#everything
{
	margin:0px auto;
	position:relative;
	text-align: center;
	width:1020px;
}
#main_col_left, #main_col_right {
	width: 10px;
}
#main_col_left {
  background: url(/images/brd.main_left.gif) bottom right repeat-y #fff;
}
#main_col_right {
  background: url(/images/brd.main_right.gif) bottom left repeat-y #fff;
}
/* ---------- General Settings ---------- */
*{
  margin:0px;
  padding:0px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  text-align:left;
  line-height:15px;
  color:#000000;
}
body {
	behavior:url("/js/csshover.htc");  /* HACK - Adds support for :hover on any element in IE6. */
	background-color: #E4E2DC;
}
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:Georgia;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
  line-height:16px;
  padding:0px 0px 8px 0px;
  color:#504532;
}
h2 span{
  font-size:13px;
  font-family:Georgia;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
  line-height:16px;
  color:#504532;  
}
h3{
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
  line-height:16px;
  padding:8px 0px 8px 0px;
  color:#000;
}
td.content{
  padding:10px 0px 0px 15px;
}
td.content p{
  padding:5px 0px 5px 0px; font-family:Georgia, "Times New Roman", Times, serif;
}    
html:first-child td.content{
  padding:10px 0px 0px 0px;
}
td.content ul{
  margin-bottom:10px;
}
td.content ul li{
  list-style-position:outside;
  margin-left:16px;
}
td.content ul li a{
  color:#504532;
  text-decoration:underline;
}
td.content ul li a:hover{
  color:#000;
}
strong{
  font-weight:bold;
}
td.content a{
  color:#504532;
  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 #bab38d;
	padding:2px;
	.padding:auto !important;
	.height:19px;
	margin:2px 0px 2px 0px;
}


/* ---------- Header (Top Bar) ---------- */
#logoCell{
  width:182px;
  height:87px;
}
#header{
	color: #1A2956;
	width: 1000px;
	height: 73px;
	background: url(/images/bg.topnav.main.jpg) top center no-repeat #fff;
}
#headerMenu{
  width:1000px;
}
#headerMenu ul{
  float:right;
  margin:30px 0px 0px 0px;
}
#headerMenu ul li{
  list-style-type:none;
  display:inline;
}
#headerMenu ul li a{
  color:#000000;
  font-size:11px;
}
#headerMenu ul li a:hover{
  color:#555555;
}
.headerSearchButton{
	position:relative;
	top:8px;
	left:3px;
}


/* ---------- Top Navigation ---------- */
#topNav{
	background: url(/images/topNav/bg_topnav.gif) top center no-repeat #fff;
	height:29px;
	text-align: right;
	padding-right: 100px;
	padding-left:5px;
}
#topNavTable{
  .margin-bottom:-3px;
}
.quickSearch{
  margin:8px 0px 0px 36px;
  font-size:10px;
}
.seperator{
  margin:0px 8px;
}
#left_navigation_cell{ background-color:#b0cbdc; padding:5px;}
#left_navigation_cell_home{
	background:url(/images/bg.leftnav.home.jpg) bottom left no-repeat #FCFDFD;
}

#header_search_component{
	position:absolute;
	top:0px;
	left:0px;
}
img#topnav_locateProducts,
img#topnav_locateBusinesses,
img#topnav_marketingAssistant,
img#topnav_catalog,
img#topnav_myAccount{
	position:absolute;
	top:88px;
	left:0px;
}
img#topnav_locateProducts{
	left:10px;
}
img#topnav_locateBusinesses{
	left:192px;
}
img#topnav_marketingAssistant{
	left:376px;
}
img#topnav_catalog{
	left:576px;
}
img#topnav_myAccount{
	left:688px;
}

img#logo_main{
	position:absolute;
	top:0px;
	left:20px;
	height: 73px;
	width: 226px;
}


#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;
  cursor:pointer;
}
.button{cursor:pointer;}
#headerRight{
  background:url(/images/bg.header.logotrees.full.jpg?cache=no) top left #fff;
}



/* ---------- Colour Bars ---------- */
.colorbarblue /*--- now white ---*/{
  background-color:#ffffff;
  height:2px !important;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  line-height:2px;
  display:none;
}
.colorbarwhite{
  background-color:#ffffff;
  height:2px !important;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  line-height:2px;
}


/* ---------- Left Nav ---------- */
#leftNav{
  background-color:#fff;
  padding: 0px 5px 0px 5px;
}
#leftnavtable{
  margin:15px 0px 0px 0px;
}
#leftnavtableTop{
  margin:0px 0px 0px 0px;
}
#leftnavtable td{

}
#leftnavtable td.topheader{
  padding:0px 0px 0px 0px;
}
#leftnavtable tr td a{
  color:#000;
}
#leftnavtable tr td a:hover{
  color:#555;
}
#leftnavtableTop tr td a{
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
#leftnavtableTop tr td a:hover{
  color:#555;
}


#leftnavtableTop tr td.topheader {
	background-color: #d2dce6;
	border:1px solid #3f5d77;
	height: 23px;
	
}
#leftnavtableTop tr td.topheader h3 {
	color: #1A2956;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size:16px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	width:173px;
}
html>body #leftnavtableTop tr td.topheader h3 {
	color: #1A2956;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size:16px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	width:163px;
}
.bullet{
  position: relative;
  top:-2px;
}
.link{
	padding:3px 0px 3px 5px;
	_padding:4px 0px 4px 5px;
	border-top: 0px solid #A9C2D8;
	display: block;
	width:160px;
}
.top{
  border-top: none;
}
/* ---------- Left Nav Login Form---------- */
.topheader form{
	width:100%;
}
#headerMenu #logged_out
{
position:absolute;
top:5px;
right:45px;
text-align:right;
}
#headerMenu #logged_in_links
{
position:absolute;
top:5px;
right:45px;
text-align:right;
}
#headerMenu #logged_in_form
{
	width:500px;
	position:absolute;
	top:4px;
	left:300px;
	z-index:97;
	text-align:right;
	overflow:hidden;
}
.advancedSearch{
	position:absolute;
	top:54px;
	right:45px;
}
#Header1_btnSearch{
	position:absolute;
	top:32px;
	right:45px;
}
#txtSearch{
	position:absolute;
	top:30px;
	right:65px;
	width:130px;
	padding:1px;
	font-size:11px;
	color:#5b7c8f;
}
#Header1_ddlStyle{
	position:absolute;
	top:22px;
	right:200px;
	width:130px;
	padding:1px;
	font-size:11px;
	color:#5b7c8f;
}
#Header1_ddlQuickColor{
	position:absolute;
	top:30px;
	right:335px;
	width:130px;
	padding:1px;
	font-size:11px;
	color:#5b7c8f;
}

#headerMenu #logged_in_form #Header1_txtLinkName
{
width:100px;
border:solid 1px #bab38d;
padding:2px 4px 2px 4px;
}

#HomeLeftNav2_leftnavform{
	padding:10px 0px 0px 0px;
	width:100%;
}
#HomeLeftNav2_leftnavform div{
	width:100%;
	padding:10px 0px 10px 23px;
}
#HomeLeftNav2_leftnavform .NavUsernameBox{
	border:1px solid #bab38d;
	padding:2px;
	width:80px;

}
#HomeLeftNav2_leftnavform .NavPasswordBox{
	border:1px solid #bab38d;
	padding:2px;
	width:120px;
}
#HomeLeftNav2_leftnavform .checkAuto{
	position:relative;
	margin-top:5px;
	.margin-top:0px !important;
	.left:-3px;
}
#HomeLeftNav2_leftnavform .btn{
	margin:5px 18px 0px 0px;
	float:right;
}



/* ---------- Footer ---------- */
#footer {
	color: #ffffff;
	height: 51px;
	background: url(/images/bg.footer.jpg) no-repeat ;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding-top:12px;
	width:1020px;
}
#footer ul li{
	color:#ffffff;
	display:inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin:0px 0px 0px 0px;
}
#footer ul li.copyright { text-align:right;
	color:#ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}
#footer ul li a {
	color:#ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}


/* ---------- Content ---------- */

table#homepage_content,
.homepage_content {
  min-height:328px;
  height:auto !important;
  height:328px;
  background-color:#fff;
  text-align: center;
  font-family:Georgia, "Times New Roman", Times, serif;
}
.homepage_content *{
  font-family:Verdana !important;
}
#homepage_contentLeft{
  background:url(/images/background.side.gif?cache=no) top left repeat #ece6c7;
}
td.homepage_content{
  text-align: center;
}
.homepage_image {
	margin-left: 5px;
}

table#content,
.content {
	margin-left:7px;
  width:794px;
  .width:794px;
  margin-top:5px;
  min-height:380px;
  height:auto !important;
  height:380px;
  background-color:#fff;
  
}
.content *{
  font-family:Georgia, Verdana !important;
}
#contentLeft{
  background:url(/images/background.side.gif?cache=no) top left repeat #ece6c7;
}
td.content{
	padding-left:15px !important;
}


/* ---------- Cookie Trail / Email / Print ---------- */
tr#cookieRow {
  height:27px;
  background-color:#d2dce6;
   
}
#cookieTrail{
  color:#999999 !important;
  font-size:11px !important;
  border:1px solid #3e5d7a !Important;
  
}
#cookieTrail p{
  margin:6px 0px 0px 15px;
  .margin:5px 0px 0px 15px;
  color:#352203 !important;
  font-size:11px !important;
}
#cookieTrail p a{
  color:#352203 !important;
  font-size:11px !important;
}
#cookieTrail p a:hover{
  color:#8d7355 !important;
}
#emailprint{
  width:auto;
  height:27px;
  text-align:right;
  padding:2px 10px 0px 0px;
}
.emailPage{
  margin:5px 0px 0px 10px;
  position:relative;
  left:20px;
}
.printPage{
  margin:5px 0px 0px 20px;
  position:relative;
  left:20px;
}


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

/* Home Left Navigation */
td#homepage_lower_nav {
	background-color: #ffffff;
	padding: 0px 5px 5px 5px;
}
table#hln_table
{
	background:url(/images/bg.homepage_lower_nav.gif) top left repeat-x #fff;
	padding: 0 0 0 0;
	text-align: center;
	width: 990px;
}

td#hln_product_locator {
	padding: 5px 15px 5px 15px;
}

td#hln_product_locator h3 {
	color: #1A2956;
	font-size: 18px;
	font-weight: normal;
}

td#hln_quick_links {
	padding: 5px 15px 5px 15px;
}

td#hln_quick_links h3 {
	color: #1A2956;
	font-size: 18px;
	font-weight: normal;
}

td#hln_login_logout {
	padding: 5px 8px;
}

td#hln_login_logout h3 {
	color: #1A2956;
	font-size: 18px;
	font-weight: normal;
}

table#hln_locator_table th
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:0 0 0 0;
	vertical-align:top;
}
table#hln_locator_table td
{
	padding:0 0 0 0;
	vertical-align:top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
table#hln_locator_table td input
{
	padding:2px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	width:125px;
	border:1px solid #DCC28B;
	height:19px;
	line-height:13px;
}
table#hln_locator_table td select
{
	padding:2px 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	width:125px;
	border:1px solid #DCC28B;
}
table#hln_locator_table #HomeLowerNav2_btnHomeNavSearch
{
	margin: 8px 0px 0px 0px;
}


table#HomeNavEasyColor
{
	margin:5px 0px 20px 11px;
	width:140px;
}


table#HomeNavQuickLinks
{
	margin:5px 0px 20px 11px;
	width: 300px;
}

table#HomeNavQuickLinks ul
{
	list-style-type: circles;
	margin-left: 20px;
}

table#HomeNavQuickLinks ul li a
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
}

table#HomeNavMyLinks
{
	margin:5px 0px 20px 11px;
	width:250px;
}

table#HomeNavMyLinks ul
{
	list-style-type: circles;
	margin-left: 20px;
}

table#HomeNavMyLinks ul li a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

table#HomeNavLogin
{
	margin:0px 0px 15px 8px;
	width:265px;
}
table#HomeNavLogin th
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	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:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#666;
	width:90px;
	border:1px solid #DCC28B;
	height:15px;

}
#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;
}


/* ---------- Opera 9.0+ Hacks  ---------- */
html:first-child .printPage,
html:first-child .emailPage {
  position:relative;
  left:-35px;
}
html:first-child .printPage {
  margin:0px 0px 0px -15px;
}


/* ---------- Hacks that need the bottom of the CSS file for Safari's sake.  ---------- */
.printPage,
.emailPage{
 left:0px;
 .left:-28px;
}
#footer ul li.copyright{
  margin:0px 0px 0px 35px;
}


/*--- fancy buttons ---*/
.button_blue_submit {
	background:url(/images/bg.submit_button.gif) middle center repeat-x #fff;
	border: 1px solid #A1A7B6;
	padding: 1px 1px 1px 1px;
}

#contentBanner{ background-color:#b0cbdc; height:328px; margin-top:4px; margin-bottom:0;}
#smallPics{ float:right; width:185px; padding-bottom:5px;}
#smallPics img{ margin-top:6px;}

.homeBigImgs{ float:left; margin-left:8px; margin-right:8px; }
.pnTitle{  margin:0; padding:0;font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#1a2956 !Important; background-color:#d2dce6; border:1px solid #3e5d7a; height:25px; line-height:25px; padding-left:5px; margin-top:8px; font-size:18px !Important; margin-bottom:10px;}

.contentBTNS{font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#1a2956; border:1px solid #3e5d7a; height:25px; line-height:21px; padding-left:5px; margin-top:7px; background:#d2dce6 url(/images/butnsArr.jpg) no-repeat right; text-align:left;}

#HomeLowerNav2_cbAutoLogin{ margin:0; padding:0;}

p, td, span, a{ font-family:Georgia, "Times New Roman", Times, serif !Important;}


.homeMainimg{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg.jpg) no-repeat left top;}
.homeMainimg1{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg1.jpg) no-repeat left top;}		
.homeMainimg2{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg2.jpg) no-repeat left top;}		
.homeMainimg3{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg3.jpg) no-repeat left top;}		
.homeMainimg4{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg4.jpg) no-repeat left top;}
.homeMainimg5{ float:left; width:785px !Important; height:328px; background:url(/images/homeMainImg5.jpg) no-repeat left top;}		


#contentRight{ float:left; width:143px; margin-left:2px; text-align:left; height:328px;}

#mycarousel img{ cursor:pointer;}

.content h2{ margin-top:15px;}

/*carousel*/
.img1Off {background:url(../images/small1Off.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img2Off {background:url(../images/small2Off.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img3Off {background:url(../images/small3Off.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img4Off {background:url(../images/small4Off.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img5Off {background:url(../images/small5Off.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img1Off:hover {background:url(../images/small1On.jpg) no-repeat center center; width:141px!important;}
.img2Off:hover {background:url(../images/small2On.jpg) no-repeat center center; width:141px!important;}
.img3Off:hover {background:url(../images/small3On.jpg) no-repeat center center; width:141px!important;}
.img4Off:hover {background:url(../images/small4On.jpg) no-repeat center center; width:141px!important;}
.img5Off:hover {background:url(../images/small5On.jpg) no-repeat center center; width:141px!important;}
.img1On {background:url(../images/small1On.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img2On {background:url(../images/small2On.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img3On {background:url(../images/small3On.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img4On {background:url(../images/small4On.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img5On {background:url(../images/small5On.jpg) no-repeat center center; width:141px!important;cursor:pointer;}
.img5On, .img4On, .img3On, .img2On, .img1On, .img1Off, .img2Off, .img3Off, .img4Off {  }

#menu{ margin:0; padding:0; display:inline; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px !Important;     }
.menuItem {   float: left; height:30px; line-height:30px; padding-left:33px; padding-right:33px; border-left:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; font-size:13px !Important; text-transform:uppercase; }
.menuItem:hover {display:inline; height:29px; line-height:29px; background:url(/images/menuOnBG.jpg) repeat-x left top !Important;  padding-left:33px; padding-right:33px; border-left:1px solid #FFFFFF; color:#1A2956; font-size:13px !Important;}
/*#menu li{display:inline; height:30px; line-height:30px; padding-left:35px; padding-right:35px; border-left:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; font-size:13px !Important; font-family:Tahoma, Arial, Helvetica, sans-serif;}*/
#topNav .active {display:inline; height:30px; line-height:30px; background:url(/images/menuOnBG.jpg) repeat-x left top !Important; padding-left:33px; padding-right:33px; border-left:1px solid #FFFFFF; color:#000000; font-size:13px !Important;}
.dropDownItem 
{
	/*height: 20px;*/
	padding-left:5px;
	padding-right: 15px;
	/*z-index: 9999;*/
	overflow: hidden;
	/*background:url(../images/menuOnBG.jpg) repeat-x left top;*/
	background-color:#d2dce6;
	border-top:1px solid #3e5d7a;
	text-align:center;
	margin:0;
	min-height:21px;
	line-height:21px;
	color:#1A2956;
}
#productLocator{ left:1px; top:30px; z-index:1;}
#productLocator div{ width:171px;}

#catalog{ top:30px; left:193px; z-index:1;}
#catalog div{ width:108px;}

#marketingAssist{ top:30px; left:322px; z-index:1;}
#marketingAssist div{ width:203px;}

#libraryTab{ top:30px; left:546px; z-index:1;}
#libraryTab div{ width:106px;}

#myAccount{ top:30px; left:673px; z-index:1;}
#myAccount div{ width:133px;}

.dropdownContainer
{
	position: absolute; 
	padding-bottom: 10px;
	/*z-index: 9999;*/
	/*margin-left: -35px;*/
	overflow: hidden;
	color:#000000; font-size:13px !Important; font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/**+html .dropdownContainer{margin-left:-120px;}*/ /* for IE7 - check chrome too*/
.dropDownItem{}
.dropdownContainer{} /* for IE8, going last */

/*#menu li a{text-decoration:none; color:#FFFFFF;} 
#menu li a:hover{text-decoration:none; color:#000000;}*/
.current {display:inline; height:29px; line-height:29px; background:url(/images/menuOnBG.jpg) repeat-x left top !Important;  padding-left:33px; padding-right:33px; border-left:1px solid #FFFFFF; color:#1A2956; font-size:13px !Important;}

.controlsLineHeight td{ height:22px;}

.ErrorMsg{color:red}
.ProductCell td{width:25%}
.ProductItemPicture a{display:block;overflow:hidden; height:70px;}

.colorSwatch {cursor:pointer; float: left; padding:2px; }
.colorSwatch img { height: 23px; width: 23px;}
.colorSwatch_NoColor {cursor:pointer; float: left; padding:2px; }
.colorSwatch_NoColor img { height: 23px; width: 70px;}
#innerColors { position: absolute; width:190px; background:white;}
.selectelt { float: left;}
.selectColorText { padding:5px; height: 22px;}
.errorMsgs{ color: #ff0000 !Important;}
.errorHomepageSignup{ color: #ff0000 !Important;}
#detailImage { min-height: 350px; } 
#lblMessage{color:Red;}