/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
body, form {
	margin: 0px;
	width: 100%;
	height: 100%;
}
img, object, embed {
	display: block;
	outline: none;
}
a img, img a, img {
	border: none;
}
a {
	outline: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	padding: 0;
	margin: 0;
}
.clearer{
	clear: both;
	line-height: 0px;
	height: 0px;
}
div.BKAHeader {
    position: absolute;
    background: transparent #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 3px 6px 3px 6px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
}
div.BKAHeader span.template {
    display: block;
    font-family: Arial;
    font-size: 9px;
}
p.noJS {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
	text-align: center;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}

.tubbed span {
	display: block !important;
	height: 0 !important;
	width: 0 !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	visibility: hidden !important;
}

/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~universal styles start~~~~~~~~~~~~~*/

body {
	background: url(../images/ui/backgrounds/background.jpg) repeat center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

a {
	color: #97761f;
	text-decoration: none;
}

a:hover {
	color: #181312;
}
h1 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #a88d43;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 30px 0;
}
h2 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	color: #333;
	text-align: center;
	margin: 0 0 70px 0;
}

/*H3 HEADINGS ARE RESERVED FOR TUBBY TEXT*/

h4 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #a68c43;
	margin: 0;
}
h5 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #181412;
	margin: 1em 0 0 0;
}
h6 {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #cdb985;
	margin: 0em 0 1em 0;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 1em 0;
}

.marginBottom {
	padding: 0 0 40px 0;
}
ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 1em 10px;
}
li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 19px;
	list-style-type: none;
	background-image: url(../images/ui/navigationMain/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
}


/*~~~~~~~~~~~~~~~~~universal styles end~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~dropshadow styles start~~~~~~~~~~~~*/

div.dropShadowContainer {
	position: relative;
	width: 960px;
	padding:3px;
	margin: 20px auto;
}
div.dropShadowTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 966px;
	height: 3px;
	background: url(../images/ui/backgrounds/dropShadowTop.png) no-repeat;	
}
div.dropShadowLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: url(../images/ui/backgrounds/dropShadowLeft.png) repeat-y;	
}
div.dropShadowRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 3px;
	height: 100%;
	background: url(../images/ui/backgrounds/dropShadowRight.png) repeat-y;	
}
div.dropShadowBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 966px;
	height: 3px;
	background: url(../images/ui/backgrounds/dropShadowRight.png) no-repeat;	
}

/*~~~~~~~~~~~~~~~~~dropshadow styles end~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~global layout styles start~~~~~~~~~*/

div.siteContainer {
	position: relative;
	width: 960px;
	background: transparent url(../images/ui/backgrounds/siteContainer.jpg) repeat-y;
	min-height: 490px;
	height: auto !important;
  	height:490px;
}
div.paneOuter {
	position: relative;
	margin: 0 0 0 190px;
	display: block;
	width: 770px;
	padding:30px 0 0 0;
	min-height: 430px;
	height: auto !important;
	height: 430px;
}
div.borderTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;
	height: 10px;
	background: transparent url(../images/ui/backgrounds/borderTop.png) no-repeat;
}
div.borderLeft {
	position: absolute;
	top:0;
	left: 0;
	width: 10px;
	height: 100%;
	background:  transparent url(../images/ui/backgrounds/borderLeft.gif) repeat-y;
}
div.borderRight {
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background: transparent url(../images/ui/backgrounds/borderRight.gif) repeat-y;
}
div.borderBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 770px;
	height: 10px;
	background: transparent url(../images/ui/backgrounds/borderBottom.png) no-repeat;
}
div.contentContainer {
	position: relative;
	width: 710px;
	margin: 0 30px 0 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	min-height: 430px;
	height: auto !important;
	height: 430px;
}

