﻿#product-browser-container
{
	height: 177px;
	position: relative;
	width: 960px;
}

#product-browser-curtain, #product-browser
{
	background-color: #ffffff;
	height: 177px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 960px;
}

#product-browser-curtain
{
	z-index: 99;
}

#product-browser
{
	background-image: url('../images/product-browser.gif');
	background-repeat: no-repeat;
	padding-left: 14px;
}

#product-browser-filter
{
	background-color: #ffffff;
	border: 1px #f4f2f2 solid;
	float: left;
	font-size: 11px;
	height: 140px;
	margin: 10px 10px 10px 0px;
	padding: 13px 0px 0px 10px;
	width: 80px;
}

#product-browser-filter ul
{
	line-height: 20px;
	list-style-type: none;
	text-transform: lowercase;
}

#product-browser-filter ul li a
{
	border-bottom: 3px #ffffff solid;
	color: #666666;
	cursor: pointer;
}

#product-browser-filter ul li a:hover
{
	color: #eb7155;
}

#product-browser-filter ul li.active a
{
	border-color: #eb7155;
	color: #eb7155;
}

#product-browser-view
{
	float: left;
	 height: 156px;
	overflow: hidden;
	position: relative;
	width: 832px;
}

#product-browser-view ul
{
	color: #7e7e7e;
	font-size: 11px;
	height: 148px;
	left: -2760px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	width: 3680px;
}

#product-browser-view ul li.category
{
	background-image: url('../images/product-browser-category-divider.png');
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	margin-top: 18px;
	padding-left: 2px;
	position: relative;
}

#product-browser-view ul li.border-none
{
	background: none;
}

#product-browser-view ul li ul
{
	height: 130px;
	left: 0px;
	position: relative;
}

#product-browser-view ul li.active2 ul li
{
	left: -118px;
	position: absolute;
}

#product-browser-view ul li ul li
{
	float: left;
	height: 132px;
	position: relative;
	width: 102px;
	padding: 0px 1px 0px 1px;
}

.cat-name
{
	font-size: 9px;
	font-weight: bold;
	left: 0px;
	position: absolute;
	text-transform: uppercase;
	top: -13px;
}

#product-browser-view ul li ul li.active
{
	border-bottom: 4px #eb7155 solid;
	color: #eb7155;
}

#product-browser-view ul li ul li img, #product-browser-view ul li ul li span
{
	display: block;
}

#product-browser-view ul li ul li span
{
	text-align: center;
	padding: 0px 8px 0px 8px;
}

#product-browser-view ul li ul li span.display-none
{
	display: none;
}

#product-browser-view ul li ul li span sup
{
	color: #eb7155;
	font-size: 8px;
	line-height: 10px;
	padding-right: 2px;
	vertical-align: text-top;
}

#product-browser-view ul li ul li span.absorbency
{
	background-repeat: no-repeat;
	display: none;
	height: 12px;
	left: 15px;
	padding: 0px;
	position: absolute;
	top: 10px;
	width: 25px;
}

#product-browser-view ul li ul li.active span.absorbency
{
	display: block;	
}

#product-browser-view ul li ul li span.light
{
	background-image: url('../images/icon-absorbency-1.png');
}

#product-browser-view ul li ul li span.medium
{
	background-image: url('../images/icon-absorbency-2.png');
}

#product-browser-view ul li ul li span.heavy
{
	background-image: url('../images/icon-absorbency-3.png');
}

#product-browser-view ul li ul li span.mediumandheavy
{
	background-image: url('../images/icon-absorbency-4.png');
	height: 23px;
}

/* New Green Icons*/
#product-browser-view ul li ul li span.light.green
{
	background-image: url('../images/icon-absorbency-1-green.png');
}

#product-browser-view ul li ul li span.medium.green
{
	background-image: url('../images/icon-absorbency-2-green.png');
}

#product-browser-view ul li ul li span.heavy.green
{
	background-image: url('../images/icon-absorbency-3-green.png');
}

#product-browser-view ul li ul li span.mediumandheavy.green
{
	background-image: url('../images/icon-absorbency-4-green.png');
	height: 23px;
	
}

#slider
{
	background-color: #e0e0e0;
	background-image: url('../images/product-browser-slider-track.gif');
	background-repeat: repeat-x;
	float: left;
	height: 16px;
	position: relative;
	width: 831px;
}

#slider #track
{
	float: left;
	height: 16px;
	position: relative;
	width: 803px;
	z-index: 10;
}

#slider #track span
{
	background-image: url('../images/product-browser-slider-handle.png');
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 28px;
	left: 681px;
	position: absolute;
	top: -6px;
	width: 117px;
}

#slider #track span.display-none
{
	display: none;
}

#slider .arrow-left, #slider .arrow-right
{
	background-image: url('../images/product-browser-slider-arrows.gif');
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 14px;
}

#slider .arrow-right
{
	background-position: -14px top;
}

#inactive-slider
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 70)";
	background-color: #ffffff;
	height: 16px;
	left: 116px;
	opacity: 0.7;
	position: absolute;
	top: 148px;
	width: 831px;
	z-index: 99;
}

/*******************************/

.your-coverage
{
	margin-left: 20px;
}

.your-style-list, .your-coverage ul
{
	font-size: 9px;
	list-style-type: none;
	margin-top: 12px;
}

.your-style-list li
{
	height: 47px;
}

.your-style-list li img, .your-style-list li h3, .your-style-list li p
{
	float: left;
}

.your-style-list li h3, .your-coverage h3, .your-coverage-product-details h3
{
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 4px;
}

.your-style-list li img
{
	display: block;
	margin-right: 14px;
}

.your-style-list li h3, .your-style-list li p
{
	width: 152px;
}

