﻿/******************************************************************************************************
* This file represents all styles used within the Products content areas of the site.
******************************************************************************************************/

/* Flash install prompt hidden by default */
.Flash .GetFlash {
    color: #fff;
    padding: 3em;
    display: none;
}
.Flash {
    color: #fff;
}

.ProductsLanding .Flash {
	position: absolute;
	left: 0;
	top: 0;	
}
.ProductsLanding{
	margin-bottom:30px;
}
.ProductsLanding .Breadcrumbs {
    margin-bottom: 12px;
}
.ProductsLanding .PageHeader{ 
	margin-bottom: 0;
}
.ProductsLanding .PageHeader h2{
	background:url(Images/Global/title_ProductsAndOffers.gif) no-repeat;
	width:190px;
	height:30px;
    display: block;
	text-indent:-9000px;
	overflow: hidden;
	outline: none;
	line-height: 1;
	font-size: 0;
}
.ProductsLanding .PageHeader p{
	color:#002D57;
    background: none;
    padding-bottom:8px;
}

.ProductsLanding .PageTitle{
	background:none;
	margin-bottom:0;
	font-size:1.6em;
	line-height:1.0em;
	height:auto;
}

.ProductsLanding-Callout {
    width:  900px;
    margin: 4px 0 10px 0;
    position: relative;
}

.ProductsLanding-Callout .ProdDetWrapperLanding {
	background:#D9EBF7 url(Images/Products/ProdDetWrapperBtm-BtmGraphic.gif) no-repeat bottom left;
	position:relative;
	width:860px;
}

.ProductsLanding-Callout .ProdDetWrapperLanding {
    padding-top:400px;
}

.ProductsLanding-Callout .ProdDetWrapperLandingHat {
	background:#D9EBF7 url(Images/Products/ProdDetWrapperBtm-BtmGraphic.gif) no-repeat bottom left;
	height: 350px;
	width: 900px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.ProdDetWrapperLandingUnderwear,
.ProdDetWrapperLandingBoxers {
    padding-top:36px;
    display:none;
}

.ThreeDProductViewerLink{
	margin-left:17px;
	margin-bottom:22px;
	float:left;
}
.ProductsLanding-CalloutsInfoWrapper p {
	color:#FFFFFF;
	float:left;
	padding:8px 0 0 7px;
	width:205px;
	font-size:1.1em;
}
.ProductsLanding-CalloutsInfoWrapper {
	height:104px;
	position:relative;
	width:333px;
}






/* Product Details Pages */
.ProdDetWrapper{
	width:900px;
	margin-top:3px;
	position: relative;
}
.ProdDetWrapperTop{
	width:900px;
	height:404px;
}
a.ProdDet-FSALearnMoreLink,
a.ProdDet-FSALearnMoreLink:hover,
a.ProdDet-FSALearnMoreLink:active,
a.ProdDet-FSALearnMoreLink:visited{
	margin-top:3px;
	color:#FFDF00;
	font-size:1.2em;
	font-weight:bold;
}

.ProdDetUnderpantsRight{
	float:left;
	width:350px;
	height:55px;
	margin:330px 0 0 10px;	
}
.ProdDetUnderpantsRight .fsaApprovedLink{
	float:left;
	margin-right:7px;
	margin-top:6px;
}
.ProdDetUnderpantsRight p{
	color:#fff;
	padding-top:7px;
}
.ProdDetUnderpants-LearnMoreLink{
	margin-top:3px;
}
.ProdDetWrapperBtm {
	background:#D9EBF7 url(Images/Products/ProdDetWrapperBtm-BtmGraphic.gif) no-repeat bottom left;
	padding: 14px 20px 10px 20px;
	position:relative;
	width:860px;
}
.ProdDetWrapperBtmLeft {
	float: left;
	width:248px;
}

.ProdDetWrapperBtmLeft p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#0d4177;
}
.ProdDetWrapperBtmLeft p.ProdDetWrapperBtmLeftText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#000000;
}

.ProductDetPackageSizes {
	width:285px;
	float:left;
	padding:0 0 10px 0;
}
.ProductDetPackageSizes p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#0d4177;
	padding:10px 0 0 0;
}
.ProductDetPackageSizes p.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#0d4177;
}


.ProductDetUndSizes {
	width:230px;
	float:left;
	padding:0 0 0 10px;
}
.ProductDetUndSizes p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#0d4177;
	padding:10px 0 0 0;
}
.ProductDetUndSizes p.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#0d4177;
}

.ProductDetBuyOnline {
	width:329px;
	height:105px;
	background:url(Images/Products/ProdDetBuyOnlineBG.jpg) no-repeat;
	float:left;
}
.ProductDetBuyOnline p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding:15px 24px 0 17px;
}

.ProductDetBuyOnlineButton{
	float:left;
	padding:0 0 0 95px;
}

.ProductDetBtmBtm {
	clear:both;
	padding:10px 0 0 0;
}

