/*----------------------------+
 | Site: Site Name				    |
 +----------------------------*/

 
@import url("reset.css");


/* Core layout 
======================================================================*/
body {background-color:#073470; font:11px Verdana, Arial, Helvetica, sans-serif; color:#646464;}
#container {width:960px; margin:0 auto; background-color:#073470;}
	#banner-container {width:960px; height:175px;}
	#navigation {float:right; width:565px; padding:18px 20px 0 0;}

#content {padding:20px; background:#fff; margin:0 auto;}
	#flash {width:920px; height:190px; display:block; }
	#extras-container {width:920px; height:130px; padding:20px 0 0 0;}
	
	#featured-products {float:left;}
	#login {width:270px; float:right; background:url(../images/core/login.gif) no-repeat top center; height:85px; padding:42px 10px 0 10px;}
	
#page-info {background-color:#f0f0f0; padding:15px 15px 0 15px;}
	#sub-footer {background-color:#f0f0f0; padding:10px 15px 10px 15px; margin:20px 0 0 0; text-align:center;}
	#footer {padding:20px 0 20px 0; color:#CCC;}
	
#sub-cart {float:right; padding:10px 10px 0 10px; margin:20px 0 0 0; color:#fff;}
#cart {padding:0 0 15px 0;}

#contact-details {float:right; width:170px; background-color:#fff; border:1px solid #ddd; padding:10px;}


/* Products layout 
----------------------------------------------------------------------*/
ul#featured-listing {background:#f0f0f0 url(../images/core/title-feature_products.gif) no-repeat top center; width:610px; padding:42px 0 0 0; height:85px; overflow:hidden;}
ul#featured-listing li {float:left; width:203px; background:#f0f0f0 url(../images/core/vertical_hr.gif) repeat-y right top; border-bottom:10px solid #f0f0f0;}
ul#featured-listing li.featured-end {float:left; width:203px; background:#f0f0f0;}

#refine-search {float:right; background:url(../images/core/refine-search-bg.gif) no-repeat 0 0; width:270px; height:67px; padding:7px 10px 0 10px; margin:0 0 15px 20px;}
#refine-search #refine-search-form {float:right; margin:-32px 0 0 0;}

ul#beer-container {width:880px; padding:0 0 15px 0;}
ul#beer-container li {display:block; width:880px; background:#fff; padding:5px;}
ul#beer-container li.title {height:18px; width:880px; padding:5px; background:#ccc; font:14px Georgia, "Times New Roman", Times, serif; color:#333; margin:5px 0 5px 0;}

ul#beer-container li table {float:right; width:800px;}

ul#beer-container li table tr.first {border-bottom:1px solid #999; height:15px;}
ul#beer-container li table tr {border-bottom:1px solid #ddd;}

ul#beer-container li table tr td {padding:5px 0 5px; color:#666;}
ul#beer-container li table tr.first td.beer-name {width:300px; text-transform:uppercase;}
ul#beer-container li table tr td.beer-name {width:325px;}
ul#beer-container li table tr td.beer-size {width:70px;}
ul#beer-container li table tr td.beer-vessel {width:80px;}
ul#beer-container li table tr td.beer-alc {width:50px;}
ul#beer-container li table tr td.beer-units {width:50px;}
ul#beer-container li table tr td.beer-price-case {width:100px;}
ul#beer-container li table tr td.beer-price-each {width:100px}
ul#beer-container li table tr td.beer-buy {width:25px;}

ul#beer-container .image {float:left; width:100px; margin:15px 0 15px 0; padding:0 15px 0 15px; border-right:1px solid #ddd;}
ul#beer-container .beer-info {float:left; width:500px; padding:15px;}
ul#beer-container .beer-detail {float:left; width:190px; border-left:1px solid #ddd; margin:15px 0 15px 0; padding:0 0 0 15px;}
ul#beer-container .beer-detail table {width:190px;}
ul#beer-container .beer-detail table td {width:90px; padding:5px 0 5px 10px; color:#666;}
ul#beer-container .beer-detail table td.label {width:90px; text-align:right; text-transform:uppercase; color:#333; font-size:10px;}



/* Navigation layout 
======================================================================*/
ul.nav{list-style:none; height:36px; display: inline-block; clear: both; padding:0 0 0 0; float:right;}
ul.nav li {float:left; height:36px; overflow:hidden;}
ul.nav li a {display:block; height:36px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -36px!important;}

ul.nav li#home a {background: url(../images/nav/home.gif) no-repeat 0 0; width: 84px;} 
ul.nav li#profile a {background: url(../images/nav/profile.gif) no-repeat 0 0; width: 87px;} 
ul.nav li#services a {background: url(../images/nav/services.gif) no-repeat 0 0; width: 95px;} 
ul.nav li#catalogue a {background: url(../images/nav/catalogue.gif) no-repeat 0 0; width: 183px;} 
ul.nav li#contact a {background: url(../images/nav/contact.gif) no-repeat 0 0; width: 97px;} 

.p-home ul.nav li#home a {background: url(../images/nav/home.gif) no-repeat 0 0; width: 84px; background-position:0 -36px!important;} 
.p-profile ul.nav li#profile a {background: url(../images/nav/profile.gif) no-repeat 0 0; width: 87px; background-position:0 -36px!important;} 
.p-services ul.nav li#services a {background: url(../images/nav/services.gif) no-repeat 0 0; width: 95px; background-position:0 -36px!important;} 
.p-catalogue ul.nav li#catalogue a {background: url(../images/nav/catalogue.gif) no-repeat 0 0; width: 183px; background-position:0 -36px!important;} 
.p-contact ul.nav li#contact a {background: url(../images/nav/contact.gif) no-repeat 0 0; width: 97px; background-position:0 -36px!important;} 

a {color:#073470; text-decoration:none;}
a:hover {text-decoration:underline;}

#footer a {color:#fff;}
#footer a:hover {color:#FFFF99;}

p.breadcrumbs {padding:10px 0 10px 0;}

#sub-cart a {color:#FFFF99;}
#cart {padding:0 0 15px 0;}


 /* Font Style
======================================================================*/
h1 {font:20px Georgia, "Times New Roman", Times, serif; color:#fff; background:url(../images/core/title-h1.gif) no-repeat 0 0; height:28px; padding:4px 10px 0 10px; margin:20px 0 0 0;}
h2 {font:16px Georgia, "Times New Roman", Times, serif; color:#000; padding:0 0 10px 0;}
h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#073470; padding:0 0 5px 0;}
h4 {font:11px Arial, Helvetica, sans-serif; font-weight:normal; color:#0066CC; padding:0 0 5px;}
h5 {font:10px Verdana, Arial, Helvetica, sans-serif; color:#333;}
p {line-height:18px; padding:0 0 15px 0; }

.red {color:#FF0000 !important;}

#refine-search h3 {font:14px Georgia, "Times New Roman", Times, serif; padding:0 0 1px 0;}
#refine-search p {font:9px; color:#fff;}


/* Extras 
======================================================================*/
.f-left {float:left;}
.f-right {float:right;}

.product-left {float:left; margin:0 10px 0 10px; border:3px solid #d6d6d6;}

hr {border:none; border-top:1px solid #d3d3d3; border-bottom:1px solid #fff; margin:0 0 15px 0;}



 /* Form Style
======================================================================*/

#cart th {
	text-align: left;
	color: #000;
	padding: 5px;
	text-transform:uppercase;
	color:#333;
	font-size:10px;
	border-bottom:1px solid #999;
	height:15px;
}

#cart table table td {
	padding:2px 5px 2px 5px;
	background: #fff;
	border-bottom: 1px dashed #DCD2DB;
}

#cart .right { text-align: right; }

#cart table table table td { border-bottom: 0; }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
}

#cart td.buttons {
	padding-top: 10px;
	text-align: right;
}




form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }
form.form li.button { margin-top: 15px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form select {
	padding: 0;
	width: auto;
}

form.form input.postcode,
form.form input.cc { width: 50px; }
form.form input.ccexpiry { width: 30px; }
form.form textarea.comments { height: 80px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}