/** class redefs **/
body
{
margin: 0;
font-family: arial;
font-size: 12px;
color: #000;   
}

td.hp_topleft
{
	padding: 10px;
	background-color: #2a474b;
	color: #E3CBA2;
}
td.hp_topright
{
	background-color: #2a474b;
	color: #E3CBA2;
}
p.hp_top
{
	background-color: #2a474b;
	color: #E3CBA2;
}
h1.hp_top
{
	background-color: #2a474b;
	color: #E3CBA2;
}
h2.hp_top
{
	background-color: #2a474b;
	color: #E3CBA2;
}

td.hp_botleft
{
	padding: 10px;
}
td.hp_botright
{

}
p.hp_bot
{

}


/**
Quicksearch box
**/ 
div.quickSearch
{
   font-family: arial;
   font-size: 11px;
   border: 1px outset #186EDF;
   visibility: hidden;  
   width: 400px;
   position: absolute;
   z-index: 2;
   background: #fff url(images/quickSearch.jpg) no-repeat bottom right;
}
div.quickSearch td
{
   padding: 2px;
}

/** From Design **/
td.header
{
height: 5%;
vertical-align: top;
text-align: center;
background: #fff;
}

table.main-table
{
   height: 100%;
}

table.topmenu
{
width: 100%;
}



table.topmenu td
{
   color: #fff;
   font-size: 11px;
   padding: 5px 5px;
   vertical-align: middle;
}

form{
padding: 0px;
margin: 0px;
}

table.topmenu a,
table.topmenu a:hover,
table.topmenu a:visited,
table.topmenu a:active
{
   padding:0px 5px 0px 5px;
   color: #fff;
   font-size: 11px;
   text-decoration: none;      
}

a.checkout,
a.checkout:hover,
a.checkout:visited,
a.checkout:active
{
   font-size: 13px;   
   padding:2px 4px;
   font-weight: bold;
   margin:0px;
   border: 1px solid black;
   background-color: #FFF;
}
a.checkout:hover
{
   color: green;
   font-weight: bold;
   background-color: #FFF;
}

