@charset "utf-8";
/* CSS Document */

/*
light blue - bottom squares - eef5f7
light blue footer d7e7eb
link grey footer 919191
heading blue 6facba 
navigation line blue b3c4c8
navigation link grey a1a1a1
navigation rollover 688a92
body copy text 6e6e6e
434343
*/

/* Common */
html { height: 100%; margin-bottom: 1px; }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#000000;
	background-color:#FFFFFF; 
	padding:0;
	margin:0;
	}
	
a:link {
	color:#000000;
	}

a:active {
   color:#929497;
	}

a:visited {
	color:#000000;
	}

a:hover {
   color:#929497;
	}

.clear {
	clear:both;
	font-size:1px;
	height:1px;
	} 

.noflash {
	display:none;
	}


/* Page Structure */
div#wrapper {
	width: 910px;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	}
	
div#flashContent {
	width: 100%;
	height: 330px;
	overflow: hidden;
	margin: 0;
	padding:0;
	}
	
div#htmlContent {
	width: 910px;
	margin: 1em auto;
	padding:0;
	overflow: hidden;
	}

div#bottom {
	width: 910px;
	clear:both;
	margin:0;
	overflow:hidden;
	}
	
/*htmlContent structure*/
#htmlContent {
}

#htmlInner {
}

#htmlContent .contain {
	overflow: hidden;
}

#htmlContent .noflashhomepage {
	overflow: hidden;
	margin: 0 0 10px 0;
	background: none;
}

/* header */
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(../img/format/noflash_header.jpg) no-repeat left top;height:292px;}
#header {
	width: 910px;
	margin: 0 auto;
}
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #232323;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #4c4c4c;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }
#navcontainer #first { border-left: 1px solid #fff; }
/* footer */
#footer {
	clear:both;
	padding: 5px;
	margin: 15px 0;
	text-align:center;
  	font-size:.8em;
	background:url(../img/format/hr_dot.gif) top repeat-x;
	color:#919191;
}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#footer li {
	display:inline;
	margin:0;
	}
#footer a {
	text-decoration:none;
	color:#919191;
	padding:0 5px;
	}
#footer a:hover {
	color:#000000;
	}
#footer img {
	border:none;
}

/* common */
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000000;
	padding:0 0 .8em 0;
}


/* wines */
#wines ul {
	padding:0;
	margin:0;
	list-style:none;
}
#wines ul li {
	padding:0;
	margin:0 .5em;
	display:inline;
}
#wines ul li img {
	border:none;
}


#winescol1 {
	float:left; 
	width:405px;
	overflow:hidden;
	margin-right:5px;
}
#winescol1 h3 {
	background:url(../img/format/hr_dot.gif) center repeat-x;
	font-size:1.2em;
}
#winescol1 h3 span {
	padding:0 1em 0 0;
	background:#FFFFFF;
}
#winescol1 p {
	margin:0 0 2em 0;
	line-height:1.8em;
}
#winescol1 ul {
	margin:0;
	padding:0;
	list-style:none;
}
#winescol1 ul li {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	font-size:.8em;
	color:#636363;
}
#winescol1 ul li a {
	color:#636363;
}
#winescol1 ul li a:hover {
	color:#000000;
}
#winescol1 ul li a:active {
	color:#000000;
}

#winescol2 {
	float:left; 
	width:500px;
}
#winescol1 img {
	border:2px solid #c6c6c6;
}
#winescol1 a img {
	border:none;
}
#winescol1 .buybutton {
	padding-left:180px;
}

/* pages */
#pagecol1 {
	float:left; 
	width:405px;
	overflow:hidden;
	margin-right:15px;
}
#pagecol1 p {
	margin:0 0 2em 0;
	line-height:1.8em;
}
#pagecol2 {
	float:left; 
}
.flashone {
	padding-top:40px;
}
#pagecol1 img {
	border:2px solid #c6c6c6;
}

/* home */
#homecol1 {
	float:left; 
	width:276px;
	overflow:hidden;
	margin-right:30px;
}
#homecol1 h2, #homecol2 h2, #homecol3 h2 {
	background:url(../img/format/hr_dot.gif) bottom repeat-x;
}

#homecol2 {
	float:left; 
	width:276px;
	margin-right:30px;
}

#homecol3 {
	float:left; 
	width:296px;
}

#homecol1 img {
	border:2px solid #c6c6c6;
}
#homecol3 img {
	border:none;
}

.more {
	background:url(../img/format/hr_dot.gif) top repeat-x;
	padding:9px 0 0 0;
}

.more a {
	background:url(../img/format/btn_more.gif) no-repeat right 0;
	height:23px;
	display:block;
	text-align:right;
	padding:0 25px 0 0;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.more a:hover {
	background-position: right -25px;
	color:#929497;
}
.more a:active {
	background-position: right -25px;
	color:#929497;
}

.homecaption {
	padding:0;
	margin:1em 0 1em 0;
	colour:#7c7c7c;
}
   
#homenews {
	min-height:163px;
	height:163px;
	overflow:auto;
	margin:0 0 5px 0;
	padding:0;
}
html>body #homenews {
  height: 163px;
} 

#homenews ul {
	margin:0;
	padding:0;
	list-style:none;
}
#homenews ul li {
	margin:0;
	list-style:none;
	color:#7c7c7c;
	padding:1em;
	background:url(../img/format/home_li.gif) no-repeat bottom;
}
.first {
	padding:0 1em 1em 1em;
}
#homenews ul li a {
	color:#4b4b4b;
	font-weight:bold;
	text-decoration:none;
}
#homenews ul li a:hover {
	color:#000000;
}
#homenews ul li a:active {
	color:#000000;
}


#pagenews ul {
	margin:0;
	padding:0;
	list-style:none;
}
#pagenews ul li {
	margin:0;
	list-style:none;
	color:#7c7c7c;
	padding:1em;
	background:url(../img/format/home_li.gif) no-repeat bottom;
}
#pagenews ul li a {
	color:#4b4b4b;
	font-weight:bold;
	text-decoration:none;
}
#pagenews ul li a:hover {
	color:#000000;
}
#pagenews ul li a:active {
	color:#000000;
}

/* Page Structure */
div#popup {
	width: 450px;
	margin: 1em auto;
	padding: 100px 2em 2em 2em;
	overflow: hidden;
	background:url(../img/format/popup_logo.gif) no-repeat top center;
	border:1px solid #666666;
	}

label {
	display:block;
	font-weight:bold;
	margin:1em 0 0 0;
	text-transform:capitalize;
}

input[type=text] {
	width:250px;
}
textarea {
	width:250px;
	height:60px;
}

.error {
	color:#990000;
	font-weight:bold;
}

.success {
	color:#009933;
	font-weight:bold;
}