﻿.back-to-top-link
{
	color: #333333;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

sup {font-size:9px;}
h1 sup {font-size:11px;}
.copy
{
	float: left;
}
.copy .sidebar-module{
	float:right;
}
.copy .women, .copy .men{
	font:oblique bold 16px/23px Georgia,sans-serif;
	display:inline-block;
	height:23px;
	padding-right:23px;
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.copy .women:link, .copy .women:visited{
	color:#a71c57;
	background-image:url(/images/theme-pink/btn-circle.gif);
}
.copy .men:link, .copy .men:visited{
	color:#374e67;
	background-image:url(/images/theme-blue/btn-circle.gif);
}
.copy .women:hover, .copy .women:active,
.copy .men:hover, .copy .men:active{
	color:#5c5c5c;
	background-image:url(/images/btn-circle.gif);
}

#selector-questions
{
	background-color: #219345;
	display: none;
	height: 60px;
	margin: 0px 30px 10px 30px;
	width: 900px;
}

#put-on, #take-off
{
	float: left;
	height: 46px;
	margin-top: 7px;
}

#put-on
{
	border-right: 2px #ffffff dotted;
	width: 476px;
}

#take-off
{
	width: 422px;
}

#selector-questions h3
{

	color: #ffffff;
	float: left;
	font-size: 18px;
	height: 34px;
	padding: 3px 24px 0px 12px;
}

#selector-questions h3 span
{
	background-image: url('/images/product-selector-circle.png');
	background-position:0 0;
	background-repeat: no-repeat;
	color: #ffffff;
	display: inline-block;
	font-size: 28px;
	line-height:25px;
	margin-right: 10px;
	text-align: center;
	width: 31px;
	height:31px;
}

.checkbox-list
{
	color: #ffffff;
	float: left;
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-top: 15px;
}

.checkbox-list li
{
	background-image: url('/images/product-selector-checkbox.png');
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	padding: 0px 20px 0px 20px;
	position: relative;
}

.checkbox-list li img
{
	left: -2px;
	position: absolute;
	top: -3px;
}



#selector-questions .disabled h3
{
	color: #7d9b80;
}

#selector-questions .disabled h3 span
{
	background-image: url('/images/product-selector-circle-disabled.png');
	color: #7d9b80;
}

#selector-questions .disabled .checkbox-list
{
	color: #94b297;
}

#selector-questions .disabled .checkbox-list li
{
	background-image: url('/images/product-selector-checkbox-disabled.png');
	cursor: not-allowed;
}


h3.select-style{
	font-size:30px;
}
.women .select-style, .women .product-styles li .preview h4{
	color:#a71c57;
}
.men .select-style, .men .product-styles li .preview h4{
	color:#374e67;
}
.product-styles{
	height:138px;
	position:relative;
	margin:17px 0 50px;
	width:710px;
}
.women .product-styles{
	background:url(/images/product-styles-bg-women.jpg) no-repeat 11px 0;
}
.men .product-styles{
	background:url(/images/product-styles-bg-men.jpg) no-repeat 11px 0;
}
.product-styles h5{
	color:#fff;
	font-size:14px;
	font-style:oblique;
	text-align:center;
	line-height:35px;
	float:left;
	margin:0 0 0 13px;
	width:99px;
}
.product-styles h5.double{
	width:209px;
}
.product-styles ul{
	list-style:none;
}
.product-styles li{
	position:absolute;
	top:35px;
	background-position:0 0;
	background-repeat:no-repeat;
	height:85px;
	width:99px;
}

/*.productStylesBackgroundMove{
	background-position: 0 -85px !important;
	cursor:pointer;
}*/

.product-styles li:hover, .producSelected{
	background-position:0 -85px;
	cursor:pointer;
}

.product-styles li#WornLikeUnderwear_Female_1{
	background-image:url(/images/product-styles-btn-women-underwear-regular.png);
	left:13px;
}
.product-styles li#WornLikeUnderwear_Female_0{
	background-image:url(/images/product-styles-btn-women-underwear-colors.png);
	left:124px;
}

