@charset "utf-8";
/* CSS Document */

/* color theme */
/*
 * light green: #cccc00
 * medium green: #999900
 * dark green: #5b5e09
 */
 
body {
background: #ffffff url('') no-repeat;
text-align: center; /* center in non DOM browsers */
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
line-height: 1.2em;
}
a {
color: #6a7000;
}
a:hover {}
p {
margin: 0 0 15px 0;
}
h1 ,h2 ,h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #5b5e09;
margin: 0 0 10px 0;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.6em;
}
h5 {}
h6 {}
ul, ol {
margin: 0 0 0 25px;
}
li {
margin: 0 0 5px 0;
}

/* erol resets */
.Link_Button, .Link_Button_Out, .Link_Button_Over, .Product_Buy_Button {
background: none;
border: none;
text-align: center;
display: block;
cursor: pointer;
}

/* structure */
div#container {
position: relative;
background: #ffffff;
text-align: left; /* set text alignment back to default */
width: 970px;
margin: 0 auto; /* center in DOM browsers */
overflow: hidden; /* wrap floated */
}
div#header {
position: relative;
background: #ffffff;
float: left;
}

/* navigation */
.navigation {
background: url('images/bg-navigation.png') no-repeat;
position: absolute;
top: 0;
right: 0;
width: 690px;
height: 30px;
margin: 0 5px 0 0;
float: left;
z-index: 2;
}
.navigation ul {
list-style-type: none;
margin: -4px;
padding: 0;
float: right;
}
.navigation li {
float: left;
display: block;
width: 80px;
height: 30px;
text-align: center;
list-style-type: none;
}
.navigation a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
height: 50px;
margin: 4px 0 0 0;
padding: 7px 0 0 0;
display: block;
text-align: center;
}
.navigation li .selected {
border-top: 4px solid #5b5e09;
margin: 0;
}

/* sidebar */
div#sidebar {
width: 250px;
float: left;
}

/* logo */
.logo {
background: #ffffff url('images/bg-logo.png') no-repeat bottom;
width: 250px;
height: 150px;
float: left;
text-align: center;
}
.logo h1 {
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 0;
text-indent: -9999px; /* hide text */
}
.logo a {
color: #cccc00;
display: block;
width: 250px;
height: 100px;
margin: 25px 0 0 0;
text-decoration: none;
text-indent: -9999px; /* hide text */
}
.logo p {
color: #6a7000;
font-size: 2em;
text-transform: uppercase;
margin: 0;
padding: 0;
text-indent: -9999px; /* hide text */
}

/* search */
.search {
background: #ffffff url('images/bg-search.png') no-repeat;
position: relative;
width: 250px;
height: 100px;
float: left;
}
.search h3 {
color: #5b5e09;
margin: 0 0 0 20px;
padding: 10px;
}
.search-form {
position: absolute;
bottom: 20px;
right: 30px;
height: 30px;
}
.search-form label {
width: 26px;
height: 26px;
display: block;
float: left;
}
.input-search {
border: none;
color: #666666;
font-size: 0.9em;
width: 110px;
margin: 0;
padding: 7px;
float: left;
}
.search .btn {
background: #ffffff;
border: none;
color: #cccc00;
font-weight: bold;
width: 40px;
height: 26px;
margin: 0;
padding: 0;
float: left;
cursor: pointer;
}

/* basket */
.basket {
background: #ffffff url('images/bg-basket.png') no-repeat;
position: relative;
color: #5b5e09;
width: 250px;
height: 100px;
padding: 15px 0 15px 0;
float: left;
}
.btn-bag a {
position: absolute;
top: 25px;
left: 25px;
display: block;
width: 65px;
height: 85px;
float: left;
text-indent: -9999px; /* hide text */
}
.basket h3 {
position: absolute;
top: 20px;
right: 35px;
color: #5b5e09;
float: left;
}
.basket a {
color: #5b5e09;
}
.Total_Wrap {
position: absolute;
top: 50px;
right: 0;
width: 145px;
height: 100px;
}
.Total_Wrap label {
text-transform: capitalize;
}
.Total_Items {
}
.Total_Order_Value {
margin: 0 0 0 1.6em;
}
.basket .btn a {
cursor: pointer;
display: block;
width: 120px;
height: 38px;
float: left;
margin: 10px 0 0 -2px;
text-indent: -9999px; /* hide text */
}

