/* CSS Document */

/************************************************************************

	Site:		Breitling

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.breitling125.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Navigation
	4 - Main Content
	5 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
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, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    /*outline: 0;*/
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    background: transparent;
}

body { background: #000; color: #a1a1a1; font: 12px Arial, Helvetica, sans-serif; }
br.clear { clear: both; }
a.display { display: block; width: 100%; height: 100%; }
.disappear { margin-left: -9999px; }
div.border { border-top: 1px solid #767676; border-bottom: none; margin-left: 380px; position: relative; width: 497px; z-index: 100; }
/*--------------------------------------------------- float fixes */
/* clear floats for browsers that support :after */
div#pincode:after,
div#pincode ul:after,
div#prizes:after,
div#formWrapper:after,
div#formWrapper ul:after,
div#gallery:after,
div#timer:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*--------------------------------------------------- height fixes */
div#logo h1,
div#retail_logo h1 { height: 100%; }

/*--------------------------------------------------- link styles */


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/
/*------------------------------------------------------------------------------------------------ HOMEPAGE */
div#container { position: relative; }
	div#leftWatch { background: url(../img/bg_left-watch.jpg) left top no-repeat; height: 700px; left: 0; position: absolute; top: 0; width: 550px; z-index: 0; }
	div#header { padding: 20px 0 0 380px; position: relative; z-index: 2; width: 450px; }
		div#headerborder { border-top: 1px solid #767676; border-bottom: none; width: 518px; margin-top: 20px; }
		div#logo { background: url(../img/bg_logo-breitling.png) center no-repeat; height: 99px; width: 550px; }
div#pincode { padding: 0 0 20px 380px; position: relative; width: 495px; z-index: 100; }
div#prizes { padding: 30px 0 30px 380px; position: relative; z-index: 100; }
	div.img_prize { float: left; height: 112px;	margin-bottom: 10px; width: 186px; }
	div#superocean a:hover,
	div#redbull a:hover { background: none; }
		
	div#superocean { background: url(../img/bg_prize-superocean-active.jpg) left top no-repeat; margin-right: 15px; }
	div#superocean a { background: url(../img/bg_prize-superocean-off.jpg) left top no-repeat; }
	div#redbull { background: url(../img/bg_prize-redbull-active.jpg) left top no-repeat; }
	div#redbull a { background: url(../img/bg_prize-redbull-off.jpg) left top no-repeat; }
	
	div.prizeTxt { float: left; width: 184px; }
	
		p.btn_learnmore { background: url(../img/btn_learn-more-active.gif) left top no-repeat; height: 8px; width: 94px; }
		p.btn_learnmore a {	background: url(../img/btn_learn-more-off.gif) left top no-repeat; }
		p.btn_learnmore a:hover { background: none; }
		
	div#superoceanTxt { margin-right: 16px; }
	
div#timer { padding: 30px 0 30px 380px; }
	
/*------------------------------------------------------------------------------------------------------------ FORM PAGE */
div#formWrapper { padding: 0 0 10px 380px; position: relative; z-index: 100; }
	div#topTxt { width: 510px; }
	
/*------------------------------------------------------------------------------------------------------------ OTHER PAGES */
div#content { padding: 35px 0 0 380px; position: relative; z-index: 100; width: 450px; }
div#gallery { padding: 20px 0 0 0; position: relative; }

	div#lrgSuperocean { background: url(../img/img_lrg-superocean.jpg) left top no-repeat; top: 36px; height: 283px; left: 0; position: absolute; width: 397px; }
		div#title_superocean { background: url(../img/title_superocean.gif) left top no-repeat; height: 15px; width: 162px;	}
		div#rightInfo { float: right; padding-right: 25px; width: 365px; }
		
	div#lrgRedbull { background: url(../img/img_lrg-air-races.jpg) left top no-repeat; height: 276px; position: absolute; right: 30px; top: 43px; width: 324px; }
		div#title_redbull { background: url(../img/title_redbull.gif) left top no-repeat; height: 12px; width: 247px; }	
		div#leftInfo { float: left; padding-left: 25px; width: 365px; }
		
	div#lrgMailer { background: url(../img/img_lrg-mailer.jpg) left top no-repeat; float: left; margin-left: 20px; width: 465px; height: 270px; }
		div#title_mailer { background: url(../img/title_your-customer.gif) left top no-repeat; height: 16px; width: 322px; }

	div.prizeTitle { margin: 0 0 22px 0; }
		
		
		
/*------------------------------------------------------------------------------------------------ RETAILERS */
div#retail_logo {
	background: url(../img/bg_logo-breitling.png) left top no-repeat;
	height: 99px;
	width: 216px;
}

div#retail_leftWatch {
	background: url(../img/retail_bg-left-watch.png) left top no-repeat;
	height: 788px;
	left: 0;
	position: absolute;
	top: 0;
	width: 282px;
	z-index: 900;
}