#matakanaFlash{
	margin: 30px 0 0 0;
	width:710px;
	height:500px;
}
div.textContentContainer {
	position: relative;
	width: 530px;
	padding: 0 90px;
}
div.textContentContainer div.head {
	display: block;
	width: 530px;
	margin: 40px 0 0 0;
	text-align: center;
}
div.textContentContainer h3 {
	margin: 35px auto 0 auto;
	clear: both;
	text-align:center;
}
div.textContentContainer h3 img {
	display:inline-block;
}
img.module1 {
	width: 708px;
	height: 268px;
	padding: 0;
	border: 1px solid #000;
}
img.module2 {
	width: 528px;
	height: 258px;
	padding: 0;
	margin: 0 auto 30px 0;
	border: 1px solid #000;
}
img.module3 {
	width: 218px;
	height: 148px;
	border: 1px solid #e7e2ba;
}
p a, li a {
	background: url(../images/ui/backgrounds/dottedunderline.gif) repeat-x left bottom;
}
p a:hover, li a:hover {
	background: none;
}
p a.more {
	display: block;
	padding: 0 0 0 10px;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 0;
	color: #97761f;
	font-size: 10px;
	line-height: 19px;
	margin: 2px 0 0 0;
}
p a.more:hover {
	color: #181312;
	background-position: 0 -36px;
}
p a.large {
	font-size: 12px;
	line-height: 19px;
	background-position: 0 4px;
}
span.smallText {
	font-size: 10px;
	line-height: 11px;
	display: block;
}
a.majorLink {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	color: #a58c43;
	padding: 0 0 0 10px;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 3px;
}
a.majorLink:hover {
	color: #181312;
}
.matakanaVideo {
	width: 450px;
	height: 270px;
	margin: 0 auto;
}


/*~~~~~~~~~~~~~~~~~subNav styles start~~~~~~~~~~~~~~~~*/

div.subnavContainer {
	position: relative;
	width: 230px;
	float: right;
	margin: -35px 0 30px 30px;
}
div.subnavContainer h3 {
	width: 230px;
	margin: 0 0;
	padding: 0;
}
div.subnavContainer hr {
	position: absolute;
	top: 30px;
	left: 0;
	width: 230px;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #c6b480;
}
div.subnavContainer a {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 22px;
	height: 22px;
	clear: both;
}
div.subnavContainer a.active {
	padding: 0 0 0 10px;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 -35px;
	color: #181312;
	overflow: hidden;
}
div.subnavContainer a.child {
	padding: 0 0 0 10px;
	line-height: 12px;
	height: 12px;
}
div.subnavContainer a.childActive {
	padding: 0 0 0 10px;
	line-height: 12px;
	height: 12px;
	color: #181312;
}
div.subnavContainer a.inline {
	float: left;
	margin: 0 5px 0 0;
	background: url(../images/ui/backgrounds/dottedunderline.gif) repeat-x left 18px;
	clear: none;
	height: 22px;
	word-spacing: 0.2em;
}
div.subnavContainer a.inlineActive {
	color: #181312;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	word-spacing: 0.2em;
}

/*~~~~~~~~~~~~~~~~~subNav styles end~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~content footer styles start~~~~~~~~*/

div.textContentContainer div.footer {
	position: relative;
	display: block;
	width: 530px;
	height: 20px;
	padding: 45px 0 110px 0;
	background-color: none;
}
div.textContentContainer div.footer a {
	font-size: 10px;
	height: 10px;
	padding: 0 16px 0 10px;
	text-transform: uppercase;
}
div.textContentContainer div.footer a.top {
	background: url(../images/ui/footer/top.gif) no-repeat;
}
div.textContentContainer div.footer a.back {
	background: url(../images/ui/footer/back.gif) no-repeat;
}
div.textContentContainer div.footer a.print {
	background: url(../images/ui/footer/right.gif) no-repeat;
}
div.textContentContainer div.footer a.nextPage {
	background: url(../images/ui/footer/right.gif) no-repeat;
	position: absolute;
	padding-right: 0;
	right: 0;
}
div.textContentContainer div.footer a:hover {
	background-position: 0 -40px;
}
div.pagingContainer {
	position: absolute;
	right: 0;
	top: 28px;
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	margin: 15px 0 0 0;
	padding: 0;
	color: #cdb985;
}
div.footer div.pagingContainer a, div.footer div.pagingContainer span {
	padding: 0 8px;
	float: left;
	margin: 0;
	line-height: 18px;
	height: 18px;
	border-right: 1px solid #c6b480;
}
div.footer div.pagingContainer a:hover, div.footer div.pagingContainer a.active {
	color: #181312;
}