/* menu */
.menu {
width: 250px;
margin: 0;
padding: 0;
}
.menu h3 {
background: #ffffff;
color: #5b5e09;
margin: 0;
padding: 8px 8px 8px 20px;
}
.menu ul, .menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
.sub-menu {
background: #ffffff;
float: left;
width: 250px;
}
ul.sub-menu {
padding: 25px 0 25px 0;
}
.sub-menu li {
list-style-type: none;
padding: 0 0 5px 40px;
}
.sub-menu a {
color: #6a7000;
text-transform: uppercase;
}

/* page */
div#content {
float: left;
width: 690px;
margin: 0 0 0 25px;
}
div#content h2 {
dispaly: block;
padding: 20px;
width: 100%;
}
.category-image img {
width: 700px;
height: 250px;
}
.breadcrumb {
padding: 15px 25px 25px 25px;
color: #666666;
float: left;
}
.breadcrumb a {
color: #666666;
text-transform: lowercase;
text-decoration: none;
font-size: 1em;
}
/*
.content {
margin: 15px 0 0 0;
padding: 25px;
float: left;
}
*/
div#footer {
font-size: .8em;
margin: 25px 40px 0 0;
float: right;
clear: left;
}
#footer div {
float: left;
width: 200px;
height: 100px;
margin: 0 0 0 10px;
}
#footer div h5 {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
}
#footer div ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.footer-navigation {
float: right;
}
ul.footer-navigation a {
color: #666666;
text-decoration: none;
text-transform: lowercase;
}
ul.footer-navigation li {
float: left;
margin: 0 0 0 15px;
}
.copyright {
float: right;
margin: 25px 0 0 0;
text-align: right;
}

/* text page */
.page-head {
border-bottom: 1px solid #cccc00;
width: 100%;
}
.page-content {
float: left;
padding: 20px;
}

/* home page */
.showcase {
position: relative;
width: 690px;
height: 350px;
margin: 0 0 15px 0;
float: left;
}
.showcase h2 {
position: absolute;
bottom: 0;
left: 0;
background: url('images/bg-heading-showcase.png') no-repeat;
color: #ffffff;
margin: 0;
padding: 20px;
}
.page-content div {
width: 280px;
margin: 0 15px 0 0;
float: left;
}
.special-offers a {
display: block;
width: 311px;
height: 136px;
}

/* product listing */
.product-listing, .related-products, .featured-products {
position: relative;
width: 690px;
float: left;
}
.product-listing .product, .related-products .product, .featured-products .product {
position: relative;
border-bottom: 1px solid #cccc00;
width: 330px;
height: 240px;
padding: 20px 0 0 0;
float: left;
}
.product-listing .image, .related-products .image, .featured-products .image {
background: #cccc99;
border: 2px solid #5b5e09;
width: 90px;
height: 160px;
margin: 0 10px 10px 0;
float: left;
}
.product-listing img, .related-products img, .featured-products img {
width: 90px;
height: 160px;
}
.related-products h3, .featured-products h3, .product-listing h3 {
border-bottom: 2px solid #6a7000;
display: block;
width: 690px;
height: 40px;
float: left;
margin: 0;
padding: 0;
text-indent: -9999px; /* hide text */
}
.related-products h3 {
background: url('images/bg-related-products-heading.png') no-repeat;
}
.featured-products h3 {
background: url('images/bg-featured-products-heading.png') no-repeat;
}
.product-listing h4, .related-products h4, .featured-products h4 {
font-size: 1.4em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #cccc00;
width: 180px;
margin: 0 10px 10px 0;
float: left;
}
.product-listing h4 a, .related-products h4 a, .featured-products h4 a {
text-decoration: none;
color: #cccc00;
}
.product-listing .description, .related-products .description, .featured-products .description {
width: 180px;
float: left;
}
.buttons {
width: 300px;
height: 50px;
margin: 10px 0 0 0;
clear: left;
}
.product-listing .price, .related-products .price, .featured-products .price {
display: block;
color: #6a7000;
font-size: 1.8em;
width: 90px;
height: 30px;
padding: 15px 0 0 10px;
float: left;
}
.product-listing .btn-details, .related-products .btn-details, .featured-products .btn-details {
background: #ffffff url('images/btn-product-listing-details.gif') no-repeat;
border: none;
display: block;
width: 70px;
height: 40px;
margin: 0 10px 0 0;
padding: 0;
float: left;
}
.product-listing .btn-details input, .related-products .btn-details input, .featured-products .btn-details input {
text-transform: uppercase;
text-indent: -9999px; /* hide text */
font-size: 0.8em;
color: #333333;
width: 70px;
height: 40px;
}
.product-listing .btn-add-to-basket, .related-products .btn-add-to-basket, .featured-products .btn-add-to-basket  {
background: #ffffff url('images/btn-product-listing-add-to-basket.gif') no-repeat;
border: none;
display: block;
width: 110px;
height: 40px;
padding: 0;
float: left;
}
.product-listing .btn-add-to-basket input, .related-products .btn-add-to-basket input, .featured-products .btn-add-to-basket input {
text-transform: uppercase;
text-indent: -9999px; /* hide text */
font-size: 0.8em;
color: #333333;
width: 110px;
height: 40px;
}

