/* -----------------------------------------------
Global Styles - Screen
----------------------------------------------- */

/* Copyright Frenchbubbles */

/* -----------------------------------------------
General Styles
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}
	
body {
	background: url(/images/background/pattertiler.jpg) top left #fff;
	margin: 0;
	padding: 0;
	}
	
#container {
	background: url(/images/background/body_bg.gif) repeat-x top #fff;
	width: 960px;
	padding: 0;
	margin: 30px auto;
	border: 1px solid #E68F39;
	}

/* News Flash */	
#news_flash {
	height: 25px;
	background: url(../images/background/news_flash_bg.gif) no-repeat left;
	padding: 12px 5px 0 27px;
	color: #b27e00;	
	}
	
#news_flash h2 {
	font: 0.7em Verdana, Arial, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
	}
	
#news_title {
	color: #492700;
	}
	
#container #news_flash p {
	float: right;
	padding: 0;
	margin: 0;
	font: 0.7em Verdana, Arial, sans-serif;
}

#news_flash a:link, #masthead_content a:link {
	color: #a00010;
}

#news_flash a:visited, #masthead_content a:visited {
	color: #a00010;
}

#news_flash a:hover, #masthead_content a:hover {
	color: #b27e00;
	text-decoration: none;
}

#bubbleWrap {
	height: 903px;
	width: 400px;
	position: absolute;
	left: 900px;
	top: 30px;
	z-index: 100;
}
	
/* Header */
#header {
	height: 205px;
	background: url(../images/background/header_bg.jpg) no-repeat;
	}
	
#main_logo {
	border: none;
	margin: 12px 0 0 25px;
	float: left;
	}
	
/* Masthead */
#masthead {
	width: 720px;
	float: right;
	}	


/* -----------------------------------------------
Primary navigation
----------------------------------------------- */


#primary_nav {
	height: 27px;
	margin-top: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 0.7em;
	}

#primary_nav ul {
	float: right;
	}

#primary_nav li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
	}
	
#primary_nav li a {
	display: block;
	text-decoration: none;
	padding: 0 0 0 15px;
	outline: none;
	min-width: 75%;
	}
	
#primary_nav li a span {
	display: block;
	height: 21px;
	color: #555;
	padding: 6px 12px 0 0;
	}
	
/* hovers and urhere markers */


#primary_nav .urhere span, #primary_nav a:hover span {
	background: url(../images/nav/navbg.gif) no-repeat right top;
	color: #a00010;
	border: none;
	outline: none;
	}

	
#primary_nav .urhere a, #primary_nav a:hover {
	background: url(../images/nav/navbg.gif) no-repeat left top;
	outline: none;
	}
	
a:link, a:visted, a:active {
	border: none 0;
	outline: none;
}


/* Masthead Content */
#masthead_content {
	background: url(../images/background/masthead_content_bg.gif) no-repeat;
	height: 169px;
	clear: right;
	}
	
#masthead_content img {
	margin: 14px 0 0 14px;
	float: left;

	}

p#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #853100;
	text-align: right;
	padding: 4px 6px 0 0;
	}
	
#quote {
	margin: 20px 0 0 20px;
	float: left;
	width: 220px;
	}
	
#quote p {
	font: 13px Verdana, Arial, sans-serif;
	color: #4c4c4c;
	}
	
p#quote_source {
	color: #000;
	text-align: right;
	}
	
/* -----------------------------------------------
Content Areas
----------------------------------------------- */
#main_content {
	background: url(../images/background/main_content_plain.gif) left repeat-y;
	}
	
/* -----------------------------------------------
Primary Content Styles
----------------------------------------------- */

/* Primary Content */

#primary_content {
	padding: 20px 0 0 10px;
	float: left;
	width: 500px;
	margin: 0 0 20px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	color: #2c2c2c;
	background: #fff;
	}

#primary_content h1 {
	color: #323232;
	font: 160% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 8px 0;
	}
	
#primary_content h2 {
	color: #323232;
	font:  bold 110% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 6px 0;
	}
	
#primary_content h3 {
	color: #323232;
	font:  bold 95% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 6px 0;
	}
	
#primary_content p {
	line-height: 1.5;
	}
	
#primary_content ul {
	margin: 20px 0 20px 20px;
	}
	
#primary_content li {
	list-style-type: square;
	line-height: 14px;
	}
	
#primary_content a {
	font-weight: bold;
	color: #a00010;
	}

#primary_content a:link, #primary_content a:visited  {
	color: #a00010;
	text-decoration: none;
	}

#primary_content a:hover  {
	color: #E68F39;
	text-decoration: underline;
	}
	
#primary_content .price {
	font-size: 80%;
	font-weight: bold;
	color: #a00010;
	}

#primary_content .price a:link, #primary_content .price a:visited  {
	color: #a00010;
	text-decoration: none;
	}

