@import url(nav.css);

* {margin: 0; padding: 0;}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight:normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
img {display:block;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	font-weight: normal;
	color:#38654d;
	background:#e4dab6 url(../images/wh_bk_body.jpg) center top no-repeat;
	margin-left:0 !important; margin-left:1px;
}

#site_logo img { behavior:url(../css/iepngfix.htc); }

/* BASIC LAYOUT */

#body_wrap {text-align: center; margin: 0; padding: 0;}

#middle_wrap, #head_wrap {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#content_wrap, .grid2colA, .grid2colB, .gridABS {position: relative;}


/* BASIC LAYOUT BACKS */
#middle_wrap {background:url(../images/wh_bk_sidebar.jpg) 60px 0 repeat-y;}

body#home.cover #content_wrap, 
body#findit.cover #content_wrap, 
body#myaccount.cover #content_wrap,
body#catalog.cover #content_wrap  
{background:url(../images/wh_bk_midendcap_b_1.gif) 60px bottom no-repeat; padding:0;}
body#home.cover #content_wrap .content, 
body#findit.cover #content_wrap .content, 
body#myaccount.cover #content_wrap .content,
body#catalog.cover #content_wrap .content
{background:none;}

body#findit.pages #content_wrap, 
body#myaccount.pages #content_wrap, 
body#signup.pages #content_wrap, 
body#catalog.pages #content_wrap,
body#promo.pages #content_wrap 
{background:url(../images/wh_bk_midendcap_b_2.gif) 60px bottom no-repeat; padding:0 0 6px 0;}
body#findit.pages #content_wrap .content, 
body#myaccount.pages #content_wrap .content, 
body#signup.pages #content_wrap .content, 
body#catalog.pages #content_wrap .content,
body#promo.pages #content_wrap .content 
{background:url(../images/wh_bk_midrepeat_b_2.gif) 222px 0 repeat-y; min-height:500px; overflow:visible;}

body#signup #content_wrap, 
body#contact.cover #content_wrap, 
body#policies.cover #content_wrap, 
body#search.cover #content_wrap,
body#press.cover #content_wrap  
{background:url(../images/wh_bk_midendcap_b_3.gif) 60px bottom no-repeat; padding:0 0 6px 0;}
body#signup #content_wrap .content, 
body#contact.cover #content_wrap .content, 
body#policies.cover #content_wrap .content, 
body#search.cover #content_wrap .content, 
body#press.cover #content_wrap .content
{background:url(../images/wh_bk_midrepeat_b_3.gif) 222px 0 repeat-y; min-height:500px; overflow:visible;}



#col01_wrap {float:left; width: 222px; padding:0; background:url(../images/wh_snav_bar_t.gif) right top no-repeat;}

#site_logo {padding:0 0 0 62px; margin:0;}

#col02_wrap {float:left; width:696px; padding:0; margin:0;}


/* ADS */
#site_ads {margin:0; padding:0 0 0 35px;}
#site_ads li {display:block; float:left; clear:both; line-height:normal; padding:0 0 8px 0; margin:0;}
#site_ads li img {display:block; border: 1px solid #38654d; background-color:#FFFFFF; padding:2px; margin:0;}

/* Facebook */
div.fb_fan { clear:both; margin:0; padding:0 0 5px 45px; background:url(../images/wh_bk_fb_fan.gif) 45px 0 no-repeat;}


/* FLOAT CLEARS */
#body_wrap:after, #head_wrap:after, #content_wrap:after, #content_wrap .content:after, #footer_wrap:after, 
.grid1colA:after, .grid2colA:after, .grid2colB:after, .gridproduct:after, .gridABS:after,
#browse_wrap:after, #p7PMnav:after, #site_press:after, #site_press dl:after, #site_ads:after, 
#site_ads li ul:after, #contentnav_wrap:after, #cat_wear:after, #cat_wear dl:after,
#headcontent:after, .pagecontent:after, #prodB_swatch ul:after, .pagelist_wrap:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}




/* PAGE CONTENT LAYOUT GRIDS - SEE ALSO PAGES */
.column {float:left;}

#head_wrap .column.first { width:299px; padding:0; margin:0;}
#head_wrap .column.last {width:638px; padding:0; margin:0;}

/* PAGE CONTENT LAYOUT GRIDS ABSOLUTE COLUMNS */
body .gridABS .column {position:absolute; z-index:100px; float:none;}

