/* LAYOUT */
body 
{
	background-image: url(/assets/images/bg-seamless-tile.jpg);
	
	background-repeat: repeat;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 15px 0;
	text-align: center;
}
div.page {
	margin: 0 auto;
	text-align: left;
	width: 910px;
	position:relative;
}
div.page-masthead {
	background: url(../images/bg-page-masthead.png) no-repeat;
	height: 80px;
	padding: 25px 0 0 25px;
	position: relative;
	width: 885px;
	z-index: 2372687;
}
div.page-masthead-simple {
	background: url(../images/bg-page-masthead-simple.png) no-repeat;
	height: 5px;
	padding: 25px 0 0 25px;
	position: relative;
	width: 885px;
}
	
	a.join, a.join:link {
		color: #fff;
		left: 490px;
		position: absolute;
		top: 38px;
		font-size:17px;
	}
	
	form.ruecommunity-options {
		background-color: #fff;
		border: 2px solid #999;
		display: none;
		height: 165px;
		left: 484px;
		padding: 10px;
		position: absolute;
		top: 60px;
		width: 180px;
		z-index: 100;
	}
	
	form.search-form {
		left: 694px;
		position: absolute;
		top: 35px;
	}
div.page-content {
	background: url(../images/bg-page-content.png) repeat-y;
	overflow: hidden;
	margin: 0;
	padding: 0 15px 10px 15px;
	width: 880px;
}
div.page-footer {
	background: url(../images/bg-page-footer.png) no-repeat;
	font-size: 11px;
	height: 34px;
	padding: 5px 0 10px 60px;
	width: 885px;
}
p.social {
	color: #fff;
	float: left;
}
p.social a, p.social a:link {
	color: #fff;
	text-decoration: none;
}
p.copyright 
{
	color: #fff;
	float: right;
	padding: 0 28px 0 0;
	text-align: right;
	width: 300px;
}
.right-gutter {
	display: block;
	margin: 0 10px 10px 0;
}
.left-gutter {
	display: block;
	margin: 0 0 0 10px;
}
.bottom-gutter {
	display: block;
	margin: 0 0 10px 0;
}
table.two-column td {
	vertical-align: top;
	width: 50%;
}
	td.two-column {
		vertical-align: top;
		width: 50%;
	}
div.popup {
	display:none;
}
	p.close-links {
		color:#fff;
		margin:0;
		padding:0;
		font-weight:normal;
		background-color:#000;
		height:33px;
		font-size:14px;
		text-align:left;
	}
	
	p.close-links a, p.close-links a:link {
		color:#fff;
		padding:6px 15px 0 15px;
		font-weight:normal;
		text-align:left;
	}
	
		p.close-links a.close, p.close-links a.close:link {
			padding:3px 20px 3px 0;
			margin:0;
			background:url(../images/btn-close.gif) no-repeat;
			background-position:center right;
			clear:both;
		}
	
	p.popup-image {
		text-align: center;
		margin:0;
	}
	p.popup-desc {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin:0;
	}
	
td.header-column 
{
    width: 75px;
}
/* CONTENT */
img {
	border: none;
}
a, a:link {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}
p {
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 0;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 0;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 0;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;
}
h4 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 0;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 0;
}
form .text-short {
	width: 60px;
}
form .text-medium {
	width: 120px;
}
form .text-long {
	width: 240px;
}
form input, form select {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	vertical-align: middle;
}
form .checkbox input {
	border: none;
}
form input.button {
	background:#8eaac7;
	color:#fff;
	font-size: 11px;
	padding:0 10px;
}
form input.round-btn {
	border:none;
	color: #000;
	background:url(../images/button.png) no-repeat;
	width:59px;
	height:17px;
	padding-bottom:2px;
	font-size: 11px;
}
form.ruecommunity-options p {
	font-size: 11px;
	line-height: 14px;
}
form.ruecommunity-options label {
	display: block;
	font-size: 11px;
}
form.ruecommunity-options input {
	font-size: 11px;
}
form.ruecommunity-options a, form.ruecommunity-options a:link {
	color: #125687;
	font-size: 11px;
}
.align-left {
	clear: none;
	float: left;
}
	.gray, .gray a, .gray a:link {
		color:#999;
		font-size:11px;
		text-decoration: none;
	}
	.gray a:hover {
		text-decoration: underline;
	}