/*~~~~~~~~~~~~~~~~~content footer styles end~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~global layout styles end~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~home styles start~~~~~~~~~~~~~~~~~~*/

table.center, table.center td {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	text-align: center;
}
div.homeSiteContainer {
	width: 960px;
	height: 560px;
	position: relative;
	background: transparent url(../images/ui/backgrounds/siteContainer.jpg) repeat-y;
}
div.homePaneOuter {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 770px;
	height: 560px;
}

/*~~~~~~~~~~~~~~~~~home styles end~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~navigationMain styles start~~~~~~~~*/

a.logoContainer {
	position: absolute;
	top: 50px;
	left: 77px;
	width: 37px;
	height: 50px;
	background: url(../images/ui/navigationMain/logo.png) no-repeat;
	text-indent: -9999px;
}

div.navigationMain {
	position: absolute;
	top: 140px;
	left: 10px;
	width: 170px;
}
div.navigationMain a {
	width: 170px;
	height: 26px;
	display: block;
	background: transparent no-repeat;
	text-indent: -9999px;
}
div.navigationMain a.home {
	background: transparent url(../images/ui/navigationMain/home.gif);
}
div.navigationMain a.aboutUs {
	background: transparent url(../images/ui/navigationMain/aboutUs.gif);
}
div.navigationMain a.terroir {
	background: transparent url(../images/ui/navigationMain/terroir.gif);
}
div.navigationMain a.wines {
	background: transparent url(../images/ui/navigationMain/wines.gif);
}
div.navigationMain a.orderWines {
	background: transparent url(../images/ui/navigationMain/orderwines.gif);
}
div.navigationMain a.news-reviews {
	background: transparent url(../images/ui/navigationMain/news-reviews.gif);
}
div.navigationMain a.availability {
	background: transparent url(../images/ui/navigationMain/availability.gif);
}
div.navigationMain a.newsletter{
	background: transparent url(../images/ui/navigationMain/newsletter.gif);
}
div.navigationMain a.contactUs {
	background: transparent url(../images/ui/navigationMain/contactUs.gif);
}
div.navigationMain a.trade-media {
	background: transparent url(../images/ui/navigationMain/trade-media.gif);
}
div.navigationMain a:hover, div.navigationMain a.active {
	background-position: 0 -26px;
}

/*~~~~~~~~~~~~~~~~~navigationMain styles end~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~page footer styles begin~~~~~~~~~*/

div.endFooter {
	width: 770px;
	padding: 0 0 0 190px;
	text-align: center;
	font-size: 9px;
	margin: 40px auto 80px auto;
	color: #666b47;
}
div.endFooter a {
	color: #666b47;
	margin: 0 0 20px 20px;
	background: url(../images/ui/backgrounds/dottedunderline.gif) repeat-x left bottom;
}
div.endFooter a:hover {
	background: none;
}
div.endFooter a.bkaTag {
	color: #9ba475;
	background: none;
	line-height: 40px;
}

/*~~~~~~~~~~~~~~~~~page footer styles end~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~all table styles begin~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~basic table styles begin~~~~~~~~~*/