div#retail_glow {
	background: url(../img/retail_glow.png) left top no-repeat;
	height: 198px;
	left: 180px;
	position: absolute;
	top: 0;
	width: 702px;
	z-index: 0;
}
	
div#retailContent { padding: 35px 0 50px 300px; }	
	div#retailContent table { margin: 0 0 55px 0; }
	div#retailContent table tr td.bottomPad { padding: 0 0 20px 0; }
/***********************************************************************
	3 - MAIN CONTENT
************************************************************************/
/*------------------------------------------------------------------------------------------------ HOMEPAGE */
div#header h2 { color: #fff; font-size: 18px; margin: 15px 0 10px 0; text-transform: uppercase; }
	div#header p { color: #fff; font-size: 14px; line-height: 120%; padding: 0 0 10px 0; }
	
div#pincode p { padding: 30px 0 24px 0; }
div#pincode p.error { padding-top: 0; color: #ff0000; font-weight: bold; }

div#pincode ul { list-style: none; }
	div#pincode ul li { color: #fdcf36; float: left; padding-bottom: 15px; }
	div#pincode ul li#first { padding-right: 23px; }
	div#pincode ul li a { color: #fdcf36; }
div#copyright { color: #757575; float: right; font-size: 10px; text-align: right; width: 220px; }
div#copyright a { color: #757575; }
	div#pincode input.pincodeField { background: #fff; border: 3px solid #fdcf36; color: #000; height: 20px; margin: 8px 0 0 0; padding: 5px; width: 219px; }
		
div#pincode div input#btn_pincode { background: url(../img/btn_submit-active.gif) left top no-repeat; border: none; cursor: pointer; float: left; height: 15px; margin: 0 0 25px 0; width: 125px; }

div#prizes p { padding: 0 0 9px 0; }

/*------------------------------------------------------------------------------------------------------------ FORM PAGE */
div#topTxt p { font-size: 14px; padding: 0 0 23px 0; }

div#topTxt p small {
	color: #3b3b3b;
	font-size: 10px;
}

div#formWrapper ul {
	list-style: none;
	width: 528px;
}

	div#formWrapper ul li {
		color: #fdcf36;
		float: left;
		padding: 0 0 15px 0;
	}

	div#formWrapper ul li input.formField,
	div#formWrapper ul li textarea {
		background: #fff;
		border: 2px solid #fdcf36;
		color: #000;
		margin: 6px 17px 0 0;
		padding: 2px;
		width: 239px;
	}

	div#formWrapper ul li input.long { width: 503px; }
	div#formWrapper ul li input#state { width: 40px; }
	div#formWrapper ul li input#zip { width: 174px;	}
	
		li#quantity { margin-right: 57px; }
		li#quantity select { 
			background: #fff;
			border: 2px solid #fdcf36;
			color: #000;
			height: 28px;
			margin-top: 10px;
			width: 143px; 
		}
	
	div#formWrapper ul li textarea {
		height: 75px;
		margin-top: 12px;
		width: 390px;
	}
	
	div#formWrapper div input#formSubmit {
		background: url(../img/btn_submit-active.gif) left top no-repeat;
		border: none;
		cursor: pointer;
		height: 15px;
		width: 125px;
	}
	
/*------------------------------------------------------------------------------------------------------------ OTHER PAGES */
div#content div#title_ty {
	background: url(../img/title_thank-you.gif) left top no-repeat;
	height: 13px;
	margin: 0 0 22px 0;
	width: 441px;
}

div#content p { padding: 0 0 20px 0; }
div#content p a { color: #fdcf36; }
div#rightInfo p,
div#leftInfo p { line-height: 150%; }
div#content div#title_terms { background: url(../img/title_terms.gif) left top no-repeat; height: 13px;	margin: 0 0 20px 0;	width: 297px; }
.errorMessage { color: #ff0000;	font-weight: bold; }

/*------------------------------------------------------------------------------------------------ RETAILERS */
div#header h3 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 20px 0 0 0;
}

div#retailContent table { color: #eef3f6; }
p#retail_copyright { color: #757575; font-size: 10px; }
/***********************************************************************
	4 - FOOTER
************************************************************************/
div#footer { padding: 20px 0 20px 380px; position: relative; z-index: 100; }
div#footer p { color: #3b3b3b; font-size: 10px; }
div#footer p a { color: #3b3b3b; }