/**

 * 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:288px;
	height:160px;
	background-color:#fff;
}

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

.home-box{
 	width:440px; 
	margin: 30px 0 0 15px;
	border-top:1px solid #ADA79F;
}

.home-box .product{
	width:133px;
	float:left;
	margin:10px 6.5px;
	text-align:center;
}


#col-alpha{

	float:left;
	min-height:550px;
	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;
  }

 h2{
	font-size:10pt;
 	margin:10px 20px;
 	font-weight:bold;	
 }

 h3{
 	font-size:9pt;
 	margin:10px 20px;
 	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 select optgroup option{
  margin-left:10px;   
}

.claim-form input.upload{
	margin-left:20px;
}
 

 .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;
}
 
table.uploads {
	width: 400px;
	margin:0 15px 10px 15px;
}
table.uploads th {
	color: #ffffff;
	background-color: #58595B;
	font-size: 100%;
	padding: 2px;
}
table.uploads tr.grey {
	background-color: #cccccc;
}
table.uploads td {
	font-size: 100%;
	color: #333333;
	padding: 2px;
}
table.uploads td a {
	font-size: 80%;
	text-decoration: none;
}

hr{
	border:none;
	height:1px;
	background:#ADA79F;
	margin:20px 0 20px 15px;
}