table.basicTable {
	width: 530px;
	font-size: 11px;
	line-height: 12px;
	border-top: 1px solid #e7e2ba;
	margin: 20px 0 0 0;
}
table.basicTable td {
	border: 1px solid #e7e2ba;
	border-top: none;
	margin: 0;
	background: #fffef8;
	vertical-align: top;
	font-size: 11px;
	line-height: 17px;
}
table.basicTable td p {
	font-size: 11px;
	line-height: 17px;
}
table.basicTable td.firstColumn {
	width: 154px;
	padding: 6px 12px;
}
table.basicTable td.secondColumn {
	width: 325px;
	padding: 6px 12px;
	border-left: none;
}
table.basicTable td span.smallText {
	font-size: 10px;
	line-height: 11px;
	display: block;
}
table.basicTable td.dark {
	background: #faf9ef;
}

/*~~~~~~~~~~~~~~~~~basic table styles end~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~cellaring table styles begin~~~~~*/

table.cellaringTable {
	margin: 0 0 40px 0;
}
table.cellaringTable, table cellaringTable tr {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 530px;
}
table.cellaringTable td {
	border: 1px solid #e7e2ba;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fffef8;
}
table.cellaringTable td.firstColumn {
	font-size: 11px;
	line-height: 15px;
	padding: 6px 0 6px 6px;
	width: 138px;
}
table.cellaringTable td.secondColumn {
	font-size: 10px;
	width: 23px;
	text-align: center;
}
table.cellaringTable tr.topRow td, table.cellaringTable td.topRow {
	height: 10px;
	padding: 6px 0 6px inherit;
}
table.cellaringTable td span.smallText {
	font-size: 10px;
	line-height: 11px;
	display: block;
}
table.cellaringTable td.dark, table.cellaringTable tr.topRow td.dark {
	background: #faf9ef;
}

/*~~~~~~~~~~~~~~~~~cellaring key styles begin~~~~~~~*/


table.cellaringKeyTable, table.cellaringKeyTable tr {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 169px;
	margin: 5px 0 20px 0;
	padding: 0;
}
table.cellaringKeyTable td {
	border: 1px solid #e7e2ba;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fffef8;
}
table.cellaringKeyTable td.firstColumn {
	font-size: 11px;
	padding: 6px 0 6px 6px;
	line-height: 30px;
	width: 138px;
}
table.cellaringKeyTable td.secondColumn {
	font-size: 10px;
	width: 21px;
	text-align: center;
}
table.cellaringKeyTable td.dark {
	background: #faf9ef;
}
table.float {
	float: left;
}
table.marginRight {
	margin-right: 11px;
}

/*~~~~~~~~~~~~~~~~~cellaring key styles end~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~cellaring table styles end~~~~~~~*/


/*~~~~~~~~~~~~~~~~~all table styles end~~~~~~~~~~~~~*/




/*~~~~~~~~~~~~~~~~~thumbs list styles begin~~~~~~~~~*/

div.thumbsListContainer {
	width: 530px;
	margin: 20px 0 0 0;
	border-top: 1px solid #c6b480;
}
div.thumbsListItem {
	width: 530px;
	padding: 30px 0;
	border-bottom: 1px solid #c6b480;
}
div.thumbsListItem img {
	width: 218px;
	height: 148px;
	border: 1px solid #e7e2ba;
	margin: 0 20px 0 0;
	float: left;
}
div.thumbsListItem p {
	font-size: 12px;
	line-height: 19px;
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	float: left;
	width: 290px;
}
div.thumbsListItem h6 {
	margin: 0.5em 0 0 0;
}
div.thumbsListItem p.wrap {
	font-size: 12px;
	line-height: 19px;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	clear: both;
	width: auto;
}
div.thumbsListItem p.fullWidth {
	font-size: 12px;
	line-height: 19px;
	display: block;
	margin: 0 0 0 0;
	clear: both;
	width: auto;
}
div.thumbsListItem a.more {
	padding: 0 0 0 10px;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 0;
	color: #97761f;
	font-size: 10px;
	line-height: 19px;
	margin: 5px 0 0 0
	float: left;
}
div.thumbsListItem p a.more {
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 4px;
}

div.thumbsListItem a.more:hover {
	color: #181312;
	background-position: 0 -40px;
}

