/* RESET STYLES..................................................................... */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, a,
em, font, img, small, strike, strong, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font:62.5%/1.4 Verdana, Arial, sans-serif;
	background:#fd830f url('../images/bg.png') repeat-x ;
	color:#3f3f3f;
	}
	
ol, ul {list-style: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:link {text-decoration:none;}


/* LAYOUT ......................................................................... */

#bg-top {
	background:#fff url('../images/bg-top.png') no-repeat;
	height:21px;
	width:961px;
	margin:40px auto 0 auto;
	}

#content {
	background:#fff url('../images/bg-main.png') repeat-y;
	width:961px;
	margin:0 auto;
}

#main-content  {
	width:635px;
	float:right;
	margin-right:25px;
}

#sidebar {
	width:253px;
	float:left;
	margin-left:25px;
}

#advertising {
	width:890px;
	clear:both;
	height:60px;
	margin:10px auto 0;
	border:1px solid #ccc;
}

#footer {
	background:transparent url('../images/bg-btm.png') no-repeat;
	width:961px;
	margin:0 auto 40px auto;
	height:21px;
	padding-top:30px;	
}



/* TEXT ............................................................................ */
a, a:link, a:visited {color:#0d58a6; text-decoration:none;}

a:hover, a:active {color:#ff6c00; text-decoration:underline;}

a.orange {color:#ff6c00;}

body#half-home h1, 
body#order-form h2, 
body#order-confirmation h2 {
	background:url('../images/clock.png') no-repeat;
	color:#04376c;
	font-weight:normal;
	text-transform:uppercase;
	padding:80px 0 0 80px;
	font:46px Arial, sans-serif;
	margin-top:-65px;
	float:left;
	width:555px;
}

	body#half-home h1 span.lt-blue, 
	body#order-form h2 span.lt-blue, 
	body#order-confirmation h2 span.lt-blue {color:#529bdb;}
	
	body#half-home h1 span.orange, 
	body#order-form h2 span.orange,
	body#order-confirmation h2 span.orange {
		color:#ff7c00;
		font-weight:bold;
		}
h2 {
	font:1.5em Arial, sans-serif;
	color:#04376c;
}

#footer p {
	padding-left:40px;
	color:#fff;
	}

#footer a {
	color:#fff;
	text-decoration:underline;
	}
	
	
/* SIDEBAR ......................................................................... */

#sidebar .logo {
	width:253px;
	height:148px;
	margin-top:12px;
}

#sidebar .sponsor {margin-left:43px;}

#nav {
	background:#fff url('../images/shopper.png') no-repeat;
	padding-left:143px;
	margin:20px 0 15px 0;
	height:258px;
}

	#nav a:hover, #nav a:active {text-decoration:none;}
	
	#nav ul li {
		text-align:right;
		border-bottom:1px dotted #689cd2;
		padding:7px 0;
		font-size:1.2em;
	}
	
		#nav ul li.first {border-top:1px dotted #689cd2;}
		
#facebook {margin-bottom:15px; text-align:right;margin-top:-50px;}

		
		@media screen and (-webkit-min-device-pixel-ratio:0){
		#retailers .btn-retailers {padding-right:15px;}
		}
	
		#sidebar .btn-retailers:hover {
			background:url('../images/btn-retailers.png') no-repeat left bottom;
			height:44px;
			text-decoration:none;
		}