.align-right {
	clear: none;
	float: right;
}
table.products {
	margin:0 auto;
	width:100%;
}
	table.products td {
		padding:0;
		vertical-align:top;
	}
	
	table.products td p {
		text-align:center;
		font-size:11px;
	}
	
table.products td.products-hd 
{
	padding:0 0 10px 16px;
	text-align: left;
}
table.products td.products-hd p
{
    text-align: left;
}
table.products td.products-hd a, table.products td.products-hd a:link
{
    text-decoration: none;
}
div.girlstrends-hd {
	margin:0 10px 37px 10px;
	font-size:11px;
}
div.girlstrends2-hd {
	margin:0 10px 10px 10px;
	font-size:11px;
}
	div.girls-trends-bg {
		width:59px;
		height:521px;
		background:url(../images/bg-trend-landing.gif) repeat-x;
	}
table.products-list {
	margin: 0 auto;
	width:100%;
}
	table.products-list td {
		padding:0 10px;
		vertical-align:top;
		text-align:center;
	}
	
	table.products-list td p {
		text-align:center;
		font-size:11px;
	}
	
p.wishlist {
	color: #666666;
}
table.trend-bg {
	width:881px;
	height:521px;
	display:block;
	background:url(../images/trends_11_2010/bg.jpg) no-repeat;
	vertical-align:top;
}
	table.trend-bg tr td {
		vertical-align:top;
	}
div.trend-body {
	height:511px;
	width:802px;
	display:block;
	padding:0 10px;
}
	div.trend-body img {
		margin:0;
		padding:0;
	}
	
	div.trend-body p {
		margin:0;
		padding:5px 0 0 0;
		font-size:14px;
		text-align:center;
		font-weight:bold;
		display:none;
	}
	
table.about-us {
	width:100%;
	display:block;
}
	table.about-us tr td {
		vertical-align:top;
		padding:0;
	}
	
table.accessories-portal {
	width:100%;
	margin:0;
}
	table.accessories-portal tr td {
		vertical-align:top;
	}
	div.grey-border {
		border:2px solid #999;
		width:auto;
		text-align:center;
	}
		div.grey-border img {
			margin:0 0 10px 0;
		}
		
	
table.contact-us {
	width:100%;
}
	table.contact-us td {
		vertical-align:top;
	}
	
	form.entry-form {
		width:800px;
		padding:0 50px;
	}
	
		form.entry-form label {
			display:block;
			width:235px;
			text-align:right;
			padding:0 10px 0 0;
			float:left;
			font-size:11px;
		}
		
		form.entry-form input {
			margin:2px 0;
		}
		
		form.entry-form label.small {
			width:150px;
		}
		
		form.entry-form input.entry-form-submit {
			background:url(../images/btn-submit.jpg) no-repeat;
			width:68px;
			height:28px;
			display:block;
			border:none;
			float:right;
			padding:0 255px 0 0;
		}
		
		form.entry-form input.form-submit {
			background:url(../images/btn-submit.jpg) no-repeat;
			width:68px;
			height:28px;
			border:none;
			display:block;
		}
		
		form.entry-form input, form.entry-form textarea {
			border:1px solid #a2a2a2;
		}
		
		form.entry-form p.form {
			margin:0 0 2px 0;
		}
		
div.wishlist-hd {
	margin:20px 10px 0 10px;
	font-size:11px;
	width: 100%;
}
	div.wishlist-hd h2 {
		font-size:15px;
		font-weight:bold;
		margin:0 0 0 70px;
		letter-spacing:-1px;
	}
	
	div.wishlist-hd p.form {
		margin:0 425px 0 0;
	}
	
	div.wishlist-hd p img {
		margin:0 5px 0 0;
	}
	
