/*
BackVintage Wines Australia Style Sheet
Author: Michael Dijkstra of Design By Med
Email: michael@backvintage.com.au
URL: www.backvintage.com.au

ToC

	1. defaults
	2. structure
	3. backgrounds and borders
	4. fonts and color
	5. links and navigation
	6. images

Notes

*/


/* --------- 1. defaults  --------- */


* {	
		margin: 0;
		padding: 0;
	}
html {

	}
	
body {
	
	}	

label {
		vertical-align: top;
	}

/*  --------- 2. structure  --------- */

html {

	}

body {
		
	}

.box { 
		margin-bottom: 10px; 
		padding: 5px 5px 5px 10px;
	}

.box .text-block {
		padding:5px 5px 0px 10px;
	}

		.box .text-block ul.list {
				list-style: none; 
				margin-left: 0; 
				margin-top: 0px;
				padding-top: 0px;
				text-indent: -1em; 		
			}

				.text-block ul.list li {
						margin-bottom: 0.5em;
				
					}

#center-index {
		float: left;
		left: 50%;	
		position: relative;
		width: 50%;
	}

.container_12 {
		margin-left: 0%;
		margin-right: 0%; 
		width: 100%;
	}

.grid_1, .grid_2, .grid_3, .grid_4,
.grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12 {	
		display: inline; 
		float: left; 
		margin-left: 1%; 
		margin-right: 1%;
	}

.container_12 .grid_1 { 
		width: 6.333%;
	}

.container_12 .grid_2 { 
		width: 14.666%;
	}

.container_12 .grid_3 { 
		width: 23%; 
	}

.container_12 .grid_4 {	
		width: 31.333%; 
	}

.container_12 .grid_5 { 
		width: 39.666%; 
	}

.container_12 .grid_6 {
		width: 48%; 
	}

.container_12 .grid_9 { 
		width: 73%; 
	}

.container_12 .grid_7 {
		width: 56.333%; 
	}

.container_12 .grid_8 { 
		width: 64.666%; 
	}

.container_12 .grid_10 { 
		width: 81.333%; 
	}

.container_12 .grid_11 { 
		width: 89.666%; 
	}

.container_12 .grid_12 { 
		width: 98%; 
	}


#formbox { 
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

#formclear { 
		clear: both;
	}

#fieldtitle { 
		float: left; 
		padding: 3px 0 3px 0;
		width: 210px; 
	}

#fieldinput { 
		float: left; 
		padding: 3px 0 3px 0;
		width: 200px;
	}

#formbuttonbox { 
		clear: both;
		padding: 3px 0 3px 0;
		text-align: center;
		width: 410px;
}

#header #left {
		float: left;
		width: 600px;
}	
		#header #left #sub {
				float: left;	
			}
				#header #left #sub a {
						color: #000;			
					}

#header #right {
		float: right;
		width: 320px;
}

		#header #right p {
				font-size: 1.16em; 
				margin-bottom: 0.5em; 
				margin-left: 50px;	
			}
		
		#header #right img {
				float: left;
				margin: 0 10px 0px 0;	
			}
		
		#header #right a {
				font-size: 0.75em;
		}
			
.header p {
		color: #000000; 
		font-size: 1.16em; 
		line-height: 1.2857em; 
		margin-left: 10px; 
		margin-top: 9px;
}

.header a, .header:visited {
	text-decoration: none;
	color: #000000;
}

#right-bar-content {
		float: right;
		position: relative;
		right: 7px;	
		width: 160px;
	}

#wrapper {
		margin: 0px 0px 0px 0;
		overflow: hidden;
		position: relative;
	}

/* ---------- 3. backgrounds and borders ---------- */
	
html {
		
	}
	
body {
		background: #ffffff;
	}

.box { 
		border: 1px solid #dddddd;
	}

.box .text-block {
		min-height: 126px;
	}
/* ---------- 4. fonts and color ---------- */

html {
		font-size: 100%;
	}

body {
		color: #58595B;
		font-family: Geneva, Arial, Helvetica, sans-serif;	
		font-size: 87.5%;
		line-height: 1.4em;
	}


