/**
* Amwell 
* Order Samples CSS				
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
* Contributors: Stuart Bamforth
*/



/* ---------------------------------- */
/* DEFAULT STYLES                     */   
/* ---------------------------------- */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, label { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
body{
	font-size: 100.01%;
	color:#ccc;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	}
#container{
	width:750px;
	margin:0 auto;
	}
	
.clearfix{
	clear:both;
	}
	
	
/* ---------------------------------- */
/* LEFT COLUMN STYLES                 */   
/* ---------------------------------- */
#left-col{
	width:450px;
	float:left;
	margin-right:8px;	
	border-bottom:33px solid #435761;
	padding-bottom:50px;
	}
	#left-col h1{
	color:#435761;
	font-weight:normal;
	width:280px;
	font-size:160%;
	float:left;
	padding-left:50px;
	}
	#left-col p.steps{
	color:#cd003b;
	font-size:100%;
	float:left;
	font-weight:bold;
	padding:10px 0 5px 0;
	}
	.current{
	background-image:url(../images/bg-steps-red-circle.gif);
	background-repeat:no-repeat;
	color:#fff;
	padding:0 7px 8px 6px;
	}
	#left-col p{
	color:#333;
	font-size:70%;
	padding-left:50px;
	margin-bottom:1em;
	}
	#left-col p.thankyou{
	margin-top:16px;
	}
	
	/* Colour Blocks */
	#colours{
	float:left;
	clear:left;
	margin:0 0 0 0;
	width:403px;
	padding-left:50px;
	}
	#colours h2{
	font-weight:normal;
	width:395px;
	color:#435761;
	font-size:120%;
	float:left;
	border-bottom:1px solid #435761;
	}
	/*#colourselect{
	list-style:none;
	margin:10px 0 0 -3px;
	clear:left;
	float:left;
	}
	#colourselect li{
	width:50px;
	height:50px;
	float:left;
	border-right:8px solid #fff;
	border-bottom:8px solid #fff
	}
	#colourselect li a{
	display:block;
	width:50px;
	height:50px;
	float:left;
	background-color:#990000;
	}*/
	
	.colourselect{
	list-style:none;
	margin:10px 0 0 0px;
	clear:left;
	float:left;
	}
	.colourselect li{
	width:50px;
	height:50px;
	float:left;
	border-right:8px solid #fff;
	border-bottom:8px solid #fff;
	display:block;
background-position:left top;
	}
	.colourselect li a{
	display:block;
	width:50px;
	height:50px;
	float:left;

	border:0;
	}
	
	.colourselect img {
	border:0;
	width:50px;
	height:50px;
	
	}
	
	
	
	
	
	
	
	.check{
display:none;
	
	}
	
	
	/* Colour Blocks */
	.quantity-selection{
	float:left;
	font-size:70%;
	border-left:50px solid #fff;
	color:#435761;
	}
	.quantity-selection strong{
	color:#333;
	}
	.quantity-selection td{
	background-image:url(../images/bg-quantities-list.gif);
	background-repeat:repeat-x;
	border-bottom:8px solid #fff;
	}
	.quantity-selection a{
	color:#cd003b;
	}
	.quantity-selection a:hover{
	color:#333;
	}
	.quantity-selection select{
	font-size:80%;
	}
	.colourblock{
	width:37px;
	height:37px;
	margin-right:8px;
	}
	
	
	
	/* Form Styles */
	fieldset{
	float:left;
	padding:0 0 0 0;
	}
	fieldset p{
	margin-bottom:.5em;
	}
	label{
	width: 12em;
	float: left;
	margin-right: 0.5em;
	display: block;
	color:#435761;
	font-weight:bold;
	}
	.submit input{
	margin-left: 4.5em;
	}
	input{
	width:240px;
	}
	.postcode{
	width:100px;
	}
	
	
	
	
	
	
	
	
/* ---------------------------------- */
/* RIGHT COLUMN STYLES                */   
/* ---------------------------------- */
#right-col{
	width:259px;
	float:left;
	background-image:url(../images/bg-order-samples-right-col.gif);
	background-repeat:repeat-x;
	padding:170px 15px 0 15px;
	height:400px;
	}
	#right-col h2{
	color:#cd003b;
	font-size:150%;
	margin-bottom:.5em;
	font-weight:normal;
	}
	#right-col h3{
	color:#cd003b;
	font-size:140%;
	margin-bottom:.5em;
	font-weight:normal;
	}
	#right-col p{
	color:#333;
	font-size:70%;
	margin-bottom:1em;
	}
	#right-col p.getintouch{
	color:#333;
	font-size:70%;
	border-top:1px solid #333;
	padding-top:10px;
	margin-bottom:0;
	}
	.quantities{
	list-style:none;
	margin-bottom:1em;
	float:left;
	}
	#right-col ul li{
	border-top:1px solid #435761;
	border-bottom:1px solid #435761;
	padding:7px 5px 7px 2px;
	color:#435761;
	float:left;
	font-size:70%;
	}
	#right-col ul li.bottom{
	border-top:none;
	}
	#right-col ul li strong{
	width:230px;
	display:block;
	float:left;
	}
	#right-col ul li em{
	width:20px;
	display:block;
	float:left;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	}
	#right-col a.redarrow{
	padding:0 0 0 20px;
	padding-left:20px;
	width:100px;
	display:block;
	color:#cd003b;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/bg-red-arrow-link.gif);
	background-repeat:no-repeat;
	text-align:left;
	}
	#right-col a.redarrow:hover{
	text-decoration:underline;
	}
	#right-col a.greyarrowback{
	background-image:url(../images/bg-grey-arrow-back-link.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;	
	padding:0 0 0 20px;
	color:#435761;
	}
	#right-col a.greyarrowback:hover{
	text-decoration:underline;
	}
	#right-col a.closelink{
	color:#cd003b;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/bg-close-window-link.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	}
	#right-col a.closelink:hover{
	text-decoration:underline;
	}
	#right-col p.next{
	float:left;
	width:130px;
	text-align:right;
	}
	#right-col p.back{
	float:left;
	width:120px;
	}


.alttag {
 position:absolute;
 top:0;
 left:0;
 display:none;
 color:#4D5760;
 background:#fff;
 border: 1px solid #4D5760;
 padding:2px;
 font-size:11px;
 font-family:Arial, Helvetica,sans-serif;

}

.rightboxprint a{
display:block;
width:170px;
float:right;
line-height:32px;
padding-left:14px;
background:url(../images/print-icon.gif) 150px center no-repeat #CD003B;
color:#fff;
font-size:0.7em;
clear:both;
font-weight:bold;
text-decoration:none;
margin-top:50px;
}

.rightboxprint a:hover{
color:#fff;
text-decoration:underline;
}