@import url(reset-min.css);
@import url(fonts-min.css);
@import url(ebw_rotator.css);

/*
(c) 2009 Everything But Water
*/

/* test stuff 
div#header { background: orange; }
ul#main-nav { background: blue !important; }
div#main-content { background: inherit; }
div#footer { background: purple !important; }
*/

div#banner { display: none;	margin: 0px auto; padding-bottom: 20px; width: 305px;	}

/* start global misc */
body { min-width: 972px; }
hr { display: none !important; } /* end horizontal-rule-inconsistency tyranny */
div.hr { clear: both; margin: 10px 12px; width: 712px; height: 3px; line-height: 0px; background: transparent url(/images/shared/bg_hr.gif) repeat-x top center; } /* a new order is established */
.tel { font-weight: bold; border-bottom: dotted 1px #a7a6aa; } /* lives on shopping bag page and various company pages */

/* global tab treatment */
div.info-pane-tabset { height: 18px; background: url(/images/products/prodinfo/bg_tabset-rpt.gif) repeat-x bottom left; padding-left: 9px; }
ul.info-pane-tabs { overflow: hidden; height: 18px; line-height: 18px; }
ul.info-pane-tabs li, ul.colors li, ul.sizes li { display: inline; float: left; }
	
ul.info-pane-tabs li { height: 18px; _text-align: center; text-transform: capitalize; background: transparent url(/images/products/prodinfo/bg_off_tabl.gif) no-repeat top left; }
ul.info-pane-tabs li a { display: block; float: left; height: 18px; background: transparent url(/images/products/prodinfo/bg_off_tabr.gif) no-repeat top right; padding: 0px 11px 0px 21px; }
ul.info-pane-tabs li.on { background-image: url(/images/products/prodinfo/bg_on_tabl.gif); }
ul.info-pane-tabs li.on a { background-image: url(/images/products/prodinfo/bg_on_tabr.gif); }	
/* end */

/* global button */
/*
div.gbl-btn { width: auto; height: 21px; clear: both; float: none; }
a.gbl-btn { display: block; float: left; height: 21px; background: transparent url(/images/shared/btn_gbl-l.gif) no-repeat left 0px; }
a.gbl-btn span { display: block; height: 21px; margin-left: 2px; padding: 0px 10px 0px 8px; background: transparent url(/images/shared/btn_gbl-r.gif) no-repeat right 0px; }
	a.gbl-btn:hover { text-decoration: none; cursor: pointer; }
	a.gbl-btn:active { background-position: left 1px; }
	a.gbl-btn:active span { padding-top: 1px; height: 20px; background-position: right 1px; }
a.gbl-btn span { line-height: 21px; vertical-align: middle; font-size: 100%; text-transform: uppercase; color: #fff; font-weight: bold; text-align: center; }
*/
table.gbl-btn { height: 21px; font-family:arial,helvetica,clean,sans-serif; }
table.gbl-btn tr td.left { background-image: url(/images/controls/button/btn_l.gif); width: 2px; height: 21px; }
table.gbl-btn tr td.middle { background-image: url(/images/controls/button/btn_bg.gif); height: 21px; padding: 0px 10px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 9pt; text-align: center; }
table.gbl-btn tr td.middle a { color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
table.gbl-btn tr td.middle a:hover { text-decoration: underline; }
table.gbl-btn tr td.right {    background-image: url(/images/controls/button/btn_r.gif); width: 2px; height: 21px;}
/* end */

/* header style */
h1 { width: 724px; height: 29px; padding: 6px 0px 0px 12px; margin-bottom: 5px; color: #343434; text-transform: uppercase; font-size: 138.5%; font-weight: bold; background: transparent url(/images/shared/bg_hdr-fade.gif) repeat-y top left;  }
.no-uc { text-transform: none; }
h1 span.breadcrumb span { display: inline; padding-right: 10px; margin-right: 6px; font-weight: normal; color: #a7a6aa; background: url(/images/shared/blt-breadcrumb.gif) no-repeat center right; }
h1 span.breadcrumb span.last { font-weight: bold; color: #343434; background: none; }

h1.spc { margin-bottom: 20px; }
h2, h3 { color: #343434; }
h2 { clear: both; padding-top: 15px; height: 35px; font-size: 123.1%; font-weight: bold; }
h3 { margin-bottom: 20px; }  /* could be replaced with siFR */
h3.sm-margin { margin-bottom: 5px; }
h3.lrg-margin { margin-bottom: 20px; }
h3 span.txt { font-size: 138.5%; }
h3 span.link { font-size: 85%; padding-left: 15px; }
/* end */

/* first read */
div.fr { width: 736px;  height: 170px; margin-bottom: 5px; }
/* end */

/* standard ul */
ul.std-ul { background: transparent; margin: 10px 0px; }
ul.std-ul li { /* font-size: 85%; line-height: 22px;*/ list-style: disc outside url(/images/shared/btn_std-ul.gif); margin-left: 20px; padding-bottom: 5px; }
ul.std-ul ul.std-ul { text-indent: 34px; }
ul.std-ul ul.std-ul ul.std-ul { text-indent: 68px; }
/* end */

/* container style !!! don't put H1's inside the containers */
div.cntnr-prod { overflow: hidden; width: 712px; padding: 0px 2px; margin: 0px 10px; }
div.cntnr-sdbar, div.cntnr-txt, div.cntnr-chkout, div.cntnr { overflow: hidden; width: 712px; padding: 0px; margin: 0px 12px; }
	div.cntnr-cntnt { float: left; clear: left; width: 553px; }
	div.cntnr-cntnt p, div.cntnr-cntnt ul.std-ul { color:#4b4b4b; font-size: 85%; line-height: 15px; margin-bottom: 15px; }
	div.sdbar { float: right; width: 102px; padding: 20px; background: #efefef; }
		div.sdbar p.sdbar-h { font-size: 138.5%; margin-bottom: 5px; }
	div.sdbar div.grid-cell { padding: 10px 0px; }
		div.sdbar div.grid-cell img.prod-l { border: solid 1px #a7a6aa; }
		div.sdbar div.grid-cell p.prod-name { padding-top: 5px; font-size: 85%; }
		div.sdbar div.grid-cell p.prod-name a { text-decoration: underline; }
		
		div.sdbar div.grid-cell:hover img.prod-l { border-color: #1385c4; outline: solid 1px #1385c4; }
		div.sdbar div.grid-cell:hover p.prod-name a { text-decoration: none; color: #1385c4; }
		div.sdbar div.grid-cell p.prod-name a:hover { text-decoration: none; color: #1385c4; }
/* end */

/* start typo.css stuff */
strong, b { font-weight: bold; }
a, p a { outline: none; }
a, p a, label, #main-nav li span { color: #4b4b4b; text-decoration: none; }
a:hover, p a:hover { text-decoration: underline; }
div.cntnr-txt p, div.cntnr-txt ol li { font-size: 85%; color: #4B4B4B; line-height: 15px; margin-bottom: 15px; }
div.cntnr-txt ol li { list-style: decimal outside; margin-left: 20px; }
div.cntnr-txt p a, div.cntnr-txt p a:visited { text-decoration: underline; }
div.cntnr-txt p a:hover, div.cntnr-txt p a:active { text-decoration: none; }
/* end typo.css stuff */

/* start global form styles 
label { margin-right: 7px; }*/
label.sel, span.sel label, table.sel tbody tr td label { padding-left: 8px; } /* for labels that are next to checkboxes and radio buttons */
input.txt, select { color: #666666; line-height: normal; height: 15px; border: solid 1px #a7a6aa; background: #fff; }
input.txt { padding-left: 3px; }
	select { font-size: 85%; height: auto !important; }
	select option { }
input#txtNewsletter.txt, input#txtSearch.txt { margin-right: 10px; vertical-align: baseline !important; }
input.btn { border: none; cursor: pointer; }
/* end global form styles */


/* START SHELL / SITE GLOBAL STYLES */
html { background: #f8f8f5 url(/images/shared/bg_html.gif) repeat-y center top; }

body { background: url(/images/shared/bg_body.jpg) no-repeat center top; padding-left: 13px; }

ul.util li { font-size: 85%; display: inline; }
ul.util li a { color: #000; }

div#container { width: 972px; margin: 0 auto; background: none; }

div#header { position: relative; width: 972px; height: 93px; }
	div.logo { position: absolute; top: 0px; left: 0px; width: 343px; height: 93px; text-indent: -999999px; }
	div.logo a { display: block; width: 343px; height: 93px; }
	div#company { position: absolute; top: 0px; right: 20px }
	div#company ul.util { text-align: right; padding: 12px 0px; width: 576px; height: 18px; }
		ul.util li { vertical-align: middle; border-right: solid 1px #979ca3; padding: 0px 7px; }
		ul.util li.last, ul.util li.no-pipe { border-right: none; padding-right: 0px; }
		ul.util li.no-pipe { padding-top: 10px; }
				
	ul.top { border-bottom: solid 1px #979ca3; line-height: 18px; }
	
	ul.btm li.facebook img { position: relative; top: -1px; margin-right: 2px; vertical-align: middle }
	ul.btm li.facebook a:hover { text-decoration: none }
	ul.btm li.facebook a:hover span { text-decoration: underline !important }
	
	
	ul.btm label { display: none; }
	ul.btm input#txtSearch { width: 170px; }
	ul.btm input.go { width: 23px; height: 23px; margin-right: 0px; background: url(/images/shared/btn_go.gif) no-repeat 0px 0px; }
	ul.btm input.go:active { background-position: 0px 1px; }
	
	
	
div#footer { clear: both; width: 972px; background: #F8F8F5 url(/images/shared/bg_footer.gif) no-repeat right top; padding-bottom: 80px; text-align: center; }
	div#ft-ctnr { width: 736px; margin: 0 25px 0 211px; border-top: solid 1px #979ca3; }
	div#ft-ctnr ul.util { margin: 20px auto 13px auto; text-align: center; }
	p.newsletter { font-size: 85%; height: 19px; margin-top: 20px; background: url(/images/shared/bg_sign-up.gif) no-repeat 20px 0px; text-align: right; }
		p.newsletter label { display: none; }
		p.newsletter input#txtNewsletter { margin-right: 6px; width: 124px; }
		p.newsletter input.sign-up { width: 55px; height: 17px; margin-right: 20px; background: url(/images/shared/btn_sign-up.gif) no-repeat 0px 0px; }
		p.newsletter input.sign-up:active { background-position: 0px 1px; }
		
	p.copyright { font-size: 85%; color: #a7a6aa; text-align: center; }		
	
	
	ul.seals { margin: 20px auto 0px auto; text-align: center; } 
	ul.seals li { display: inline; vertical-align: middle; }
		li.trustlink { margin-right: 10px; width: 155px;  }
		li.netsol { width: 175px; }
	
ul#main-nav { float: left; clear: left; width: 206px; padding-top: 60px; }

	ul#main-nav li { margin-bottom: 3px; }
	ul#main-nav li ul.sub-nav li { margin-bottom: 0px; }
	
	ul#main-nav li a, ul#main-nav li span { display: block; width: 206px; height: 20px; text-indent: 20px; padding-top: 5px; background: transparent url(/images/shared/bg_main-nav.png) repeat-y top left; /* move some of this to typo.css ??? */text-transform: uppercase; font-weight: bold; font-size: 93%; }
					
	ul#main-nav li ul.sub-nav li a { height: 18px; text-indent: 30px; padding: 0px; background: url(/images/shared/bg_sub-nav.png) repeat-y; text-transform: none; font-weight: normal; font-size: 85%; text-decoration: none; }
	ul#main-nav li a.on, ul#main-nav li ul.sub-nav li a.on { font-weight: bold; color: #1385c4;}
	ul#main-nav li ul.sub-nav li a.sale { color: #bb3359; }
	
	ul#main-nav li a:hover { color: #1385c4; text-decoration: none; background-position: top right; }
	ul#main-nav li ul.sub-nav li a:hover { text-decoration: underline; }


ul#main-nav li#breast-cancer-awareness { width: 206px; height: 39px; margin: 0px 0px 5px 0px; padding: 0px; background-color: transparent; text-align: center } 
ul#main-nav li#breast-cancer-awareness a { position: relative; left: -12px; display: block; width: 206px; margin: 0px !important; padding: 0px !important; height: 39px; border: 0px !important; background-image: none; background-color: transparent !important } 


div#main-content { float: right; clear: right; padding: 5px 25px 5px 5px; width: 736px; height: auto; }
body.home div#main-content { padding: 5px 20px 5px 5px; width: 741px; }

/* END SHELL / SITE GLOBAL STYLES */

/* START SIFR DEFAULTS */

.sIFR-hasFlash .breadcrumb li {visibility:hidden;}

/* END SIRF DEFAULTS */

/* Generic Form Styles */
table.form { font-size: 85%;	}
table.form tr td, table.form tr th { padding-top: 7px; }
table.form tr th { font-weight: bold; padding-right: 7px; }
/*table.form tr td { padding-right: 7px;	}*/


span.required , span.req{ color: #bb3359; }

select option.group { color: #ffffff; background-color: #1485ce; }
span.preorder { color: #bb3359; font-weight: bold; text-transform: uppercase;	}

div.error { color: red; margin: 10px; width: 100%; }