﻿/**Homepage Stylesheet**/

/** Yeti Homepage**/
#yeti
{
	float:left;
	width:730px;
}

body.yeti h1
{
	text-align:center;
	color:#e60e16;
	font-size:18px;
	font-weight:normal;
    position:absolute;
    right:10px;
    top:25px;
    width:225px;
}

body.yeti h1 span#userName
{
	color:#e60e16;
	font-size:18px;
}

body.yeti p
{
	font-size:11px;
	text-align:center;
	margin-top:3px;
}

body.yeti p span
{
	position:relative;
	top:-2px;
	font-size:10px;	
}

body.yeti p span#itemTitle, body.yeti p span#addToOrderText
{
	font-size:12px;	
}

body.yeti p#guestCopy
{
	position:absolute;
	top:45px;
	right:10px;	
	width:225px;
}

div#orderNowMid span.formText
{
    margin-left:15px;
    margin-top:-5px;
    float:left;
}



body.yeti #deals .top
{
	background:url(../images/Homepage/Yeti/yetiDealsTop.gif) no-repeat;
	width:227px;
	height:8px;
	overflow:hidden;
}

body.yeti #deals .mid
{
	background-color:#f4c96b;
	width:222px;
	padding-right:5px;
}

body.yeti #deals .bot
{
	background:url(../images/Homepage/Yeti/yetiDealsBtm.gif) no-repeat;
	width:227px;
	height:7px;
}

body.yeti #dealOfTheDay
{
	background:url(../Images/Homepage/Yeti/dealOfTheWeekBtm.gif) #ffffff no-repeat 0 bottom;
	width:206px;
	position:relative;
	padding:0px 10px 35px 0px;	
	margin:0px 0 15px 5px;
	float:left;
}

body.yeti #dealOfTheDay #top
{
	background:url(../Images/Homepage/Yeti/yetiDealOfTheDay.gif);
	width:216px;
    height:48px;
}

body.yeti #dealOfTheDay h1
{
	display:none;
}


body.yeti .dealContent
{
	width:201px;
	background: url(../Images/Homepage/Yeti/yetiDealBtm.gif) #ffffff no-repeat;
	background-position: left bottom;
	font-size:12px;
	padding:10px 10px 35px 5px;	
	margin-bottom:15px;
	position:relative;
	float:left;
	margin-left:5px;
}

body.yeti .dealContent .dealTop
{
	background:url(../Images/Homepage/Yeti/yetiDealTop.gif) no-repeat;
	width:216px;
	height:9px;
	position:absolute;
	top:0;
	left:0;
}

body.yeti #dealOfTheDay h3, body.yeti .dealContent h3
{
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding:0;
    line-height:20px;
}

body.yeti #dealOfTheDay h3
{
    margin-left:5px;	
    display:block;
}

body.yeti #dealOfTheDay p, body.yeti .dealContent p
{
    margin:0;
    font-size:11px;
    text-align:left;
}

body.yeti #dealOfTheDay h4, body.yeti .dealContent h4
{
    color:#ac1a2f;
    float:right;
    font-size:42px;
    font-weight:bold;
    line-height:46px;
    margin-left:5px;
}

body.yeti #dealOfTheDay a, body.yeti .dealContent a
{
	position:absolute;
	right:5px;
	bottom:-3px;
	height:24px;
}

body.yeti #dealOfTheDay a
{
	bottom:-11px;
}

body.yeti .dealContent a
{
	bottom:-11px;
}

body.yeti .moreDescription, body.slinky .moreText, body.slinky #dealOfTheDayMid .moreText, body.slinky #moreText
{
	visibility:hidden;
}

body.yeti .moreDescription
{
	right:20px;
}

body.slinky #dealOfTheDayMid .moreText, body.slinky #dealOfTheDayMid .clear
{
	background:none;
}

body.yeti #dealOfTheDay a.viewMoreDescription, body.yeti .dealContent a.viewMoreDescription
{
	position:absolute;
	bottom:-5px;
	left:0;
	margin-left:8px;
	width:80px;
}

body.yeti #dealOfTheDay h4 sup, body.yeti .dealContent h4 sup
{
	font-size:24px;
	vertical-align:top;
	line-height:24px;
	position:relative;
	top:5px;
}

