@charset "utf-8";
/* CSS Document */

body{background: #f7f7f7 url(/images/shared/subBG.gif) repeat-x top left;}

h1 {
	font-size: 25px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 10px;
}
h2 {
	font-size: 15px;
	margin-bottom: -8px;
	padding-top: 10px;
	line-height: 20px;
}
body.largeText h2 {
	font-size: 16px;
}
body.superText h2 {
	font-size: 18px;
}
h2.colored {
	font-size: 18px;
	color: #698259;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
	padding-left: 15px;
}
h2.colored2 {
	font-size: 16px;
	color: #698259;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 30px;
}
h2.colored3 {
	font-size: 16px;
	color: #698259;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}
h2 span {
	font-size: 13px;
}
h3 {
	font-size: 13px;
	margin-bottom: -8px;
	padding-top: 10px;
}
body.largeText h3 {
	font-size: 14px;
}
body.superText h3 {
	font-size: 16px;
}
.tableList h3, h3.request {
	margin-bottom: 5px;
	padding-left: 10px;
}
sup {
	height: 0;
	line-height: 1;
	vertical-align: super;
	font-size: 85%;
}
sub {
	height: 0;
	line-height: 1;
	vertical-align: sub;
	font-size: 85%;
	top: .5px;
}
#contentContainer {
	position: relative;
	background: #FFF;
	margin-top: -10px;
	padding-top: 10px;
}
#locatorDiv h3 {
	color: #669966;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 5px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#locatorDiv h3.twolines{
	line-height: 15px;	
}

#content p {
	font-size: 13px;
	padding: 10px 0px;
	line-height: 18px;
}
#content ul {
	font-size: 13px;
	padding: 10px 30px;
	list-style-type: disc;
}
#content ul li {
	padding: 4px 0px;
	line-height: 18px;
}
#content ul ul {
	list-style-type: circle;
}
#content ul.storeList {
	list-style-type: none;
	padding: 10px 0px;
}
#content ul.storeList li {
	list-style-type: none;
}
body.largeText #content p, body.largeText #content ul, body.largeText #content ul li {
	font-size: 14px;
	line-height: 20px;
}
body.superText #content p, body.superText #content ul, body.superText #content ul li {
	font-size: 16px;
	line-height: 22px;
}
#content ul#sitemap, body.superText #content ul#sitemap, body.largeText #content ul#sitemap,  #content ul#sitemap li, body.superText #content ul#sitemap li, body.largeText #content ul#sitemap li {
	font-size: 18px;
	line-height: 22px;
}
#content ul#sitemap ul, body.superText #content ul#sitemap ul, body.largeText #content ul#sitemap ul,  #content ul#sitemap ul li, body.superText #content ul#sitemap ul li, body.largeText #content ul#sitemap ul li {
	font-size: 16px;
	line-height: 20px;
}
#content ul#sitemap ul ul, body.superText #content ul#sitemap ul ul, body.largeText #content ul#sitemap ul ul,  #content ul#sitemap ul ul li, body.superText #content ul#sitemap ul ul li, body.largeText #content ul#sitemap ul ul li {
	font-size: 15px;
	line-height: 18px;
}
#content ul#sitemap ul ul ul, body.superText #content ul#sitemap ul ul ul, body.largeText #content ul#sitemap ul ul ul,  #content ul#sitemap ul ul ul li, body.superText #content ul#sitemap ul ul ul li, body.largeText #content ul#sitemap ul ul ul li {
	font-size: 14px;
	line-height: 18px;
}
#breadcrumbs {
	margin-top: 15px;
}
#callouts {
	margin-top: -15px;
}
#breadcrumbs {
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	width: 640px;
	margin-left: 40px;
}
#breadcrumbs a {
	padding-right: 5px;
}
#content {
	width: 640px;
	margin-left: 40px;
	padding-top: 35px;
	position: relative;
}
#content.oneColumn {
	width: 885px;
}
.noBot {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.invisible {
	display: none;
}
.nowrap {
	white-space: nowrap;
}
#content a.pdf {
	padding-left: 20px;
	background: url(/images/shared/pdf.jpg) no-repeat center left;
}
.newsPage #content a.pdf {
	padding-left: 20px;
	background: url(/images/shared/pdf.jpg) no-repeat top left;
}
.newsPage #content a.pdf2line {
	*display: block;
	padding-left: 20px;
	background: url(/images/shared/pdf.jpg) no-repeat top left;
	/*line-height: 18px;*/
}