table.trends-main {
	width:100%;
}
	table.trends-main tr td {
		vertical-align:top;
	}
	
table.product-display {
	width:100%;
}
	table.product-display tr td {
		
	}
	
	div.gradient-bg {
		width:100%;
		height:521px;
		text-align:right;
		background:url(../images/bg-trend-landing2.gif) repeat-x;
	}
	
	td.product-body {
		width:100%;
		height:521px;
		vertical-align:middle;
		text-align:center;
		padding:0 12px;
	}
	
		td.product-body h1 {
			font-size:20px;
			font-weight:bold;
			margin:0 0 20px 0;
		}
	
		td.product-body p {
			font-size:11px;
			margin:0 0 20px 0;
			line-height:20px;
		}
	
	td.vertical-top {
		vertical-align:top;
	}
	
table.blog {
	width:100%;
}
	table.blog td {
		vertical-align:top;
	}
	
	div.blog-body {
		padding:0 50px 0 150px;
	}
	
		div.blog-body {
			font-size:11px;
		}
	
	table.layout {
		width:100%;
	}
				
	table.layout tr td {
		vertical-align:top;
	}
	
table.table-class {
	width:100%;
	margin:0 10px;
	border-top:1px solid #bcbec0;
	border-left:1px solid #bcbec0;
	border-right:1px solid #bcbec0;
	margin:0 0 20px 0;
}
	table.table-class tr td {
		border-bottom:1px solid #bcbec0;
		padding:2px;
	}
	
table.thirds {
	width:100%;
	margin:0 10px 20px 10px;
}
	table.thirds tr td {
		width:33.3%;
		vertical-align:top;
	}
	
img.heading 
{
    clear: none;
    display: block;
    float: left;
}
div.content 
{
	clear: none;
    float: left;
    width: 805px;
    margin-left: 20px;
}
div.rueCommunityLoggedIn 
{
    color: #fff;
	left: 520px;
	position: absolute;
	top: 28px;
	font-size:11px;
}
div.rueCommunityLoggedIn a, div.rueCommunityLoggedIn a:link
{
    color: #fff;
	font-size:11px;
	text-decoration: underline;
}
table.form-table 
{
    border: none;
}
table.form-table td
{
    font-size: 12px;
    line-height: 18px;
    padding: 4px;
}
table.list 
{
    
}
table.list td
{
    padding: 2px;
    vertical-align: top;
}
table.wallpapers {
	
}
	table.wallpapers tr td {
		padding:4px 0;
		text-align:right;
	}
	
.surveySelect 
{
    display: block;
}
.surveySelectInline 
{
    
}
.surveyText
{
    display: block;
}
.surveyTextInline
{
    
}
.surveyCheck input
{
    border: none;
}
ol 
{
	margin: 0 0 0 18px;
	padding: 0;
}
ol li
{
	margin: 0;
	padding: 0 0 15px 0;
}
ol li ul
{
	margin: 0 0 0 15px;
	padding: 0;
}
ol li ul li
{
	margin: 0;
	padding: 0;
}
.holiday-bg-top-left 
{
	position:absolute;left:0;top:0;
}
.holiday-bg-top-right 
{
	position:absolute;right:0;top:0;
}
div.wl-banner 
{
	display: none;
}
table.surveyRadio 
{
	float: right;
	width: 450px;
	margin: 0;
}
table.surveyRadio td
{
	font-weight: bold;
	padding-top: 2px;
	text-align: center;
	width: 60px;
}
table.headerRadio td 
{
	text-align: center;
}
table.surveyRadio td label
{
	display: none;
}
table.surveyRadio td input
{
	border: none;
	margin: 0;
}
table.radioTable 
{
	width: 100%;
}
table.radioTable td 
{
	padding: 2px 0 2px 8px;
	vertical-align: middle;	
	
}
table.radioTable td span
{
	
}
table.radioTable tr.striped
{
	background-color: #ccc;	
} 
table.radioTable td table.surveyRadio td 
{
	padding: 0;
}
div.preload, div.preload img 
{
	display: none;	
}
div.homepage-banner {
    display:none;
}
div.slideshow {
    display:none;
}
div.insidersPositionNewUpdates {
    display:none;
}
/*SBA Updates, 11/4/2010 - Carbon Elements Hompage
By: Johannes Ma
-----------------------------------------------------------*/   
	div.features {
	display: block;
	width: 881px; height: 436px;
	margin-bottom: 10px;
	z-index: 0;}
	
	div.features h2, div.features p {
	text-indent: -12345px;
	display: none;
	margin: 0; padding: 0;}
	
	div.features p#ce {display: block;}
	
	div.features p#ce a {
	display: block;
	float: none;
	width: 100%; height: 436px;
	background:url("/assets/images/carbon-elements/bg-feature-home.jpg") left top no-repeat;}
	
	div.features p#ce a:hover { background-position: left -436px;}
	
  
	