body.yeti .viewDeals, body.yeti .sendMeDeals
{
	
	/*margin-left:5px;*/	
	float:left;
	_float:none;	
}

body.yeti .loginDeals
{
	display:block;
	margin-top:20px;
	margin-left:5px;
	
}

#yetiFlash
{
    padding-bottom:58px !important;
}

/**Slinky Homepage**/

#DealsRepeaterPlaceholder
{
	padding:0 0 0 5px;	
	margin:6px 0 0 0;
}

body.slinky #dealOfTheDay
{
	width:250px;
	float:left;
}

body.slinky #dealOfTheDay h1
{
	background:url(../images/Homepage/Slinky/dealOfTheWeekSlinky.gif) no-repeat;
	width:250px;
	height:61px;
	text-indent:-2000px;
	float:left;
	margin-left:1px;
}

body.slinky #dealOfTheDayMid
{
	background:url(../images/Homepage/Slinky/dealOfTheDayMid.gif) repeat-y;
	width:235px;
	padding:10px 0 10px 15px;
	float:left;
}


body.slinky #dealOfTheDayMid div
{
	background:url(../images/Homepage/Slinky/dealOfDayContent.gif) #ffffff no-repeat;
	width:198px;
	padding:10px 20px 25px 10px; 
	position:relative;
	min-height:105px;
	height:auto!important;
	height:100px;
}

body.slinky #dealOfTheDayMid a.viewMoreDescription, body.slinky #dealOfTheDayMid a.dealOfWeekOrderNow
{
	position:absolute;
	bottom:0;	
}

body.slinky #dealOfTheDayMid a.viewMoreDescription
{
	left:10px;
	bottom:5px;
}

body.slinky #dealOfTheDayMid a.dealOfWeekOrderNow
{
	right:15px;
}

body.slinky #dealOfTheDayMid h3, body.slinky #deals h3
{
    font-size:14px;
    font-weight:bold;
}

body.slinky #dealOfTheDayMid p, body.slinky #deals p
{
    margin:5px 0 15px 0;
}

body.slinky #dealOfTheDayMid p sup, body.slinky #deals p sup
{
	font-size:10px;
}

body.slinky #dealOfTheDayMid h4, body.slinky #deals h4
{
    color:#ac1a2f;
    font-size:42px;
	text-align:right;
	float:right;
	margin-top:10px;
}

body.slinky #dealOfTheDayMid sup, body.slinky #deals sup
{
	font-size:24px;
	vertical-align:top;
	/*font-size:32px;*/
}

body.slinky #dealOfTheDayMid h3 sup, body.slinky #deals h3 sup
{
    font-size:8px;
    position:relative;
    top:3px;
}

body.slinky #dealOfTheDayBtm
{
	background:url(../images/Homepage/Slinky/dealOfTheDayBtm.gif) no-repeat;
	width:250px;
	height:14px;
	float:left;
}


/*Deals*/
body.slinky #deals
{
	float:left;	
	width:716px;
	position:relative;
}

body.slinky #deals a
{
	float:left;
	margin:5px 8px;
}

body.slinky #deals .top
{
	background:url(../images/Homepage/Slinky/dealsTopSlinky.gif) no-repeat;
	width:714px;
	height:14px;
	float:left;
	overflow:hidden;
}

body.slinky #deals .mid
{
	background:url(../images/Homepage/Slinky/dealsMidSlinky.gif) repeat-y;
	width:714px;
	float:left;
	min-height:140px;
	height:auto !important;
	height:140px;
	overflow:hidden;
}

div#dealRotator 
{  
	position:relative;
	overflow:hidden;
}

body.slinky #deals div#dealRotator div.dealContent
{
	background:url(../Images/Homepage/Slinky/dealsBkgd.gif) no-repeat;
	background-color:#ffffff;
	width:330px;
	float:left;
	padding:10px 0 0 10px; 
	margin-left:5px;
    position:relative;
    z-index:1;
    min-height:130px;
    height:auto!important;
    height:130px;
}

body.slinky #deals div#dealRotator div.dealContent div
{
	background:none;
	float:left;
	width:125px;
	position:relative;
}

