/* CSS Document */
.SplashContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999966;
	text-align: justify;
}
.Splits {
	border-left-style: solid;
	border-left-color: #4F440F;
	border-left-width: 1px;
}
/*.content  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}*/

body {
	font-family : Arial;
	/*scrollbar-face-color : #000000; 
	scrollbar-highlight-color : #897A3B; 
	scrollbar-3dlight-color : #000000; 
	scrollbar-shadow-color : #897A3B; 
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000; 
	scrollbar-arrow-color : #897A3B;*/
	overflow-x:hidden; /*hides horizontal scrollbar*/	
}
a {
	font: 12px;
	font-weight: bold;
	color: #897A3B;
	text-decoration: none;	
}
a:hover {
	color: #897A3B;
	cursor: pointer;
}
a:active {
	color: #897A3B;
}
a.devLink:link{
	font-family: Arial;
	font-size: 10px;
	color: #999966;
}
a.devLink:visited{
	font-family: Arial;
	font-size: 10px;
	color: #999966;
}
a.devLink:hover{
	font-family: Arial;
	font-size: 10px;
	color: #CCCC66;
}
a.devLink:active{
	font-family: Arial;
	font-size: 10px;
	color: #999966;
}
a.NewsHeading:link , a.NewsHeading:visited{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
}
a.NewsHeading:hover , a.NewsHeading:active{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #CCCC66;
}

.hrlink{
	height: 1px;
	color: #333333;
}
/*.heading {
	font-size : 20px;
	color : #FFFFFF;
	letter-spacing : 2px;
}*/
.heading2 {
	font-size : 12px;
	color : #000000;
	letter-spacing : 1px;
	font-weight: bold;
}
a.SelectedParagraphHeading:link, a.SelectedParagraphHeading:visited {
	font-size : 12px;
	color: #FFFFCC;
	letter-spacing : 1px;
	font-weight: bold;
}
a.SelectedParagraphHeading:hover, a.SelectedParagraphHeading:active {
	font-size : 12px;
	color : #FFFFFF;
	letter-spacing : 1px;
	font-weight: bold;
}

a.paragraphHeading:link, a.paragraphHeading:visited {
	font-size : 12px;
	color : #897A3B;
	letter-spacing : 1px;
	font-weight: bold;
}
a.paragraphHeading:hover, a.paragraphHeading:active {
	font-size : 12px;
	color: #CCCC66;
	letter-spacing : 1px;
	font-weight: bold;
}

.paragraphHeading {
	font-size : 12px;
	color : #897A3B;
	letter-spacing : 1px;
	font-weight: bold;
}
.paragraph {
	font-size : 12px;
	color : #00000;
	letter-spacing : 1px;
	font-weight: bold;
}
.content table{
	font-family: Arial;
	padding:5px;
	font-size : 12px;
	color : #00000;
	font-weight: normal;
	vertical-align:top;
}


.alertText {
	color: #FF0000;
}

.updateText{
	color : Blue;
}

.successText {
	color: #FFFFFF;
	font-size : 12px;
}
.failText {
	color: #FF0000;
	font-size : 10px;
}
.formLabel {
	font-weight: bold;
}
.finePrint {
	font-size: 10px;
	font-weight: bold;
	color: #897A3B;
}
tr.rowColour {
	background-color: #FFFFFF;
}
tr.rowAltColour {
	background-color: #FFEEEE;
}
tr.rowMouseOverColour {
	background-color: #DDCCCC;
}
tr.tableHeading {
}
table.MenuBorder{
	border : 1px solid #897A3B;
	border-bottom : 0px;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	min-height: 40px;
}
table.Border{
	border : 1px solid #897A3B;
}
table.SubMenuBorder{
	border : 1px solid #897A3B;
	border-left-width : 2px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 2px;
}
table.BorderLeft{
	border-left: 1px solid #897A3B;	
}
DIV.SubMenuVineyardFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 130 px;
	height: 40 px;
	z-index: -1;
}
DIV.SubMenuSalesFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 198 px;
	height: 40 px;
	z-index: -1;
}

