td {  font-family: Verdana, Arial, Helvetica, sans-serif}
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}
a {  text-decoration: underline}
a:link {}
a:hover {color: #300 }
		
	
		
/* ---------- Cabinet Catalog ---------- */

span.cattitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color:#FFffff;
}	

span.catsubtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color:#FFffff;
}

span.catreg {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-align: justify;
}	

span.catreg_right {
font-size: 12px;
color: #ffffff;
text-align: right;
}	
		

/* ---------- regular content pages styles ------- */

.content {
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: justify;}


/* ---------- Wine Club styles (these could be used elsewhere too...) ---------- */

td {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

span.head {
font-weight: bold;
font-size: 14px;
}

span.title {
font-style: italic;
font-size: 11px;
}

/* consumer care pages' unordered list workaround style */

ul.font li {
font-size:12px;}

li.alpha   {
	padding-top: 1;
}


/* ---------- Wine Reservoir Styles ---------- */

img.type1 { border:1px solid #999; }

/* ---------- Specific Customer Service page styles ---------- */

span.subH {
font-weight: bold;
font-size: 12px;
}

span.subH2 {
font-weight: bold;
font-size: 14px;
}

span.small {
font-size: 10px;
}

/* list item style for whisperKool customer service index page */
li.wk {
font-size: 11px;
line-height: 1.5em;
}

li.wkbg {
font-size: 12px;
font-weight: bold;
line-height: 1.5em;
}

li.bld_reg
{
font-size: 12px;
font-weight: bold;
line-height: 1.5em;
}

p.sidebar {
font-size: 10px;
line-height: 2.25em;
}

/* table styles for the trouble shooting guide (assigns borders to the table cells) */
/* tsg=troubleshooting guide */
table.tsg {border:1px solid #999;}

/* rb=right & bottom, b=bottom, r=right */
td.rb {
border-right:1px solid #999;
border-bottom:1px solid #999;
vertical-align:top;
}

td.rb2 {
border-right:1px solid #999;
border-bottom:1px solid #999;
vertical-align:top;
text-align:center;
}

td.rb3 {
border-right:1px solid #999;
border-bottom:1px solid #999;
vertical-align:top;
text-align:right;
padding-right: 10px;

}

td.b {
border-bottom:1px solid #999;
vertical-align:top;
}

td.r {
border-right:1px solid #999;
vertical-align:top;
}

td.tab_on {
border-right: solid #FFFFFF 1px;
border-left: solid #FFFFFF 1px;
border-top: solid #FFFFFF 1px;
font-weight: bold;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
}

.tabtext {
margin-top: 3px;
}

td.tab_off {
background-color: #F1F2BB;
border-right: solid #FFFFFF 1px;
border-left: solid #FFFFFF 1px;
border-top: solid #FFFFFF 1px;
font-weight: bold;
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
}

a.tab { color: #000000};
a.tab:hover { text-decoration: underline;
		color: #0033cc; }

td.tab_line {
border-bottom: solid #FFFFFF 1px;
}


/* ---------- Specific Customer Service page styles ---------- */

.hoverbox

{ cursor: default;
list-style: none;
}

 

.hoverbox a

{ cursor: default;
}

 

.hoverbox a .preview

{ display: none;
}

 

.hoverbox a:hover .preview

{

display: block;
position: absolute;
margin-top: -320px; 
margin-left: -50px;
z-index: 2;
}

 

.hoverbox img

{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
cursor: pointer;
color: inherit;
padding: 0px;
vertical-align: top;
width: 150px;
height: 200px;
}

 

.hoverbox td

{ background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
padding: 1px;
position: relative;
}

 

.hoverbox .preview

{ border-color: #000;
width: 300px;
height: 400px;
padding: 1px;
}


/*********************************************/
.hoverbox a .preview2

{ display: none;}

.hoverbox a:hover .preview2
{
display: block;
position: absolute;
margin-top: -320px; 
margin-left: -50px;
z-index: 2;
}
/********************************************/
.hoverbox .preview2

{ border-color: #000;
/* width: 300px;
height: 400px; */
width: 400px;
height: 300px;
padding: 1px;
}

/* ---------- Cabinet Specials ---------- */		
		
#specials td {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f0809}
#specials body {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f0809}
#specials :link { text-decoration: underline; color: #5f0809 }	
#specials :hover { text-decoration: underline; color: #5f0809 }	

.cls_hdg{color: #ffffff;font-size:16px;}
/* Index page 081216 */
.indx_txt{font-size:12px; font-family:Arial,Verdana; color:#c6c4c3; line-height:18px;}

.indx_headings{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold;}
.indx_headings a{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold;  text-decoration:none;}
.padds{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold; border-bottom:1px dotted #262321;padding-left:11px;}
.padds a{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold; text-decoration:none;}
.padds2{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold; border-bottom:1px dotted #262321;padding-left:32px;}

.padds2 a{font-size:16px; font-family:Arial,Verdana; color:#ffffff; font-weight:bold; text-decoration:none;}


.indx_headings2{font-size:14px; font-family:Arial,Verdana; color:#d2a72c; padding-top:5px;font-weight:bold;}
.indx_headings2 a{font-size:14px; font-family:Arial,Verdana; color:#d2a72c; padding-top:5px;font-weight:bold; text-decoration:none;}
.indx_headings2padds{font-size:14px; font-family:Arial,Verdana; color:#d2a72c;padding-left:11px;padding-top:5px;font-weight:bold;}
.indx_headings2padds2{font-size:14px; font-family:Arial,Verdana; color:#d2a72c;padding-left:32px;padding-top:5px;font-weight:bold;}

.nav_cabinets{ padding-top:5px;}

a.subnav_lnk {  text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;  color: #FFFFCC ;}
a:hover {color: #600; }