/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

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;
	font-size: 100%;
	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;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}


/* body */

body {
	font-family: Arial, Helvetica, San serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #EEDEB3;
	width: 100%;}	

#mainNav {
	background-color: #ffffff;
	width: 151px;
	height: 534px;}

	#mainNav a,
	#mainNav img {
		margin:0;
		display: block;}
		
		#mainNav a {margin-left:17px;}
		#mainNav a.navItem {margin-left:0;}
		
		
#skinny-cow {
	width: 884px;
	background: url(images/common/bg_page.gif) 0 0 repeat-y;
	margin: 0 auto;
	padding: 0 15px 35px 22px;}
	
	
	#header {
		width: 884px;
		height: 54px;
		background: url(images/common/hdr_page.gif) 0 0 no-repeat;}
		
	#gutter {
		width: 151px;
		margin-left: 25px;
		float: left;}
	
	
	#main-content {
		width:619px;
		float: right;
		margin-right: 60px;
		background: url(images/common/coupon-top.jpg) 0 0 no-repeat;
		position: relative;
		padding: 170px 0 0;
		font-size: 13px;}
		
		#main-content.cups-coupon {
			background: url(images/common/cups-coupon-top.jpg) 0 0 no-repeat;} 
			
		#main-content.any {
			background: url(images/common/coupon-top-any.jpg) 0 0 no-repeat;}
		
		#sk-sav {
			width: 303px;
			height: 30px;
			text-indent: -123456px;
			background: url(images/common/skin-sav.gif) 0 0 no-repeat;
			position: absolute;
			top: 62px; right: 82px;}
		
		#sk-enjoy {
			width: 268px;
			height: 132px;
			text-indent: -123456px;
			background: url(images/common/h-enjoy.gif) 0 0 no-repeat;
			position: absolute;
			top: 18px; right: 82px;}
	
		
	#skinny-coupon {
		width: 619px;
		min-height: 500px;
		background: url(images/common/coupon-bot.jpg) bottom left no-repeat;}
		
		#skinny-coupon p.coupon-callout {margin: 30px 30px 0 100px;}
		#skinny-coupon p.coupon-callout a {
			text-transform:  uppercase;
			font-weight: bold; 
			color: #3fcdcd;}
		
		#skinny-coupon form {
			width: 500px;
			margin-left: 100px;}
			
		form p {margin-bottom:10px;}
			#form-copy {width: 275px; margin:0 0 25px 150px;}
		
		
		#skinny-coupon form #regform-name p,
		#skinny-coupon form #regform-email p,
		#skinny-coupon form #regform-birthday,
		#skinny-coupon form #regform-misc p {
			width:500px; height: 28px;
			clear: both;}
			
			#skinny-coupon form #regform-birthday {height: 35px;}
			
		#skinny-coupon form #regform-name label,
		#skinny-coupon form #regform-email label,
		#dob,
		#zipcode_label,
		#gender_label {
			display: block;
			width: 100px;
			float: left;
			text-align: right;
			padding-right: 15px;}
			
		#skinny-coupon form #regform-name input,
		#skinny-coupon form #regform-email input {
			border: 1px solid #b0b1b5;
			padding: 3px 2px;
			width: 270px;
			float: left;}
			
			#skinny-coupon form #zipcode {
			border: 1px solid #b0b1b5;
			padding: 3px 2px;
			width: 170px;
			float: left;}
		
		#birth_month,
		#birth_day,
		#birth_year,
		#gender {float: left; margin-right:10px;}
		
		#dob_month_label,
		#dob_day_label,
		#dob_year_label {display: none;}
		
		label em {color: #c13c73;}
		
		p#offers {width: 350px;}
		#offers input {float: left; width:5%;}
			#offers label {float: left; width: 90%; margin-left:10px; font-size: 12px;}
	
	
		#submit {
			display: block;
			width:95px; 
			height:32px; 
			padding-top: 32px;
			background: url(images/common/sk-submit.gif) 0 0 no-repeat;
			border:none;
			cursor: pointer;
			margin: 10px auto;}
	
	#footer {
		width: 841px;
		min-height: 40px;
		margin: 0 auto;
		padding:50px 40px 0;
		background: url(images/common/bdr_footer2.gif) 0 0 no-repeat;}
		
		#footer a {color:#000000; text-decoration:none;}
			#footer a:hover {text-decoration: underline;}
		
		#footer p {margin-bottom: 10px;}
		#footer-copy {
			width: 50%;
			float: left;}
		
		#footer-links {
			width: 50%;
			float: right;
			text-align: right;}
			#footer-nav{margin-bottom:10px;}
		
	
div#pageFooter {
	position: relative; 
	width: 920px; 
	text-align: left; 
	padding: 50px 0 0 0;
	clear: both;
	margin: 0 auto 0;
	background-image: url('./images/common/bdr_footer2.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color: #000000;
}

div#pageFooter p, div#pageFooter div {
	position: relative;
	left: 490px;
	width: 418px;
}

div#pageFooter a { color: #000000; }

div#pageFooter a:link, div#pageFooter a:visited {
	text-decoration: none;
}

div#pageFooter a:hover {
	text-decoration: underline;
}

div#pageFooter p#pdf a {display: block; float: right; clear: both; width:205px; height: 27px; padding-right: 105px; background: url(../images/common/btn_get_adobe_reader.gif) right top no-repeat;}
			
div#pageFooter p#goodlife {  left: -10px; display:block; float: right; width: 98px; height: 54px; background: url(../images/common/gfgl.jpg) left top no-repeat; text-align: left; text-indent: -12345px;}
	
	

/* Maps */
#flash-map-contain {
	width: 800px;
	min-height: 600px;
	margin: 0 0 0 42px;}
	
	
	#flash-map-contain h3 {font-weight: bold; font-size: 2em; color: #004466; margin-bottom: 20px;}
	#flash-map-contain p {
		height: 120px;
		width: 250px;
		float: left;}
		
		
#sorry-offer,
#offer-link {
	margin: 15px 0 0;
	line-height: 1.6em;
	font-size: 1.3em;}