@charset "utf-8";

body, td, th {
margin: 0;
padding: 0;
background-color: #b1b0b7;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

#maincontainer {
width: 760px;
margin: 0 auto 0 auto;
padding: 0;
background-color:#fff;
}

#title h1 {
display: none;
}

#header1 {
background-image: url(images/header-home.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header2 {
background-image: url(images/header-consumer.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header3 {
background-image: url(images/header-buy.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header4 {
background-image: url(images/header-trade.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header5 {
background-image: url(images/header-faqs.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header6 {
background-image: url(images/header-about.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header7 {
background-image: url(images/header-testimonials.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header8 {
background-image: url(images/header-contact.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header9 {
background-image: url(images/header-trends.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header10 {
background-image: url(images/header-grapegrowing.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header11 {
background-image: url(images/header-winemade.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header12 {
background-image: url(images/header-winetasting.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header13 {
background-image: url(images/header-winewithfood.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header14 {
background-image: url(images/header-servingwine.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header15 {
background-image: url(images/header-exam.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header16 {
background-image: url(images/header-backbar.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header17 {
background-image: url(images/header-winepreservation.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#header18 {
background-image: url(images/header-winesales.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 409px;
}

#nav {
padding: 7px 0 0 0;
}

#nav ul {
margin-left: 28px;
padding-left: 0;
}

#nav li {
list-style-type: none;
display: inline;
}

#nav a {
color: #4a1235;
text-decoration: none;
}

#nav a:hover {
color: #fff;
}

#nav a.current {
color: #fff;
}

#demo {
width: 164px;
margin-left: 555px;
margin-top: 130px;
font-size: medium;
text-align: center;
background-color: #61163d;
border: 1px solid #fff;
padding: 15px 0;
}

#buynow {
width: 164px;
margin-left: 555px;
margin-top: 15px;
font-size: medium;
text-align: center;
background-color: #61163d;
border: 1px solid #fff;
padding: 15px 0;
}

#demo a, #buynow a {
color: #fff; 
text-decoration: none;
}

#demo a:hover, #buynow a:hover {
color: #b1b0b7;
}

#text {
width: 760px;
margin-top: 20px;
margin-bottom: 0;
}

#left {
width: 470px;
float: left;
padding: 0 0 0 30px;
}

#left2 {
width: 700px;
padding: 0 0 0 30px;
}

#left3 {
width: 430px;
padding: 0 0 0 30px;
float: left;
}

#right {
width: 200px;
float: right;
padding: 10px;
margin: 0 10px 0 0;
background-color: #dddcde;
}

#righta {
width: 200px;
float: right;
padding: 10px;
margin: 0 10px 10px 0;
background-color: #dddcde;
font-size: 0.85em;
line-height: 1.5em;
}

#rightb {
width: 200px;
float: right;
padding: 10px;
margin: 0 10px 10px 0;
background-color: #dddcde;
font-size: 0.85em;
line-height: 1.5em;
}

#rightc {
width: 200px;
float: right;
padding: 10px;
margin: 0 10px 10px 0;
background-color: #dddcde;
font-size: 0.85em;
line-height: 1.5em;
}

#right3 {
width: 250px;
float: right;
padding: 0 10px;
border-left: 1px dashed #ccc;
}

#right4 {
width: 200px;
float: right;
padding: 10px;
margin: 0 10px 0 0;
}

#right a, #righta a, #rightb a, #rightc a, #right3 a {
color: #891289;
text-decoration: none;
}

#right3 a {
font-weight: bold;
}

#right a:hover, #righta a:hover, #rightb a:hover, #rightc a:hover, #right3 a:hover {
text-decoration: underline;
}

#left a, #left2 a {
color: #891289;
text-decoration: none;
}

#left a:hover, #left2 a:hover {
text-decoration: underline;
}

#left a.bold, #left2 a.bold {
margin-right: 15px;
padding: 2px 5px;
color: #fff;
background-color: #61163d;
border: 1px solid #867e8f;
font-weight: bold;
}

#left a:hover.bold, #left2 a:hover.bold {
color: #b1b0b7;
text-decoration: none;
}

#base {
clear: both;
padding: 30px 0 20px 0;
text-align: center;
font-size: x-small;
}

#base a {
color: #891289;
text-decoration: none;
}

#base a:hover {
text-decoration: underline;
}

#break {
clear: both;
padding: 10px;
}

/* dynamic pages */

#header {
background-image: url(images/header.gif);
background-position: top center;
background-repeat: no-repeat;
height: 160px;
}

#text2 {
width: 670px;
padding: 1.5em;
margin: 0 auto 0 auto;
}