body#home .gridABS .column.first {width:200px; top:25px; left:340px;}
body#findit .gridABS .column.first {width:270px; top:35px; left:50px;}
body#myaccount .gridABS .column.first {width:260px; top:35px; left:50px;}
body#catalog .gridABS .column.first {width:270px; top:20px; left:30px;}
body#catalog.cover.todd .gridABS .column.first {width:230px; top:25px; left:320px;}
body#contact .gridABS .column.first {width:250px; top:35px; left:30px;}
body#offline .gridABS .column.first {width:350px; top:35px; left:30px;}

.gridABS .column.first p { padding:0 0 10px 0;}

/* thumbnail page */
.thumbnailcolA table {border:none; margin:0; padding:0;}
.thumbnailcolA table td {width:165px; vertical-align:top; text-align:center; font-size:11px; line-height:14px; border:none; margin:0; padding:0;}

.tn_pict {background: url(../images/wh_bk_thumb.gif) center top no-repeat;}
.tn_pict span {display:block; width:141px; text-align:center; margin: 0 auto; padding:5px 2px 7px 2px;}
.tn_pict img {padding:7px 20px; margin: 0;}
body#findit.pages .tn_pict img {margin: 0 0 10px 0;}

.tn_blank {margin: 0; padding:0;}

.tn_head {text-align:center; margin: 0; padding:0 0 5px 0;}
.tn_head h2 {padding:0;}

