/*   CSS - TUART HILL LIQUOR    */

@import url("reset.css");


/* clearfix
=====================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* core layout
=====================================================================*/
* {padding: 0;	margin: 0;}/* this will reset all elements to margin/padding = 0 */
body {margin: 0; padding: 0; background: #fff url(../images/core/bg-repeat.gif) top repeat-x; font:12px Arial, Helvetica, sans-serif;}
body#page-popup { margin: 15px; background:none; background-color:#dbdbea; }

#container {margin: 0 auto;	padding: 0;	width: 750px;}

#banner {background:url(../images/core/banner-map.jpg) right top no-repeat;}

a#logo {width:431px;background:url(../images/core/logo.jpg) no-repeat center bottom;display:block;text-indent:-999px;overflow:hidden;height:45px;padding:75px 0 0 0;}
div#contact-details {width:431px;height:60px;color:#F6F800;text-align:center;padding:20px 0 0 0;}
div#contact-details a {color:#F6F800;}
div#contact-details a:hover {text-decoration:none;}

#site-navigation-container{width:750px; height:42px;}
#site-navigation{float:left; width:548px;}
#nav-cart{float:left; width:180px; padding:7px 0 0 20px;}
#banner-flash{display:block;width:750px; height:217px;margin-bottom:42px;}
#product-navigation-container{width:750px; height:78px;position:relative;}
#ctas{width:667px; height:45px;position:absolute; top: 408px;margin-left:40px;background:url(../images/core/cta-bg.gif) no-repeat top center;}
#ctas img{border:none;text-align:left;}
	
#content{width:750px; padding:20px 0 15px 0;}
	#specials-container{width:750px;}
	.specials-item{width:220px; padding:15px; display:block; float:left;}
	body#page-specials .specials-item{width:248px;padding:13px;margin:0;}
	.new-item{width:338px; padding:15px; display:block; float:left;}
	.specials-img{width:100px; float:left;}
	body#page-specials .specials-img{width:138px; float:left;}
	.new-img{width:138px; float:left;}
	.specials-text, .new-text{width:116px; float:right; height: 100px;}
	
.specials-text ul.button-home	{
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: -15px;
}
	
	.new-text{padding-right: 16px;}
	body#page-specials .specials-text{width:106px;float:right;padding:0;}
#footer-container{width:auto; padding:20px 0 25px 0; background-color:#e3e3db; text-align:center;}

/* other containers
===================*/
.subcat-container{width:750px; border-bottom:1px solid #ddd; margin:0 0 25px 0;}
.subcat-product-img{width:90px; float:left;}
.subcat-products-content{width:650px; float:left; padding:10px 0 0 0;}

.products-container{width:750px; border-bottom:1px solid #ddd; margin:0 0 20px 0;height:auto;padding-bottom:9px;}

.product-listing {width:375px;float:left; padding-bottom: 20px;}
.product-listing-left {width:150px;float:left;}
.product-listing-left img {border:5px solid #ddd; margin:0 10px 10px 15px;}
.product-listing-right { /*background-color:#FFFFCC; border:1px solid #ebe4ac;*/ border:1px solid #eee; padding: 12px; float: left; width: 145px;}

.product-listing-right ul.button {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: -15px;
}

.product-listing-right ul.button li {
	padding: 2px 0;
}

.product-listing-right ul.button li.button-moreinfo {
	margin-left: -15px;
}

.products-product-img{width:90px; float:left;}
.products-product-details{width:450px; float:left; padding:10px 0 10px 10px;position:relative;}
/*.products-container .buy-box{width:168px; float:right; background-color:#FFFFCC; border:1px solid #ebe4ac;}*/

#specials-container{width:750px;}
#specials-cta{width:190px; float:left;position:relative;top:14px;}
#specials-listing-container{width:550px; float:left;}
.specials-product-container{width:550px; border-bottom:1px solid #ddd; margin:0 0 25px 0;}
.specials-product-img{width:90px; float:left;}
.specials-product-details{width:280px; float:left; padding:10px 0 10px 10px;}



/* font styles
=====================================================================*/
#content h1{background:url(../images/core/h1.gif) no-repeat 0 0; width:750px; height:30px; font-size:18px; font-weight:bold; color:#FFFF00; padding:4px 15px 10px 15px;}
#content h1 a { color:#FFFFFF; }
body#page-popup h1{background:url(../images/core/h1-popup.gif) no-repeat 0 0; width:510px; height:30px; font-size:18px; font-weight:bold; color:#FFFF00; padding:4px 15px 10px 15px;}
#content h2{font-size:16px; color:#000084; padding:0 15px 15px 15px;}
#content h3{font-size:14px; color:#333; padding:0 15px 15px 15px;}
#content h4{font-size:12px; color:#333; padding:5px 15px 5px 15px;}
#content h5{font-size:12px; color:#000; padding:5px 15px 5px 15px;}
#content h6{font-size:12px; color:#666; font-weight:bold; padding:0 0 5px 0;}
#content p{font-size:12px; color:#666; padding:5px 15px 5px 15px; line-height:22px;}

#page-popup h1{background:url(../images/core/h1.gif) no-repeat; width:300px!important; height:30px; font-size:18px; font-weight:bold; color:#FFFF00; padding:4px 15px 10px 13px;}
#page-popup h2{font-size:16px; color:#000084; padding:0 15px 15px 13px;}
#page-popup p{color:#000084; padding:0 15px 15px 13px;}
#page-popup form.form {width:360px;float:none;}

#content ul{font:11px; color:#666; list-style-position:inside; padding:3px 15px 3px 15px; line-height:17px;}

.specials-rrp, .new-rrp{text-decoration:line-through; color:#666;}
.specials-ourprice, .new-ourprice{color:#CC0000;}

#footer-container p{font-size:11px; color:#a3a393; padding:7px;}

.code{color:#000033; font-weight:bold;float:left;}
.rrp{color:#000033; text-decoration:line-through; font-weight:bold;float:left;}
.our-price{color:#990000; font-weight:bold;float:left;}
.special-price{color:#FF3300; font-weight:bold;float:left;}

span.buy-box-title {width:90px; height:30px;display:block;float:left;}

span.nav-cart-text {color:#fff; }

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

#footer-container a {font-size:11px; color:#a3a393; text-decoration:none;} 
#footer-container a:hover {color:#7e7e79;} 



/* extras
=====================================================================*/
.specials-img img, .new-img img{border:5px solid #ddd; margin:0 5px 0 0;}
.specials-buy, .new-buy{float:right; padding:5px 0 0 0;}
.more-info { padding:5px 0 0 0;}
body#page-specials #show-hide {display:none;}
body#page-products .more-info {float:left;margin-left:0px;position:relative;}
body#page-home .more-info {display:none;}
body#page-home .image-selector{display:none;}
body#page-home #show-hide {display:block;}

.products-product-img img{border:5px solid #ddd; margin:10px;}
.specials-product-img img {border:5px solid #ddd; margin:10px 10px 10px 0;}
.subcat-product-img img {border:5px solid #ddd; margin:10px 10px 10px 0;}
.img-border {border:5px solid #ddd; }
.map {display:block!important;float:none!important;margin:20px 0 0 0;}
.listing-link {background:url(../images/link-bg.jpg) no-repeat; padding:2px 0 10px 27px;}
.price-highlight{background-color:#FFFFCC;}
div#product {height: 500px;}
ul#products-table{ padding: 0 80px;}
ul#products-table li { float: left; padding:10px;}
#icon-cart {position:relative;top:3px;}
#view-cart {position:relative;top:6px;left:3px;}
body#page-contact #content img {float:right;}


/* forms
=====================================================================*/

form.form {width:360px;float: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 label {
	display: inline-block;
	width: 100px;
	padding:0 0 0 15px;
}

form.form input, form.form select, form.form textarea {
	padding: 3px;
	border:1px solid #ebe4ac;
	background: #FFFFCC;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #000084;
	width:200px;
}

form.form textarea { height: 100px; background-color:#FFFFCC; border:1px solid #ebe4ac; }

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

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

form.form li.button input {
	width: auto;
	border: 0;
	background: #000084;
	color:#FFFF33;
	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;
}

#page-request form.form {float:none;}


/* Alphabetical Linking (on the product listing page) */
div.alphabet-links {
	width: 700px;
	padding-left: 10px;
	clear: both;
	padding-bottom: 50px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F0F0F0;
}

div.alphabet-links a {
	float: left;
	display: block;
	border: 1px solid #000084;
	background: #E7EEFE;
	padding: 5px;
	margin: 1px;
}

div.alphabet-links strong {
	float: left;
	display: block;
	border: 1px solid #000084;
	background: #000084;
	color: #FFF;
	padding: 5px;
	margin: 1px;
}

div.alphabet-links strong.none {
	float: left;
	display: block;
	border: 1px solid #C0C0C0;
	background: #DBDBDB;
	color: #C0C0C0;
	padding: 5px;
	margin: 1px;
}

/* PAGING */
div.paging {
	width: 700px;
	padding-left: 10px;
	clear: both;
	margin-top: 20px;
}

div.paging a {
	float: left;
	display: block;
	border: 1px solid #000084;
	background: #E7EEFE;
	padding: 5px;
	margin: 1px;
}

div.paging strong {
	float: left;
	display: block;
	border: 1px solid #000084;
	background: #000084;
	color: #FFF;
	padding: 5px;
	margin: 1px;
}

div.paging strong.none {
	float: left;
	display: block;
	border: 1px solid #C0C0C0;
	background: #DBDBDB;
	color: #C0C0C0;
	padding: 5px;
	margin: 1px;
}