html{
	height: 100%;
	padding: 0px;
	top: 0px;
	margin: 0px;
}

body {
	background-image: url(images/bg.png);
	background-repeat: repeat;
	background-color: #ED1B23;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 100%;
	padding: 0px;
	top: 0px;
}


.footer {
	font-weight: bold;
	padding: 2px;
	width: 100%;
	display: block;
	text-align: center;
	color: #FFFFFF;
	clear: both;
	float: none;
	margin: 10px;
}

.footer a:link {
	color: white;
	text-decoration: none;
}
.footer a:visited {
	color: white;
	text-decoration: none;
}
.footer a:link:hover {  
	color: orange;
	text-decoration: underline;
        background-color: transparent;
}

.footer a:visited:hover  {
	color: orange;
	text-decoration: underline;
        background-color: transparent;
}

.footer p { 
margin: 3px;
}
.leftbar {
display: block; 
float: left;
width: 178px;
height: 100%;
}


html>body .leftbar {
        display: table-cell;           
        z-index: 10;
        padding: 0px;
        height: 100%;
        border: 2px solid yellow;
        position: relative;
        float: none;
        margin: 0px;
        width: 178px;
}



.leftbarcontent 
{
	width: 178px;
	margin-top: -40px;
	color: white;
	margin-left: 6px;
	text-align: center;
	display: block;
	clear: left;
	float: left;
	padding: 0px;
}

html>body .leftbarcontent 
{
	width: 178px;
	margin-top: -45px;
	color: white;
	margin-left: 14px;
	text-align: center;
	display: block;
	clear: left;
	float: left;
	padding: 0px;
}

.leftbarcontent a:link {
	color: white;
	text-decoration: none;
}



.leftbarcontent a:visited {
	color: white;	
	text-decoration: none;
}

.leftbarcontent a:link:hover,a:visited:hover {
	color: orange;	
	text-decoration: underline;
        background-color: transparent;
}

.rightside { 
float: left;
display: block;
top: 50px;
padding-left: 10px;
padding-top: 50px;
}

html>body .rightside { 
  display: table-cell;
  position: relative;
  border: 2px solid blue;
  float: none;
  top: auto;
  padding: 0px;                      
  width: 547px;
}
.contentbox {
	background-image: url(images/mainmidbg.png);
	background-repeat: repeat-y;
        background-color: white;
	width: 547px;
	/*	left: 200px;
	top: 81px;  */
        z-index: 5;
	clear: right;
	float: left;
	margin-left: 15px;
	padding: 0px;
	margin-top: -27px;
}
.widecontentbox {
	width: 600px;
        z-index: 5;
	margin: auto;
	padding-top: 10px;
}

.contentbox .contentboxhdr {
	background-image: url(images/maintopbg.png);
	background-repeat: no-repeat;
	height: 90px;
}

.contentbox .contentboxbdy {
	padding-left: 37px;
	padding-right: 50px;
	margin: 0px;
	display: block;
}
.contentbox .contentboxbdycnt {
	display: block;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contentbox .contentboxftr {
	background-image: url(images/mainbottombg.png);
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px;
	display: block;
	float: none;
	width: auto;
	background-position: center top;
}

.navbar {
	top: 10px;
	width: 734px;
	height: 99px;
	z-index: 7;
	left: 30px;
	position: relative;
}

.navbarbg {
/*position: relative;
	left: 21px;
	top: 25px;*/
	width: 734px;
	height: 99px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/backbar.png',sizingMethod='scale');
    display: block;
}

html>body .navbarbg {
    position: relative;
	left: -10px;
	top: 0px;
	background-image: url(images/backbar.png);
	background-repeat: no-repeat;
	width: 770px;
	height: 99px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/backbar.png',sizingMethod='crop');
    display: block;
}


.navbar .home {
	position: absolute;
	left: 237px;
	top: 17px;
}

.navbar .store {
	position: absolute;
	left: 303px;
	top: 19px;
}
.navbar .qa {
	position: absolute;
	left: 454px;
	top: 21px;
}
 .navbar .video {
	position: absolute;
	left: 376px;
	top: 20px;
}
.navbar .pictures {
	position: absolute;
	left: 548px;
	top: 23px;
}


.clearing { 
  width: 100%;
  clear: both;
  height: 400px;           
 }


.centerme {
	text-align: center;
	margin: auto;
}
.question {
	font-size: 12pt;
	font-weight: bold;
}
.answer {
	width: 90%;
	margin: auto;
}
.sectiontile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	position: relative;
	top: 33px;	
	left: 21px;
}

.contactform {
	margin: auto;
	width: 100%;
 }

.contactform .formlabel { 
font-weight: bold;
text-align: left;
}
.contactform .formlabel02 {
font-weight: bold;
text-align: left;
}
.contactform .forminput input { 
width: 300px;
}
 .contactform .forminput03 { 
display: inline;
                  }
.contactformerror {
	font-size: 8pt;
	font-style: italic;
	color: #FF0000;
	display: list-item;

	margin-left: 16px;
}
.contactform .formlabel03 { 
display: inline;
font-weight: bold;
 }
.contactform .forminput01 {
width: 300px;
}
.contactform .forminput02{ 
display: inline;
}
.contactform .forminput03, .forminput03 textarea { 
width: 300px;
height: 200px;
}

.contactform .formsubmit { 
float: none;
clear: both;
 }
.contactform .preview { 
border: 1px solid #555555;
background-color: #EDEDED;
padding: 2px;
}

 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.mainbody {
	width: 768px;
	height: 100%;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: black;
	border-left-color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: black;
	border-bottom-color: black;
	padding: 0px;
	background-image: url(images/inbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #EB1E23;
	margin-bottom: 0px;
	min-height: 100%;
}
.imgthumb {
border: 1px black solid;
margin: 0px;
}

.bottleshadow {
height: 18px;
width: 151px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottleshadow.png',sizingMethod='scale');
    display: block;
}

html>body .bottleshadow {
	height: 18px;
	width: 151px;
	background-image: url(images/bottleshadow.png);
	background-repeat: no-repeat;
	display: block;
	margin: auto;
}
.secondnav { 
margin: auto;
border: 3px solid #F8C008;
padding: 0px;
width: 120px;
background-color: #EB1E23;
}
.secondnav a { 
display: block;
width: 114px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
font-weight: bold;
font-size: 11pt;
font-variant: small-caps;
}

.secondnav a:link:hover  { 
color: #EB1E23;
text-decoration: none;
background-color: orange;
}

.secondnav a:visited:hover { 
color: #EB1E23;
text-decoration: none;
background-color: orange;
}


a:link:hover { 
        background-color: transparent;
}

a:visited:hover { 
        background-color: transparent;
}

.copywarning { 
margin: 10px;
padding: 8px;
font-size: 8pt;
font-style: italic;
color: red;
border: 1px solid red;
background-color: #DFDFDF;
 }

.comment { 
border: 1px solid #DDDDDD;
margin: 4px;
}

.comment .title { 
background-color: #F8C008;
padding: 3px;
font-size: 11pt;
font-weight: bold;
}

.comment .author {
display: inline;
font-style: italic;
  }

.comment .date { 
display: inline;
 }

.comment .body {  
 width: 435px;
 overflow: auto;
 padding: 4px;
}

.vertadbox {
margin: auto;
margin-top: 10px;
border: 3px solid #F8C008;
padding: 0px;
width: 120px;
background-color: #EB1E23;
}

.wideadbox {
width: 468px;
margin: auto;
margin-top: 10px;
border: 3px solid #F8C008;
background-color: #EB1E23;
}