﻿body.jsEnabled .specialOffers div.featuredSpaceContainer, .specialOffers div.featuredSpaceContainer {
	height:auto;
	width:100%;
}
div.introContent{      
	background:#ffffff url(I/Generic/introBkgrd.gif) repeat-x 0 bottom;    
	border-top:0.33em solid #000000;
	height:auto;
	overflow: hidden;
	padding:0 0 20px;
	width:100%;
}
div.introContent .introText{	
	display:inline;
	float:left;
	margin:0 0 0 16px;
	width:41%;
}
div.introContent .introImage{
	float:right;
	text-align:right;
	width:55%;
}
div.introContent .introText h1 {
	font-size:1.2em;
	font-weight:normal;
	padding:0.83em 0 0;
	text-transform:uppercase;
}
div.introContent .introText p {
	font-size:0.7em;
	padding:1em 0 0.33em;
}
body#zone div.introContent .introText a {
	display:block;
	font-weight:bold;
	margin:0.5em 0 0 0;
	font-size:0.7em;
}
div.introContent .introText h1 strong {
	display:block;
}

/* list structure */
ul.offersList {
	width:100%;
}
ul.offersList li {
	position:relative;
	display:inline;
	float:left;
	width:211px;
	margin:0 0 13px 13px;
	font-size:0.7em;
	border:1px solid #000;
	border-bottom:4px solid #000;
	background-color:#fff;
}
ul.offersList li .textContainer {
	position:relative;
	display:inline;
	float:right;
	text-align:right;
	width:10em;
	clear:right;
	min-height:180px;
	height:180px;
}
ul.offersList li .imgContainer {
	position:relative;
	display:inline;
	float:left;
	width:90px;
	text-align:center;
	background-color:#fff;
	height:180px;
	overflow:hidden;
}
ul.offersList li .offerTitle {
	position:relative;
	display:inline;
	width:100%;
	float:left;
	clear:both;
	background-color:#661427;
	color:#fff;
	font-size:1.1em;
	line-height:1.5em;
	text-transform:uppercase;
	height:1.44em;
	overflow:hidden;
}
ul.offersList li .offerTitle strong {
	padding:0 0 0 20px;
	position:relative;
	display:inline;
	float:left;
}
ul.offersList li .imgContainer img { margin :15px 0px;}
ul.offersList li .textContainer p {padding:0 10px 0 0;}

ul.offersList li .textContainer a {
	padding:5px 10px 0 0;
	font-weight:bold;
	display:block;
}
ul.offersList li .textContainer p.priceCase strong {
	display:block;
	font-size:1.2em;
}
ul.offersList li .textContainer p.priceSave {
	padding:10px 10px 0 0;
	font-weight:bold;
}
ul.offersList li .textContainer h3 {
	padding:5px 0;
	font-weight:normal;
	font-size:1.2em;
}

/* specifc styles - specialOffers */
.specialOffers#highlightedOffer .featuredSpaceContainer ul.offersList li {background:#000; border-bottom:1px solid;}
.specialOffers#highlightedOffer .featuredSpaceContainer ul.offersList li .offerTitle {background:#5A6B14;}
.specialOffers#highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer,
.specialOffers#highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a {color:#fff;}
.specialOffers#topOffer ul.offersList li .offerTitle {background:#5A6B14;}
.specialOffers#topOffer ul.offersList li .textContainer a {color:#5A6B14}
#specialOffers .sectionHeader {background:#000; border-bottom:5px solid #5A6B14;}

#specialOffers #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout {background:transparent url(I/Generic/openFlyout.gif) no-repeat right 75%;}
#specialOffers #topOffer ul.offersList li .textContainer a.flyout {background:transparent url(I/Generic/openFlyoutGreen.gif) no-repeat right 75%;}
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout {background:transparent url(I/Generic/openFlyoutWhite.gif) no-repeat right 75%;}
#onlineExclusives #topOffer ul.offersList li .textContainer a.flyout {background:transparent url(I/Generic/openFlyoutRed.gif) no-repeat right 75%;}

#specialOffers #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout, #specialOffers #topOffer ul.offersList li .textContainer a.flyout, #onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout, #onlineExclusives #topOffer ul.offersList li .textContainer a.flyout {bottom:5px;position:absolute; right:5px;padding-right:15px;}

body.jsDisabled #specialOffers #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout, body.jsDisabled #specialOffers #topOffer ul.offersList li .textContainer a.flyout, body.jsDisabled #onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a.flyout, body.jsDisabled #onlineExclusives #topOffer ul.offersList li .textContainer a.flyout {
	display:none;
}


.specialOffers {
	width:665px;
	clear:both;
	display:block;
	position:relative;
	width:100%;
}
.specialOffers div.grid ul.grid{
    position:relative;
    display:block;
	width:100%;
}


#specialOffers #topOffer ul.offersList li .textContainer a:focus {
     background:#eaeaea url(I/Generic/openFlyoutGreen.gif) no-repeat right 75%;
}
#specialOffers .sectionHeader a:focus 
{
    background:none;
}

/* specifc styles - online exclusives*/
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li {background:#661427;}
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .offerTitle {background:#000;}
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer,
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer a {color:#fff;}
#onlineExclusives #highlightedOffer .featuredSpaceContainer ul.offersList li .textContainer p.priceCase strong {color:#661427;}
#onlineExclusives .specialOffers#topOffer ul.offersList li .offerTitle {background:#661427;}
#onlineExclusives .specialOffers#topOffer ul.offersList li .textContainer a {color:#661427;}


#onlineExclusives #topOffer ul.offersList li .textContainer a:focus {
     background:#eaeaea url(I/Generic/openFlyoutRed.gif) no-repeat right 75%;
}
#onlineExclusives .sectionHeader a:focus 
{
    background:none;
}

/* h2 header and see all link styles */
.sectionHeader {
	position:relative;
	display:block;
	height:2.4em;
	margin:13px;
	background:#661427;
	border-bottom:5px solid #000;
}
.sectionHeader h2 {
	position:absolute;
	display:block;
	top:0px; left:10px;
	font-size:1em;
	line-height:2.5em;
	color:#fff;
	font-weight:normal;
}
.sectionFooter {
	position:relative;
	display:block;
	height:2.5em;
	margin:13px;
	clear:both;
}
#specialOffers .sectionFooter a,
#specialOffers .sectionHeader a,
#onlineExclusives .sectionFooter a,
#onlineExclusives .sectionHeader a {
	position:absolute;
	display:block;
	top:0px; right:13px;
	font-size:0.7em; line-height:3.6em;
}
#specialOffers .sectionHeader a,
#onlineExclusives .sectionHeader a {color:#fff;}
#specialOffers .sectionFooter a,
#onlineExclusives .sectionFooter a {color:#000;}

#offersTop a.seeAllOffers {
	position:absolute;
	display:block;
	top:2.5em;
	right:23px;
	font-size:0.7em;
	line-height:1em;
	color:#fff;
}