.product-styles li#WornLikeUnderwear_Female_0 img{
	margin-top:-15px;
}

.product-styles li#EasyToChangeUnderwear_Female{
	background-image:url(/images/product-styles-btn-women-adjustable.png);
	left:235px;
}

.product-styles li#EasyToChangeGarment_Female{
	background-image:url(/images/product-styles-btn-women-garment.png);
	left:346px;
}

.product-styles li#WornLikeUnderwear_Male_1{
	background-image:url(/images/product-styles-btn-men-underwear-regular.png);
	left:13px;
}
.product-styles li#WornLikeUnderwear_Male_0{
	background-image:url(/images/product-styles-btn-men-underwear-colors.png);
	left:124px;
}

.product-styles li#WornLikeUnderwear_Male_0 img{
	margin-top:-15px;
}

.product-styles li#WornInsideUnderwear{
	background-image:url(/images/product-styles-btn-men-guards.png);
	left:235px;
}
.product-styles li#EasyToChangeUnderwear_Male{
	background-image:url(/images/product-styles-btn-men-adjustable.png);
	left:346px;
}
.product-styles li#EasyToChangeGarment_Male{
	background-image:url(/images/product-styles-btn-men-garment.png);
	left:457px;
}
.product-styles li .preview{
	display:none;
	position:absolute;
	width:450px;
	padding-left:80px;
	top:105px;
	left:-20px;
}

.product-styles li:hover .preview{
	display:block;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/*.productPreviewOn{
	display:block !important;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}*/

.product-styles li .preview h4{
	font-size:18px;
	font-style:italic;
}
.product-styles li .preview img{
	display:block;
	position:absolute;
	left:0;
	top:-27px;
}
.product-styles-actions{
	float:right;
	margin-top:17px;
	font:oblique bold 16px Georgia, sans-serif;
	text-align:right;
}
.product-styles-actions .button{
	color:#5c5c5c;
	background:url(/images/flag-btn-right.png ) no-repeat 100% 0;
}
.product-styles-actions .button:hover, .product-styles-actions .button:active, .product-styles-actions .button:focus{
	color:#fff;
}
.women .product-styles-actions .button:hover, .women .product-styles-actions .button:active, .women .product-styles-actions .button:focus{
	background:url(/images/theme-pink/flag-btn-right.png ) no-repeat 100% -43px;
}
.women .product-styles-actions .button:hover span, .women .product-styles-actions .button:active span, .women .product-styles-actions .button:focus span{
	background:url(/images/theme-pink/flag-btn-left.png ) no-repeat 0 -43px;
}
.men .product-styles-actions .button:hover, .men .product-styles-actions .button:active, .men .product-styles-actions .button:focus{
	background:url(/images/theme-blue/flag-btn-right.png ) no-repeat 100% -43px;
}
.men .product-styles-actions .button:hover span, .men .product-styles-actions .button:active span, .men .product-styles-actions .button:focus span{
	background:url(/images/theme-blue/flag-btn-left.png ) no-repeat 0 -43px;
}
#main-content .product-styles-actions .disabled{
	background:url(/images/flag-btn-right.png ) no-repeat 100% -86px;
	color:#fff;
}
#main-content .product-styles-actions .disabled span{
	background:url(/images/flag-btn-left.png ) no-repeat 0 -86px;

}
#main-content .product-styles-actions .disabled:hover, #main-content .product-styles-actions .disabled:active, #main-content .product-styles-actions .disabled:focus{
	background:url(/images/flag-btn-right.png ) no-repeat 100% -86px;
}
#main-content .product-styles-actions .disabled:hover span, #main-content .product-styles-actions .disabled:active span, #main-content .product-styles-actions .disabled:focus span{
	background:url(/images/flag-btn-left.png ) no-repeat 0 -86px;
}
.product-styles-actions .get-samples:link, .product-styles-actions .get-samples:visited{
	background:transparent url(/images/btn-free-arrow-green.gif) no-repeat scroll 100% 25px;
	color:#4B7520;
	display:block;
	height:40px;
	margin-top:15px;
	padding-right:15px;
}
.product-styles-actions .get-samples:hover, .product-styles-actions .get-samples:active{
	color:#4a4a4a;
	background-image:url(/images/btn-free-arrow-gray.gif);
}
.product-styles-actions .get-samples:link .free, .product-styles-actions .get-samples:visited .free{
	background:url(/images/btn-free.gif) no-repeat 0 0;
	height:55px;
	width:55px;
	display:block;
	overflow:hidden;
	text-indent:1000em;
	float: left;
	margin-right:4px;
	margin-left: 4px;
}
.get, .samples
{
	float: left;
	margin-top: 18px;
}
.product-styles-actions .get-samples:hover .free, .product-styles-actions .get-samples:active .free{
	background-position:0 -55px;
}