h1 {
		font-size: 3.0em; 
		text-transform: none; 
		line-height: 1.5em;
		margin-bottom: 0px; 
		font-weight: normal; 
		text-align: left; 
		margin-top: 0;
	 	color: #333333;
	 	font-family: "Calisto MT", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
		font-weight: normal;
		margin-bottom: 0;
	}
		
h2, h3 {
		color: #000066;
		font-family: "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; 
		line-height: 1.0em; 
		margin-top: 0.5em;
		font-weight: bold;	
		margin-bottom: 10px; 		
	}
	
h4, h5 {
		font-weight: bold;
		line-height: 1.0em;
		margin-bottom: 0.5em;
		text-align: center;	
		text-transform: none;
}



h2 {
		font-size: 1.5em; 
		text-align: center; 
	}

h3 {
		font-size: 1.16em;
		text-transform: none; 
	}
		
h4 {
		color: #000066;
		font-size: 1.16em;
	}
	
h5 {
		color: #333333; 
		font-size: 100%; 
		text-align: left;
	}
	
h6 {  	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 64%; 
		font-weight: normal;
		margin: 5px;		
	}	


p {
		margin-bottom: 1em;
	}

ul {
	}

.box h3 {
		color: #000033;
		font-size: 109%; 
	}

.header p {
	color: #000000; 
	font-size: 1.16em; 
	line-height: 1.2857em; 
	margin-left: 10px; 
	margin-top: 9px;
}
	
#right-bar-content {
		text-align: center;
	}
/* ---------- 5. links and navigation ---------- */

a, a:visited {
		color: blue;
		text-decoration: none; 
	}
		
a:hover, a:active {
		color: #2863c2;
		text-decoration: underline;
	}

.awesome:link, .awesome:visited {
		background: #339900 url(images-bv/alert-overlay.png) repeat-x; 
		border-bottom: 1px solid rgba(0,0,0,0.25);
		color: #ffffff;
		cursor: pointer;		
		display: inline-block; 
		font-size: 1.5em;
		margin-bottom: 18px;		
		padding: 8px 14px 9px;
		position: relative;
		text-decoration: none;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);		
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}

.awesome:hover {
		background-color: #336600;
		color: #ffffff; 
	}
.awesome:active	{
		top: 1px;
	}

.header a, .header:visited {
		color: #000000;
		text-decoration: none;
	}

#navigationbox {
		background: #ffffff; 
		border-bottom: 2px solid black; 
		border-top: 1px solid black; 
		height: 31px;
		margin-bottom: 10px;
		padding: 2px 0 0px 0;
		text-align: left;
	}

#topNavigation {
		background: #ffffff; 
		margin-left: 177px;
		width: 100%; /* background-image: url(images-bv/links-bg.gif);*/
		z-index: 1000;
	}

#topNavigation ul {
		background: #ffffff; 
		list-style: none;
		text-align: center;
		width: 100%; 
	}

#topNavigation li {
		background: #ffffff;  
		float: left; 
		height: 25px; 	
		margin-left: 10px; 
		margin-right: 10px; 
		padding-bottom: 4px; 
		padding-top: 2px;
		position: relative; 
		z-index: 1000;
	}

#topNavigation a:link, #topNavigation a:visited { 
		color: #000;
		font-weight: bold; 
		text-decoration: none; 
		text-transform: capitalize;
		padding-bottom: 4px; 
		padding-top: 2px;		
	}
	
#topNavigation li:hover, #topNavigation li:active { 
		color: #2863c2;
		padding-bottom: 3px; 
		padding-top: 3px;		
	}