/* reset for everything that SBA is reponsible with as of 11/5/2010------- */
/* ----------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} 
caption, th {text-align:left;}
table { border-collapse: collapse; border-spacing: 0;}
ul {list-style: none;}
blockquote, q {quotes: none;}
/* Additional */
form label {cursor: pointer;} fieldset {border: none;} abbr, acronymn {text-decoration: none; border:0;}
.clear {clear: both;}
.hide, hr {display: none;}
/*image replacement class*/
.ir {
	display: block;
	text-indent: -123456px;
	overflow: hidden;}
/*SBA Updates, 11/4/2010 - Carbon Landing, Guys (Men's) Landing
By: Johannes Ma
-----------------------------------------------------------*/ 	    
	#c-content, #m-main {
	display: block;
	width: 880px; height: 525px;
	background: url(../images/carbon-elements/bg-carbon-home.jpg) left top no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
	z-index: 0;}
	
	#m-main {
	background: url(../images/holiday-2010/bg-mens-main.jpg) left top no-repeat;}
	
	#c-content h2, #c-content p {
	display: none;}
	
	ul#c-nav {
		margin-top:85px;}
		
		#m-main ul#m-nav {
		margin-top:65px;}
		
	ul#c-nav li	a, #m-main ul#m-nav li a {
		width: 239px;
		height: 138px;
		margin-bottom: 16px;
		background: url(../images/carbon-elements/nav.jpg) left top no-repeat;}	
		
		#m-main ul#m-nav li a {background: url(../images/holiday-2010/nav-mm.jpg) left top no-repeat;}	
		
		ul#c-nav li#n-nl a:hover, #m-main ul#m-nav li#n-o a:hover {
			background-position: -239px top;}
		
		ul#c-nav li#n-h a, #m-main ul#m-nav li#n-gt a {
		background-position: left -154px;}
		
			ul#c-nav li#n-h a:hover, #m-main ul#m-nav li#n-gt a:hover {
			background-position: -239px -154px;}	
		
		ul#c-nav li#n-b a, #m-main ul#m-nav li#n-s a {
		background-position: left -308px;}	
		
			ul#c-nav li#n-b a:hover, #m-main ul#m-nav li#n-s a:hover {
			background-position: -239px -308px;}
	
		#c-content p#wishlist, #m-main p#wishlist {
			position: absolute;
			display: block;
			bottom: 69px; right: 15px;}
		
		#c-content p#wishlist a, #m-main p#wishlist a {
			display: block;
			width: 218px;
			height: 168px;
			background: url(../images/carbon-elements/b-wishlist.jpg) left top no-repeat;}
			
			#m-main p#wishlist a {
			background: url(../images/holiday-2010/btn-mm-win.jpg) left top no-repeat;}
			
		#c-content p#wishlist a:hover, #m-main p#wishlist a:hover {
			background-position: -218px top;}	
			