#primary_content .price a:hover  {
	color: #E68F39;
	text-decoration: underline;
	}
	
#primary_content .feature_holder p {
	font: Verdana, Arial, sans-serif;
	color: #333;
	line-height: 14px;
	padding: 0;
	margin: 0;
	}
	
#primary_content .feature_holder {
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom: 1px dotted #E68F39;
	}
	
#primary_content .producer {
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom: 1px dotted #E68F39;
	}
	
#primary_content .first_feature_holder p {
	font: Verdana, Arial, sans-serif;
	color: #333;
	line-height: 14px;
	padding: 0;
	margin: 0;
	}
	
#primary_content .first_feature_holder {
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px dotted #E68F39;
	border-bottom: 1px dotted #E68F39;
	}
	
.feature_left {
	float: left;
	width: 47%;
	padding: 0 10px 0 0;
	margin: 0;
	}
	
.feature_right {
	float: right;
	width: 47%;
	padding: 0 0 0 10px;
	margin: 0;
	border-left: 1px dotted #E68F39;
	}
	
#primary_content img {
	border: none;
	outline: none;
	}
	
.float_right {
	float: right;
	margin: 0 0 10px 10px;
	}
	
.float_left {
	float: left;
	margin: 0 10px 10px 0;
	}
	
/* css for events and eventfeature boxes */

#eventfeature {
	float: left;
	width: 200px;
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;
}

#eventfeature img {
	border: none;
	margin-left: 5px;
}

#eventfeature .go {
	text-align: right;
	font: 80% Verdana, Arial, sans-serif;
	color: #a00010;
	font-weight: bold;
}

#eventfeature blockquote {
	font: italic 0.7em Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 20px 0;
}

#eventcopy img {
	border: none;
	margin: 0 0 20px 10px;
}

#eventcopy {
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;
}

#eventcopy blockquote {
	font: italic 0.7em Verdana, Arial, sans-serif;
	padding: 20px 0 20px 0;
}

	
/* -----------------------------------------------
Sidebar Content Styles
----------------------------------------------- */
#sidebar {
	font: 0.8em Verdana, Arial, sans-serif;
	width: 230px;
	color: #555;
	float: left;
	padding: 0;
	margin: 20px 0;
	text-align: right;
	}

#sidebar h3 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #a00010;
	font-weight: bold;
	background: url(../images/background/NewFeature.jpg) top right no-repeat;
	padding: 5px 15px 5px 0;
	border-bottom: 1px solid #E68F39;
	}
	
#sidebar h3 img {
	margin: 5px 0 0 0;
	}
	
#sidebar p img {
	margin: 10px 0 0 0;
	}
	
#sidebar h4 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #a00010;
	font-weight: bold;
	margin: 0 0 10px 10px;
	text-align: left;
	}
	
#sidebar p {
	padding: 0 15px 10px 0;
	font-size: 90%;
	line-height: 1.5;
	}
	
#sidebar #shopnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 1px 20px 0;
	}

#sidebar #shopnav li {
	font-size: 90%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #E68F39;
	}
	
#sidebar .clearer {
	clear: both;
	font-size: 0px;
	padding: 0;
	margin: 0;
	}
	
#sidebar .leftFeature {
	background: url(../images/background/NewFeature.jpg) bottom right no-repeat;
	padding: 0;
	margin: 0 0 10px 0;
}

#sidebar .leftFeature div {
	background: url(../images/background/NewFeatureTop.jpg) top right no-repeat;
	padding: 0;
}

#shopnav {
	padding: 0;
}
	
#sidebar a {
	font-weight: bold;
	outline: none;

	}

#sidebar img {
	outline: none;
	border: none;
	}

#sidebar a:link, #sidebar a:visited {
	color: #d57401;
	text-decoration: none;
	outline: none;
	}
	
#sidebar a:hover {
	color: #a00010;
	text-decoration: underline;
	outline: none;
	}
	
#sidebar #shopnav a {
	font-weight: bold;
	outline: none;
	display: block;
	border-bottom: 1px solid #ECCF67;
	padding: 5px 15px 5px 0;
	}

#sidebar #shopnav a:link, #sidebar #shopnav a:visited {
	background-color: #EED166;
	color: #a00010;
	text-decoration: none;
	outline: none;
	}
	
#sidebar #shopnav a:hover {
	background-color: #a00010;
	color: #fff;
	text-decoration: none;
	outline: none;
	}
	
/*	sidebar form styles 

#sidebar form {
color: #555;
margin: 0;
padding: 0;
}

#sidebar form label {
font-size: 80%;
color: #a00010;
}

#sidebar #firstName, #sidebar #lastName, #sidebar #eMail {
padding: 0;
border: 1px solid #a00010;
background-color: #fff;
color: #483C2A;
height: 15px;
width: 170px;
}
*/
	