body.slinky #deals div#dealRotator div.dealContent div.dealDescription
{
	width:185px;
	position:relative;
}

body.slinky #deals a.viewMoreText
{
	position:absolute;
	bottom:25px;
	left:10px;
	height:24px;
}

body.slinky #deals a.orderNowBtn
{
	right:15px;
	bottom:25px;
	position:absolute;
	height:auto;
}

body.slinky #deals .mid div#dealRotator div.dealContent .pricePoint .hotDeals
{
	margin:0;
	position:absolute;
	top:0;
	right:0;
}

body.slinky #deals .mid div#dealRotator div.dealContent div img
{
	float:right;
	margin:20px 0;
}

body.slinky #deals a.viewMoreDescription
{
	top:90px;
}

body.slinky #deals .mid div#dealRotator div.dealContent div a img
{
	float:left;
}

body.slinky #deals .bot
{
	background:url(../images/Homepage/Slinky/dealsBotSlinky.gif) no-repeat;
	width:714px;
	height:14px;
	float:left;
	position:relative;
	left:1px;
}

body.slinky #dealOfTheDayMid div a, body.slinky #deals div a
{
	margin:0;
}

body.slinky div.moreDescription
{
	visibility:hidden;
}

.dealContent a.lightbox
{
	height: 64px;
}

/* Slinky Rotator */

div.scrollable 
{  
	position:relative;
	overflow:hidden;
	width: 695px;	 
	min-height:140px;
	height: auto !important;
	height:140px;
	margin-left:13px;	
	z-index:10;
}

#dealRotator
{
	width:20000em;	
}