table.newsTable{
	width: 620px;
	margin: 10px 0px 20px 0px;
	border-collapse: collapse;
}

table.newsTable tr td{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

table.newsTable td{
font-size: 14px;
padding: 15px 3px;
vertical-align: top;
}

table.newsTable col.datePad{
	width: 80px;	
}
#content a.pdf2line {
	padding-left: 20px;
	background: url(/images/shared/pdf.jpg) no-repeat center left;
	line-height: 18px;
}
#locatorDiv {
	margin-bottom: 10px;
	height: 100px;
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px solid #41afe1;
	position: relative;
}

#locatorDiv .sidebar {
	width: 225px;
	float: left;
	height: 400px;
	font-size: 12px;
	position: relative;
}
#locatorDiv #map {
	margin-top: 3px;
	overflow: hidden;
	float: right;
	width:410px;
	height:400px;
}
#locatorDiv .locResults {
	width: 205px;
	border-left: 15px solid #41afe1;
	border-top: 1px solid #41afe1;
}
.locResults .result {
	padding: 8px 5px 8px 10px;
	color: #666666;
	line-height: 16px;
	border-bottom: 1px solid #41afe1;
}
.locResults .selected {
	background: #e8f5fb;
	color: #6c855c;
}
#locations {
        display: none;
    }
    #resultPages {
        display: none;
		bottom: inherit;
    }
	
	#usSearchOnly {
		display: none;
	}

.map {
        width: 410px; 
        height: 400px;
    }

    .location-overlay {
        font: 0.8em "Trebuchet MS", Arial, Sans-Serif;
        color: #666666;
    }
    
    .r_directions_link a {
        color: #008DC9;
    }


.result .r_name {
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 14px;
}
#resultPages {
	height: 25px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 220px;
	line-height: 25px;
}
#resultPages a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #3399cc;
	font-weight: bold;
	font-size: 12px;
}
#resultPages a:hover {
	text-decoration:none;
}
#resultPages .prev {
	padding-left: 16px;
	background: url(/images/sub/locator/prev.gif) no-repeat left center;
	float: left;
}
#resultPages .next {
	padding-right: 16px;
	background: url(/images/sub/locator/next.gif) no-repeat right center;
	float: right;
}
.usCol {
	width: 213px;
	float: left;
}
.usCol h4 {
	font-size: 13px !important;
	font-weight: bold;
}
#usSearchOnly {
	color: #6c855c;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 18px;
	height: 90px;
	padding: 5px 0px 15px 0px;
	border-bottom: 1px solid #41afe1;
	margin-bottom: 10px;
}
.usCol h4 img {
	vertical-align: middle;
	margin-left: 3px;
}
.usPad {
	width: 215px;
	padding-left: 20px;
}
.usPad2 {
	width: 175px;
	padding-left: 15px;
}
#content .usCol p {
	padding: 0;
	font-size: 12px !important;
	color: #666666;
}
.usCol span.legend {
	float: left;
	display: block;
	height: 18px;
	line-height: 18px;
	color: #41afe1;
	font-size: 12px;
	margin:5px 5px 0px 10px;
}
.usCol span.legend img, p.legend img, ul.storeList img {
	vertical-align: middle;
	margin-right: 3px;
}

#content p.legend{color: #41afe1 !important;
	font-size: 12px !important;; line-height: 18px !important;}

#content p.retailersLegend{color: #41afe1 !important;
	font-size: 12px !important;; line-height: 18px !important; text-align: right;}

.resultsDiv {
	display: none;
	position: relative;
	clear: left;
	margin-top: 40px;
}
span.lovedTxt {
	display: none;
}
.productResult {

}
#maleExtras .productResult{border: none; float: left; width: 180px}
.twoList .productResult img, .oneList .productResult img, .miniOneList .productResult img {
	margin: 0px auto;
	display: block;
}
#maleExtras .productResult img{margin: 0px auto; display: block;}
dd .productResult img {
	margin-bottom: 5px;
}
.productResult p {
	text-align: center;
}
.productResult p.resultTitle{
	padding-bottom: 5px !important;	
	clear: both;
}
.oneList p.resultTitle{
	text-align: left;	
}
.productResult .resultFloatLeft{
	float: left;	
	width: 180px;
}
.productResult .resultFloatRight{
	float: left;
	width: 325px;
}
.oneList{
	padding-top: 10px;
}
.oneList  p{
	text-align: left !important;
}
.productResult p.assessSize{
	font-size: 13px;
	color: #394a59;
}

