/* core elements */
	img { border: 0; }
	h3 {  color: #5f9e45; font-size: 1em; }
	h2 {  font-size: 1.2em; color: #5f9e45; margin: 0 0 10px 0; text-align:left; }
	h1 {  font-size: 1.2em; color: #5f9e45; text-align:left }
	p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; text-align:left; margin:9px 0 0 0; }
	ul { clear:left; margin:0 0 0 15px; padding:9px 0 0; }
	ul li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; text-align:left; margin:0; }
	legend {  font-size: 1.2em; padding: 0 10px 0 10px; color: #5E9D45; }
	table { width: 100% }
	td { vertical-align:top }
	dl, dd, dt { margin:0 }
	.cta-block { margin-bottom:10px }
	.required:after { content: "*";  }
	select { max-width:210px}
	
/* Validation */
.validation-advice { color:red; }
.validation-failed { border: solid 1px red; }

/* cta-form */
	.cta-form { width: 100%; font-size: 0.8em; }
	.cta-form h2 { margin-bottom:10px }
	.cta-form td.label { text-align:right; width: 120px; font-weight:bold }
	.cta-form td.field { text-align:left }
	.cta-form input[type=text], .cta-form input[type=password], .cta-form textarea { border: 1px solid #C1E9B0; width: 200px; padding:2px;  }


	
/* special-offers -- homepage floating banners */
	#special-offers { background: url(images/special-offers_header.png) top left no-repeat; float:right; padding-top:33px; width:274px }
	#special-offers img { height:105px; width:274px }
	#special-offers ul { list-style-type:none; padding: 0; margin: 0 } 
	#special-offers ul li { margin: 6px 0; height:105px }
	#special-offers ul li.last { background: url(images/special-offers_footer.png) bottom left no-repeat; padding-bottom:18px }
	
/* cta-cocktails */
	div.cta-cocktails { background: url(images/cta-cocktails/footer.png) bottom left no-repeat; padding-bottom:7px; }
	div.cta-cocktails dl { float:left; padding-left:10px; width:236px}
	div.cta-cocktails h2 { background: url(images/cta-cocktails/header.png) top left no-repeat; background-color: #B5D344; color: #fff; margin:0; padding: 5px 0 5px 23px}
	div.cta-cocktails dl dt img { width: 236px; padding-top:10px}
	div.cta-cocktails dl dd h3 { margin: 5px 0 0 0; }
	div.cta-cocktails dl dd h3 a { text-decoration: none; color: #5e9c46; }
	div.cta-cocktails dl dd h3 a:hover { }
	div.cta-cocktails .cta-row { background: url(images/cta-cocktails/backg.png) left repeat-y; padding-left:25px }
	div.cta-cocktails div.last {  }
	div.cta-cocktails dd { height:38px; border-right: dashed 1px #609c44; }
	div.cta-cocktails dl.last dd { border:none; }

/* cta-bestsellers */
	div.cta-bestsellers { width:520px; float:left; background: url(images/cta-bestsellers/footer.png) bottom left no-repeat; padding-bottom: 10px; font-size:11pt }
	div.cta-bestsellers h2 { padding:5px 0 5px 20px; background: url(images/cta-bestsellers/header.png) top left no-repeat; margin:0;  background-color: #6EA956; color: #fff ; text-align:left  }
	div.cta-bestsellers div.cta-row { background: url(images/cta-bestsellers/backg.png) repeat-y left; padding: 10px }
	div.cta-bestsellers dl { float: left; width:50% }
	div.cta-bestsellers h3 { margin: 0; padding:0; font-weight:bold; text-align:left; font-size:0.9em; }
	div.cta-bestsellers h3 a { text-decoration:none; color:#000 }
	div.cta-bestsellers h3 a:hover { text-decoration:underline }
	div.cta-bestsellers dd > a { color:#fff; background-color: #5e9c46; font-size:14pt; padding: 3px 12px; text-decoration:none; margin-top:25px; }
	div.cta-bestsellers dt { float:left; width:120px; padding-right:2px }
	div.cta-bestsellers dt img { width:120px; max-height:120px }
	div.cta-bestsellers p { margin:0 0 0 121px; text-align:left;}
	div.cta-bestsellers { }
	div.cta-bestsellers { }

/* order info - displayed at bottom of coolbox */
	#order_info { text-align:right; float:right;}
	#order_info dl { width:130px; display:block; font-size:12px;}
	#order_info dl dt {  font-weight:bold; padding-right:5px; display:block; background-color:#539D45; color:#fff; padding:3px;}
	#order_info dl dd {  padding:3px; }

/* Messages */
	.error_message p { color:#F30; font-size:13px; font-weight:bold; }
	.success_message p { color:#539D45; font-size:13px; font-weight:bold }
	
.fl { float:left }
.fr { background-image:url(/images/cta-bestsellers/view-more-button.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; padding:2px 11px 4px; text-decoration:none;}
a.fr:link,a.fr:visited { background-image:url(/images/cta-bestsellers/view-more-button.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; padding:2px 11px 4px; text-decoration:none; font-weight:normal; }
a.fr:hover { background-image:url(/images/cta-bestsellers/view-more-button.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; padding:2px 11px 4px; text-decoration:underline;}

.pi { float:left; }
.quantity { float:left; font-weight:bold; margin:4px 0; }
.detail { float:left; margin:0 5px 0 10px; width:245px; }
.detail a:link, a:visited { color:#5F9E45; text-decoration:none;}
.detail a:hover { color:#000000; text-decoration:underline; }

/* Clearfix */
	.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix {	display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }



/* ---- Pseduo ---- */
body{
	background-color:#FFF;
	font-family: Arial, Helvetica;
}

blockquote {
	display:block;
	padding: 20px;
	background-color:#5E9D45;
	border: 1px solid #3F6;
	color: white;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-right: 0;
}
/* ---- Site Build ---- */

#wrapper{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
		
#search{
	width: 400px;
	float: right;
	text-align: right;
}
#navigation{
	background: url(images/template/nav.gif);
	width: 800px;
	height: 30px;
	margin-bottom: 7px;
}
#navigation a {
	color: #FFF;
	
	font-size: 13pt;
	text-decoration: none;
}
#bestsellers{
	margin: 2px 0 0 0px;
	width: 520px;
	float: left;
}
#bestsellers h2 { height: 28px }
#bestsellers p { float:left; margin-bottom:2px; width:245px;}
#register_login{
	margin: 2px 0 0 20px;
	width: 703px;
	float: left;
}
#footer{
	background: url(images/template/footerbg.gif) no-repeat top left;
	margin: 10px auto 10px auto;
	width: 800px;
	padding-top: 5px;
	height: 24px;
	}
	
#footer a { color: #fff100;
	text-decoration: none;
	margin: 0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#coolbox{
		background-image: url(images/template/coolbox.gif);
		width: 277px;
		height: 72px;
		margin-left:44px;
}
#coolbox_title{	margin-left: 65px; color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 12pt; font-weight: bold; margin-top: 10px; float: left; }
#your_account{	margin-left: 15px; color: white; font-family: Tahoma, Geneva, sans-serif; font-size:8pt; margin-top:8px; font-weight: bold; float: left; }

#your_account a{ color: white; text-decoration: none; }
#coolbox_title a{ color: white; text-decoration: none; }

#number_of_products{  color: white; font-size: 8pt; margin-left: 70px; padding-top:0px; margin-top:0px; *margin-top:20px }

#register, #login { width: 45%; float:left  }

input[type=text].input_right { float: left; border: 1px solid #5e9d45; }
input[type=password].input_right { float: left; border: 1px solid #5e9d45; }
.register_button { border: 1px solid #5E9D45; background-color: white; }

#coolbox_table {  font-size: 0.8em; border-spacing:0; width:100%}
#coolbox_table td { text-align:left }
#coolbox_table td.ra { text-align:right }
#coolbox_table th { background-color: #539D45; color:#fff; text-align:left }
#coolbox_table th, #coolbox_table td { padding:5px }
#coolbox_table tr:hover { background-color: #eaffe5 }

#delivery_note { background-image:url(images/alert-bkgnd.jpg); background-repeat:no-repeat; clear:left; color:#333333; float:right; margin:0 100px 15px; padding:10px 10px 10px 70px; text-align:left; width:520px; font-size:12px; }
#delivery-postcodes { width:160px; margin:10px 10px 0 0; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; text-align:left; }

/* Copy of "coolbox table" for entire site */
	.cta-table { }
	.cta-table table { font-size:0.8em; border-spacing:0; width:100% }
	.cta-table table tr:hover { background-color: #eaffe5 }
	.cta-table table tr th { background-color: #539D45; color:#fff; padding:5px; text-align:left }
	.cta-table table tr td { padding:5px; text-align:left }
	.cta-table table tr.row-a td { }
	.cta-table table tr.row-b td { background-color: #eaffe5 }

#order_info p { text-align: center; }
.greenblock { width: 100%; background-color: #5E9D45; padding: 0; margin: 0; height: 25px; vertical-align: middle; color: white; font-weight: bold; }

/* Group of three images/descriptions at top*/
#cocktailholder { margin-bottom: 10px;} 
#cocktailholder table {
	width:741px;
}
#cocktailholder table td {
	padding-left:3px;
	padding-right:3px;
}
#cocktailholder img {
	width: 236px;	
}
#cocktailholder .cocktail_desc_wrapper {
	margin-top:5px;
	background: url('/images/template/dot-divider.gif') no-repeat right 95%;
	padding-right:6px;
	height:130px;
}


#cocktailholder{ width: 800px; height: 278px; padding-top: 6px; background:url(images/template/tophome.gif) no-repeat; }
div#cocktailholder div.cocktail img {
	width:242px;	
}
table td h2 {
	margin-bottom:0;	
}
.cocktail{ height: 270px; width: 247px;  float: left; margin-left: 1px;}
.ca { text-align:center }
.ra { text-align:right }

.footer-links { display:block; width:1px; overflow:hidden; padding-left:2px; height:1px; }

.related-drinks { display:block; width:1px; overflow:hidden; padding-left:2px; height:1px; }