.annotation
{
	background-color:#ffc;
	margin-bottom:10px;
	text-align:center;
	padding:5px;
}



/***PAGE ELEMENTS***/
h1, h2, h3, h4, h5, h6, button,.button .tableHeader, #navBar, #categories ul li, .price{
  font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;letter-spacing:0.15em;
 }
body
{
	background-color:#D2CDB9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0;
	padding:0;
}

p
{
	margin-top:0.3em;
	margin-bottom:1.1em;
	line-height:1.4em;
	color:#5F5C4C;
}
h1, h2, h3, h4, h5, .tableheader
{
	text-align:center;
	font-weight:normal;
	color:#302E26;
	margin:1em 0 0.6em 0;
}
h1{font-size:2em;}
h2{font-size:1.6em;}
h3{font-size:1.2em;}
h4{font-size:1em;}
h5{font-size:1em;}
hr
{
	border: 0;
	color: #776C4A;
	height: 1px;
	width:60%;
}
html>body hr
{
	border-bottom:1px dotted #776C4A;
}

button,.button
{
	border-right:1px solid #615837;
	border-bottom:1px solid #615837;
	border-top:1px solid #DED2A5;
	border-left:1px solid #DED2A5;
	color:#4C3F1F;
	font-size:0.9em;
	background-color:#E5DCBF;
	background-image:url(../images/button_bg.gif);
	background-repeat:repeat-x;
	margin:10px 0 0 0;
}
.button {
	margin:5px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;	
	letter-spacing:2px;
}
button:hover
{
	background-image:none;
	cursor:pointer;
}

.center {
  text-align:center;
}

.red {
  color;red;
}

.bold {
  font-weight:bold;
}



largebutton,.largebutton
{
	height: 20px;
    width: 120px;
    border-right:1px solid #615837;
	border-bottom:1px solid #615837;
	border-top:1px solid #DED2A5;
	border-left:1px solid #DED2A5;
	color:#4C3F1F;
	font-size:0.9em;
	background-color:#E5DCBF;
	background-image:url(../images/button_bg.gif);
	background-repeat:repeat-x;
	margin:10px 0 0 0;
}
.largebutton {
	margin:5px 0 0 0;
	font-family:verdana,arial,helvetica;	
    font-size:8pt;
    font-weight:bold;

	letter-spacing:2px;
}
largebutton:hover
{
	background-image:none;
	cursor:pointer;
}




.note
{
	font-size:0.9em;
	color:#837449;
}
.checkBox
{
	vertical-align:middle;
}
.textBox {
	width:150px;
}
.textBox, .formBox
{
	
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 4px 0;
	border:1px solid #D6CFB1;
}
html>body .textBox{width:154px;}
.radioButton{}



/***MAIN PANELS***/
#wrap
{
	margin:0 auto 10px auto;
}
#bannerPanel
{
	display:block;
	background-color:#FAF6EB;
/*	background-image:url(../images/banner_wine.jpg); */
	background-image:url(../images/banner_large.jpg);
	background-repeat:no-repeat;
}
#bannerPanel h1
{
	display:none;
}
#contentFrame
{
	background-color:#D6CFB1;
	border:2px solid #fff;
}
#bottomPanel
{
	width:100%;
/*	background-image:url(../images/passion_for_wine.gif); */
	background-image:url(../images/truthetc.gif);


	background-repeat:no-repeat;
	background-position:center;
	height:34px;
	padding:2px;
}





.home_intro
{
	height:200px;
	background-image:url(../images/image.jpg);
	background-repeat:no-repeat;
}
.home_intro img
{
	float:right;
}






/***LEFT, RIGHT AND MIDDLE PANELS***/
.sidePanel
{
	float:left;
	width:180px;
	padding:5px;
 background-color:#D2CDB9;

}



#rightPanel{
border-width:0px;
border-style:solid;
border-color:#EBE8DA;
float:right;

padding-right:1px;
 background-color:#D2CDB9;

}

.sidePanelShop
{
	float:left;
	width:180px;
	padding:10px 15px 0  0 ;
}



#leftPanel{}
#middlePanel, #middlePanelAdmin
{
	float:left;
	background-color:#fff;
	padding:10px;
}
#shopmiddlePanel
{
	float:left;
	background-color:#fff;
	padding:1px;
}