.oneList .productResult p.assessSize{
	margin-left: 30px;
}
.productResult ul{
	/*list-style-position: inside;*/
	padding-top: 0px !important;
	padding-bottom: 0px !important;	
}
.oneList .productResult ul{
	list-style-position: outside;
	padding-top: 0px !important;
	padding-bottom: 0px !important;	
}
.oneList .productResult ul li{
	text-align: left !important;	
}
.productResult ul li, body.largeText .productResult ul li, body.superText .productResult ul li{
/*	text-align: center;*/
	font-size: 13px !important;
	color: #949ca3;
	line-height: 18px !important;
}

p.sampleButtons{
	padding-bottom: 0px !Important;	
	padding-left: 0px !important;
}

#maleExtras p.sampleButtons{
	padding-bottom: 0px !Important;	
	padding-left: 0px !important;
}
#maleExtras .productResult p, body.largeText #maleExtras .productResult p, body.superText #maleExtras .productResult p{
	font-size: 12px;
	color: #949ca3;
}
#maleExtras .productResult p strong{
	font-size: 15px;	
}
p.extrasHeader{
	font-size: 15px !important;
	padding-bottom: 15px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #e7e9eb;	
}
#content dd .productResult p {
	width: 445px;
	padding-top: 25px;
}
.prResultList {
	margin: 10px 0px;
	border-top: 1px solid #e9eaec;
	padding-top: 10px;
}

.twoList .productResult{
	float: left;
	width: 200px;
	padding-left: 40px;
	padding-right: 40px;	
}

.miniOneList .productResult{
	float: left;
	width: 200px;
	padding-left: 182px;
}

.oneList .productResult{
	float: left;
	width: 525px;
	padding-left: 40px;
	padding-right: 0px;	
}


#maleExtras.prResultList{border: none;}
img.floatProduct {
	float: left;
	margin: 15px 15px 15px 0px;
}
img.fillerLeft {
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	float: left;
	margin: 10px 15px 10px 0px;
}
img.fillerRight {
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	float: right;
	margin: 10px 5px 10px 10px;
}
img.noborder {
	border: 0;
}
.clearLeft {
	clear: left;
}
#asstCallout {
	padding: 20px 0px;
	height: 100px;
}
#asstCallout img {
	float: left;
	margin-right: 15px;
}
#asstCallout h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 18px;
}
body.largeText #asstCallout h4 {
	font-size: 14px;
	line-height: 18px;
}
body.superText #asstCallout h4 {
	font-size: 16px;
	line-height: 20px;
}
#content #asstCallout p {
	padding: 0px;
	margin: 0px;
}
.aLight, .aLight:hover, .lightColor {
	color: #b9c3df;
}
.aMod, .aMod:hover, .modColor {
	color: #8195c2;
}
.aHeavy, .aHeavy:hover, .heavyColor {
	color: #3f67a2;
}
.aSev, .aSev:hover, .sevColor {
	color: #004b8d;
}
#productIcons, .productIcons {
	padding: 20px 0px;
}
.prodIcon {
	width: 160px;
	float: left;
	padding: 0px 25px 20px 25px
}
.prodIcon img {
	width: 160px;
	height: 115px;
	display: block;
	margin: 0px auto;
}
.prodIcon span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 16px;
}
.prodIcon a:hover {
	color: #e6a158
}
.productCenter {
	width: 420px;
	margin: 0px auto;
}

.required{
	color: #AA0000;	
}


.retLeft{float: left; width: 280px;}
.retRight{float: right; width: 280px; border}
#retDiv{border-top: 1px solid #41afe1; border-bottom: 1px solid #41afe1; margin-top: 20px;}
.notop{padding-top: 0px !important;}
.morebot{padding-bottom: 20px !important;}
.rlwider{width: 350px;}

#content p.small{font-size: 11px; }

.addtl-retailers-link {
	text-align: right;	
}



h2.moreBottom{padding-bottom: 10px!important;}


#newsYear{
	vertical-align: middle; font-weight: bold; margin: 0px 5px;
	line-height: 18px;
}