DIV.SubMenuWineryFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 149 px;
	height: 75 px;
	z-index: -1;
}

DIV.subMenuGrovesFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 139 px;
	height: 40 px;
	z-index: -1;
}

DIV.subMenuShedFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 139 px;
	height: 40 px;
	z-index: -1;
}

DIV.subMenuOliveSalesFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 199 px;
	height: 57 px;
	z-index: -1;
}

DIV.subMenuOliveRangeFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 199 px;
	height: 57 px;
	z-index: -1;
}

DIV.SubMenuProductRangeFade {
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	position: absolute;
	width: 149 px;
	height: 55 px;
	z-index: -1;
}


iframe.SubMenuFade {
	filter:Alpha(Opacity=0);
	MozOpacity: 0%;
	background-color: Black;
	position: absolute;
	width: 200 px;
	left: 463 px;
	height: 80 px;
	z-index: -2;
}
DIV.SubMenuBottomFade {
	filter:	Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: #000000;
	position: absolute;
	width: 160 px;
	left: 665 px;
	height: 40 px;
	z-index: -1; 
}

A.Menu{
	font-size : 12px;
	color : White;
	text-decoration : none;
	letter-spacing : 2px;
	font-weight : bold;	
}
td.Menu{
	font-size : 12px;
	color : White;
	text-decoration : none;
	letter-spacing : 2px;
	font-weight : bold;	
	cursor: hand;
}

td.MenuSelected{
	font-size : 12px;
	text-decoration : none;
	letter-spacing : 2px;
	font-weight : bold;
	color : #897A3B;	
	cursor: hand;
}

td.Menu:hover{
	color : #897A3B;	
}

A.Menu:hover{
	color : #897A3B;	
}
A.MenuSelected{
	font-size : 12px;
	text-decoration : none;
	letter-spacing : 2px;
	font-weight : bold;
	color : #897A3B;	
}
A.SubMenu{
	font-size : 12px;
	color : Black;
	text-decoration : none;
	font-weight : bold;
}
A.SubMenu:hover{
	color : #897A3B;
}
A.SubMenuSelected{
	font-size : 12px;
	text-decoration : none;
	font-weight : bold;
	color : #897A3B;
}
A.BlackSubMenuSelected{
	font-size : 12px;
	text-decoration : none;
	font-weight : bold;
	color : #FFFFFF;
}
A.BlackSubMenu{
	font-size : 12px;
	color : #897A3B;
	text-decoration : none;
	font-weight : bold;
}

.button{
	background-color: #897A3Bf;
	color: black;
	font-size : 14px;
	font-weight:bold;
	text-shadow:Gray;
	border-left: 1px solid #FFFFFF;
	border-right: 2px solid #000000;
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #000000
}

table.watermark{
	background-image : url(../images/watermark_left.gif);
	background-repeat : no-repeat;
}

td.heading{
    color: #897a3b;
	font-size : 18px;
	font-weight:bold;
}
td.heading3{
	color: Black;
	font-size : 18px;
	font-weight:bold;
}

table.newsFlash{
	filter:Alpha(Opacity=60);
	MozOpacity: 60%;
	background-color: black;
	border : thin solid #COB899;
	
}

td.newsText{
	color: white;
	font-size : 12px;
}

td.storyText{
	color: white;
	font-size : 12px;
}

