﻿body 
{
  background: #CC0000;
  margin: 0 auto;
  text-align: center; /*Center all divs */
  font:normal 12px verdana;
}

#container
{
  background: #FFFFFF;
  border:solid 4px #006633;
  margin: 0 auto;  /* Center for Firefox */  
  width:972px;
}

#header{background-image:url('../Images/Header.png'); height: 160px; width: inherit;}

#footer
{
  clear: both;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-top: solid 2px #006633;
  line-height: 30px;
}

#footer ul
{
  float:left;
  margin:0;
  padding:0;
  position:relative;
  left:50%;
}

#footer ul li 
{
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  right:50%;
	margin-left: 40px;
	margin-right: 40px;
}

a{color: #006633; text-decoration: none;}
a:hover{text-decoration:underline;}

h2{color: #006633; font-size:20px; text-align:left; margin:20px 0px 20px 0px;}

#contentwrapper{clear: both;}

#centeredmenu
{
  overflow:hidden;
  background:#006633;
  height: 20px;
  margin-bottom:5px;
}

#centeredmenu ul
{
  float:left;
  left:50%;
  margin:0;
  padding:0;
  position:relative;
}

#centeredmenu ul li
{
  float:left;
  list-style:none;
  right:50%;
  position:relative;
	margin-left: 15px;
	margin-right: 15px;
}

#centeredmenu ul li a:hover, #centeredmenu ul li a:active{background-position: 0px -23px; color:#006633;}

#home a:link, #home a:visited {display:list-item; width: 45px; height:23px; background: url('../Images/Navigation/Home.png') no-repeat;}
#about a:link, #about a:visited {display:list-item; width: 107px; height:23px; background: url('../Images/Navigation/About.png') no-repeat;}
#news a:link, #news a:visited {display:list-item; width: 63px; height:23px; background: url('../Images/Navigation/News.png') no-repeat;}
#references a:link, #references a:visited {display:list-item; width: 90px; height:23px; background: url('../Images/Navigation/References.png') no-repeat;}
#catering a:link, #catering a:visited {display:list-item; width: 54px; height:23px; background: url('../Images/Navigation/Catering.png') no-repeat;}
#contact a:link, #contact a:visited {display:list-item; width: 65px; height:23px; background: url('../Images/Navigation/Contact.png') no-repeat;}

#leftcolumn{float:left; width:185px; margin-right:16px;}
#middlecolumn{float:left; width:570px;}
#rightcolumn{float:right; width:185px;}

.contentmenuheadsearch{background:#006633 url('../Images/Navigation/Search.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadproducts{background:#006633 url('../Images/Navigation/Products.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadpartyservice{background:#006633 url('../Images/Navigation/PartyService.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadtasting{background:#006633 url('../Images/Navigation/Tasting.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadsupport{background:#006633 url('../Images/Navigation/Support.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadshoppingcart{background:#006633 url('../Images/Navigation/ShoppingCart.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadaccount{background:#006633 url('../Images/Navigation/Account.png') no-repeat 10px 1px; height:20px;}
.contentmenuheadhowitworks{background:#006633 url('../Images/Navigation/HowItWorks.png') no-repeat 10px 1px; height:20px;}

.contentmenuhead,
.contentmenuhead a:link,
.contentmenuhead a:visited
{
  text-align:left;
  padding: 0px 0px 0px 10px;
  background-color:#006633;
  height:20px;
  line-height:20px;
  width:auto;
  color:#FFFFFF;
}

.contentmenuleft{text-align: left;}
.contentmenuright{text-align: right;}
.contentmenu{padding: 0px 0px 15px 0px;}

.contentmenu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

.contentmenu ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	height: 20px;
	line-height: 20px;
	border-bottom: solid 1px #006633;
}

#eighteen
{
  clear:both;
  height:50px;
  margin-top:50px;
  background: url('../Images/18.gif') no-repeat;
}

.imgpartyservice{background: #006633 url('../Images/Partyservice.jpg') no-repeat; height: 141px;}
.imgtasting{background: #006633 url('../Images/Tasting.jpg') no-repeat; height: 120px;}
.imgprogram{background: #006633 url('../Images/Program.png') no-repeat; height: 52px;}
.imgcustomersupport{background: #006633 url('../Images/CustomerSupport.png') no-repeat; height: 55px;}
.imgmelgers{background: #006633 url('../Images/Melgers.jpg') no-repeat; height: 385px; border-left: solid 1px #006633;}
.imgaddress{background: #006633 url('../Images/Address.gif') no-repeat; height: 115px;}

.imgideal a:link, .imgideal a:visited {display: list-item; width:32px; height:32px; background: url('../Images/Support/iDeal.png') no-repeat;}
.imgpin a:link, .imgpin a:visited {display: list-item; width:47px; height:32px; background: url('../Images/Support/Pin.png') no-repeat;}

.contentmenusupport ul
{
  list-style:none;
  float:left;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contentmenusupport ul li 
{
  height: 32px;
  line-height: 32px;
  display: inline;
  float:left;
  padding:0px 0px 5px 0px;
  margin: 5px 4px 0px 10px;
}

.contentmenusearch ul{padding: 0px 10px 5px 10px;	list-style:none; margin: 0px 0px 0px 0px;}
.contentmenusearch ul li{margin: 0px 0px 0px 0px;	padding: 5px 0px 0px 0px;	height: 20px;}

.TreeViewSelectedNode{color: Red; font-weight:bold;}

.RootNode a{font-weight:bold;}

.contentmenuproducts{padding: 0px 0px 0px 10px;}

.menufooter
{
  margin: 0px 0px 15px 0px;
  clear:both;
  width: auto;
  height: 1px;
  border-bottom: solid 1px #006633;
}

/*.button, .SearchButton
 {
 	width:192px;
 	height:20px;
 	background-color:#669999;
 	border:solid 1px #006633;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 50px 0px;
 }*/
 
 .textbox, .searchtextbox, .label
 {
 	width:190px;
 	height:16px;
 	line-height:16px;
 	border:solid 1px #006633;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 }
 
 .searchtextbox{width: 165px;margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
 
/*.content{float:left;clear:both;margin-right:20px;width:570px;overflow:hidden;line-height:18px;padding:0 1px}*/

.contentclear{text-align:left;width:550px;float:left;margin: 0px 0px 5px 0px;	padding: 0px 0px 0px 0px;}
.label{border: none; width:179px;display:inline-block;}
.checkbox{margin: 0px 0px 0px -4px; padding: 0px 0px 0px 0px; display:inline-block;}
.validator{display:inline-block; line-height: 20px;}
.radiobutton{margin: 0px 0px 0px -6px; padding: 0px 0px 0px 0px; display:inline-block;}
.hyperlink{display:inline-block;}
.buttonspacer{clear:both;text-align:center;}
.multibutton{width:94px;margin: 0px 2px 0px 2px;padding: 0px 0px 0px 0px;}
.idealbutton{width:90px;margin: 0px 2px 0px 2px;padding: 0px 0px 0px 0px;}
/*.wizard{width:570px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; display:block;}*/

.validationsummary{text-align:left;width:550px;float:left;margin: 25px 0px 0px 10px;	padding: 0px 0px 0px 0px;}

.buttonspacer ul
{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contentclear ul
{
  width:550px;
  list-style:none;
  float:left;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/**/
.contentclear ul li 
{
  height: 20px;
  line-height: 20px;
  display: inline;
  float:left;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

b {float:left;}

.termsofuse{text-align:left; width:550px;float:left;margin: 0px 0px 30px 0px;	padding: 0px 0px 0px 0px;}
.termsofuse ol { list-style: lower-alpha;}
.termsofuse ol li {padding:0px 0px 0px 0px; margin: 0px 0px 10px 0px;}

.textcontent
{
  width:570px;
  text-align:left;

  /*
  background-color: Yellow;
  overflow:hidden;*/
}

.textcontent ul
{
  width:100%;
  
  
}

.textcontent ul li
{
  width:100%;
  height: 18px;
  line-height: 18px;
}

.Actions
{
	float: left;
	border: solid 1px #006633;
	height: 250px;
	width: 172px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.Discount
{

  width:172px;

}

.Discount ul
{
  width:100%;
  list-style:none;

  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.Discount ul li
{
  width:100%;
  height: 18px;
  line-height: 18px;
  display: inline;
}

.ActionsInner
{
	margin: 15px 24px 0px 24px;
	padding: 0px 0px 0px 0px;
}

.ColumnHeader
{
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
	background-color: #006633;
	height: 20px;
	width: 100%;
}

.ColumnContent
{
	height: 210px;
}

.ColumnFooter
{
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
	background-color: #669999;
	height: 20px;
	width: 100%;
}

.hlFloatLeft
{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.hlFloatRight
{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

.ColumnImage
{
	max-width: 160px;
	width: auto;
	height: 100px;
	border: solid 1px #006633;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}

.lblPriceContent{color: #006633;font-size:16px;font-family:Verdana, Arial; font-weight:bold;}

.lblLeft{float:left; width:30px; margin-right:30px;margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px;}


.ClearColumnContent
{
  clear:both;
}

/*EXTRA ???? */

p
{
text-align:left;
color:black;
font-family:arial
}

.contentproductimage
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 200px;
	width: auto;
	border: solid 1px #006633;
	vertical-align: top;
}

.productoverview
{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

.product
{
	float: left;
	height:auto;
	min-height: 100px;
	width: auto;
	margin: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	
}

.productContainer
{
	clear: both;
	height:auto;
	border-top: solid 1px #006633;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.productContainerBottom
{
	clear: both;
	border-top: solid 1px #006633;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.productLeft
{
	clear: both;
	float: left;
	text-align: left;
	height: auto;
	width: 200px;
	margin: 5px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
}

.lblPrice{color: #006633;font-size:12px;font-family:Verdana, Arial; text-align: left; font-weight:bold;}
.lblPriceContent{color: #006633;font-size:16px;font-family:Verdana, Arial; text-align: left; font-weight:bold;}

.lblInline{clear:both; float: left; /*clear:both;*/ }
.LeftLabel{width:180px; display:inline-block; float:left; line-height:16px; color: #006633; font-weight:bold;}
.lblRight{float:left; color: #000000; font-size:12px;font-family:Verdana, Arial; text-align: left; margin: 5px 0px 0px 10px; }

.hlRight{float:left; color: #006633; text-decoration:underline; font-size:12px;font-family:Verdana, Arial; text-align: left; margin: 0px 0px 0px 10px; }



/*XXXXXXXXXX*/



/* 2010 - 01 - 18  */

.Wizard
{
  /*
  border:5px solid gray;
  background-color:Red;
*/
  display:inline-block;
}

.Button, .SearchButton
 {
 	width:190px;
 	height:18px;
 	background-color:#669999; 	
 	border: solid 1px #006633;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	font:normal 12px verdana;
 }

.SearchButton{width:167px; height:20px; line-height:20px;}
.Label{width:180px; display:inline-block; float:left; line-height:16px;}
.BoldLabel{font-weight:bold;}
.ExplanationLabel{display:inline-block; float:left; line-height:16px; margin: 0px 0px 10px 0px;}
.HeaderLabel{display:inline-block; float:left; line-height:16px; margin: 20px 0px 0px 0px; font-weight:bold;}
.Validator{line-height:16px; float:left;}
.ValidationSummaryLayout{clear:both; text-align:left; float:left; width:530px;}
.ValidationSpacer{clear:both; display:inline-block; float:left; margin-left:10px;}
.ButtonSpacer{text-align:center; margin:0; padding:0;}
.MultiButton{width:91px;margin: 0px 2px 0px 2px;padding: 0px 0px 0px 0px;}
.Checkbox{margin: 0px 0px 0px -4px; padding: 0px 0px 0px 0px; display:inline-block;}
.RadioButton{margin: 0px 10px 0px -3px; padding: 0px 0px 0px 0px; display:inline-block;}
 
.TextBox
 {
  float:left;
 	width:188px;
 	height:16px;
 	line-height:16px;
 	border:solid 1px #006633;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }
 
 .Panel
 {
   border-top: solid 1px #006633;
 }
 
 .content
{
  clear:both;
  width:550px;
  text-align:left;
  /*
  background-color: Yellow;
  overflow:hidden;*/
}

.content ul
{
  width:100%;
  list-style:none;
  float:left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.content ul li
{
  width:100%;
  height: 18px;
  line-height: 18px;
  display: inline;
}

#HomeImage
{
	height: 293px;
	width: auto;	
	border: solid 2px #006633;
	border-top: none;
	background: #fff url(../Images/Home.png) no-repeat;
}

#HomeImageFooter
{
	height: 30px;
	width: auto;	
	border: solid 2px #006633;
	border-top: none;
	background: #fff url(../Images/HomeImageFooter.png) no-repeat;
}

.TextContent
{
  margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
}

.ValidationSummary 
{
  clear:both;
min-height:50px;
 color: red;
 margin: 15px 0px 10px 0px;
 padding: 0px 0px 0px 50px;
 background: #fff url(../Images/Lock.png) no-repeat;
}

.ValidationSummary ul {
 margin: 5px 0px 0px 20px;
 padding: 0;
 list-style: square;
 /*width:460px;*/
}