.tn_pict a:link, .tn_pict a:visited {font-weight:bold; color:#a07d31; text-decoration: none;}
.tn_pict a:hover, .tn_pict a:active, .tn_pict a:focus {color:#38654d; text-decoration: none;}



/* BASIC STYLES */
.error {font-weight: bold; color: #cc0000; text-transform:capitalize;}
.clearit {clear: both; height: 0; line-height: 0; font-size: 0;}
img {border:0;}

/* Heads */
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 10px 0; color:#38654d; font-size:15px; line-height:18px; text-transform:uppercase;}
h2 {font-weight:bold; font-size:11px;}
h3 {font-weight:bold; font-size:11px;}/* pictformat sub link text */
h4 {font-weight:bold;}/* tabs and accordian */
h5 {font-weight:normal;}/* pictformat sub link text */
h6 {}/* nav heads */
/*em {color:#b41717;}*/


/* Links */
a.linkA:link, a.linkA:visited, a.linkA:hover, a.linkA:active, a.linkA:focus,
.pagenav li a:link, .pagenav li a:visited, .pagenav li a:hover, .pagenav li a:active, .pagenav li a:focus, 
#col01_wrap a:link, #col01_wrap a:visited, #col01_wrap a:hover, #col01_wrap a:active, #col01_wrap a:focus,
td a:link, td a:visited, td a:hover, td a:active, td a:focus,
.pnav a:link, .pnav a:visited, .pnav a:hover, .pnav a:active, .pnav a:focus,
#pr_stores a:link, #pr_stores a:visited, #pr_stores a:hover, #pr_stores a:active, #pr_stores a:focus,
#p7TMM_1 a:link, #p7TMM_1 a:visited, #p7TMM_1 a:hover, #p7TMM_1 a:active, #p7TMM_1 a:focus
{border-bottom:none; }

a {text-decoration: none;}
a img {border-bottom:none; border-bottom-width:0;}

a:link, a:visited {color: #b41717; border-bottom: 1px solid #b41717;}
a:hover, a:active, a:focus {color:#38654d; border-bottom: 1px solid #b41717;}



/* BREADCRUMB + PAGENAV */
#pagenavwrap {width:100%; padding:5px 0;}
#pagenavwrap ul.pagenav {width:640px; text-align:right; padding:10px 0 0 30px;}

.pagenav li.firstBLOC a {border-left:none; padding:0 1px 0 0;}

.pagenav li, .pagenav li a {list-style: none; display:inline; padding:0; margin:0; text-decoration:none!important;}

.pagenav li.star_off a, .pagenav li.star a {border-left:none; padding:0 5px 1px 0;}

#bread .pagenav li a, .pagenav li a {padding:0 5px 1px 5px; border-left:1px dotted #38654d;}

#bread .pagenav li span, .pagenav li span {padding:0 5px 1px 0;}

#pagenavwrap a:link, #pagenavwrap a:visited {color: #b41717;}
#pagenavwrap a:hover, #pagenavwrap a:active, #pagenavwrap a:focus {color:#38654d;}

li.current a:link, li.current a:visited,
li.current a:hover, li.current a:active, li.current a:focus {color:#38654d!important; font-weight:bold;}

li.star_off a:link, li.star_off a:visited, li.star_off a:hover, li.star_off a:active, li.star_off a:focus,
li.prev_off a:link, li.prev_off a:visited, li.prev_off a:hover, li.prev_off a:active, li.prev_off a:focus,
li.next_off a:link, li.next_off a:visited, li.next_off a:hover, li.next_off a:active, li.next_off a:focus
{color: #38654d!important;}



	
/* FOOTER */
.cal_tx {clear:both;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	text-align:center;
	width:960px;
	padding:0 0 10px 0; 
	margin: 0 auto;
}
.cal_tx a {text-decoration:none!important; border-bottom:none;}
#footer_wrap {
	position: relative;
	width:960px;
	height:38px;
	clear:both;
	font-size:10px;
	line-height:14px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
	background:url(../images/wh_bk_footer.gif) 60px top no-repeat;
	margin:16px auto;
	padding:7px 0 15px 0;
}		


/* Footer Nav */
#footer_wrap ul.pagenav li, #footer_wrap ul.pagenav li a {float:left; white-space:nowrap;}
#footer_wrap ul.pagenav li a {padding:0 5px; border-left:1px solid #b41717;}
#footer_wrap ul.pagenav li a:hover, #footer_wrap ul.pagenav li a:active, #footer_wrap ul.pagenav li a:focus {color:#38654d;}
#footer_wrap ul.pagenav {padding: 7px 0 7px 270px;}
#footer_wrap ul.pagenav li.firstBLOC {padding:0 5px 0 0; color:#b41717;}
#footer_wrap .pagenav li img {float:left; padding:1px 4px 0 0; }
#footer_wrap .pagenav li.lastblock {padding:0; border-right:1px solid #6b7d10;}

#footer_wrap ul.pagenav li.ft_icon {margin:0!important;}
#footer_wrap ul.pagenav li.ft_icon a {display:block; width:16px; height:16px; padding:0; margin:0 0 0 5px; border-left:none!important; }
#footer_wrap ul.pagenav li.ft_icon a img {padding:0; margin:0; }



/* FORMS */
input {padding:2px 0 2px 2px;}
input, textarea, select {font-size:10px; color:#38654d; background-color: #fff; border:1px solid #38654d;}
input.specformB {font-size:11px; padding:0; background-color:transparent; border:none;}
label {line-height:12px;}
form em {font-size:9px; font-weight: normal; font-style: normal; color: #c31230; padding-left:2px;}


#form_wrapper {padding: 5px 0;}

form.formformatA input.buttonform, form.formformatB input.buttonform, input.buttonform 
{width:auto; padding:5px 5px 0 0; border:none; background-color:transparent;}

#findstore form.formformatA input.buttonform 
{padding:0 5px 0 0; margin:0;}
#findstore form.formformatA .lastBLOC 
{padding:0 0 1px 0; margin:0;}




/* Forms Page */	
form.formformatA fieldset { padding:0 0 5px 0;}
form.formformatA fieldset fieldset { padding:0;}
form.formformatA label {
	display: block;
	font-weight:bold;
	padding: 0 0 1px 0;
}

form.formformatA fieldset ol {margin: 0; padding: 0;}
form.formformatA fieldset li {
	display: block;
	line-height:1;
  	padding:4px 0 4px 0;
  	margin: 0;
}

form.formformatA input {width:140px;}
form.formformatA textarea {width:220px; height:100px; vertical-align:baseline;}
form.formformatA input#R_Birth_Year {width:50px;}

.formformatB fieldset ol {padding:0; margin: 0;}
form.formformatA fieldset fieldset ol li, 
.formformatB fieldset ol li {
	display: block;
	clear:both;
	text-align:left;
  	padding:0;
  	margin: 0;
	line-height:1;
}
.formformatB fieldset ol li h3 {line-height:14px; padding:8px 0 3px 0;}
form.formformatA fieldset fieldset ol li input, 
.formformatB fieldset ol li input {width:auto; font-size:11px; margin:1px 0 0 0; padding:0; background-color:transparent; border:none;}
form.formformatA fieldset fieldset ol li p, 
.formformatB fieldset ol li p,
.formformatB fieldset ol li h6 {width:18px; float:left; margin:0; padding:0; line-height:1;}
form.formformatA fieldset fieldset ol li label, 
.formformatB fieldset ol li label {width:290px; float:left; clear:none; padding:1px 0 5px 0; margin:0; font-weight:normal; font-size:11px; line-height:14px;}


form.formformatA fieldset li fieldset {clear:both;}
form.formformatA fieldset li fieldset ol li input {width:auto; margin:0;}
form.formformatA fieldset li fieldset ol li p {width:18px; float:left; margin:0; padding:1px 0 0 0!important;}
form.formformatA fieldset li fieldset ol li label {width:240px; float:left; padding:2px 0 2px 0; margin:0; line-height:14px; text-align:left; color:#454545;}