#topNavigation li a:hover, #topNavigation li a:active {
		color: #2863c2;
		padding-bottom: 3px; 
		padding-top: 3px;
	}

		#topNavigation li ul { 
				left: -10000px; 
				margin: 0; 	
				padding: 0; 
				position: absolute; 
				text-align: left; 
				z-index: 1000;
			}

		#topNavigation li:hover ul {
				left: 0;
				top: 31px;
			}

		#topNavigation li li { 
				background-color: #000000; 
				border-bottom: 1px solid #dddddd; 
				height: 26px;
				list-style: none; 		
				margin: 0; 
				margin-left: 0; 
				min-width: 160px; 
				word-spacing: normal; 
				opacity: 0.8; 
				padding-left: 10px; 		
				filter: alpha(opacity=80); 
				-moz-opacity:0.8; 
				width: 100%; 
				z-index: 1000;
			}

		#topNavigation li li:last-child {
				border: none;
			}
			
		#topNavigation li li a:link, #topNavigation li li a:visited {
				color: #fff; 
				display: block;
				font-weight: normal; 
				text-decoration: none;
				text-transform: lowercase; 
			}

		#topNavigation li li a:hover, #topNavigation li li a:active {
				color: #2863c2;
				font-weight: normal; 
			}

		#topNavigation .divider {
			font-weight: bold;
		}
				#topNavigation .divider:hover {
					color: #000;
					padding-bottom: 4px; 
					padding-top: 2px;
				}
				
		a.button {
   			background: transparent url('images-bv/bg_button_a.gif') no-repeat scroll top right;
   				color: #444;
    			display: block;
    			font: normal 12px arial, sans-serif;
    			height: 24px;
    			margin-right: auto;
				margin-left: auto;
				margin-bottom: 12px;
    			padding-right: 18px; /* sliding doors padding */
				text-align: center;
    			text-decoration: none;
				width: 100px;
		}

		a.button span {
    			background: transparent url('images-bv/bg_button_span.gif') no-repeat;
    			display: block;
    			line-height: 14px;
    			padding: 5px 0 5px 18px;
				margin-bottom: 12px;				
			} 				
			
		a.button:active {
   			 	background-position: bottom right;
    			color: #000;
    			outline: none; /* hide dotted outline in Firefox */
		}

		a.button:active span {
    			background-position: bottom left;
    			padding: 6px 0 4px 18px; /* push text down 1px */
		} 			
/* ---------- 6. images ---------- */

a img {
	border: none;
		}
		
.align-right {
		float: right; 
		margin-left: 20px;
		margin-bottom: 18px;
}
		
/* ---------- 7. Page Specific ---------- */


/* --- Index Page --- */

#rotatingproduct {
		margin-bottom: 36px;
		border: 0px solid #dddddd;
		border-bottom: 0;		
		height: 265px; 
		margin-bottom: 0; 
		padding: 10px; 
	}

		#rotatingproduct h2 {
				color: #333333;
				font-size: 175%;
				font-weight: normal;
				padding-bottom: 10px;	
				text-align: center;
			}
			
		#rotatingproduct .container {
			padding: 10px;
			width: 98%;		
		}
		
		#rotatingproduct .container h1 {
			margin-bottom: 18px;
		}
		
		.featureimage { 
				float: left; 
				height: 234px; 
				padding: 2px 20px 0 0px; 
				width: 156px;		
			}

		#featureprice {
				color: #b51a00;
				font-size: 1.16em; 
				line-height: 1.29em; 
				margin-bottom: 0em; 
			}

		#rotatingproductnav {
				list-style: none;
				margin: 0;	
				padding: 0;
			}

				#rotatingproductnav li {
						float: left;
						height: 36px;
						text-align: center;
						margin: 0;
						padding: 0;
						width: 25%;
					}
	
		#rotatingproductnav a, #rotatingproductnav a:visited {
				background: #fff;
				color: #000;
				display: block;	
				font-weight: bold;
				height: 28px;
				margin-bottom: 0;
				padding-top: 8px;	
				text-decoration: none;	
				width: 100%;	
			}

		#rotatingproductnav a.activeSlide { 
				background: #000; 
				color: #fff; 
				cursor: default;
			}
		#rotatingproductnav a.activeSlide a, #rotatingproductnav a.activeSlide a:hover  { 
				color: #ffffff; 
				cursor: default; 
			}
		#rotatingproductnav a:hover { 
				color: blue;
			}
			
.info-box {
		border-bottom: 1px solid #dddddd;
		height: 72px;
		margin-bottom: 18px;
		padding-top: 18px;
		padding-bottom: 18px;		
	}
	
	.info-box img {
		float: left;
		margin: 0 5px 0 0;
	}

		.info-box #nb {
			color: #58595B;
			text-decoration: none;
	}
	
/* --- Fundraising --- */

#fundraising-content img {
		padding: 5px;
	}

/* --- Customer Testimonials --- */

.customer-testimonials-tick {
		float: left; 
		padding-right: 10px; 
		width: 70px; 
	}

