/**

 * Written by Will McKenzie

 * 23/11/09

 * For www.hphampers.co.uk

 * Copyright Evolution Sports Marketing 2009

 */

 

 /**

  * swatches

  * #d5d3d1 light grey (background)

  * #58595b dark grey

  * #ada79f medium grey

  */



/* resets and overrides */

*{

	margin:0;

	padding:0;	

}



img{

	border:none;	

}



/* layout styles */

 body{

	background-color:#d5d3d1;

	font:8pt Arial,Helvetica,sans-serif normal;

	color:#58595b;

 }

 

 #container{

 	margin:0 auto;

 	width:800px;

 	min-height:640px;

 	background:url('/_assets/img/containerBg.gif') top center;

 }
 
 #promo-closed{
	 margin: 0 auto;
	 margin-top: 200px;
	 font-size: 12pt;
	 font-weight: bold;
	 color: #666666;
	 text-align: center;
	 width:760px;
	 background: #ffffff;
	 padding: 5px 10px 5px 10px;
 }

 #opia-banner{

 	margin:0 auto;

 	width:760px;

 	height:60px;

 }

 

 #header{

 	margin:0 auto;

 	position:relative;

 	width:760px;
	z-index:3;
	padding-top:30px;

 }



#gift-tag{

	position:absolute;

	top:0;

	left:0;	

	z-index:5

}



#bar{

	background-color:#58595b;

	width:100%;

	height:30px;

	position:relative;

	bottom:0;

	z-index:3;

}



#content{

	margin:0 auto;
	width:760px;	
	z-index:1;
}



.box{

	width:134px;

	height:146px;

	float:left;

	background-color:#d5d3d1;

	border:1px solid #ada79f;

	margin:1px;

}

.boxes{
	position:absolute;
	bottom:0;
	left:19px;
	z-index:2;
}

.home-box{

 	width:440px; 
	position:absolute;
	bottom:0;
	margin-top: 30px;

}



#col-alpha{

	float:left;
	min-height:500px;
	width:295px;
	position:relative;
	height:100%;
	z-index:1;
}



#col-beta{
	position:relative;
	min-height:500px;
	float:left;
	width:450px;
}

#col-beta ol{
	margin-left: 40px;
}
#col-beta a{
	color: #58595b;
}

#footer{

	margin:0 auto;

 	width:800px;

 	background:url('/_assets/img/footerBg.gif') no-repeat top center;

 	text-align:center;

 	padding-top:40px;

 }

#footer a {
	color: #58595b;
}

 

 .clearboth{

 	height:1px;

 	clear:both;

 }

 /* text styles */

 

 h1{

 	font-size:12pt;

 	font-weight:bold;

 	margin: 20px 20px 10px 20px;

 	letter-spacing:-0.6pt;

 }

 

 h2{

 	font-size:10pt;

 	margin:10px 20px;

 	letter-spacing:-0.6pt;

 	font-weight:bold;

 }

 p{

 	margin:8px 20px;

 }

 

 ul,ol{

  margin:10px 20px 10px 35px
 }

 

 #footer p{

 	margin-top:0;

 }

 

 h1 .step-numbers{

 	color:#d5d3d1;

 }

 

 h1 .current-step{

 	color:#b7b2ac;

 }

 

 /* form styles */

 .claim-form label{

 	width:25%;

 	float:left;

 	clear:left;

 	margin:3px 15px;

 	line-height:7pt;

 	text-align:right;

 	font-size:7pt;

 	font-weight:bold;

 	padding-top:4px;

 }

 

 .claim-form input,.claim-form select{

 	float:left;

 	width:60%;

 	margin:3px 0px;

 	border:1px solid #ada79f;

 	font-size:8pt;

 }

 

 .claim-form .form-instructions{

 	font-weight:bold;

 	letter-spacing:-0.1pt;

 }

 

 .claim-form input.button{

 	background-color:#ada79f;

 	border:none;

 	width:94px;

 	height:28px;

 	color:#fff;

 	float:right;

 	cursor:pointer;

 	font-size:10pt;

 }

 

 .claim-form label.radio-label{

 	width:auto;

 	margin:3px 15px;

 	clear:none;

 }

 .claim-form input.radio{

 	width:auto;

 }

 

 .claim-form .error-field{

 	background-color:#990000;

 	border:1px solid #660000;

 	color:#fff;

 }

 

 .claim-form .error-msg{

 	clear:left;

 	float:left;

	padding-left:32%;

 	color:#990000;

 }

 .claim-form .full-length{

 	width:84%;

 }

 

 .claim-form .auto-length{
 	width:auto;
 }

.product-table{

	width:90%;
	margin-left: 20px;

}



.product-table th,.product-table td{

	margin:2px;

	padding:2px;

	font-size:9pt;	

	text-align:center;

	background-color:#cccccc;

}



.product-table th{

	background-color:#414142;

	color:#fff;

	font-weight:bold;

	font-size:10pt;

}



.product-table td.spacer{

	background-color:#fff;

	height:1px;

}

.errors {
		background-color: #eee5c8;
}