/* product navigation */
.product-navigation {
clear: left;
float: left;
width: 100%;
padding: 20px;
}
.next a, .previous a {
background: #999900;
font-size: 1.2em;
text-decoration: none;
text-transform: uppercase;
padding: 10px;
float: left;
}

/* product expanded */
.product-expanded {
border-top: 1px solid #cccc00;
border-bottom: 1px solid #cccc00;
background: #ffffff;
position: relative;
width: 650px;
margin: 0 0 15px 20px;
padding: 15px 0 15px 0;
float: left;
}
.product-expanded-left, .product-expanded-mid, .product-expanded-right {
float: left;
}
.product-expanded img {
background: #cccc99;
border: 2px solid #5b5e09;
width: 112px;
height: 200px;
margin: 15px;
float: left;
}
.product-expanded-mid {
width: 230px;
}
.product-expanded h3 {
color: #cccc00;
font-size: 1.8em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
margin: 15px 0 15px 0;
float: left;
}
.product-expanded .product-options {
width: 160px;
float: left;
margin: 0;
padding: 0;
}
.product-expanded .product-options ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.product-expanded .product-quantity {
width: 140px;
float: left;
clear: left;
}
.product-quantity label {
text-transform: uppercase;
color: #333333;
font-size: 1em;
float: left;
margin: 5px 10px 0 0;
}
.product-quantity .Product_Quantity {
width: 30px;
text-align: right;
}
.product-expanded .price {
margin: 10px 0 0 0;
float: left;
clear: left;
width: 150px;
}
.product-expanded .price label {
color: #333333;
font-size: 1em;
text-transform: uppercase;
margin: 5px 15px 0 0;
float: left;
}
.product-expanded .price span {
display: block;
color: #6a7000;
font-size: 2em;
height: 20px;
margin: -5px 0 0 0;
padding: 10px 0 10px 0;
float: left;
}
.product-expanded-right {
width: 250px;
}
.product-expanded div.description {
border-left: 1px solid #cccc00;
color: #666666;
font-size: 1em;
line-height: 1.2em;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
float: left;
}

.product-expanded .btn-add-to-basket {
background: #ffffff url('images/btn-product-listing-add-to-basket.gif') no-repeat;
border: none;
display: block;
width: 110px;
height: 40px;
margin: 10px 0 0 0;
padding: 0;
float: left;
}
.product-expanded .btn-add-to-basket input {
text-transform: uppercase;
text-indent: -9999px; /* hide text */
font-size: 0.8em;
color: #333333;
width: 110px;
height: 40px;
}

/* product details */
.product-details, .related-products {
width: 690px;
margin: 25px 0 0 25px;
float: left;
}
.product-details h3 {
background: url('images/bg-product-details-heading.png') no-repeat;
border-bottom: 2px solid #6a7000;
display: block;
width: 690px;
height: 40px;
float: left;
margin: 0;
padding: 0;
text-indent: -9999px; /* hide text */
}
.product-details h4 {
color: #cccc00;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.product-details ul {
margin: 0;
padding: 0;
float: left;
}
.product-details li {
border-right: 1px solid #cccc00;
list-style-type: none;
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
float: left;
}
.product-details li a {
}
.product-details li.grape, .product-details li.region, .product-details li.type {
width: 140px;
}
.product-details li.region, .product-details li.producer {
width: 100px;
}
.product-details li.size {
width: 40px;
}