/*SBA Updates, 11/5/2010 - Holiday Refresh
By: Johannes Ma
-----------------------------------------------------------*/ 
	#holiday2010 {
	width: 880px;
	margin-bottom: 10px;
	overflow: hidden;}
	
	#holiday2010 h2 {
		width: 100%;
		height: 506px;
		background: url(../images/holiday-2010/bg-home.jpg) left top no-repeat;
		margin: 0; padding: 0;}
		
		#holiday2010 p, #holiday2010 h4 {margin: 0; padding: 0;}
		
	#holiday2010 p#gender {
		display: block;
		position: absolute;
		top: 550px; 
		right: 95px;
		font: 18px/1em "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		color: #000;}
		
		#holiday2010 p#gender a {
			color: #78e1e3;
			text-decoration: none;}
			
			#holiday2010 p#gender a:hover {color: #bb171e;}
		
		#holiday2010 p#shop a {
			width: 268px; height: 48px;
			background: url(../images/holiday-2010/btn-home-shop.jpg) left top no-repeat;
			position: absolute;
			top: 660px; right: 96px;
			overflow: hidden;}
			
			#holiday2010 p#shop a:hover {
			background-position: left -48px;}
		
		#holiday2010 p#h-wl, #holiday2010 p#h-wl a {
			width: 267px; height: 184px;
			float: left;}	
		
		#holiday2010 p#h-wl a {background: url(../images/holiday-2010/btn-home-win.jpg) left top no-repeat;}
	
		#holiday2010 p#h-wl a:hover {background-position: -265px top;}
		
		#holiday2010 h4 {
			float: left;
			padding: 3px 10px;
			background: #767676;
			font: 18px/1em "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
			color: #fff;
			cursor: pointer;}
			
			#holiday2010 h4.girls {margin-left: 35px;}
			#holiday2010 h4.on {background: #f0f0f0; color: #767676;}
		
		#holiday2010 #gcaro, #holiday2010 #mcaro {
			position: absolute;
			top: 745px; left: 317px;
			background: #f0f0f0;}
			
			#holiday2010 .gclothes, #holiday2010 .mclothes {background: #f0f0f0; padding: 6px 3px;}
			
			#holiday2010 .gclothes img, #holiday2010 .mclothes img {padding: 0 5px;}
			
			#holiday2010 button {
				width: 39px; height: 80px;
				position: absolute;
				top: 30px; left: -32px;
				background: url(../images/holiday-2010/a-left.jpg) left top no-repeat;
				cursor: pointer;
				border: 0;
				z-index: 1234;}
				
				#holiday2010 button.gnext, #holiday2010 button.mnext{
				top: 30px; left: 503px;
				background: url(../images/holiday-2010/a-right.jpg) left top no-repeat;}
			
/*SBA Updates, 11/5/2010 - ETC, GIRLS LANDING
By: Johannes Ma
-----------------------------------------------------------*/   
	    	
	div#etc, #g-main {
	/* position: relative; */
	width: 880px; height: 524px;
	background: url(../images/holiday-2010/bg-etc.jpg) left top no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
	z-index: 0;}	
	
		#g-main {background: url(../images/holiday-2010/bg-girls-main.jpg) left top no-repeat;}	
	
	#etc p#wishlist a, #g-main p#wishlist a {
		width: 225px; height: 168px;
		position: absolute;
		left: 15px; bottom: 69px;
		background: url(../images/holiday-2010/btn-etc-win.jpg) -1px top no-repeat;}
		
		#g-main p#wishlist a {background: url(../images/holiday-2010/btn-gm-win.jpg) -1px top no-repeat;}
		
		#etc p#wishlist a:hover, #g-main p#wishlist a:hover {
		background-position: -227px top;}
		
	#etc ul#etc-nav, #g-main ul#gm-nav {
		float: right;
		margin-top: 45px;}
		
		#etc ul#etc-nav li a, #g-main ul#gm-nav li a {
		width: 262px;
		height: 138px;
		margin-bottom: 16px;
		background: url(../images/holiday-2010/nav-etc.jpg) left top no-repeat;}
		
		#g-main ul#gm-nav li a {
		background: url(../images/holiday-2010/nav-gm.jpg) left top no-repeat;}
		
			#etc ul#etc-nav li a:hover, #g-main ul#gm-nav li a:hover {
			background-position: -262px top;}
			
			#etc ul#etc-nav li#n-sm a, #g-main ul#gm-nav li#n-em a {
			background-position: left -154px;}
			
			#etc ul#etc-nav li#n-sm a:hover, #g-main ul#gm-nav li#n-em a:hover {
			background-position: -262px -154px;}
			
			#etc ul#etc-nav li#n-s a, #g-main ul#gm-nav li#n-o a {
			background-position: left -305px;}
			
			#etc ul#etc-nav li#n-s a:hover, #g-main ul#gm-nav li#n-o a:hover {
			background-position: -262px -305px;}
	