form.tell-friend {background:#fff url('../images/bg-tell-friend.png');}

	form.tell-friend fieldset {padding:12px 8px 0px 12px;}
	
	form.tell-friend legend {
		font-size:1.6em;
		margin:15px 0 0 50px;}
		
		@media screen and (-webkit-min-device-pixel-ratio:0){
			form.tell-friend legend {padding-top:15px;}
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
			form.tell-friend legend {padding-top:25px;}
		}
	
	form.tell-friend li {padding:2px 0px}
	
	form.tell-friend label {
		width:106px;
		text-align:right;
		display: inline-block;		
		}
		
		form.tell-friend label, x:-moz-any-link {display: -moz-inline-box;}
		
		form.tell-friend label, x:-moz-any-link, x:default {display:inline-block;}
	
	form.tell-friend input {width:110px;}

	
		form.tell-friend input.btn-tell-friend {
			background:url('../images/btn-send.png') no-repeat left top;
			height:27px;
			border:0;
			cursor:pointer;
		}
		
			form.tell-friend input.btn-tell-friend:hover {
				background:url('../images/btn-send.png') no-repeat left bottom;
				height:27px;
			}
			
	img.form-btm {margin-bottom:10px;}
		
		
/* MAIN CONTENT ......................................................................... */

.floatLeft {float:left;}

.floatRight {float:right;}

#countdown {
	float:right;
	color:#ff7c00;	
	text-transform:uppercase;
	font-size:1.2em;
	line-height:1.6em;
	margin-top:-10px;
	font-weight:bold;
	}
	
	#countdown #cd {
		background:url('../images/bg-clock.gif') no-repeat;
		font-size:3em;
		color:#fff;
		width:185px;
		height:21px;
		padding:18px 0px 18px 15px;
		font-weight:normal;
		}

#header {margin-bottom:15px;}

	#header p {clear:both;}

a.subscribe {
	background:url('../images/join.png') no-repeat left top;
	height:49px;
	width:625px!important;
	color:#fff;
	font:2.4em Arial, sans-serif;
	padding:10px 60px 10px 70px;
	margin:10px 0px;
}

	a.subscribe:hover {
		background:url('../images/join.png') no-repeat left bottom;
		height:49px;
		color:#fff;
		text-decoration:none;
	}
	
	.btn-join {padding-bottom:20px; }
	
#sale-items {margin-top:25px;}

#item {
	width:306px;
	height:400px;
	background:#afccea;
	font-size:1.1em;
	background:url('../images/bg-item-main.png') no-repeat;
	margin-bottom:6px;
	position:relative;
}

	#item.white {background:url('../images/bg-item-white.png') no-repeat;}
	#item span.overlay {
		background:url('../images/overlay-expired.png') no-repeat;
		width:306px;
		height:400px;
		position:absolute;
		display:block;
		margin-bottom:6px;
		cursor:pointer;
	}

	#item .upper {
		height:335px;
		padding:10px 10px 0 10px;
		}

	#item .sale-img {
		background:url('../images/bg-item-left.png') no-repeat left top;		
		float:left;
		margin:0 10px 10px 0px;		
	}
	
		#item .sale-img span {			
			background:url('../images/bg-item.png') no-repeat right top;
			float:left;
			display:block;
			padding:23px 11px 23px 0px;
			margin-left:11px;
		}
	
	#item h2 {
		margin-top:5px;
		border-bottom:1px solid #d1e1f1;
		padding-bottom:5px;}
	
	#item span.price {
		font:3.0em Arial, sans-serif;
		color:#ff6c00;
		font-weight:bold;
		padding-top:5px;
	}
	
	#item p.savings {
		margin-top:5px;
		border-bottom:1px solid #d1e1f1;
		padding-bottom:5px;}
	
	#item p.savings span {
		color:#eb6503;
		font-weight:bold;
		font-size:1.2em;
	}
	
	#item .description p {margin:10px 0;}
	
	#order {
		height:42px;
		padding:0 10px 10px 10px;}
	
	a.btn-order-online, a.btn-order-fax{
		background:url('../images/btn-order-online.png') no-repeat left top;
		float:left;
		height:30px;
		width:112px;
		border:0;
		color:#fff!important;
		text-transform:uppercase;
		font-size:1.1em;
		padding-left:20px;	
		padding-top:13px;	
	}
	
		a.btn-order-fax {float:right;}
	
		a.btn-order-online:hover, a.btn-order-fax:hover {
			background:url('../images/btn-order-online.png') no-repeat left bottom;
			height:30px;
			text-decoration:none;
		}
		
		
