/* -----------------------------------*/
/* ----------->>> HOMEPAGE <<<--------*/
/* -----------------------------------*/

#home #top,
#registerHome {
	background: url('http://static.extrabux.com/images/index-top-bg2.jpg') no-repeat top left;  
	height:306px;
	padding:10px 0 5px 5px;
	width:986px;
}

#home #top div.wrap {
	float:left;
	height:97px;
	position:relative;
	margin:1px 2px 0 1px;
	overflow:hidden;
	width:105px;
}

#home #top a.overlay {
	background:url('http://static.extrabux.com/images/home-prod.png') no-repeat;
	display:block;
	height:97px;
	left:0;
	position:absolute;
	top:0;
	width:105px;
	z-index:1000;
}

#home #top a.overlay:hover { background:url('http://static.extrabux.com/images/home-prod-over.png') no-repeat;}

#home #top div.wrap div.amount {
	color:#FFF;
	display:block;
	font-size:15px; 
	left:0;
	line-height:15px;
	letter-spacing:-1px;
	padding-top:8px;
	position:absolute;
	text-align:center; 
	top:0;
	z-index:2000;
	width:45px;
}

#home #top div.wrap .thumb {
	left:20%;
	position:absolute;
	text-align:center;
	top:15px;
}

#home #top div.middle { 
	background:url('http://static.extrabux.com/images/home-promo.png') no-repeat 6px 0px; 
	display:block;
	float:left;
	height:94px;
	margin:4px 0px 0 0px;
	width:324px;
}

#home #stores {
	background: url('http://static.extrabux.com/images/index-popular-bg.gif') no-repeat top left;
	clear:both;
	float:left;
	height:290px;
	padding:25px 0 0 15px;
	width:642px;
}

#home #stores li { float:left; height:80px; width:205px; }

#home #stores .logos a {
	display:block;
	width:205px;
	height:95px;
}

#home #stores .vitacost { background: url('http://static.extrabux.com/images/logo-vitacost.gif') no-repeat center center; }
#home #stores .ebay { background: url('http://static.extrabux.com/images/logo-ebay.gif') no-repeat center center; }
#home #stores .target { background: url('http://static.extrabux.com/images/logo-target.gif') no-repeat center center; }

#home #stores .ulta { background: url('http://static.extrabux.com/images/logo-ulta.png') no-repeat center center; }
#home #stores .drugstore { background: url('http://static.extrabux.com/images/logo-drugstore.gif') no-repeat center center; }
#home #stores .buy-com { background: url('http://static.extrabux.com/images/logo-buy-com.png') no-repeat center center; }

#home #stores .vs { background: url('http://static.extrabux.com/images/vs.png') no-repeat center center; }
#home #stores .jc { background: url('http://static.extrabux.com/images/jcpenney-logo.gif') no-repeat center center; }
#home #stores .dsw { background: url('http://static.extrabux.com/images/dsw-logo.png') no-repeat center center; }

#home #stores .links li {
	font-size:12px;
	float:left;
	height:25px;
	line-height:25px;
	margin-bottom:10px;
	text-transform:uppercase;
	text-align:center;
	width:205px;
}

#home #stores .links a {
	color:#4b4b4b;
	text-decoration:none;
	width:210px;
	font-weight:bold;
}

#home #stores .links a:hover {
	color:#368000;
	text-decoration: underline;
}

#home #stores .store img { vertical-align:middle; margin-top:10px; }

#home #coupons {
	background: url('http://static.extrabux.com/images/index-coupons-bg.gif') no-repeat top left;
	float:left;	
	height:290px;
	padding-top:20px;
	width:329px;
}

.seeAll {
	height:25px;
	text-align:right;
	margin-right:15px;
}

.seeAll a {
	color:#252525;
	text-decoration:underline;
	font-size:1.2em;
}

.seeAll a:hover {
	color:#368000;
	text-decoration:none;
}

#home #coupons .coupon {
	border: 1px dotted #CCC;
	margin:0 13px 5px 15px;
	padding:0px 0;
}

#home #coupons .coupon:hover { border:1px dotted #999; }

#home #coupons .coupon .desc {
	color:#515151;
	float:left; 
	font-size:1.1em;
	margin:10px 5px;
	width:187px;
}

#home .coupon .desc .title {
	color:#368000;
	font-size:1.15em;
	margin-bottom:2px;
	text-decoration:underline;
}

#home .desc .code {
	border-bottom:1px dotted #CCC;
	color:#666;
}

#home .desc a.code:hover {
	border-bottom:1px dotted #252525;
	color:#252525;
}

#home .store {
	float:right; 
	height:50px;
	width:100px;
}

#home .store .logo {
	display:block;
}

#home .store .cashback {
	background: url('http://static.extrabux.com/images/burst-gray-small.png') no-repeat top left;
	height:33px;
	right:-5px;
	position:absolute;
	top:-5px;
	width:33px;
	z-index:2000;
}

#home .store .cashback .value {
	color:#FFF;
	margin-top:9px;
	text-align:center;
}

/* -----------------------------------*/
/* >> Homepage Registration Partial <<*/
/* -----------------------------------*/

#registerHome {
	background: #E8E8E8 url('http://static.extrabux.com/images/login-input-bg-large.gif') repeat-x;
}

/* -----------------------------------*/
/* >> ------- CODA Slider -------- << */
/* -----------------------------------*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { margin:5px 0; }
	.coda-slider { background: #;  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 980px; height: 295px; background:url('http://static.extrabux.com/images/slide-background.png') no-repeat; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 980px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { 
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-right-radius:4px;
		-webkit-border-bottom-left-radius:4px;
		
		border-right:none; 
		font-weight:bold; 
		text-shadow: #366217 1px 1px 1px; 
		background: #368000 url('http://static.extrabux.com/images/coda-tab.png') repeat-x; 
		color:#FFF; 
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { display:none; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { border-right:1px solid #efefef; letter-spacing:-1px; text-shadow: #FFF 1px 1px 1px; color: #3f3f3f; display: block; float: left; margin-right: 1px; width:194px; text-align:center; font-size:1.6em; height:35px; line-height:35px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/* Slide CSS */

.panel-wrapper .screenshot {
	width:490px;
	float:left;
}

.panel-wrapper .text {
	width:475px;
	float:right;
	padding-right:10px;
}

.panel-wrapper .text h2 {
	font-size:22px;
	color:#252525;
	margin-top:52px;
	letter-spacing:-1px;
}

.panel-wrapper .text p {
	color:#252525;
	font-size:17px;
	line-height:21px;
	margin-top:20px;
	height:120px;
}

.panel-wrapper .continue {
	float:right;
	width:300px;
	margin-right:15px;
}

.panel-wrapper .continue a.learn {
	color:#368000;
	font-size:18px;
	text-decoration:underline;
	height:45px;
	line-height:45px;
	float:left;
} 

.panel-wrapper .continue a:hover.learn {
	text-decoration:none;
}

.panel-wrapper .or {
	font-family:"Georgia", serif;
	font-style:italic;
	color:#9a9a9a;
	font-size:18px;
	padding:0 10px;
	height:45px;
	line-height:45px;
	float:left;
}

.panel-wrapper .continue .signup {
	text-indent:-9999px;
	background:url('http://static.extrabux.com/images/home-signup.png') no-repeat;
	height:39px;
	width:145px;
	position:relative;
	overflow:hidden;
	display:block;
	float:left;
}