/****************************************/
/* iwantcoolbeans */
/* copyright (c) the worx group - 2009 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

a { color:#00b5cc; }

body { margin:0; padding:0; text-align:center; min-width:950px; background:#000; color:#FFF; font:normal 12px arial; }
	div.wrapper { width:950px; margin:0 auto; text-align:left; position:relative; }
	
	div.main { height:700px; background:url(/images/bg_brown.jpg) bottom repeat-x; overflow:hidden; }
		div.main img.logo { z-index:9; position:absolute; top:20px; left:0px; }
		div.main img.coffee-back { z-index:6; position:absolute; top:440px; right:305px; }
		div.main img.coffee-fore { z-index:8; position:absolute; top:455px; right:25px; }
		div.main img.coffee-mug { z-index:7; position:absolute; top:-820px; right:-50px; }
		div.main img.coffee-reflection { z-index:6; position:absolute; top:1292px; right:-5px; }
		div.main h1 { z-index:9; position:absolute; top:125px; left:25px; color:#FFF; font-size:22px; }
		div.main h2 { z-index:9; position:absolute; top:160px; left:25px; width:230px; color:#FFF; font-size:15px; line-height:1.5em; }
		div.main form { z-index:9; position:absolute; top:160px; left:285px; width:210px; }
			div.main form div { position:relative; }
			div.main form label { cursor:pointer; text-transform:uppercase; color:#00b5cc; font-family:"Lucida Sans", arial; display:block; margin:4px 0 2px 0; }
			div.main form input.text, div.main form select { cursor:pointer; font-family:arial; font-size:12px; padding:2px; border:1px solid #b4b4b4; background:url(/images/bg_input.gif) 0 0 no-repeat; display:block; margin:0 0 3px 0; width:200px; }
			div.main form select option { background:#FFF; }
			div.main form table td { padding-right:10px; }
			div.main form div.inline { padding:10px 0; }
				div.main form div.inline input.checkbox { float:left; margin:0 7px 0 0; }
				div.main form div.inline label.offers { display:inline; float:left; width:180px; margin:0; font-size:11px; text-transform:none; color:#999; }
				div.main form div.inline_sm label.offers { display:inline; float:left; width:200px; margin:3px 0 0 0; font-size:9px; text-transform:none; color:#999; }
	
	div.callouts { padding:15px 0; background:url(/images/bg_blue.jpg) repeat-x; border:3px solid #00b5cc; border-width:3px 0; font-family:arial; font-size:13px; font-weight:bold; }
		div.callouts h3 { float:left; width:160px; color:#FFF; margin:0 25px; text-transform:uppercase; }
			div.callouts h3 span { display:block; color:#00b5cc; }
		div.callouts ul { float:left; height:85px; }
			div.callouts ul li { display:inline; float:left; width:205px; color:#FFF; margin:0 15px; }
			div.callouts ul li h4 { color:#00b5cc; text-transform:uppercase; margin:0 0 10px 0; }
			div.callouts ul li p { text-decoration:none; font-weight:normal; }
	
	div.footer { color:#666; padding:25px 0; line-height:1.5em; }
		div.footer div.left { float:left; margin:0 0 0 25px; }
		div.footer div.right { float:right; text-align:right; margin:0 25px 0 0; }
		div.footer ul { color:#FFF; }
			div.footer ul li { display:inline; margin:0 3px 0 0; }
		div.footer p a { color:#666; text-decoration:underline; }
		div.footer p a:hover { color:#FFF; }
		
	span.LV_valid { position:absolute; width:30px; height:26px; top:13px; left:215px; z-index:9; border:1px solid #00b5cc; background:#0a0400 url(/images/bg_valid.gif) 0 0 no-repeat; }
	span.LV_invalid { position:absolute; width:30px; height:26px; top:13px; left:215px; z-index:9; border:1px solid #00b5cc; background:#0a0400 url(/images/bg_invalid.gif) 0 0 no-repeat; }
	input.LV_valid_field { }
	input.LV_invalid_field, select.LV_invalid_field { border:1px solid red; }
		
	div.form-errors { z-index:9; position:absolute; top:170px; left:25px; width:400px; color:#FFF; font-size:15px; line-height:1.5em; }
		div.form-errors ul { color:#00b5cc; list-style-type:disc; margin-left:20px; }