.customer-testimonials-text {margin-left: 80px;}

/* --- Contact Us --- */

#contact-content p { 
		margin-left: 15px;
	}

/* --- Mailly --- */

#mailly-image-container { 
		float: left; 
		width: 275px;
	}

/* --- Product Page --- */

.note-heading { 
		color: #333333; 
		font-weight: bold; 
		font-size: 1.1667em; 
		border: 0px none; 
		line-height: 1.2857em;
		margin-top: 1.2857em;
		margin-bottom: 1.2857em;
		text-align: left;
	}
	
.product-border { 
		border-bottom: 1px solid #dddddd; 
		height: 10px; 
		margin-bottom: 20px; 
		width: 100%; 
		position: relative; 
	}

.product-details .price-row { 
		font-size: 116%;
	}

/* --- Wine Tasting Gallery --- */

.gallery-right { 
		float: right; 
		padding-left: 10px;
	}


/* --- Community Supporting --- */

.support-box {
		text-align: center;
	}

/* --- Feature articles ---*/

.feature-articles-image img {
		float: left; 
		padding: 10px;
	}

/* --- Wine Reviews --- */

.review-box { 
		border-bottom: 1px solid #dddddd; 
		clear: both; 
		min-height: 144px; 
		padding-top: 10px; 
		padding-bottom: 10px;
	}
	
.review-image {
		float: left; 
		padding-right: 10px; 
		text-align: center;
		width: 108px; 
	}
	
.review-text {
		margin-left: 118px;
	}
	
	
/* --- Cart Page --- */

.cart-info {
		border-bottom: 1px solid #dddddd;
		padding-top: 10px;
	}
	
#continue-shopping {
	float: right;
	margin-bottom: 20px;
	}

		#continue-shopping .menu_head {
				cursor: pointer;
			}
		#continue-shopping  .menu_body {
				border-bottom:1px solid #998675;
				border-left:1px solid #998675;
				border-right:1px solid #998675;
				display:none; 
				width:145px;		
			}

		#continue-shopping  .menu_body { 
				list-style-type: none;
			}
	
				#continue-shopping  .menu_body li{
						background-color: #000000; 
						border-bottom: 1px solid black; 		
						filter: alpha(opacity=80); 
						opacity: 0.8; 
						-moz-opacity:0.8; 
					}
	
				#continue-shopping  .menu_body li a{
						color: #ffffff; 
						display:block;		
						padding:10px 0 10px 5px; 
						text-decoration:none; 		
					}
				#continue-shopping  .menu_body li a:hover{ 
						color: #2863c2;
					}

		#continue-shopping  .menu-dialog a {
				border-bottom: 1px solid #dddddd;
				display: block;
				padding-bottom: 2px;
		}

/* --- Account Page --- */

.account-nav {
		list-style: none;
	}

		.account-nav li {
				display: block;
				margin-top: 20px;
				margin-right: 50px;
			}





.foot {
	border-top: 2px solid black; border-bottom: 1px solid black; padding-top: 15px; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: 0; margin-top: 36px;}
	
.foot .grid_3 {
	margin-bottom: 18px;
}
.foot ul {
	list-style: none;
	padding-top: 18px;
	}
	
.foot ul li {
	font-size: 1.0em;
	margin-left: 7.3333%;
	margin-bottom: 0.75em;
	text-transform: lowercase;
	}
	
.foot h3 {
	
	}
	
.foot a, .foot a:visited {
	color: #3c6992;
	text-decoration: none;
}

.foot a:hover, .foot a:active {
	color: #333333;
	text-decoration: underline;
}



.featured {
		margin-bottom: 18px; text-align: center;
	}

.featured img {
		margin-bottom: 9px;
	}

.featured p {
		font-size: 0.8333em;
		line-height: 1.8em;
		margin-bottom: 0.0em;
}

.featured .price {
	font-size: 1.5em; color: red;
}


#left-bar { display: none;}


.info {
		border: 0;
		font-size: 0.75em;
		line-height: 2.0em;
		margin-bottom: 1.0em;
	}
	
.info img {
		float: left; margin: 0 5px 18px 0; width: 36px;
	}
	
	
.buttons-row {
	margin: 0 auto;
	}