/* ORDER FORM and JOIN FORM......................................................................... */	

body#order-form #header,
body#order-confirmation #header {
	border-bottom:1px dotted #689cd2;
	margin-bottom:0;
	padding-bottom:10px;
	}

body#order-form h1,
body#order-confirmation h1 {
	font:3.5em Arial, sans-serif;
	color:#ff6c00;
	font-weight:bold;
	background:none;
	text-transform:none;
	height:auto;
	margin:0;
	padding:0;
}

.form-boundary  {
	background:url('../images/bg-main-order.png') repeat-y;
	width:625px;
	}
	
	form.order-form input.quantity {width:30px;}
	
	.form-boundary p {padding:0 15px;
		font-size:1.5em;}
	
form.order-form table {
	margin:0 10px;
	width:605px;
	}

	form.order-form table tr th, form.order-form h3 {		
		color:#04376c;
		font-size:1.2em;
		}
	
	form.order-form table tr th,
	form.order-form table tr td {
		text-align:left;
			padding:5px;} 
	
	form.order-form table .right {text-align:right;}
	
	form.order-form table .border {border-bottom:1px solid #dedcdc;}
	
	form.order-form table td.total {
		text-align:right;
		color:#ff6c00;
		font-weight:bold;
		font-size:1.2em;
		}

#delivery-details {
	width:605px;
	margin:15px 15px 0 15px;
}
		
	form.order-form input.btn-submit-order,
	form.join input.btn-join,
	form.send input.btn-send
	 {
		background:url('../images/btn-submit-order.png') no-repeat left top;
		height:43px;
		border:0;
		cursor:pointer;
	}
		form.join input.btn-join {
			background:url('../images/btn-join.png') no-repeat left top;
		}
		
		form.send input.btn-send {
			background:url('../images/btn-contact.png') no-repeat left top;
		}
			
		form.order-form input.btn-submit-order:hover,
		form.join input.btn-join:hover,
		form.send input.btn-send:hover {
			background:url('../images/btn-submit-order.png') no-repeat left bottom;
			height:43px;
		}
		
		form.join input.btn-join:hover {
			background:url('../images/btn-join.png') no-repeat left bottom;
		}
		
		form.send input.btn-send:hover {
			background:url('../images/btn-contact.png') no-repeat left bottom;
		}

	form.order-form li,
	form.join li,
	form.send li {padding:2px 0px}
	
		form.order-form li.confirm-age {margin-left:140px!important;}
		

		form.order-form li.confirm-age input,
		form.order-form li.cc-type input,
		form.join li.confirm-age input {width:20px;}

	form.order-form label,
	form.join label,
	form.send label {
		width:140px;
		text-align:right;
		display: inline-block;		
		vertical-align:top;
		padding-top:4px;		
		}
		
		form.join label, x:-moz-any-link,
		form.order-form label, x:-moz-any-link,
		form.send label, x:-moz-any-link {display: -moz-inline-box;}
		
		form.join label, x:-moz-any-link, x:default,
		form.order-form label, x:-moz-any-link, x:default,
		form.send label, x:-moz-any-link, x:default {display:inline-block;}

	form.order-form input,
	form.join input,
	form.send input {width:410px;}
	
	form.join input.short {width:250px;}
	
	form.order-form li.expiry input {width:40px;}
	
	form.order-form textarea,
	form.send textarea {width:410px;}
	
	form.order-form p.order-terms,
	form.join p.order-terms {
		margin-left:130px;
		font-size:1.0em;}
		
	form.order-form input.HiddenField 
	{ 
		display: none; 
		width: 0px;
		height:0px;
		margin: 0px;
		padding: 0px;
		font-size: 0px;
		line-height: 0px;
		float: left;
	}
	
.columns {width:90%;clear:both;margin-left:20px;font-size:1.2em;margin-bottom:15px;}

	.columns h3 {font-size:1.5em;font-weight:normal;margin-bottom:10px;}

	.left-column {float:left;text-align:right;}
	
	.right-column {margin-left:60px;}