#second-level-styles
{
	/*background-image: url('/images/products-style-box-l2-bg.png');
	background-repeat: repeat-x;*/
	background-color: #d6ebdc;
	display: none;
	height: 60px;
	padding-left: 16px;
	position: relative;
	margin: 3px 33px 0px 33px;
}

#second-level-styles div.gender
{
	/*background-color: #b3e4b7;*/
	color: #2d2d2d;
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	float: left;
	padding: 17px 10px 8px 4px;
}

#second-level-styles div.left, #second-level-styles div.right
{
	background-image: url('/images/products-style-box-l2-bg-lr.png');
	background-repeat: no-repeat;
	height: 72px;
	position: absolute;
	top: 0px;
	width: 8px;
}

#second-level-styles div.left
{
	left: 0px;
}

#second-level-styles div.right
{
	background-position: -8px 0px;
	right: 0px;
}

#second-level-styles ul
{
	float: left;
}

#second-level-styles ul li
{
	cursor: pointer;
	display: inline-block;
	float: left;
	margin-left: 7px;
	width: 330px;
}

#second-level-styles ul li img, #second-level-styles ul li div
{
	display: inline-block;
	float: left;
}

#second-level-styles ul li div
{
	color: #2d2d2d;
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding: 3px 8px 5px 9px;
	margin-left: 4px;
}

#second-level-styles ul li.selected div
{
	background-color: #f8f8f8;
	border: 1px solid #ffffff;
}

#second-level-styles ul li div span
{
	border-bottom: 2px #a3ada2 dotted;
	line-height:18px;
}

#second-level-styles ul li div img
{
	display: inline;
	float: none;
}

.product-landing-hero
{
	font-size: 11px;
	margin: 20px 30px 0px 30px;
	position: relative;
}

.product-landing-hero a.browse
{
	bottom: 2px;
	color: #555555;
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	right: 0px;
}

#theme
{
	display: none;
}

/**********************/

#product-detail
{
	margin-top: 20px;
}

#product-detail h1
{
	margin-bottom: 10px;
}

#product-detail h2, .lineup-description h3
{
	color: #555555;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 6px;
}

#product-detail p.description
{
	line-height: 18px;
	padding-bottom: 16px;
}

.product-image
{
	float: left;
	position: relative;
	width: 190px;
}

.product-image img
{
	display: block;
	position: relative;
	top: 0px;
}

.product-detail-image 
{
	float: left;
	position: relative;
	width: 190px;
}

.product-detail-image img
{
	display: block;
	position: relative;
	left: -30px;
	top: 0px;
}

.more-details
{
	float: left;
	padding-top: 43px;
	width: 250px;
}

.more-details strong
{
	color: #333333;
	display: block;
	margin-bottom: 10px;
}

.more-details ul
{
	list-style-type: circle;
	margin: 0px 0px 16px 16px;
}

.more-details ul li
{
	list-style-image: url('/images/bullet1.png');
}

.how-put-on
{
	border-top: 2px #989898 dotted;
	padding-top: 16px;
	min-height: 50px;
}