/*SBA Updates, 11/5/2010 - Accessories Landing
By: Johannes Ma
-----------------------------------------------------------*/  
#am h2, #am p a {float: left; height: 524px;}
#am h2 {
	width: 270px;
	background: url(../images/holiday-2010/bg-am.jpg) left top no-repeat;}
	
	#am p#etc a {
	width: 214px;
	background: url(../images/holiday-2010/btn-am-etc.jpg) left top no-repeat;}
	
	#am p#rb a {
	width: 151px;
	background: url(../images/holiday-2010/btn-am-rb.jpg) left top no-repeat;}
	
	#am p#c a {
	width: 245px;
	background: url(../images/holiday-2010/btn-am-carbon.jpg) left top no-repeat;}
	
/*SBA Updates, 11/5/2010 - Secure Login
By: Johannes Ma
-----------------------------------------------------------*/  
#slogin {
	display: block;
	width: 880px; height: 581px;
	background: url(https://www.rue21.com/assets/images/holiday-2010/bg-slogin.jpg) left top no-repeat;
	font-family: "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}
	
	#slogin #wl-info {
		width: 390px; height: auto;
		float: left; 
		margin: 90px 90px 0 80px;}
	
	#slogin h3 {
		margin-top: 10px;
		font-size: 16px;
		color: #fff200;}
		
		#slogin .plain {color: #fff; font-weight: normal; font-size: 15px;}
		
	#slogin li {
		margin-left: 15px;
		list-style: disc;
		color: #fff;}
		
	#slogin form#sl-form {
		display: block;
		width: 300px;
		float: left;
		padding-top: 35px;}
		
		#slogin form#sl-form p {
		font-size: 12px; 
		margin-bottom: 10px;}
		
		#slogin form#sl-form h4 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;}
		
		#slogin form#sl-form p a.fpw {
		font-style: italic;
		color: #666;}
		
		#slogin form#sl-form p#signup a, #slogin form#sl-form input.submit-button {
		padding: 3px 10px; 
		background: #ffe600;
		font: 14px/1em "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		border: 0;}
		
		#slogin form#sl-form input.submit-button {
		padding: 1px 10px;}
		
		#slogin form#sl-form input.submit-button:hover {
		color: #666; }
		