/*~~~~~~~~~~~~~~~~~thumbs list styles end~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~newsletter subscription form styles begin~~*/

div.newsletterSignup {
	width: 448px;
	height: 98px;
	padding: 20px 40px 0 40px;
	border: 1px solid #e7e2ba;
	background-color: #faf9ef;
	text-align: right;
	margin: 10px 0 0 0;
}
div.newsletterSignup div.inputContainer {
	width: 220px;
	height: 40px;
	float: left;
	margin: 0 8px 0 0;
	text-align: left;
	padding: 0;
}
div.newsletterSignup div.last {
	margin: 0;
}
div.newsletterSignup span {
	display: block;
	font-size: 12px;
	color: #181312;
	margin: 0 0 0 2px;
}
div.newsletterSignup div.inputContainer input {
	width: 214px;
	height: 16px;
	border: 1px solid #e7e2ba;
	background: #fffef8;
	font-size: 12px;
	color: #181312;
	line-height: 16px;
	padding: 2px;
	margin: 0px;
}
div.newsletterSignup a {
	padding: 0 0 0 10px;
	float: right;
	margin: 15px 0 0 0;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 2px;
}
/*~~~~~~~~~~~~~~~~~newsletter subscription form styles end~~~~*/

/*~~~~~~~~~~~~~~~~~contact page styles begin~~~~~~~~*/

span.contactDetails {
	float: left;
	margin: 0px;
	width: 270px;
}
div.contactImage {
	width: 260px;
	height: 364px;
	float: left;
	margin: 0;
	background-image: url(../images/newzealand.png);
}
/*~~~~~~~~~~~~~~~~~contact page styles end~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~login styles begin~~~~~~~~~~~~~~~*/

div.login {
	width: 448px;
	padding: 20px 40px 40px 40px;
	border: 1px solid #e7e2ba;
	background: #faf9ef;
	text-align: right;
	margin: 10px 0 0 0;
}
div.login div.inputContainer {
	width: 220px;
	float: left;
	margin: 0 8px 0 0;
	text-align: left;
	padding: 0;
}
div.login div.last {
	margin: 0;
}
div.login div.inputContainer span {
	font-size: 12px;
	color: #181312;
	margin: 0 0 0 2px;
}
div.login div.inputContainer input {
	width: 214px;
	height: 16px;
	border: 1px solid #e7e2ba;
	background: #fffef8;
	font-size: 12px;
	color: #181312;
	line-height: 12px;
	padding: 2px;
	margin: 0px;
}
div.login a {
	float: right;
	padding: 0 0 0 10px;
	margin: 20px 0 0 0;
	font-size: 14px;
	background: url(../images/ui/navigationMain/right.gif) no-repeat 0 2px;
	font-weight: bold;
}
div.login div.buttonContainer {
	width: 450px;
	margin: 0;
	z-index: 10;
}
div.login div.buttonContainer span.radio {
	float: left;
	text-align: left;
	width: 70px;
	margin: 10px 20px 0 0;

}
div.login div.buttonContainer span.radio input {
	margin: 0 10px 0 0;
	position: relative;
	top: 2px;
}
div.login div.buttonContainer span.checkbox {
	float: left;
	margin: 10px 0 0 49px;
}
div.login div.buttonContainer span.checkbox input {
	margin: 0 10px 0 0;
	position: relative;
	top: 2px;
}

/*~~~~~~~~~~~~~~~~~login styles end~~~~~~~~~~~~~~~~~*/

.lessMargin {
	position: relative;
	top: -15px;
}


/*~~~~~~~~~~~~~~~~~login styles end~~~~~~~~~~~~~~~~~*/
div.spacer {
	margin: 50px 0 0 0 !important;
	margin: 30px 0 0 0;
}
div.errorBlock {
	text-align: left;
	padding: 20px 40px;
	height:auto;
	color:#333333;
}
div.errorBlock span{
	color:#FF0000;
}