.how-put-on a
{
	color: #333333;
}

.sizing-chart
{
	font-size: 11px;
	margin-bottom: 10px;
	text-align: center;
	width: 220px;
}

.sizing-chart th
{
	border-bottom: 1px #989898 dotted;
	color: #333333;
	font-family: Georgia;
	font-style: italic;
}

.sizing-chart th, .sizing-chart td
{
	border-left: 1px #989898 dotted;
	padding: 2px;
}

.sizing-chart th.no-border, .sizing-chart td.no-border
{
	border-left: none;
}

.hips
{
	width: 100%;
}

.cta-links
{
	font-family: Georgia;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin-top: 14px;
	text-align: right;
}

.cta-links li
{
	padding-bottom: 2px;
}



/***LINEUP***/

.product-lineup li
{
	border-top: 2px #989898 dotted;
	padding-top: 30px;
}

.lineup-image
{
	float: left;
	position: relative;
	width: 220px;
}

.lineup-image img
{
	display: block;
	left: -15px;
	position: relative;
	top: 0px;
}

.lineup-description
{
	float: left;
	padding-right: 40px;
	width: 350px;
}

.lineup-description h2
{
	padding: 10px 0px 10px 0px;
	font-size:27px;
}

.lineup-description h3
{
	margin: 0px;
	padding-bottom: 6px;
}

.product-lineup .more-details
{
	padding-top: 16px;
	width: 290px;
}

.product-lineup .more-details li
{
	border: none;
	padding: 0px;
}

.learn-more-link
{
	font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	margin-left:208px;
	padding:5px 0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	opacity: 0.85;
	width: 166px;
	height: 44px;
}
#tooltip h3{
	display: none !important;
}

/**************Product Selector*****************/

#product-selector{
	background:url(/images/theme-green/selector-body-bg.jpg) repeat-x 50% 46px;
	margin:10px 30px 40px 30px;
	color:#fff;
	font:15px/1.25 Arial, "Helvetica Neue", Helvetica, sans-serif;
	width:900px;
	overflow:hidden;
}

#product-selector-header{
	height:46px;
	line-height:46px;
	background:url(/images/theme-green/selector-header-bg.jpg) no-repeat 0 0;
	padding:0 18px;
}
#product-selector-header h3{
	color:#fff;
	float:left;
	font-size:20px;
	line-height:46px;
	font-weight:bold;
	font-style:oblique;
	width:394px;
}
#product-selector-breadcrumb{
	overflow:auto;
	padding-left:50px;
	display:inline;
}
#product-selector-breadcrumb li{
    float: left; 
    width:55px;
	background-position:100% 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000em;

}
#product-selector .breadcrumb-history:hover {
	opacity:.5;
}
#product-selector-breadcrumb .product-selector-breadcrumb-active{
    background-position:100% -46px;
}
#brdcrm1{background-image:url(/images/selector-breadcrumbs-1.png);}
#brdcrm2{background-image:url(/images/selector-breadcrumbs-2.png);}
#brdcrm3{background-image:url(/images/selector-breadcrumbs-3.png);}
#brdcrm4{background-image:url(/images/selector-breadcrumbs-4.png);}
#brdcrm5{background-image:url(/images/selector-breadcrumbs-5.png);}
#brdcrm6{background-image:url(/images/selector-breadcrumbs-6.png);}

.product-selector-body{
	padding:0 0 75px;
	height:376px;
	background:url(/images/theme-green/selector-swoosh.gif) no-repeat 0 310px;
}
.product-selector-body.recommendation{
	background-position:0 99%;
}
#product-selector p{
	margin-left:9px;
	margin-bottom: 35px;
	width: 700px;
}