#form1 {
margin-top: 2em;
}

#formleft {
width: 275px; 
float: left;
padding-top: 1em;
}

#formright {
width: 275px;
float: right;
margin-right: 1em;
padding-top: 1em;
}

#codes {
width: 275px;
float: left;
padding: 1em 0 1em 0;
}

#totals {
width: 275px;
float: right;
margin-right: 1em;
padding-top: 1em;
}

#hr {clear: both;}
#hr2 {clear: both;}

input {float: right; margin-top: -1em}
select{float: right; margin-top: -1em}

#formtop input {float: none;}
#formtop select {float: none;}

h1 {
font-size: medium;
font-weight: bold;
padding: 0;
margin: 0;
color: #333;
}

h2 {
font-size: small;
font-weight: bold;
padding: 0;
margin: 15px 0 0 0;
}

h3 {
font-size: small;
font-weight: bold;
padding: 0;
margin: 15px 0 0 0;
}

h4 {
font-size: medium;
font-weight: bold;
color: #333;
padding: 0;
margin: 0;
}

#summary1 {
width: 300px;
float: left;
margin-top: 2em;
}

#summary2 {
width: 300px;
float: right;
margin-top: 2em;
}

#summary2 a {
background-color: #4a1235;
color: #fff;
padding: 0.5em;
text-decoration: none;
border: 1px solid #b1b0b7;
margin: 0.5em 0 0.5em 0;
}

#summary2 a:hover {
color: #b1b0b7;
}

#formright a {
background-color: #4a1235;
color: #fff;
padding: 0.5em;
text-decoration: none;
border: 1px solid #b1b0b7;
}

#formright a:hover {
color: #b1b0b7;
}

#text3 {
width: 670px;
padding: 1.5em;
margin: 0 auto 2em auto;
text-align: center;
}

#text3 a {
color: #4a1235;
text-decoration: none;
}

#text3 a:hover {
color: #b1b0b7;
}

#activation {
width: 350px;
text-align: center;
border: 2px solid #b1b0b7;
padding: 2em; 
margin: 0 auto 1em auto;
}

#activation2 {
width: 350px;
text-align: center;
border: 2px solid #b1b0b7;
padding: 2em; 
margin: 0 auto 0 auto;
}

#democopy {
width: 300px;
font-size: medium;
font-weight: bold;
background-color: #61163d;
border: 1px solid #867e8f;
color: #fff;
margin: 35px auto;
text-align: center;
padding: 15px;
}

#democopy a {color: #fff;}
#democopy a:hover {color: #b1b0b7; text-decoration: none;}

#holdingtext {
font-weight: bold;
text-align: center;
width: 500px;
margin: 0 auto 1em auto;
}

#faqform {
margin: 15px 0;
}

#faqform textarea {
float: left; 
margin: 5px 0; 
padding: 5px;
border: 1px solid #867d8e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

#faqform input {
float: right;
margin: 5px 0;
padding: 2px;
border: 1px solid #867d8e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

#faqform button {
clear: right;
float: right;
margin: 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

#clearform {clear: both}

#formright a.tandc {
color: #891289;
text-decoration: none;
padding: 0;
background-color: #fff;
border: none;
}

#formright a.tandc:hover {color: #4a1235;}

a.summaryleft {float: left;}
a.summaryright {float: right;}

/* ------------------ Added Styles ------------------ */

.mediumSelect {
width: 146px;
}

.smallTextBox {
width: 40px;
text-align: center;
}

.totalText {
border: 0px;
text-align: right;
float: right; 
margin-top: -1em;
}

.error {
color: Red;
}

.activation {
width: 350px;
text-align: center;
border: 2px solid #b1b0b7;
padding: 2em; 
margin: 0 auto 1em auto;
}

p.backtotop {
font-size: 0.8em;
text-align: right;
}

p.faq {
margin-bottom: 15px;
padding: 15px 20px;
background-color: #dddcde;
}

#testimonial {
margin-bottom: 15px;
background-color: #dddcde;
}

#testimonial p {
padding: 10px 15px;
}

p.screenshots {
margin-top: 30px;
}

p.screenshots img {
border: 1px solid #b1b0b7;
}