table.BasketStyle{
	border: 1px solid #897A3B;
}
td.BaksetItemName{
	font-size: 12px;
}
td.BaksetItemQty{
	font-size: 12px;
}
td.BaksetItemPrice{
	font-size: 12px;
	font-weight: bolder;
}
td.DetailsOrderHead{
	font-size: 14px;
	font-weight:bolder;
	color: #3366CC;
}
td.BaksetHeader{
	font-size: 12px;
	font-weight:bolder;
	border: 1px none #897A3B;
}
td.NotPaid {
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
}
td.Paid {
	font-size: 20px;
	font-weight: bold;
	color: #3366CC;
}
td.StatusArchive {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}
td.StatusActive {
	font-size: 14px;
	font-weight: bold;
	color: #33CC66;
}
a.Status:link, a.Status:visited  {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.Status:hover, a.Status:active  {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.BasketFrmFld{
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
.qtyTxt
{
	font-size: 10px;
}
.InfoBox
{
	font-size: 12px;
	position: absolute;
	width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	left:45px;
	display:none;
}

/*New Menu Layout*/
#Container {
	position: absolute;
	top: 111px;
	width: 823px;
	height: 121px;
}

#MenuItems {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	width: 200px;
	height: 121px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 20px;
}

#MenuItems a {
	line-height: 20px;
}

#MenuArea {
	opacity: .60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 200px;
	height: 121px;
	background: #000000;
}

#HeaderImageArea {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 823px;
	height: 121px;
}

/*==================
	  CSS MENU
====================*/
/*MENU BACKGROUND*/

#MenuItems ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

#MenuItems a, #MenuItems h2 {
	font-size : 12px;
	color : White;
	text-decoration : none;
	letter-spacing : 2px;
	font-weight : bold;	
	margin: 0;
	padding: 2px 3px;
}

#MenuItems a {
	color: #FFFFFF;
	text-decoration: none;
}

#MenuItems a:hover {
	color: #897A3B;
}

#MenuItems li {
	position: relative;
}

/*2nd Level*/

#MenuItems ul ul {
	border: 1px solid #897A3B;
}

#MenuItems ul ul {
	opacity: .60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	position: absolute;
	top:0;
	left:100%;
	width: 150px;
	z-index: 500;
	background: #000000;
}

#MenuItems ul ul li {
	padding-left: 10px;
}

div#MenuItems ul ul,
div#MenuItems ul ul li:hover ul ul
{display: none;}

div#MenuItems ul li:hover ul,
div#MenuItems ul ul ul li:hover ul
{display: block;}

td.AboutWineSplit {
	border-right: 1px dashed #CCCCCC;
	vertical-align: top;
}

table.AboutWine {
	text-align: justify;
	border: 1px solid #897A3B;
	font-size : 12px;
	color: #897A3B;
	font-weight: normal;
}

table.WineOrder {
	font-size: 12px;
}

td.StepHeading {
	font-size: 13px;
	font-weight: bold;
	color: #897A3B;
}

td.OrderNotes {
	font-size: 11px;
	color: #AA9955;
}

td.MaxNote {
	font-size: 11px;
	color: #999999;
}

table.WineSelection {
	font-size: 12px;
	color: #666666;
	padding: 5px;
}

td.WineSelectHead {
	font-weight: bold;
	color: #333333;
	background: url(../images/hr_4.gif);
}

td.HR1 {
	background: url(../images/hr_1.gif) repeat-x;
	height: 1px;
}

td.HR2 {
	background: url(../images/hr_2.gif) repeat-x;
	height: 1px;
}

td.HR3 {
	background: url(../images/hr_3.gif) repeat-x;
	height: 1px;
}

select.Cases {
	width: 50px;
	font-size: 11px;
	color: #666666;
}

input.Amount {
	width: 50px;
	height: 18px;
	font-size: 11px;
	color: #666666;
	text-align: right;
	border: 1px solid #CCCC99;
}

input.SubAmount {
	width: 80px;
	height: 18px;
	font-size: 11px;
	color: #666666;
	text-align: right;
	border: 1px solid #CCCC99;
}

input.TotalAmount {
	width: 80px;
	height: 18px;
	font-size: 11px;
	color: #CC0000;
	text-align: right;
	border: 1px solid #990000;
	margin-right: 4px;
}

table.Total {
	width: 200px;
	height: 26px;
	border: 1px solid #990000;
	background: #CC0000;
}