#product-selector .pillbutton{
	/*display:inline-block;*/
	float: left;
	height:41px;
	font:16px/41px Arial, "Helvetica Neue", Helvetica, sans-serif;
	background:url(/images/theme-green/selector-btn-right.gif) no-repeat 100% 0;
	padding-right:10px;
	color:#197e27;
}
#product-selector .pillbutton div{
	background:url(/images/theme-green/selector-btn-left.gif) no-repeat 0 0;
	padding:0 10px 0 20px;
	display:block;
	height:41px;
}
#product-selector .pillbutton:hover, #product-selector .pillbutton:active, #product-selector .pillbutton:focus{
	background-position:100% -41px;
	color:#fff;
}
#product-selector .pillbutton:hover div, #product-selector .pillbutton:active div, #product-selector .pillbutton:focus div{
	background-position:0 -41px;
}
#product-selector .pillbutton-large{
	display:inline-block;
	height:56px;
	width:425px;
	font:16px Arial, "Helvetica Neue", Helvetica, sans-serif;
	background:url(/images/theme-green/selector-btn-large-right.gif) no-repeat 100% 0;
	padding-right:10px;
	color:#197e27;
}
#product-selector .pillbutton-large div{
	background:url(/images/theme-green/selector-btn-large-left.gif) no-repeat 0 0;
	padding:10px 10px 0 20px;
	display:block;
	height:46px;
}
#product-selector .pillbutton-large div.single-line{
	line-height:36px;
}
#product-selector .pillbutton-large:hover, #product-selector .pillbutton-large:active, #product-selector .pillbutton-large:focus{
	background-position:100% -56px;
	color:#fff;
}
#product-selector .pillbutton-large:hover div, #product-selector .pillbutton-large:active div, #product-selector .pillbutton-large:focus div{
	background-position:0 -56px;
}
#product-selector .pillbutton-large span{
	font-size:13px;
	display:block;
	color:#434343;
}
#product-selector .pillbutton-large:hover span, #product-selector .pillbutton-large:active span, #product-selector .pillbutton-large:focus span{
	color:#fff;
}
#step-id{
	background-repeat:no-repeat;
	background-position:0 50%;
    float:left;
    height:38px;
    width:51px;
    overflow:hidden;
    text-indent:-1000em;
}
#step-id.q-1{background-image:url(/images/theme-green/q-1.gif);}
#step-id.q-1b{background-image:url(/images/theme-green/q-1b.gif);}
#step-id.q-1c{background-image:url(/images/theme-green/q-1c.gif);}
#step-id.q-2{background-image:url(/images/theme-green/q-2.gif);}
#step-id.q-2b{background-image:url(/images/theme-green/q-2b.gif);}
#step-id.q-3{background-image:url(/images/theme-green/q-3.gif);}
#step-id.q-4{background-image:url(/images/theme-green/q-4.gif);}
#step-id.q-5{background-image:url(/images/theme-green/q-5.gif);}
.product-selector-question h3, .recommendation-copy h3{
	color:#fff;
	font-size:30px;
	text-shadow:1px 1px 1px #000;
}
.q-1 .product-selector-question h3{
	float: left;
    font-size: 18px;
    line-height: 38px;
    padding-right: 1em;
}
.q-1 .product-selector-body{
	padding:10px;
	height:auto;
}
.product-selector-question{
	height:92%;
	padding:43px 0 0 60px;
	background-position:535px 50px;
	background-repeat:no-repeat;
}
.q-1 .product-selector-question{
	padding:0;
}
.q-2.men .product-selector-question{background-image:url(/images/theme-green/selector-ill-men-2.gif);}
.q-3.men .product-selector-question{background-image:url(/images/theme-green/selector-ill-men-3.gif);}
.q-4.men .product-selector-question{background-image:url(/images/theme-green/selector-ill-men-4.png);}
.q-5.men .product-selector-question{background-image:url(/images/theme-green/selector-ill-men-5.png);}
.q-2.women .product-selector-question{background-image:url(/images/theme-green/selector-ill-women-2.gif);}
.q-3.women .product-selector-question{background-image:url(/images/theme-green/selector-ill-women-3.gif);}
.q-4.women .product-selector-question{background-image:url(/images/theme-green/selector-ill-women-4.png);}
.q-5.women .product-selector-question{background-image:url(/images/theme-green/selector-ill-women-5.png);}