a.advanced-search,
a.advanced-search:hover,
a.advanced-search:visited,
a.advanced-search:active
{
   font-size: 9px;   
   padding:0px;
   margin:0px;
}
table.right-menu td
{
   padding-right: 25px;
   padding-top: 5px;
}
table.right-menu
{
   margin: 0px;
}
td.basket{font-size:11px;}
td.subheader{background-color:#8B8635}

td.submenu
{
   width: 15%;
   vertical-align: top;
   font-size: 5px;
   background-color:#B7BD84;
   padding-top: 0px;
}

td.submenu-main-filter
{
   font-size: 8px;
   background-color:#E1E2C7;
}
table.submenu-main-filter
{
   background-color:#E1E2C7;
   width: 95%;
   border: 1px outset black;   
   margin: 5px;
}

td.submenu-main-filter table.submenu-main-filter td
{
   font-size: 10px;
   padding: 0px;
   vertical-align: bottom;
}
td.submenu-main-filter h1
{
   font-size: 11px;
   font-weight: bold;
   padding-left: 0px;
}
table.menutable
{
   width: 100%;
}

table.menutable td
{
   color: #000000;
   font-size: 12px;
   padding: 5px 0px 5px 5px;
   vertical-align: middle;
}
table.menutable a,
table.menutable a.sel,
table.menutable a:hover,
table.menutable a:visited,
table.menutable a:active
{
   color: #000;
   text-decoration: none;      
   padding-left: 10px;
   font-weight: bold;
}
table.menutable a.sel
{
   font-style: italic;
}
table.menutable a:hover
{
   color: #204837;   
}

td.content{padding-left:15px; padding-right:25px; font-size: 12px;}
table.content-top-links{ width: 100%;}

table.content-top-links td
{
   color: #000000;
   font-size: 12px;
   padding: 10px 5px;
   vertical-align: top;
}
table.content-top-links a,
table.content-top-links a:hover,
table.content-top-links a:visited,
table.content-top-links a:active
{
   color: #000;
   text-decoration: none;      
   padding-left: 20px;
   font-weight: bold;
}

table.detail-holder
{
vertical-align: top;
margin-top:15px;
margin-bottom:15px;
}

td.wine-details
{
vertical-align: top;
color: #204837;
}
td.wine-details h1{font-size: 16px;margin:0px;padding:0px;}
td.wine-details h2{font-size: 14px;margin:0px;padding:0px;}
td.wine-details, td.wine-details p{font-size: 12px;}

div.img-border{padding-top: 6px; text-align: center; border: 1px solid black; width: 95px; height: 90px;}

td.quantity{font-size:12px;color:black;}

td.footer
{
background: #204837;
vertical-align: top;
font-size:10px;
}
table.footertable {padding: 6px 6px 6px;width: 100%; font-size:10px; color:white;}
table.footertable td {font-size: 10px;}
table.footertable a{color:white; text-decoration:none; font-size:10px;}

td.copyright
{
width: 20%;
text-align:right; 
font-size:10px;
}

#basket
{
   position: absolute;
   top: 70px;
   left: 5%;
   font-size:12px;
   text-align:left; 
   color: #FFF;
   width: 190px;
   height: 45px;
   overflow: hidden;
}
#basket p,
#basket h1,
#basket a
{
   color: #FFF; 
   margin: 0px;
   padding: 0px;  
}
#basket h1
{
   font-size: 11px;
   margin: 0px;
   padding: 0px;
}

#contact
{
   position: absolute;
   top: 70px;
   left: 79%;
   font-size:12px;
   text-align:left; 
   color: #FFF;
   width: 190px;
   height: 40px;
   overflow: hidden;
}
#contact a
{
color: #FFF;
text-decoration: none;
font-weight: bold;
}
#contact p
{
color: #FFF;
}

input{height: 17px; font-size: 11px;}
input.button
{
font-size: 10px;
height: 20px; 
width: 130px; 
color: #fff;
background-color: #204837;
}
/** end design **/

table.main td.tbl-light_box,
table.main td.data-sorted,
table.main td.tbl-light_box-off
{
   color: #000;
}

td.menu-item-parent,
td.menu-item,
td.menu-item-selected
{
   color: #FFF;
   font-size: 11px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;   
   margin-right: 10px;
   white-space: nowrap;
}
td.menu-item a:hover 
{
   color: #204837;
}
td.menu-item-selected a
{
   color: #204837;   
}
td.menu-item-parent a
{
   color: #204837;   
}
td.menu-item a:visited,
td.menu-item a,
td.menu-child a,
td.menu-item-selected a,
td.menu-item-parent a
{
   color: #fff;   
   margin: 0px;
}

td.content
{
   padding-left: 25px;
   padding-top: 20px;
   padding-bottom: 20px;
   width: 70%;
}

a, 
a:active, 
a:visited{
	text-decoration: none; 
	color: #000;
	font-size:11px;
	font-weight: bold;
}
a:hover{
	text-decoration: none; 
	color: #000; 
}

h1, h2, h3
{
   margin-top: 2px;
   margin-bottom: 2px;
   padding: 0px;
   color: black;
   font-size: 18px;
}

h2
{
   color: #000;
   margin-top: 2px;
   font-size: 16px;   
}

h3
{
   color: #000;
   margin-top: 2px;
   font-size: 14px;   
}

hr
{
   height: 1px;
   color:#96CE8B;
   background:#96CE8B;
   border-style : none; 
}

p, ul, font, em,td
{
   font-size: 12px;
   font-family: arial;
   color: #000;   
   margin-top: 3px;
   margin-bottom: 5px;
   padding: 0;
}
ul
{
   margin-left: 25px;
}

font
{
   font-size: 11px;
   color: #000;   
}

hr 
{
    color: #000;
    background-color: #000;
    height: 1px;
}

table.footertable td
{
   color: #fff;
   vertical-align:bottom;
}

/** Grey Filters **/
table.greyFilters
{
   border: 1px solid rgb(100,100,100);
}

table.greyFilters td
{
   font-size: 10px;
   background-color: rgb(250,250,250);
   padding: 8px 10px 6px 10px;   
}



table.greyFilters div.unSel,
table.greyFilters div.filterHide,
table.greyFilters div.filterSel
{
   line-height: 15px;
   display: inline;
   font-size: 6px;
   padding: 3px 4px 3px 5px;   
   margin: 2px;      
}
table.greyFilters div.unSel
{
   background-color: rgb(200,200,200);
   border: 1px solid black;   
   
}

table.greyFilters div.filterHide
{
   background-color: #fff;
   color: rgb(230,230,230);
   border: 1px solid rgb(200,200,200);
   
}
table.greyFilters div.filterHide a
{
   color: rgb(220,220,220);
}
table.greyFilters div.filterSel
{
   background-color: #BAE4AD;
   border: 1px solid black;   
}

table.greyFilters a,
table.greyFilters a:hover,
table.greyFilters a:active,
table.greyFilters a:visited
{
   font-size: 10px;   
}

td.product-info
{
   background-color: #FFF;
   padding: 5px 5px 5px 5px;
   vertical-align: top;
   color: #214836;
}

td.product-info img
{
   padding-top: 0px; text-align: center; border: 1px solid black; 
}

table.product_option_table
{
   border-collapse: collapse;
   border: 1px solid black;
}
table.product_option_table td
{
   padding: 3px;
   color: #214836;
}

td.product-info input.button
{
   background-color: #214836;
   color: #FFF;
}
td.product-info h1,
td.product-info h2,
td.product-info h3
{
   color: #214836;
   margin: 0px;
   padding: 0px;
}
td.product-info h1,
td.product-info h1 a
{
   font-size: 14px;
   margin: 0px;
}
td.product-info h1 a:visited,
td.product-info h1 a:hover
{
   font-size:14px;
   font-style:italic;
}
td.product-info h2
{
   font-size: 12px;
}
td.product-info h3
{
   font-size: 11px;
}
h3
{
   padding: 0px;
   margin-top: 3px;
   margin-bottom: 1px;
}



/** dtable start **/
th.dtable_w_background 
{
	vertical-align: middle;
	border: 1px outset #73C167;
	background: #f1f1f1 url('images/skin.jpg') top right no-repeat;
	padding: 2px 2px 2px 0px;	
	font-size: 1.3em;
	color: #000;		
}
p.dtable_w_background 
{
	margin-top: 6px;
	margin-bottom: 3px;
	padding-left: 5px;
	color: #000;		
}

/** end dtable **/


font.highlight {
	background-color: #DEF6F6; 
	font-style: italic;
}

/*** form elements ****/
select.medium { 
	width:200px;
}
input,
textarea,
select {
	vertical-align:middle;	
	font-size:0.8em;
	font-family: verdana;
}
select
{
   color:#000;
	font-size:1em;
	border-top:1px outset #7f9db9;
	border-bottom:1px outset #7f9db9;
	border-right:1px outset #7f9db9;
	border-left:1px outset #7f9db9;
}
textarea {
	color:#000;
	font-size:1em;
	border-top:1px outset #7f9db9;
	border-bottom:1px outset #7f9db9;
	border-right:1px outset #7f9db9;
	border-left:1px outset #7f9db9;
	width:90%
}
input.checkbox,
input.radio {
	border:0px;	
}
/*** end form elements ***/

/*** data table ***/
a.tbl,
a.tbl:active,
a.tbl:visited {
	text-decoration: none; 
	color: #014e68; 
	font-weight: bold; 	
}
a.tbl:hover{
	text-decoration: none; 
	color: #000; 
}

th.tbl{
	color: #FFF; 
	background-color: #DBDBDB; 
	padding:4px;	
	
}
td.tbl {
	padding-top: 0px;
	background:#fff;
	color: #000000; 
   line-height: 1.0em;
   padding: 5px 0px 5px 0px;
   font-size:12px;
   
}
td.tbl p.tbl 
{
   vertical-align:bottom;
}
td.tbl-tab-sel,
td.tbl-tab
{
   border-bottom: 0px solid white;
   border-right: 5px white solid;
   background: #B7BD84 url(images/top-right-blank.gif) top right no-repeat;
   padding: 5px;   
   padding-right: 10px; 
   margin: 0px;   
   vertical-align:bottom;  
   color: #fff;		
}
td.tbl-tab-sel:hover,
td.tbl-tab:hover
{
   border-right: 5px white solid;
   background: #8B8635 url(images/top-right-blank.gif) top right no-repeat;
   padding: 5px;
   padding-right: 10px;  
   vertical-align:bottom; 
   color: #fff;		
}
td.tbl-tab-sel a,
td.tbl-tab-sel a:active,
td.tbl-tab-sel a:hover,
td.tbl-tab-sel a:visited
{
   color: #000;
}


td.tbl-tab-sel
{
   background: #B7BD84 url(images/top-right-blank.gif) bottom right no-repeat;
}
td.tbl-tab a:hover,
td.tbl-tab a,
td.tbl-tab a:active,
td.tbl-tab a:visited{
   color:white;
}
td.tbl p.tbl 
{
   vertical-align:bottom
}

/** curved bars **/
th.tbl-head-top,
th.tbl-head-middle,
th.tbl-head-bottom {
	font-size:1.1em;
	padding: 10px 20px 10px 20px; 
	vertical-align:middle;
	color: #fff; 	
}
th.tbl-head-middle
{
  color: #008293;
  vertical-align:middle;
}
th.tbl-head-bottom,
th.tbl-head-middle,
th.tbl-head-top {
	background: #DBDBDB; 
	vertical-align:middle;
}
th.tbl-head-bottom
{
   background: #FFF;
   vertical-align:middle;
}
span.tbl-head-foot-left {
	float:left;
	font-size:15px;
	padding: 0px 20px 4px 5px; 
	vertical-align:middle;
	color: #000000;
}
span.tbl-head-foot-right {
	float:right;
	font-size: 12px;	
	padding-top: 3px;
	padding-bottom: 3px;
}

span.tbl-foot-left {
	float:left;
	font-size:15px;
	padding: 0px 20px 4px 5px; 
	vertical-align:middle;
	color: #000000;
}
span.tbl-foot-right {
	float:right;
	font-size: 12px;	
	padding-top: 3px;
	padding-bottom: 3px;
}
span.tbl-head-foot-left-top {
	float:left;
}
span.tbl-head-foot-right-top {
	float:right;
	font-size:0.8em;
	padding-bottom: 10px;
	padding-right: 5px;
}

/**
  LIGHT BOX 
  ****************/
  
table.tbl-light_box-off,
table.tbl-light_box {
	background:#DFE2C3;
	font-size:10px;
	color:#000;
}
th.tbl-light_box,
th.tbl-light_box-off {
	color:#000;
	font-size:0.9em;
}
td.tbl-light_box,
td.data-sorted,
td.data-sorted a,
td.tbl-light_box-off {
	vertical-align:middle;
	padding:3px 3px;
	color:#000;	
}
tr.tbl-light_box-off{
	background:#fff;	
}
tr.tbl-light_box:hover,
tr.tbl-light_box-off:hover 
{
   
}
table.tbl-light_box th {
	background: #204837 url('images/banner-repeat.jpg') top left repeat-x;
	padding:4px 3px;		
	color: #fff;
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
}
table.tbl-light_box{
	color: #fff;
	border:1px outset #CCC;
}
table.tbl-light_box th a{
	color: #fff;	
}
td.cal-selected,
td.cal-selected2
{
   background-color: #EEE;
   padding:2px 2px;
   border: 1px solid black;
}
td.cal-selected2
{
   background-color: #E6FFFF;
}

span.warning 
{
	font-size:0.9em;
	color: #f00f00;
}

a.button_link:link,
a.button_link:active,
a.button_link:visited,
a.button_link:hover,
input.button_link,
input,
a.button_on_white:link,
a.button_on_white:active,
a.button_on_white:visited,
a.button_on_white:hover,
input.button_on_white {
	color:#000000;
	font-family:verdana;
	font-size:11px;
	padding:0px 6px 3px 6px;	
	border-top:1px outset #7f9db9;
	border-bottom:1px outset #7f9db9;
	border-right:1px outset #7f9db9;
	border-left:1px outset #7f9db9;
	background:#fff;
	vertical-align:middle;
	font-weight:normal;
	cursor:pointer;
}

a.button_link:hover
{
   background:#B7BD84;
   color: #fff;
}

a.button_link:link,
a.button_link:active,
a.button_link:visited,
a.button_link:hover{
	padding:2px 7px 2px 7px;
}
span.icons
{
   white-space: nowrap;
}
 
 /*
  messages
  ****************/
 
 .error,
 .warning,
 .success,
 .help {
 	padding:5px;
 	margin-bottom:5px;
 	border:1px solid #ccc;
 	font-size:11px;
 	line-height:1.1em;
 }

 .error{ color:#fff;background:#ff6666 }
 .success{ color:#000;background:#B7BD84 }
 .warning{ color:#000;background:#ffcc66 }
 .help{ color:#000;background:#e2f6ff }
 
  
 /**
 ******************
 end messages
 */
 img {padding: 0px; border: none;}
 .long_input {width:300px;}
 
 
 
 
 
 /* Layout Specific Items */
 
 td.sitemap-selected,td.sitemap-item, td.sitemap-item a,td.sitemap-selected a
 {
   vertical-align: middle;
   color: #000000;
   font-size: 12px;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-left: 0px;
 }
td.sitemap-item a:hover,td.sitemap-selected a:hover
 {
   color: #8B8635;
   font-size: 12px;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-left: 0px;
 }
 
 td.sitemap-selected
 {
   background-color: rgb(240,240,240);
   border-top: 1px black dashed;
   border-bottom: 1px black dashed;
 }
 
input.no_input
{
   border: 0px;
   padding: 0px;
   margin: 0px;
   background: 0;
   height: 100%;
}
font.small
{
   font-size: 9px;
}

a.small-link,
a.small-link:hover,
a.small-link:visited,
a.small-link:active
{
   font-size: 9px;   
   padding:0px;
   margin-top:2px;   
}

table.promo
{
   margin: 0px;
}

td.promo-top
{
	margin: 0px;
	padding: 10px 15px 10px 5px;
	background: url(images/promo_top.jpg) no-repeat top right;
   font-weight: bold;      
}

td.promo-middle
{
	margin: 0px;
	padding: 0px 15px 5px 5px;
	background: url(images/promo_middle.jpg) repeat-y top right;
	text-align: left;
	font-size: 11px;
}
td.promo-middle a,td.promo-middle a:hover,td.promo-middle a:visited,td.promo-middle td
{
   font-size: 11px;
}
td.promo-middle a.advanced-search,td.promo-middle a.advanced-search:hover,td.promo-middle a.advanced-search:visited
{
   font-size: 10px;
}


td.promo-middle-with-image
{
	margin: 0px;
	padding: 0px 15px 5px 5px;
	background: url(images/promo_middle.jpg) repeat-y top right;
	text-align: center;
}

td.promo-bottom
{
	margin: 0px;
	padding: 5px 15px 5px 5px;
	background: url(images/promo_bottom.jpg) no-repeat bottom right;
	text-align: right;
}
li.login
{
   margin: 3px 0px 5px 0px;
}
div.terms-conditions
{
   height: 300px;
   overflow: auto;
}

img.none
{
   margin: 0;
   padding: 0;   
   border: 0;
}
td.extra-product-display-top-left
{
   height: 5px;
}
td.extra-product-display-top
{
   background: #fff url(images/extra-top.jpg) repeat-x top left;
   width: 100%;
   height: 5px;
}
td.extra-product-display-top-right
{
   background: #fff url(images/extra-top-right.jpg) no-repeat top right;
   height: 5px;
}
td.extra-product-display-right
{
   background: #fff url(images/extra-right.jpg) repeat-y top right;
}
td.extra-product-display-bottom-left
{
   background: #fff url(images/extra-bottom-left.jpg) no-repeat top left;
   height: 26px;
}
td.extra-product-display-bottom
{
   background: #fff url(images/extra-bottom.jpg) repeat-x top left;
   height: 26px;
}
td.extra-product-display-bottom-right
{
   background: #fff url(images/extra-bottom-right.jpg) no-repeat top right;
}
td.extra-product-display-content
{
   
   padding: 10px;
   background: #E8E4E3;
   text-align: left;
}
td.extra-product-display-content td
{
   background: #E8E4E3;
   padding: 2px;
   font-size: 11px;
}
td.extra-product-display-content h2
{
   font-size: 13px;
   margin-right: 10px;
}

td.extra-product-display-content img
{
   border: 1px outset black;
   background: #FFF;   
   height: 100px;
   margin: 5px 5px 5px 0px;
}

#checkboxUpdate
{
   margin: 0px 0px 10px 0px;
}

font.ajax-checkbox-true,
font.ajax-checkbox-false
{
   color: green;  
   font-weight: bold;
   font-size: 13px;
   
}

font.ajax-checkbox-false
{
   color: red;     
}