#dealNavigationBkgd
{
    background:url(../Images/Homepage/Slinky/carouselNavigation.gif) no-repeat;
    width:128px;
    height:37px;
    position:absolute;
    right:2px;
    bottom:34px;
    display:none;
    z-index:11;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage 
{
	display:none;
	width:9px;
	height:12px;
	background:url(../Images/Homepage/Slinky/leftArrow.gif) no-repeat;
	float:left;
	cursor:pointer;
    position:absolute;
    bottom:50px;
    z-index:11;
}

a.nextPage.disabled, a.prevPage.disabled 
{
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage 
{
	width:11px;
	background-image:url(../Images/Homepage/Slinky/rightArrow.gif);
	clear:right;
    right:18px;
}

a.prev, a.prevPage
{
    right:113px;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi 
{
    position:absolute;
    bottom:46px;
    right:40px;
    z-index:11;
}


/* items inside navigator */
div.navi a 
{
	width:15px;
	height:16px;
    padding-left:5px;
	float:left;
	background:url(../Images/Homepage/Slinky/inactiveCarousel.gif) no-repeat;     
	cursor:pointer;	
}

/* active state (current page state) */
div.navi a.active 
{
	background:url(../Images/Homepage/Slinky/activeCarousel.gif) no-repeat;     
} 	


/*Slinky Deals*/


/**Wildcards**/

/*Slinky*/
.wildcardsWrapper {
	CLEAR: both;
	POSITION: relative;
	FLOAT: left;
	WIDTH: 978px;
	BACKGROUND-COLOR: #f4c96b;
	Z-INDEX: 10;
	MARGIN-TOP: 0px;
}

.wildcardsWrapper img {
	FLOAT: left;
}

body.slinky .wildcardsWrapper img 
{
	margin:-1px 0;	
}

.wildcardWrapper .wcSlinkyLink
{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	position:static;
}

.wildcardWrapper .wcSlinkyLink.wildcardImages
{
    float:left;
    width:83px;
    margin-top:10px;
}

.wildcardWrapper {
	POSITION: relative;
	FLOAT: left;
	WIDTH: 226px;
	BACKGROUND-COLOR: #ffe09d;
	Z-INDEX: 20;
	MARGIN: 4px 0 15px 15PX;
	_margin-left:10px;
}
.wildcardWrapper .wildcardMiddle {
	WIDTH: 226px;
	float:left;
}

.wildcardWrapper .wildcardMiddle .wcContent
{
	width:120px;
    padding-bottom:5px;
	margin-left:100px;
	position:relative;
}

.wildcardWrapper .wildcardMiddle sup
{
	vertical-align:top;
	position:relative;
	top:5px;
}

.wildcardWrapper .wildcardMiddle img {
	PADDING: 0 5px 0 5px;
	float:left;
}
.wildcardWrapper h2 a.wcSlinkyLink {
	COLOR: Black;
	FONT-SIZE: 12px;
	MARGIN: 0;
	PADDING: 0 0 3px 0;
	font-weight:bold;
	display:block;
	vertical-align:top;
}

a.wcSlinkyLink sup
{
	font-size:8px;
}

.wildcardWrapper p {
	COLOR: Black;
	FONT-SIZE: 10px;
	PADDING: 0 0 3px 0;
	LINE-HEIGHT: 12px;
	margin-bottom:0;
}
.wildcardWrapper a
{
	FONT-SIZE: 11px;
	}

/*Yeti*/
#yetiWildcards
{
	background:url(../Images/Homepage/Yeti/yetiWildcard.gif) no-repeat;
	width:728px;
	height:46px;
	float:left;
	margin-left:5px;
	margin-top:2px;
	_margin-top:4px;
	*margin-top:4px;
}

#yetiWildcards .wildcardWrapper
{
	background-color:transparent;
	width:242px;
	float:left;
	height:34px;
	margin:0;
	cursor:pointer;
}

#yetiWildcards .wildcardWrapper img
{
    float:left;
    position:relative;
    bottom:20px;
}

#yetiWildcards .wildcardWrapper div
{
    width:150px;
    float:left;
    margin-left:5px;
    padding-top:5px;
}

#yetiWildcards .wildcardWrapper p
{
	display:none;	
}

#yetiWildcards .wildcardWrapper h2
{
    text-align:left;
    font-size:12px;
}

#wildcardTooltip2
{
	background:url(../Images/Homepage/Yeti/yettiWCHoverBkgd.png) no-repeat;
	width:232px;
	height:143px;
	position:absolute;
	display:none;
    text-align:left;
    z-index:999;
    padding-left:40px;
}

#wildcardTooltip2 a
{
	position:absolute;
	/*bottom:-5px;*/
	left:85px;
}

.wildcardTooltipLink
{
	display:block;
}

.wildcardWrapperTT
{
	position:relative;
	height:83px;
	width:272px;
	margin-top:25px;
	right:10px;
}

.wildcardWrapperTT div
{
    float:left;
    width:155px;
    margin-left:0;
    margin-top:-8px;
    cursor:pointer;
}

.wildcardWrapperTT h2
{
    font-size:12px;
    width:135px;
}

#wildcardTooltip2 h2, #wildcardTooltip2 p
{
    text-align:left;
    cursor:pointer;
}

#wildcardTooltip2 p
{
	font-weight:normal;
	line-height:12px;
}

.wildcardWrapperTT a
{
	text-decoration:none;
	position:relative;
}

.wildcardWrapperTT a.link
{
	text-decoration:underline;
	position:absolute;
	bottom:3px;
	right:55px;
}

.wildcardMiddle
{
    position:relative;
}
.wildcardMiddle a
{
    text-align:left;
}

.wildcardTooltipLink
{
	position:absolute !important;
	left:0;
	bottom:150px;
	width:232px;
	height:110px;
	display:none;
	z-index:1000 !important;
	margin-top:10px;
}

#yetiMouseverTarget
{
    position:absolute;
    left:-65px;
    bottom:0;
    width:60px;
    height:150px;
}

.blockbusterWC
{
    position:relative;
    right:20px;
    top:8px;   
}

.WHRwildcard
{
    position:relative;
    right:45px;
    top:8px;
}

.Holidaywildcard 
{
    position:relative;
    right:35px;
    top:8px;
}

.iPhoneWildcard
{
	position:relative;
	left:10px;
    top:0;
}

.pepsiBundleWildCard
{
	position:relative;
	left:0;
	bottom:5px;	
}

.stuffedRollersWildcard
{
	position:relative;
    right:20px;
    bottom:10px;
}

.liveDream
{
	position:relative;
    left:12px;
    bottom:10px;
}

.pepsiMax
{
	position:relative;
    left:20px;    
}
/* Deal Popup */

.moreDescription, body.slinky .moreText, body.slinky #dealOfTheDayMid .moreText, body.slinky #moreText
{
	position:absolute !important;
	z-index:40 !important;
	width:300px !important;
}

.dealPopupTop, body.slinky #dealOfTheDayMid .dealPopupTop
{
    background:url(../Images/Homepage/popupDealTop.png) no-repeat !important;
    width:256px !important;
    height:26px !important;
}

#dealMoreInformation
{
	z-index:30;
	position:absolute;
	text-align:left;
}

.dealPopupMid, body.slinky #dealOfTheDayMid .dealPopupMid
{
    background:url(../Images/Homepage/popupDealMid.png) repeat-y !important;
    padding:5px 20px 2px 20px !important;
    width:216px !important;
    position:relative;
}


body.yeti .dealPopupMid h3, body.slinky .dealPopupMid h3
{
    font-size:12px;
	margin:5px 0 0 3px;
	padding:0;
	width:130px;
	font-weight:bold;
	display:block;
}

body.yeti .dealPopupMid p, body.slinky .dealPopupMid p
{
	margin-left:5px;
	margin-bottom:10px;
	font-size:11px;
	text-align:left;
}

body.yeti .dealPopupMid p.couponLegal, body.slinky .dealPopupMid p.couponLegal
{
	color:#999999;
	font-size:9px;
}

body.yeti .dealPopupMid h4, body.slinky .dealPopupMid h4
{
    color:#ac1a2f;
    font-size:42px;
    float:right;
	line-height:46px;
	font-weight:bold;
	position:relative;
	top:5px;
	right:5px;
	margin-bottom:8px;
}

body.yeti .dealPopupMid h4 img
{
    position:relative;
    left:10px;
}

body.yeti .dealPopupMid a
{
	position:absolute;
	bottom:0;
	right:20px;
}

body.yeti .dealPopupMid h4 sup, body.slinky .dealPopupMid h4 sup
{
    font-size:20px;
    vertical-align:top;
    position:relative;
    top:15px;
}

.dealPopupBtm, body.slinky #dealOfTheDayMid .dealPopupBtm
{
    background:url(../Images/Homepage/dealPopupBtm.png) no-repeat !important;
    width:256px !important;
    height:27px !important;
}

.btmArrow, body.slinky #dealOfTheDayMid .btmArrow
{
    background:url(../Images/Homepage/bottomArrow.png) no-repeat !important;
    width:58px !important;
    height:25px !important;
    margin-top:-10px !important;
    margin-left:20px !important;
}

body.yeti .Each, body.yeti #dealOfTheDay .Each, body.slinky #dealOfTheDayMid .Each, body.slinky .Each
{
    background:url(../Images/Homepage/each.gif) no-repeat;
    width:25px;
    height:7px;
    display:block;
    position:absolute;
    right:8px;
    top:78px;
}

body.yeti .Each
{
	top:38px;
	right:8px;
}

body.yeti .dealPopupMid .Each, body.slinky .dealPopupMid .Each
{
	right:20px;
    top:35px;
}


body.slinky #dealOfTheDayMid .Each
{
	top:32px;
	right:16px;
}

body.slinky .Each
{
	top:23px;
	right:0px;
}


body.yeti .PercentDiscount, body.yeti #dealOfTheDay .PercentDiscount, body.slinky #dealOfTheDayMid .PercentDiscount,
body.slinky .PercentDiscount, body.yeti .AmountOff, body.yeti #dealOfTheDay .AmountOff, body.slinky #dealOfTheDayMid .AmountOff,
body.slinky .AmountOff

{
    background:url(../Images/Homepage/percentDollarOff.gif) no-repeat;
    width:18px;
    height:7px;
    display:block;
    position:absolute;
    right:10px;
    top:78px;
}

body.yeti .AmountOff
{
	top:38px;
	right:15px;
}

body.yeti .PercentDiscount
{
	top:40px;
	right:10px;
}

body.yeti .dealPopupMid .PercentDiscount, body.yeti .dealPopupMid .AmountOff, body.slinky .dealPopupMid .PercentDiscount, body.slinky .dealPopupMid .AmountOff
{
	right:20px;
    top:38px;
}

body.slinky .dealPopupMid .AmountOff
{
	right:25px;
}


body.slinky #dealOfTheDayMid .PercentDiscount, body.slinky #dealOfTheDayMid .AmountOff
{
	top:35px;
	right:20px;
}

body.slinky .PercentDiscount, body.slinky .AmountOff
{
	top:23px;
	right:0px;
}

#welcomeMessage
{
	font-size:18px;
}

span.hotDeals
{
	background:url(../Images/Deals/deals_bug_hotdeals.png) no-repeat;
	width:88px;
	height:80px;
	display:block;
	text-indent:-2000px;
	font-size:0px;
	color:#fff0cf;
	float:right;
}

/* View More Deals Slinky */

#showMoreDealsContainer
{
    background:transparent url(../Images/Homepage/Slinky/dealsBkgd.gif) no-repeat scroll 0 0;
    width:340px;
    height:170px;
    position:absolute;
    top:14px;
    right:10px;
}

#moreDealsCallout
{
    position:absolute;
    top:22px;
    right:170px;
    background:url(../Images/Homepage/Slinky/moreDealsHdl.gif) no-repeat;
    width:173px;
    height:71px;
    display:block;
    text-indent:-2000px;
}

a#showMeMoreDeals
{
	position:absolute;
	bottom:57px;
	right:215px;
}

#showDealsLaptop
{
    position:absolute;
    top:15px;
    right:20px;
}

#showMoreDealsContainer, #moreDealsCallout, a#showMeMoreDeals, #showDealsLaptop
{
    z-index:0;
}

.notUser
{
	color:#ffda81;
	text-decoration:underline;
	font-size:9px;
}

.preLoadImage
{
	margin:20px auto;
}

body.yeti .preLoadImage
{
	margin-top:160px;
}

/* No Flash Message */
div#slinkyNoFlash
{
    background:url(../Images/Homepage/slinkyNoFlash.gif) no-repeat;
    width:967px;
    height:277px;
    position:relative;
}

div#slinkyNoFlash div
{
    position:absolute;
    top:100px;
    left:190px;
}

div#slinkyNoFlash div a, div#slinkyNoFlash div p
{
    float:left;
    text-align:left;
}

div#slinkyNoFlash div a
{
	width:170px;
}

div#slinkyNoFlash div p
{
    margin-left:20px;
    margin-top:10px;
	width:380px;
}

div#slinkyNoFlash div p a
{
	width:auto;
	float:none;
}

div#yetiNoFlash
{
    background:url(../Images/Homepage/noFlashYeti.gif) no-repeat;
    width:720px;
    height:418px;
    position:relative;
}

div#yetiNoFlash div
{
    position:absolute;
    top:160px;
    left:100px;
}

div#yetiNoFlash div a, div#yetiNoFlash div p
{
    float:left;
    text-align:left;
}

div#yetiNoFlash div a
{
	width:170px;
}

div#yetiNoFlash div p
{
    margin-left:20px;
    margin-top:10px;
	width:330px;
}

div#yetiNoFlash div p a
{
	width:auto;
	float:none;
}

/*******************Social Icons***********/
#socialIcons
{
	width:227px;
	float:left; 
	width:auto; 
	margin-top:10px;
	_margin-top:-23px;
	_margin-left:3px;
}


#socialIcons .mid
{
	float:left; 	
	width:227px;
	color:#733d20;
		
}

#socialIcons .mid img
{
	
	float:left;

}


.sdFormContent
{
	margin:5px 0;
	float:left;

}


.formLabel
{
    width:130px;
    _width:110px;
    float:left;
    text-align:right;
    margin-left:10px;
}

.formInputs
{
    width:300px;
    float:right;
    margin-left:5px;
    margin-right:5px;
}

.formInputs select
{
	*margin-left:8px !important;
	_margin-left:5px !important;
}

.sendDealsError
{
    width:280px;
    float:left;
    color:red;
    margin:0 15px 5px 148px;
    *margin-left:153px;
    _margin-left:75px;
}