.ProdDetWrapperBtmLeft,
.ProdDetWrapperBtmRight {
    width: 526px;
}
.ProdDetWrapperBtmRight {
	float: right;
}
.ProdDetWrapperBtm ul {
    padding:0 0 0 8px;
	margin:0;
}
.ProdDetWrapperBtm li {
    line-height: 1.3;
    padding:0 0 0 8px;
	margin:0;
    list-style: none;
    list-style-position:outside;
    background:url(Images/Products/ProdDetbullet.gif) no-repeat 0 6px;
}
.ProdDetWrapperBtm h5{
	padding-bottom:3px;
}
.ProdDetWrapperBtm h6{
	padding-bottom:4px;
	font-size:1.2em;
}
.ProdDetWrapperBtm p.ProdDetWrapperBtm1{
	line-height:1.3em;
	color: #0d4177;
}
.ProdDetWrapperBtm p.ProdDetWrapperBtm2{
	line-height:1.3em;
	color: #000000;
	clear:both;
	padding-top:8px;
}
/*
.ProdDetWrapperBtm dl {
	margin:0;
	padding: 0;
	font-size: 1.2em;
}
.ProdDetWrapperBtm dt {
	display: inline;
	font-weight: bold;	
}
.ProdDetWrapperBtm dd {
	display: inline;
}
*/
.ProdDetWrapperBtm a.ReadMore {
	font-weight: bold;
}
.ProdDetWrapperBtmFSA{
    background: url(Images/Products/ProdDetWrapperBtm-FSAGraphic.gif) no-repeat 0 0;
    position: absolute;
    top: 25px;
    right: 20px;
    width: 208px;
    height: 124px;
}
.ProdDetWrapperBtmFSA h5 a {
    display: block;
    width: 208px;
    height: 124px;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
}
.ProdDetWrapperBtmFSA p {
    display: none;
}


	




/* Product Details - Underpants Page */

.ProdDetInner-Underpants{
	background:url(Images/Products/ProdDetWrapperTop-BG-Underpants.jpg) no-repeat top left;
}
.ProdDetUnderpantsLeft{
	float:left;
	position:relative;
	width:515px;
	height:399px;
	padding-left:20px;
	padding-top:6px;
}
.ProdDetUnderpantsLeft p{
	margin-right:90px;
}
.ProdDetHeader-Underpants{
	width:271px;
	height:34px;
	background:url(Images/Products/ProdDetHeader-Underpants.gif) no-repeat;
	margin-bottom:1px;
}
.ProdDetUnderpantsLeftGraphicsWrapper{
	position:relative;
	width:510px;
	height:275px;
}
.ProdDet-3dBtn-Underpants{
	position:absolute;
	left:445px;
	top:26px;
	z-index:2;
}
.ProdDetFeaturesList-Underpants{
	position:absolute;
	left:47px;
	top:22px;
}
.ProdDetGraphic-Underpants-Girls{
	position:absolute;
	left:46px;
	top:58px;
}
.ProdDetGraphic-Underpants-Boys{
	position:absolute;
	left:298px;
	top:59px;
}
.ProdDetBtn-SeeGirlsGraphics{
	position:absolute;
	left:26px;
	top:235px;
}
.ProdDetBtn-SeeBoysGraphics{
	position:absolute;
	left:276px;
	top:236px;
}
.ProdDetGraphic-Underpants-PackagesTop{
	position:absolute;
	top:-12px;
	left:561px;
	z-index:3;
}



/* Product Details - Boxers Page */

.ProdDetInner-Boxers{
	background:url(Images/Products/ProdDetWrapperTop-BG-Boxers.jpg) no-repeat top left;
}
.ProdDetBoxersLeft{
	float:left;
	position:relative;
	width:515px;
	height:389px;
	padding-left:20px;
	padding-top:6px;
}
.ProdDetBoxersLeft p{
	margin-right:80px;
}
.ProdDetHeader-Boxers{
	width:481px;
	height:35px;
	background:url(Images/Products/ProdDetHeader-Boxers.gif) no-repeat;
	margin-bottom:1px;
}
.ProdDetBoxersLeftGraphicsWrapper{
	position:relative;
	width:510px;
	height:275px;
}
.ProdDetGraphic-Boxers{
	position:absolute;
	left:110px;
	top:27px;
	z-index:2;
	width:267px;
	height:251px;
}
.ProdDetBoxersBetterLeakBubble{
	position:absolute;
	width:132px;
	height:120px;
	z-index:3;
	left:32px;
	top:125px;
}
.ProdDetFeaturesList-Boxers{
	position:absolute;
	left:24px;
	top:22px;
}
.ProdDet-3dBtn-Boxers{
	position:absolute;
	left:455px;
	top:40px;
	z-index:3;
}
.ProdDetGraphic-Boxers-PackagesTop{
	position:absolute;
	top:-9px;
	left:601px;
	z-index:2;
}


/* Buy Online */

.BuyOnlineRow{
	width: 332px;
	float: left;
}
.BuyOnlineNode{
	width:322px;
	float:left;
	text-align:center;
}
.BuyOnlineNodeCentered {
	float:none;
	margin:0 auto;
}
.BuyOnlineNodeRight{
	padding-left:20px;
}
.BuyOnlineNodeWide{
	width:322px;
	float:left;
}
.BuyOnline h3 {
    border-bottom:solid 1px #DBDBDB;
    margin: 32px 0 16px 0;
    height: 28px;
    clear: left;
    
}
.BuyOnline h3.Boxers {
    background: url(Images/Products/BuyOnline-Header-Boxers.gif) no-repeat center 0;
}
.BuyOnline h3.Underwear {
    background: url(Images/Products/BuyOnline-Header-Underwear.gif) no-repeat center 0;
}
.BuyOnline h4 {
	display:block;
    color: #0D4177;
    font-size: 1.6em;
    padding-bottom:6px;
    width:100%;
    text-align:center;
}
.BuyOnline ul{
	margin-left:0;
	display:block;
}
.BuyOnline ul li {
    padding:0 0 30px 0;
    width: 160px;
    float: left;
    text-align:center;
}
.BuyOnline ul li a.Button {
}

.OrUseStoreLocator{
    border-top:solid 1px #DBDBDB;
    text-align: center;
    margin-top: 20px;
	padding:15px 0;
	width: 664px;
	clear: left;
	float: left;
}
.OrUseStoreLocator p{ 
    text-align: center;
    margin-bottom: 12px;
}