.your-style-list li p
{
	margin-top: 0px;
}

.your-coverage
{
	margin-top: 0px;
}

.your-coverage ul
{
	margin-top: 8px;
}

.your-coverage ul li img
{
	display: block;
	margin-bottom: 4px;
}

.your-coverage h3
{
	padding-top: 6px;
}

.your-features
{
	display: block;
}

.style-coverage-features-wrapper
{
	background-image: url('../images/column3-background.gif');
	background-position: center top;
	background-repeat: repeat-y;
	width: 960px;
	margin: 20px 0px 20px 0px;
}

.product-image img
{
	display: block;
	margin: 0px auto 0px auto;
}

.product-image hr
{
	margin: 10px auto 10px auto;
	width: 220px;
}

.product-image ul
{
	border-bottom: 1px #e3e3e3 solid;
	list-style-type: none;
	margin: 0px auto 10px auto;
	width: 220px;
}

.product-image ul li
{
	margin: 0px 0px 5px 10px;
	padding-left: 20px;
}

.product-image .panty-approved-seal
{
	font-size: 10px;
	margin: 00px auto 0px auto;
	width: 220px;
}

.product-image .panty-approved-seal img
{
	float: left;
	margin: 0px;
}

.product-image .panty-approved-seal h4, .product-image .panty-approved-seal p
{
	float: left;
	width: 159px;
}

.product-image .panty-approved-seal h4
{
	font-size: 12px;
	padding-top: 4px;
}

.product-image .panty-approved-seal p
{
	margin-top: 2px;
}

.product-callout
{
	font-size:10px;
	height:62px;
	margin:0 auto;
	width:215px;
	padding-bottom: 15px;
}
.product-callout, .dare-callout
{
	background-image:url(../images/product-details-dare-callout.gif);
	background-repeat:no-repeat;
}

.tween-callout
{
	background-image:url(../images/product-details-tween-callout.gif);
	background-repeat:no-repeat;
}

.ubk-callout, .poy-callout
{
	background-color: #fbfbfb;
	background-image: url('../images/product-details-ubk-callout.gif');
	background-repeat: no-repeat;
	border: 1px #e0e0e0 solid;
	height: 50px;
	margin: 0px auto 0px auto;
	padding-left: 10px;
	width: 208px;
}

.poy-callout
{
	background-image: url('../images/product-details-poy-callout.gif');
	height: 120px;
	margin-top: 10px;
}

.product-callout a, .ubk-callout a, .poy-callout a, .dare-callout a
{
	cursor: pointer;
	display: block;
	height: 50px;
}

.poy-callout a
{
	height: 120px;
}

.tween-callout a
{
	color: #cccccc;
}

.ubk-callout img, .poy-callout img, .dare-callout img, .product-callout img
{
	display: block;
	float: left;
	margin-top:2px;
}

.dare-callout span, .product-callout span {
	display:block;
	line-height:11px;
	margin-left:38px;
	padding:7px 0 0 0px;
}

.tween-callout span, .pyd-callout span
{
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}

.tween-callout span b, .pyd-callout span b
{
	font-size: 15px;
	line-height: 17px;
	font-weight: 500;
	color: #EB7155;
}

.tween-callout span 
{
	color: #999999;	
}

.tween-callout span b
{
	color: #ffffff;	
}

.ubk-callout span
{
	display: block;
	float: left;
	line-height: 15px;
	padding: 9px 0px 0px 14px;
	width: 160px;
}

.poy-callout a > span
{
	display: block;
	float: left;
	line-height: 15px;
	padding: 9px 0px 0px 9px;
	width: 100px;
}

.poy-callout span span
{
	display: inline-block;
	float: left;
	width: 100px;
}

.poy-callout-title
{
	font-weight: bold;
	font-size: 13px;
}

.poy-callout-copy
{
	margin-top: 8px;
}

.poy-callout span span.poy-callout-cta
{
	margin-top: 8px;
	font-size: 10px;
	text-align: right;
	width: 75px;
}

.product-details-h2
{
	border-top: 3px #e3e3e3 solid;
	border-bottom: 1px #e3e3e3 solid;
	padding: 5px;
}

.your-coverage-product-details h3
{
	margin: 10px 0px 6px 10px;
}

.your-coverage-product-details img
{
	display: block;
}

.border-left
{
	background-image: url('../images/e3e3e3.gif');
	background-position: left top;
	background-repeat: repeat-y;
}

.product-features
{
	height: 380px;
	position: relative;
	
}

.product-features img.product-features-img
{
	display: block;
	left: 0px;
	position: absolute;
	top: 10px;
}

.product-features ul
{
	font-size: 10px;
	height: 370px;
	list-style-type: none;
	position: relative;
	top: 10px;
	width: 460px;
}

.product-features ul li
{
	position: absolute;
	width: 130px;
}

.product-features ul li h3
{
	font-size: 11px;
}

.product-features ul li p
{
	margin: 0px;
}

.product-features ul li.icon
{
    padding-left:27px;
    padding-top:5px;
}

.cotton
{
    background: url('../images/cotton_icon.png') no-repeat 0 0;
}

.ph
{
    background: url('../images/ph_icon.png') no-repeat 0 0;
}

.aloe
{
    background: url('../images/aloe_icon.png') no-repeat 0 0;
}

.ubk
{
    background: url('../images/ubk_icon.png') no-repeat 0 0;
}

.product_disclaimers
{
    font-size: 10px;
    margin-top: 20px;
}

div.product_disclaimers sup
{
    font-size: 7px;
}


#your_features ul
{
    list-style:none;
}

#your_features ul li {
     margin: 10px 5px;
    padding-left: 30px;
    padding-top: 5px;
}