/*SBA Updates, 11/24/2010 - Holiday Gift Guide
By: Johannes Ma
-----------------------------------------------------------*/  
#hgg {
	display: block;
	width: 880px; min-height: 600px; height: auto;
	background: url(../images/hgg-2010/bg-hgg.jpg) left top no-repeat;
	font-family: "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}	
	
	#hgg h2 {height: 140px;}
	
	#hgg #five, #hgg #ten, #hgg #twenty {
		display: block;
		float: left;
		width: 293px;}	
		
	#hgg h3.under {
		height: 125px;}
		
	#hgg .carosel {
		position: relative;
		display: block;
		width: 205px; height: 215px;
		margin: 0 auto;
		text-align: center;}
		
		#hgg .imgc {
			position: relative;
			margin: 20px auto 0;}
		
		#hgg .carosel p {
			font-size: 11px;
			font-weight: bold;}
		
		h4.hgg-girls {
			width: 204px; height: 39px;
			margin-bottom: -20px;
			background: url(../images/hgg-2010/h-girls.png) left top no-repeat;}
			
		h4.hgg-guys {
			width: 204px; height: 39px;
			margin-bottom: -20px;
			background: url(../images/hgg-2010/h-guys.png) left top no-repeat;}
			
		#hgg .carosel button {
			position: absolute;
			top: 100px; 
			width: 27px; height: 42px;
			border: 0;
			z-index: 1234;
			cursor: pointer;}
			
			#hgg .carosel button.prev {
			left: -10px;
			background: url(../images/hgg-2010/btn-left-hgg.png) left top no-repeat;}
		
		#hgg .carosel button.next {
			right: -10px;
			background: url(../images/hgg-2010/btn-right-hgg.png) left top no-repeat;}
			
		#hgg #g5caro.carosel, #hgg #g5caro.carosel button, #hgg #g5caro.carosel .imgc {
			position: static;}
			
			#hgg #g5caro.carosel button, #hgg #g5caro.carosel .imgc {
			float: left;}
			
			#hgg #g5caro.carosel .imgc {
			margin: 20px 0 0 25px;}
			
			#hgg #g5caro.carosel button.prev {
			margin: 84px 0 0;
			background: url(../images/hgg-2010/btn-left-hgg.png) left top no-repeat;}
		
			#hgg #g5caro.carosel button.next {
			position: absolute;
			top: 472px; left: 250px;
			background: url(../images/hgg-2010/btn-right-hgg.png) left top no-repeat;}
	
	#hgg p#slogan {
		width: 100%; height: 63px;
		background: url(../images/hgg-2010/f-hgg.gif) left top no-repeat;}

/*SBA Updates, 11/29/2010 - Holiday Gift Guide Homepage CALLOUT
By: Johannes Ma
-----------------------------------------------------------*/  

.header-hgg {
	position: absolute;
	top: 16px;
	left: 225px;}	
	


/* SBA Homepage Head Edit / Like BUtton */
#top-home {
	width: 100%;
	height: 49px;
	padding-bottom: 10px;}	
	
	#coupon-link {
		width: 681px;
		height: 49px;
		float: left;}
	
	#like {width: 190px; float: right; position:relative; top: -8px;}
	
/* Ruebeaute */
#p-ruebeaute {
	width: 879px;
	height: 525px;
	position: relative;}
	
	#p-ruebeaute h1 {
		width: 667px;
		height: 524px;
		background-image: url(../images/04-2011/ruebeaute.jpg);}
	
	#p-ruebeaute ul {
		width: 212px;
		height: 524px;
		position: absolute;
		top:0;
		right:0;}
		
		#p-ruebeaute ul li {width: 212px;}
		
		#p-ruebeaute ul a {
			width: 212px; 
			height: 131px;
			background-image: url(../images/04-2011/ruebeaute-nav.jpg);}
			
		
		#p-ruebeaute ul li#rb-nails a {
			height: 133px;
			background-position: 0 0;}
			
			#p-ruebeaute ul li#rb-nails a:hover {background-position: -212px 0;}	
				
		#p-ruebeaute ul li#rb-lips a {
			height: 129px;
			background-position: 0 -133px;}	
			
			#p-ruebeaute ul li#rb-lips a:hover {background-position: -212px -133px;}	
			
		#p-ruebeaute ul li#rb-eyes a {background-position: 0 -262px;}
			
			#p-ruebeaute ul li#rb-eyes a:hover {background-position: -212px -262px;}	
			
		#p-ruebeaute ul li#rb-novelty a {background-position: 0 -393px;}	
			
			#p-ruebeaute ul li#rb-novelty a:hover {background-position: -212px -393px;}