#newsYear option{
	line-height: 18px;
}

.tmb{width: 170px; margin: 0px 20px 0px 20px; float: left;}
#videoTmbs{height: 115px;}
.tmb a{font-size: 12px; text-align:center; display: block;}
.tmb img{margin: 0px auto 6px;}

/* Product News */
.prodNewsTableDiv {
	width: 290px;
	float: left;
	padding: 0;
	margin: 0 20px 20px 0;
	display: inline-block;
	overflow: hidden;
}

.prodNewsTableDiv2{width: 620px; float: none;}
.prodNewsTableDiv3{width: 480px; float: none;}

.prodNewsTableDiv table {
	width: 305px;
	padding-left: 0;
	float: left;
	margin: 0;
}

.prodNewsTableDiv2 table {width: 600px; float: none;}
.prodNewsTableDiv3 table {width: 450px; float: none;}

.clearInlineDivs {
	clear: left;
}

.prodNewsCalloutDiv {
	width: 649px;
	float: left;
	padding: 0 0 10px 0;
	margin: 20px 0 20px 0;
	border: 1px solid #b0d4b5;
	display: inline-block;
}
.prodNewsCalloutDiv .prodNewsTableDiv {
	width: 300px;	
}
.prodNewsCalloutDiv p {
	padding: 10px 0 0 10px !important;
}
.prodNewsCalloutText p {
	font-size: 13px !important;	
}
.calloutUnderline {
	text-decoration: underline;	
}
.calloutResultText {
	color: #e6674a;
	font-weight: bold;
}
.prodNewsCalloutBold {
	color: #8da47f;
	font-weight: bold;
	font-style: italic;
}
.prodNewsUnderline {
	text-decoration: underline;
}

.formDisclaimer{
	font-size: 11px;
	color: #96a5b2;	
}
#floatProductCallouts{
	width: 274px;
	float: right;
	min-height: 120px;
	margin-top: -100px;
}

#productSelectedFloatLeft{
	width: 274px;
	float: left;
	min-height: 120px;
	margin-right: 50px;
	margin-left: 40px;
}
#productSelectedBox{
	width: 274px;
	min-height: 120px;
	float: right;
	background: url(/images/sub/products/sampleForm/productSelectedBG.gif) repeat-y top left;
}

#productSelectedTop{
 min-height: 120px;
 background: url(/images/sub/products/sampleForm/productSelectedTop.gif) no-repeat top left;
 padding-top: 10px;
}

#productSelectedBottom{
 min-height: 120px;
 background: url(/images/sub/products/sampleForm/productSelectedBottom.gif) no-repeat bottom left;
 padding-bottom: 10px;
}

.whereToBuyCallout{
	
	margin: 10px auto 10px;;
	display: block;
	width: 240px;	
}

.sampleFormProdImg{
	margin: 0px auto;
	display: block;
	width: 190px;
	height: 141px;
}

#displayDiv {
	z-index: 90000;
	filter: alpha(opacity=70); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE */
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
	display: none;
}

#windowDiv{
	z-index: 90001;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
	display: none;
}

body#requestBody{
	background: #FFFFFF !Important;
	background-image: none;	
}

#numbersDiv{
width: 250px;
float: right;
height: 29px;	
margin-right: 20px;
margin-bottom: 10px;

}
#numbersDiv span{
	display: block;
	float: left;
	height: 29px;
	width: 70px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 22px;
font-weight: bold;
}
#numbersDiv div.number{
	display: block;
	float: left;
	height: 29px;
	width: 49px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #8a949a;
	background: url(/images/sub/products/assessor/numbers.png) no-repeat top left;
	line-height: 22px;
	text-align: center;
	margin-right: 5px;
}
#numbersDiv div.on{
	background: url(/images/sub/products/assessor/numbers.png) no-repeat bottom left;
	color: #08aee2;
}

h2.sampleH2, body.superText h2.sampleH2, body.largeText h2.sampleH2{
	font-size: 21px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 35px;
	background: url(/images/sub/products/sampleForm/check.png) no-repeat top left;
	line-height: 25px;
	height: 39px;
}
.newsBags{height: 200px;}
.bag{
	width: 200px;
	float: left;
	height: 200px;	
	margin-top: 10px;
}
.bag img{margin: 0px auto; display: block;}
.bag p{text-align: center;}