/* -----------------------------------------------
Right side bar
----------------------------------------------- */
	
#right_sidebar {
	font: 0.8em Verdana, Arial, sans-serif;
	color: #555;
	float: right;
	width: 200px;
	margin: 20px 0;
}

#right_sidebar h3 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #a00010;
	font-weight: bold;
	background: url(../images/background/NewFeature.jpg) top left no-repeat;
	padding: 5px 0 5px 15px;
	margin: 0;
	}
	
#right_sidebar p {
	padding: 0 0 10px 15px;
	margin: 0;
	font-size: 90%;
	line-height: 1.5;
	}
	
#right_sidebar .clearer {
	clear: both;
	font-size: 0px;
	padding: 0;
	margin: 0;
	}
	
#right_sidebar .rightFeature {
	background: url(../images/background/NewFeature.jpg) bottom left no-repeat;
	padding: 0;
	margin: 0 0 10px 0;
}

#right_sidebar .rightFeature div {
	background: url(../images/background/NewFeatureTop.jpg) top left no-repeat;
	padding: 10px 0 0 0;
	margin: 0;
}

#right_sidebar a {
	font-weight: bold;
	outline: none;
	border: none;
	}
	
#right_sidebar img {
	outline: none;
	border: none;
	}
	
#right_sidebar a:link, #right_sidebar a:visited {
	color: #d57401;
	text-decoration: none;
	outline: none;
	border: none;
	}
	
#right_sidebar a:hover {
	color: #a00010;
	text-decoration: underline;
	outline: none;
	border: none;
	}

#right_sidebar .copyright {
	font-size: 10px;
	color: #2c2c2c;
	text-align: right;
	margin: 0 10px 0 0;
	}
	
/* -----------------------------------------------
Shop pages
----------------------------------------------- */
	


#productcopy {
	float: left;
	width: 260px;
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;
	font-size: 80%;
}

#productcopy .awards {
	font-size: 90%;
	color:#666;
}

#productcopy blockquote {
	font: italic 70% Verdana, Arial, sans-serif;
	padding: 20px 0 20px 0;
}

#productcopy .buy {
	color: #a00010;
	font-weight: bold;
	text-align: right;
}

#productcopy .price {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	clear: both;
}

#productcopy .bottleprice {
	font-size: 70%;
	color: #444;
	font-weight: bold;
	text-align: right;
}

#productcopy .disclaimer {
	font-size: 65%;
	color: #000;
	text-align: right;
	font-style: italic;
	float: right;
}

#productcopy .description {
	font-weight: bold;
}

#packshot {
	float: left;
	width: 200px;
	padding: 0;
	margin: 10px 0 0 0;
}

#packshot img {
	border: 2px solid #000;
}

#packshot .buy {
	font: 1em Verdana, Arial, sans-serif;
	color: #a00010;
	font-weight: bold;
	text-align: right;
}

#packshot .price {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	clear: both;
}

#packshot .bottleprice {
	font-size: 70%;
	color: #444;
	font-weight: bold;
	text-align: right;
}

#packshot .disclaimer {
	font-size: 65%;
	color: #000;
	text-align: right;
	font-style: italic;
	float: right;
}

#productfeature {
	float: left;
	width: 45%;
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;
}

#productfeature img {
	border: none;
	margin-left: 5px;
}

#productfeature .go {
	font-size: 1.4em;
	text-align: right;
	font: 1em Verdana, Arial, sans-serif;
	color: #a00010;
	font-weight: bold;
}

#productfeature blockquote {
	font: italic 0.7em Verdana, Arial, sans-serif;
	padding: 20px 0 20px 0;
}

#productcopy form {
	float: right;
}

#packshot form {
	float: right;
}
	
/* -----------------------------------------------
Footer
----------------------------------------------- */
#footer {
	background: #f5ebb5 url(../images/background/footer_base_bg.gif) repeat-x;
	clear: both;
	border-left: 10px solid #E0D9C5;
	font: 12px Verdana, Arial, sans-serif;
	text-align: center;
	border-top: 1px solid #E68F39;
	}
	
#footer_inner {
	background: url(../images/background/footer_bubbles_bg.gif) no-repeat;
	margin: 0;
	padding: 0 0 20px 0;
	}

.clearer {
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
	}
	
* html .clearer {
	display: inline-block;
	font-size: 0px;
	margin: 0;
	padding: 0;
	}
	
#ftNav1, #ftNav2, #address {
	margin: 0;
	padding: 10px 0 0 0;
	}
	
#footer a:link, #footer a:visited {
	color: #d57401;
	text-decoration: none;
	outline: none;
	border: none;
	}
	
#footer a:hover {
	color: #a00010;
	text-decoration: underline;
	outline: none;
	border: none;
	}

	
#footer p {
	font: 12px Verdana, Arial, sans-serif;
	color: #2c2c2c;
	}