td.Total {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	color: #FFFFFF;
}

td.TotalPrice {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
}

td.AmountCases {
	text-align: right;
}

td.SubAmountCases {
	text-align: right;
	background: url(../images/hr_4.gif);
}

td.SubTotal {
	font-weight: bold;
	color: #897A3B;
	background: url(../images/hr_4.gif);
}

td.VAT {
	font-size: 10px;
	color: #AA9955;
	text-align: right;
	background: url(../images/hr_4.gif);
}

table.Area, td.Area {
	font-size: 12px;
	color: #666666;
	padding: 5px;
}

td.AreaHead {
	font-weight: bold;
	color: #333333;
	background: url(../images/hr_4.gif);
}

td.AreaName {
	padding-top:2px;
	padding-bottom:2px;
}

table.Personal {
	font-size: 12px;
	color: #666666;
}

td.Required {
	font-size: 11px;
	color: #CC3300;
	text-align: right;
}

span.Required {
	font-size: 11px;
	color: #CC3300;
}

input.Personal {
	width: 150px;
	height: 20px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #CCCC99;
	margin: 2px;
}

input.PersonalCode {
	width: 50px;
	height: 20px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #CCCC99;
	margin: 2px;
}

table.CreditCard {
	font-size: 12px;
	color: #666666;
	padding: 5px;
}

input.CreditDigit {
	width: 40px;
	height: 18px;
	border: 1px solid #CCCC99;
	margin: 2px;
	font-size: 11px;
	color: #666666;
}

input.CardDate {
	width: 45px;
	height: 18px;
	border: 1px solid #CCCC99;
	margin: 2px;
	font-size: 11px;
	color: #666666;
}

input.CardID {
	width: 30px;
	height: 18px;
	border: 1px solid #CCCC99;
	margin: 2px;
	font-size: 11px;
	color: #666666;
}

select.CardType {
	width: 150px;
	height: 18px;
	font-size: 11px;
	color: #666666;
}

span.Example {
	font-size: 11px;
	color: #666666;
}

span.Notice {
	font-size: 12px;
	color: #CC3300;
	font-weight: bold;
}

ul.Notice {
	font-size: 11px;
	color: #666666;
}

a.Notice:link, a.Notice:visited {
	font-size: 11px;
	font-weight: 100;
	color: #333333;
	text-decoration: none;
}

a.Notice:hover, a.Notice:active {
	font-size: 11px;
	font-weight: 100;
	color: #897A3B;
}

input.Send {
	background: url(../images/btnSend.gif) repeat-x;
	height: 37px;
	width: 150px;
	border: none;
	font-weight: bold;
	color: #FFFFFF;
}

/*==========================================
============MAILING LIST STYLES*/
input.Field {
	width: 100px;
	height: 18px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #CCCC99;
}

input.prompt {
	border:1 solid transparent; 
	background-color:#99ccff;
	width:70;
	font-family:arial;
	font-size:12; 
	color:black;
} 

.Admincontent {
	font-size : 11px;
	color : #FFFFFF;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.NewsItemDiv {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

table.TPaymentProof {
	border: 1px dashed #000000;
	background-color: #FFFFFF;
}

td.TDReceiptHead {

}

.newsHead {
	font-size : 14px;
	color : #000000;
	letter-spacing : 1px;
	font-weight: bold;
}

.newsItemsHeading {
	font-size : 15px;
	color : #897A3B;
	letter-spacing : 1px;
	font-weight: bold;
}

.DistributionHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

.DistributionAddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.OrderAlertText {
color:#FF0000;
font-size:12px; 
font-weight:bold;
}

h2{
font-weight: bold;
font-size: 13px;
color: #999900;
}

#border{
border-right:1px solid #F6F5EE;
border-bottom:1px solid #F6F5EE;
}

.align{
text-align:right;
}

#headeralign{
text-align:right;
}