/* checkout */
#checkout_content {
width: 700px;
float: left;
}
#checkout_content table {
border-bottom: 1px dotted #cccccc;
}
#checkout_content table td {
padding: 10px;
}
#checkout_content h2 {
font-size: 2em;
color: #1F1F1C;
}
#checkout_content h3 {
font-size: 1.8em;
font-weight: normal;
color: #302C1D;
margin: 0 0 15px 0;
}
#checkout_content h4 {
font-size: 1.6em;
font-weight: normal;
color: #302C1D;
margin: 0 0 15px 0;
padding: 15px 0 0 0;
}
#checkout_content p {}
.Checkout_Table {
margin: 0 0 25px 0;
}
.Row_Delete, .Row_Item, .Row_Description, .Row_Code, .Row_Qty {
border-right: 1px dotted #cccccc;
}
.Tr_ContinueShopping {
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
.checkout label {
line-height: 20px;
}
.Row_Product {
border-bottom: 1px dotted #cccccc;
}
.Tr_Col_Headings {
border-bottom: 1px dotted #cccccc;
font-size: 1.2em;
font-weight: normal;
}
.Checkout_Table .Product_Link {
color: #cccc00;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
.Checkout_Table .Product_Image img {
border: 2px solid #999900;
margin: 10px;
}
#Clear_Form {
background: #eeeeee;
border: 1px solid #cccccc;
color: #666666;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
width: 140px;
height: 30px;
margin: 0 15px 0 0;
}
#Print_Order {
background: #eeeeee;
border: 1px solid #cccccc;
color: #666666;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
width: 140px;
height: 30px;
margin: 0 15px 0 0;
cursor: pointer;
}
#Submit_Order {
background: #eeeeee;
border: 1px solid #cccccc;
color: #666666;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
width: 140px;
height: 30px;
margin: 0 15px 0 0;
cursor: pointer;
}
#Continue_Shopping {
background: #eeeeee;
border: 1px solid #cccccc;
color: #666666;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
width: 170px;
height: 30px;
cursor: pointer;
}
#Clear_Items {
visibility: hidden;
}

.checkout {
float: left;
}
.img-credit-cards {
width: 900px;
margin: 0 0 25px 0;
float: left;
}
.customer-details {
border-right: 2px dotted #cccccc;
width: 400px;
padding: 0 15px 0 0;
float: left;
}
.order-notes {
width: 450px;
padding: 0 0 0 15px;
float: left;
}

/* login form */
.login-form {
border: 2px dotted #cccccc;
width: 400px;
margin: 0 auto;
padding: 1em 0;
}
.login-form div {
padding: 1em 0;
}
.login-form label {
color: #666666;
font-size: 1.2em;
font-weight: bold;
float: left;
width: 25%;
line-height: 200%;
padding-right: 1em;
text-align: right;
}
.login-form input {
width: 60%;
padding: 5px;
}
.login-form textarea {
overflow: auto;
width: 60%;
padding: 5px;
}
.login-form .btn-submit {
background: url('images/btn-login.jpg') no-repeat;
color: #ffffff;
text-transform: uppercase;
width: 140px;
height: 30px;
border: none;
cursor: pointer;
text-indent: -9000px;
}
.hidden {
visibility: hidden;
}

/* search results */
.search-results {
background: #eeeeee;
width: 690px;
margin: 25px 0 0 0;
padding: 4px;
float: left;
}
.btn-search-results {
background: #ffffff;
border: 1px solid #cccccc;
}
.search-navigation {
background: #eeeeee;
width: 900px;
margin: 0 25px 0 0;
padding: 4px;
float: right;
}
.search-listing {
margin: 0 0 0 25px;
}
.no-search-results {
background: #eeeeee;
width: 900px;
margin: 25px 25px 0 0;
padding: 4px;
float: right;
}

/* discounts */
.Tr_Discounts {
visibility: hidden;
}

/* voucher */
.voucher-login {
background: #eeeeee;
padding: 25px;
float: left;
}
.voucher-login label {
font-weight: bold;
}
.voucher-login .txt-input {
margin: 5px 0 5px 0;
}
.btn-voucher {
background: #ffffff;
border: 1px solid #cccccc;
color: #666666;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
}

/* special offer */
.special-offer {
position: absolute;
top: 110px;
left: 10px;
width: 100px;
}
.special-offer img {
background: none;
border: none;
width: 100px;
height: 90px;
}
.special-offer-exp {
position: absolute;
top: 150px;
left: 0;
width: 140px;
}
.special-offer-exp img {
background: none;
border: none;
width: 150px;
height: 140px;
}

/* dynamic panels */
#Panel_Featured_Products, #Panel_Related_Products {
clear: left;
}