.q-1 .response-list{
	margin: 0;
	float: left;
}
.q-2 .response-list
{
     margin:0 35px;
}
.q-2 .q-2b-response-list
{
     margin:35px 35px;
}

.q-5.men .product-selector-question, .q-5.women .product-selector-question{
	background-position:535px 80px;
}

.response-list{
    margin:35px 35px;
	float: left;
}
.response-list li{
	cursor: pointer;
	margin-bottom:10px;
	margin-right: 4px;
}

.size-error{
	color: #99ff66;
	font-size: 16px;
	font-weight:bold;
	margin:35px 0 20px 40px;
}

#product-selector .waist-size{
	margin:30px 0 30px 40px;
	font-weight:bold;
	color: #7dc84f;
	font-size:16px;
}

#product-selector .waist-size span{
	color: #ffffff;
	font-size:20px;
}

#product-selector a, #product-selector div{
  -moz-outline: none 0;
  outline: none 0;
  position:relative;
}

.waist-size input{
	display:inline-block;
	vertical-align:middle;
	height:37px;
	width:104px;
	background:url(/images/theme-green/selector-waist-input.gif) no-repeat 50% 50%;
	border-style:none;
	border-width:0;
	text-align:center;
	font:24px/1em Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #197e27;
	padding-top:5px;
}

.product-selector-footer{
	background:transparent url(/images/theme-green/selector-tip.gif) no-repeat scroll 48px 4px;
	bottom:10px;
	min-height:40px;
	padding:0 120px 0 114px;
	position:absolute;
}

.product-selector-footer img{
	display:block;
	float:left;
}

.product-selector-footer span{
	display:block;
	float:left;
	font:14px/1.25 Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-left:11px;
	width: 772px;
	min-height:55px;
	padding-top:9px;
}
.q-2 .product-selector-footer span{width:580px;}

.recommendation .product-image{
	float:left;
	padding-top:16px;
	padding-left:20px;
	width:430px;
}
.recommendation .product-image img{
	display:inline;
}
.recommendation-copy{
	left:-20px;
	margin-left:358px;
	position:absolute !important;
	top:100px;
	width:530px;
}
.recommendation-copy ul{
	overflow:hidden;
	margin-top:30px;
}
.recommendation-copy li{
	float:left;
	margin-right:10px;
}

.recommendation-subheader{
	font-family:Georgia;
	font-style:italic;
	font-size:17px;
	line-height:40px;
}

#button-close-recommendation{
	color:#FFFFFF;
	float:right;
	font-size:17px;
	height:32px;
	line-height:26px;
	margin-top:9px;
	right:0;
	width:75px;
	font-family:Georgia;
	font-style:italic;
}

#button-print-recommendation{
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:20px;
	height:32px;
	line-height:31px;
	position:relative;
	right:20px;
	top:6px;
	width:77px;
	font-family:Georgia;
	font-style:italic;
}
.product-recommendation-footer{
    width:300px;
}
#product-attributes{
    margin:0 0 0 80px;
    font-style:italic;

}
#product-attributes span{
    padding-top:10px;
    line-height:22px;
}
#product-attributes label{
    font-style:normal;
	font-weight:bold;
}
#where-to-buy{
	margin:0 0 0 80px;
}

#where-to-buy a{ 
	display:block;
	width:145px;
}

#where-to-buy a span{
	font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	font-size:17px;
}

.product-image 
{
    outline: 0;
}

#stepBody{
	position:relative;
}

#browse-womens span, #browse-mens span{
	width:100px;
}

#stepFooter{
	height:85px;
}
#alsoAvailable
{   
    font-weight:normal;
    font-size:12px;
    font-style:normal;
}

a.tip_link {
    background: url("/images/arrow_white.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    padding-right: 11px;
    text-decoration: underline;
}

a.tip_link:hover {
    color: #FFFFFF;
}