/***NAV BAR***/
#navBar
{
	background-color:#4C3F1F;
	background-image:url(../images/nav_bg.gif);
	color:#fff;
	font-size:0.9em;
	letter-spacing:0.6em;
	padding:0.4em 0 0.4em 0;
	text-align:center;
}
#navBar span
{
	letter-spacing:normal;
	padding:0.4em 0 0.4em 0;
	background-image:url(../images/nav_divider.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#navBar .selected
{
	background-color:#4C3F1F;
}
#navBar a
{
	color:#fff;
	text-decoration:none;
	padding:0.4em 0.6em 0.4em 0.8em;
}
#navBar a:hover
{
	background-color:#302E26;
}


/***NAV BAR***/
#navBar2
{
	background-color:#4C3F1F;
	background-image:url(../images/nav_bg.gif);
	color:#fff;
	font-size:0.8em;
	letter-spacing:0.4em;
	xpadding:0.4em 0 0.4em 0;
	text-align:center;
}
#navBar2 span
{
	letter-spacing:normal;
	padding:0.4em 0 0.4em 0;
	xbackground-image:url(../images/nav_divider.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#navBar2 .selected
{
	background-color:#4C3F1F;
}
#navBar2 a
{
	color:#fff;
	text-decoration:none;
	padding:0.4em 0.6em 0.4em 0.8em;
}
#navBar a:hover
{
	background-color:#302E26;
}


.eventblock {
border-style:outset;
border-color:green;
border-width:2px;
padding:8px;
}

.eventitem {
border-style:outset;
border-color:red;
border-width:2px;
padding:8px;
background-color:white;
}



/***BOTTOM BAR***/
#bottomBar
{
	padding:0.4em 0 0.4em 0;
	text-align:center;
	color:#fff;
	font-size:0.85em;
	background-color:#5F5C4C;
	background-image:url(../images/nav_bg.gif);
	clear:both;
}
#bottomBar a
{
	color:#EBE8DA;
}
#bottomBar a:hover
{
	text-decoration:none;
}


/***VARIETY PAGES***/
.glossary button
{
	padding:0;
	width:3em;
	margin:0 0.2em 0.2em 0;
}






/***BREADCRUMB***/
#breadcrumb{font-size:0.85em;margin-bottom:10px;border-bottom:1px solid #E5E4DE;padding-bottom:6px;}
#breadcrumb a{color:#959180;}
#breadcrumb a:hover{text-decoration:none;}




/***GENERIC SMALL PANELS***/
.smallPanel
{
	border:1px solid #fff;
	margin-bottom:10px;
	background-color:#EBE8DA;
}

.sidePanel .smallPanel {
    width:175px;
}

.topPanel a 
{
	background-image:url(../images/arrow.gif);  
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 6px;
	text-decoration:none;
}
.topPanel a:hover
{
	background-image:url(../images/arrow_animated.gif); 
	background-repeat:no-repeat;
	text-decoration:underline;
}

.smallPanel a, .smallPanel .add a
{
	background-image:url(../images/arrow.gif);  
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 6px;
	color:#000;
	text-decoration:none;
}
.smallPanel a:hover, .smallPanel .add a:hover
{
	background-image:url(../images/arrow_animated.gif); 
	background-repeat:no-repeat;
	text-decoration:underline;
}
.smallPanel a.noArrow,.smallPanel a.noArrow:hover {
	background-image:none;
}
.smallPanel .search_result{margin:0 0 0.7em 0;line-height:1em;display:block;}
.smallPanel h1,.tableHeader
{
	text-align:center;
	margin:0;
	background-color:#D6CFB1;
	border-bottom:1px solid #fff;
	font-weight:bold;
	font-size:1.0em;
	padding:2px 0 2px 0;
	color:#685C36;
}
.smallPanel h2, .smallPanel h3
{
	text-transform:none;
	letter-spacing:normal;
	text-align:left;
	margin-bottom:0;
}
.smallPanel hr
{
	width:100%;
}
html>body .smallPanel hr
{
	border-bottom:1px dotted #776C4A;
}
.panel_indent
{
	margin:10px;
}
.smallPanel p a
{
	background-image:none;
	padding:0;
	text-decoration:underline;
}
.smallPanel p a:hover
{
	background-image:none;
	padding:0;
	text-decoration:none;
}
.smallPanel .panelBottom
{
	background-color:#D6CFB1;
	padding:10px;
	font-size:0.9em;
	min-height:40px;
}
.smallPanel .panelBottom p
{
	margin:0;
}
.smallPanel .panelBottom img
{
	float:left;
	margin:0 10px 10px 0;
}



/***HIGHLIGHT***/
.highlight h1
{
	background-color:#A4271A;
	color:#fff;
	border:none;
}

.highlighte 
{
	background-color:#fff;
	border-color:#A4271A;
	border-style:solid;
	border-bottom: 1px solid #fff;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: red red red red;
	border-collapse: separate;
	padding:10px;
	
	
}
.highlight .smallPanel
{
	background-color:#fff;
	border-color:#A4271A;
	border-style:solid;
	border-bottom: 1px solid #fff;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: red red red red;
	border-collapse: separate;
	
	
}
.highlight .textBox
{
	border:1px solid #D6CFB1;
}
.highlight button
{
	margin:0;
}
.highlight .product_item .add
{
	float:right;
	margin:0 0 0 6px;
}
.col3_double .highlight .product_item .add
{
	float:right;
}



/***LOGIN***/



/***CART***/
#cart .item
{
	margin:6px 0 6px 0;
}
#cart .item input
{
	width:2em;
	vertical-align:middle;
	margin-left:6px;
	text-align:center;
}
#cart .item span
{
	font-weight:bold;
}
#cart .item a
{
	display:block;
	font-size:0.8em;
	margin-bottom:0.2em;
	padding-right:13px;
}
#cart .item .remove, #cart .item .view, #cart .item .update
{
	float:right;
	width:11px;
	height:11px;
	background-image:url(../images/remove.gif);
	background-position:0 0;
	padding:0;
	margin-top:1px;
	clear:right;
}
#cart .item .remove
{
	background-image:url(../images/remove.gif);
}
#cart .item .view
{
	background-image:url(../images/view.gif);
}
#cart .item .update
{
	background-image:url(../images/update.gif);
}
#cart .item .remove span, #cart .item .view span, #cart .item .update span
{
	display:none;
}

#cart h1
{
background-image:url(../images/cart.gif);
background-repeat:no-repeat;
background-position:13px 3px;
}




/***SEARCH***/



/***CATEGORIES***/
#categories ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#categories ul li
{

}
#categories ul li ul
{
	margin:2px 0 16px 10px;
}
#categories ul li ul li
{
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing:0em;
	margin:0 0 2px 0;
}
#categories .quantity
{
	background-color:#fff;
	color:#4C3F1F;
	padding:0 0.4em 0 0.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	letter-spacing:0em;
	margin-left:0.5em;
}


/*  WELCOME BANNER  */

.block_hide {
display: none;
}

.block_show {
display: block;
}


.newWelcome h1 {
  font-family:Georgia, "Times New Roman", Times, serif;	
  letter-spacing:2px;
  font-size:1.4em;
  font-weight:normal;
  color:gray;
}

.newWelcome h2 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; text-transform:capitalize; font-variant:small-caps; 
 font-weight:bold; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; 
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
}




.newWelcome h3 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:bold;
  margin:0;
  padding:0;
  color:black;
}

.newWelcome h4 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
/*  font-family:Georgia, "Times New Roman", Times, serif; */	
  letter-spacing:0px;
  font-size:1.0em;
  font-weight:normal;
  color:black;
  text-transform:none;
}

.newWelcome  a  {
 color:black;
 text-decoration:none;
	background-image:url(/images/arrow.gif);  
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0 0 0 6px;
}
.newWelcome  a:hover {
 color:maroon;
 text-decoration:underline;
	background-image:url(/images/arrow_animated.gif); 
	background-repeat:no-repeat;
}


.mixedTitle {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1.1em;
  font-weight:bold;
  color:maroon;
  padding-bottom:2px;
  width:100%;
  text-align:right;
}




/***VARIABLE SIZES***/
.smallScreen{width:762px;font-size:0.9em;}
.smallScreen #cart .item{font-size:1.1em;}
.mediumScreen{width:989px;}
.largeScreen{width:1100px;}

.smallScreen #bannerPanel{height:60px;background-image:url(../images/banner_small.jpg);}
.mediumScreen #bannerPanel, .largeScreen #bannerPanel{height:110px;background-image:url(../images/banner_large.jpg);background-position:center;}

.smallScreen #middlePanel{width:325px;}
.mediumScreen #middlePanel{width:580px;}
.largeScreen #middlePanel{width:690px;}

.smallScreen #shopmiddlePanel{width:555px;}
.mediumScreen #shopmiddlePanel{width:800px;}
.largeScreen #shopmiddlePanel{width:870px;}




.smallScreen #middlePanelAdmin{width:738px;}
.mediumScreen #middlePanelAdmin{width:878px;}
.largeScreen #middlePanelAdmin{width:1078px;}

.col2, .col3, .col3_double, .col_space{float:left;}
.mediumScreen .col2{width:49%;}
.mediumScreen .col_space{width:2%;}
.mediumScreen .col3{width:32%;}
.mediumScreen .col3_double{width:66%;}
.smallScreen .col2, .smallScreen .col3, .smallScreen .col3_double{width:100%;}
.smallScreen .col_space{display:none;}
.largeScreen .col2{width:49%;}
.largeScreen .col_space{width:2%;}
.largeScreen .col3{width:32%;}
.largeScreen .col3_double{width:66%;}

.smallScreen #smalldiv{display:block;}
.smallScreen #bigdiv{display:none;}
.mediumScreen #smalldiv{display:none;}
.mediumScreen #bigdiv{display:block;}
.largeScreen #smalldiv{display:none;}
.largeScreen #bigdiv{display:block;}