/* General */
body {
	margin: 40px 0;
	padding: 0;
	background: url(../images/patternbg.jpg) #35343c repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #330042;
	font-size: 11px;
	text-align: center;
}
img {
	border: 0;
}
form, ul {
	margin: 0;
	padding: 0;
}
a {
	color: #786708;
	text-decoration: underline;
}
a:hover {
	color: #786708;
	text-decoration: none;
}

/* Layout */
#container {
	position: relative;
	margin: 0 auto;
	width: 910px;
	text-align: left;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix { height: 1%; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/ .clearfix { display: block; } * html .clearfix { height: 1%; } /* End hide from IE-mac */

#obox {
	background: #232537;
	padding: 15px 15px;
}
#ibox {
	border: 1px solid #615641;
	padding: 25px 15px 15px 15px;
}
#content {
	background: url(../images/content_tile.jpg) repeat-y top right;
	height: 100%;
	padding-bottom: 15px;
}
#content #quicksearch, #browse #quicksearch {
	float: left;
	margin-left: 13px;
	padding-bottom: 20px;
	width: 645px;
	height: 48px;
	background: url(../images/quicksearch_img.gif) no-repeat #232537;
}
#content #quicksearch div, #browse #quicksearch  div {
	float: right;
	background: url(../images/quicksearch_note.gif) no-repeat 0 25px;
	width: 255px;
}
#content #quicksearch div .formfield, #browse #quicksearch div .formfield {
	width: 249px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#content #quicksearch div .search, #browse #quicksearch div .search {
	float: right;
}
#browse {
	background: url(../images/browse_tile.jpg) repeat-y 203px 0;
	height: 100%;
	padding-bottom: 15px;
}

/* Left Column */
#col-left {
	float: left;
	/*display: inline;*/
	width: 190px;
}
#col-left h1 {
	background: url(../images/logo.gif);
	width: 140px;
	height: 119px;
	margin: 0 0 0 25px;
}
#col-left h1 a {
	display: block;
	width: 140px;
	height: 119px;
}
#col-left #menu {
	background-color: #232537;
	margin-top: 20px;
}
#col-left #menu h3 { background: url(../images/menu/underline.gif) repeat-x bottom left; margin-bottom: 0; }
#col-left #menu h3.menuend, #col-left #menu h3.current { background: none; }
#col-left #menu h3 a { width: 190px; height: 37px; display: block; }
/*#col-left #menu h3 a:hover,*/ #col-left #menu h3.current a { background-color: #373949; background-position: top right; }
#col-left #menu h3 a span { display: none; }

#menu h3#aboutus a { background: url(../images/menu/aboutus.gif) top left; }
#menu h3#familyproducts a { background: url(../images/menu/familyproducts.gif) top left; }
#menu h3#services a { background: url(../images/menu/services.gif) top left; }
#menu h3#stemnews a { background: url(../images/menu/stemnews.gif) top left; }
#menu h3#exploringwine a { background: url(../images/menu/exploringwine.gif) top left; }
#menu h3#contactus a { background: url(../images/menu/contactus.gif) top left; }

/*#menu h3#aboutus a:hover { background-position: top right; }
#menu h3#familyproducts a:hover { background-position: top right; }
#menu h3#perfectwine a:hover { background-position: top right; }
#menu h3#explorewine a:hover { background-position: top right; }
#menu h3#stemnews a:hover { background-position: top right; }
#menu h3#ourservices a:hover { background-position: top right; }*/

#col-left #menu #menumap {
	background-color: #373949;
	padding: 0 0 15px 30px;
	list-style: none;
}
#col-left #menu #menumap li { background: url(../images/menu/dropmarker.gif) no-repeat 0 6px; padding: 2px 0 2px 12px; }
#col-left #menu #menumap li.active { background: url(../images/menu/dropmarker_down.gif) no-repeat 0px 7px; }
#col-left #menu #menumap li a { color: #aaa173; text-decoration: none; }
#col-left #menu #menumap li ul {
	margin-top: 3px;
	padding: 0 0 0 0px;
	list-style: none;
}
#col-left #menu #menumap li ul li { background: url(../images/menu/bullet.gif) no-repeat 0 5px; }
#col-left #menu #menumap li ul li.activesub a { color: #9e4d0e; }
#col-left #menu #menumap li ul li a { color: #b7b29a; }
#col-left #menu #menumap li a:hover, #col-left #menu #menumap li ul li a:hover { text-decoration: underline; }

#col-left #menu #menumap li ul ul li,
#col-left #menu #menumap li ul li.activesub ul li { background: url(../images/menu/bullet_alt.gif) no-repeat 0 6px; }
#col-left #menu #menumap li ul li.activesub ul li a { color: #b7b29a; }
#col-left #menu #menumap li ul ul li.activesub a { color: #9e4d0e; }

#col-left #quotes {
	margin-top: 30px;	
}

/* Right Column */
#col-right {
	float: left;
	width: 605px;
	margin-left: 13px;
	padding: 0 20px;
	line-height: 18px;
}
#col-right h1 {
	background: url(../images/main_header_bg.jpg) no-repeat top right; 
	margin: 0 -20px 0 -20px;
	padding-left: 20px;
	padding-top: 13px;
	height: 52px;
}
#col-right .content-img {
	margin: 0 -20px 10px -11px;
}
#col-right #wine-detail {
	margin-top: 10px;
	padding: 0;
}
#col-right #wine-detail .detailimg { float: left; margin: 0 10px 10px 0;}
#col-right #wine-detail .detailtxt { float: left; width: 400px; border-left: 1px dashed #c8bdcf; padding-left: 10px; }
#col-right #wine-detail h4 { margin-bottom: 0; }
#col-right .paper-top {
	background: url(../images/paper_topbg.gif) no-repeat;
	height: 13px;
}
#col-right .paper-body { background: url(../images/paper_mddlebg.jpg) repeat-y; padding: 15px 20px 0 20px; }
#col-right .paper-body .col-img {
	float: left;
	width: 210px;
	margin-right: 20px;
}
#col-right .paper-body .col-img div {
	margin-top: 10px;	
}
#col-right .paper-body .col-body {
	float: left;
	width: 335px;
}
#col-right .paper-body .col-body h2.producer { margin-bottom: 0; }
#col-right .paper-body .col-body h2.name { margin-bottom: 10px; padding-bottom: 0; background-image: none; }
#col-right .paper-body .col-body h2.chef { margin-bottom: 0; padding-bottom: 0; background-image: none; }
#col-right .paper-body .col-body h2.rest { margin-bottom: 10px; }
#col-right .paper-bttm {
	background: url(../images/paper_bttmbg.gif) no-repeat;
	height: 17px;
}
#col-right .paper-bttm-alt {
	background: url(../images/paper_bttmbg_alt.gif) no-repeat;
	height: 58px;
}
#col-right .featuredwine { background-color: #000; margin-bottom: 15px; padding: 8px 8px 8px 20px; font-size: 14px; color: #a99a78; }
#col-right .featuredwine .title { margin: 45px 0 0 0; }
#col-right .featuredwine .img { float: right; margin-left: 15px; }
#col-right .featuredwine p { margin: 20px 0 0 0; }
#col-right-spread { background: url(../images/contact_us_img.jpg) no-repeat 0 65px; float: left; width: 605px; margin-left: 13px; padding: 0 20px; }
#col-right-spread h1 { background: url(../images/main_header_bg.jpg) no-repeat top right; margin: 0 -20px 0 -20px; padding-left: 20px; padding-top: 13px; height: 52px; }
#col-right-spread div { margin-top: 220px; }

/* Browse */
#browse-results {
	float: left;
	width: 420px;
	margin-left: 13px;
	padding: 0 20px;
}
#browse-results h1 {
	background: url(../images/main_header_bg.jpg) no-repeat top right; 
	margin: 0 -20px 15px -20px;
	padding-left: 20px;
	padding-top: 13px;
	height: 52px;
}
#browse-sidebar {
	float: right;
	width: 174px;
}
#browse-sidebar .searchbox-top { background: url(../images/searchbox_topbg.jpg) no-repeat; height: 17px; }
#browse-sidebar .searchbox-middle {
	background: url(../images/searchbox_middlebg.jpg) repeat-y; padding: 0 10px;
}
#browse-sidebar .searchbox-middle h1 {  
	background: url(../images/search_header.gif);
	width: 148px;
	height: 13px;
	margin-bottom: 15px;
}
#browse-sidebar .searchbox-middle img { margin-bottom: 5px; }
#browse-sidebar .searchbox-middle .field { width: 154px; padding: 0; font-size: 11px; }
#browse-sidebar .searchbox-middle .cat {
	border-bottom: 1px dotted #aea9b0;
	padding-bottom: 10px;
	margin-bottom: 12px;
	font-size: 10px;
}
#browse-sidebar .searchbox-middle .cat .checkbox {
	float: left;
	width: 84px;
}
#browse-sidebar .searchbox-middle .cat .checkbox-sm {
	float: left;
	width: 70px;
}
#browse-sidebar .searchbox-bottom { background: url(../images/searchbox_bttmbg.jpg) no-repeat; height: 17px; }
#browse-sidebar .winelistbox-top { background: url(../images/winelist_topbg.gif) no-repeat; height: 17px; margin-top: 10px; }
#browse-sidebar .winelistbox-middle {
	background: url(../images/winelist_middlebg.gif) repeat-y; 
	padding: 5px 12px;
}
#browse-sidebar .winelistbox-middle h5 {
	background: url(../images/bluearrow.gif) no-repeat 2px 2px;
	padding-left: 12px;
	margin-bottom: 5px;
}
#browse-sidebar .winelistbox-middle h5 a { text-decoration: none; color: #232537; }
#browse-sidebar .winelistbox-middle ul {
	list-style: none;
	margin-left: 12px;
}
#browse-sidebar .winelistbox-bottom { background: url(../images/winelist_bttmbg.gif) no-repeat; height: 17px; }

/* wine detail */
.item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #320241;
}
.item-img { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px dashed #c8bdcf; }
.item-img .viewlarge-box {
	margin-top: 5px;
	text-align: right;	
}
.item-txt { float: left; width: 332px; }
.item-txt-sm { float: left; width: 215px; }
.item-txt h3 { font-size: 14px; margin-bottom: 5px; text-transform: uppercase; }
.item-txt h4 { margin-bottom: 0; text-transform: uppercase; }
.item-txt p { line-height: 16px; }

/* Home Page */
#home {
	float: left;
	width: 650px;
	/*margin-left: 13px;*/
	margin-left: 7px;
}
#home-box {
	height: 367px;
	margin-bottom: 18px;
}
#home #col-a {
	float: left;
	width: 439px;
}
#home #col-b {
	float: left;
	width: 211px;
}
#home #flash {
	float: left;
	width: 460px;
	height: 96px;
}
#home #quick-search {
	margin-bottom: 15px;
	width: 434px;
	height: 270px;
	background: url(../images/home/quick_search_bg.jpg);
}
#home #quick-search div {
	padding-top: 223px;
	padding-left: 35px;
}
#home #quick-search div .formfield {
	float: left;
	width: 200px;
	border: 0;
}
#home #quick-search div .search {
	float: left;
}
#home #featured-int {
	padding: 22px 25px 0 25px;;
	width: 384px;
	height: 247px;
	background: url(../images/home/featured_interview_bg.jpg);
}
#home #featured-int h1,
#home #featured-int h2{
	margin-bottom: 15px;
}
#home #featured-int .desc {
	height: 94px;
	color: #000;
	text-align: center;
	line-height: 18px;
}
#home #featured-int .image {
	float: right;
	margin-left: 15px;
}
#home #featured-int .int-name {
	height: 65px;
}
#home #featured-int .int-name p {
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
	background: none;
	color: #000;
}
#home #featured-prod {
	padding: 20px 18px 0 20px;
	width: 173px;
	height: 535px;
	background: url(../images/home/featured_product_bg.jpg);
}
#home #featured-prod h1,
#home #featured-prod h2{
	margin-bottom: 10px;
	text-align: center;
}
#home #featured-prod .desc {
	height: 86px;	
	color: #000;
	text-align: center;
	line-height: 18px;
}
#home #featured-prod .image {
	margin-top: 5px;
	margin-bottom: 5px;	
}
#home #featured-prod .prod-name {
	height: 60px;
	text-align: center;
}
#home #featured-prod .prod-name p {
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
	background: none;
	color: #000;
}
#home #featured-int a.readmore { background: url(../images/home/readmore.gif); width: 54px; height: 8px; margin-right: 5px; display: block; }
#home #featured-prod a.readmore { float: right; background: url(../images/home/readmore.gif); width: 54px; height: 8px; margin-right: 5px; display: block; }
#home #featured-prod a.readmore span,
#home #featured-int a.readmore span{ display: none; }


/* Header */
#header {
	position: absolute;
	top: 4px;
	right: 21px;
	background: #232537;
	padding: 0 8px;
	color: #c0b678;
}
#header ul { float: left; }
#header li {
	list-style: none;
	float: left;
	margin-top: 5px;
	padding: 0 6px;
	border-right: 1px solid #615641;
	line-height: normal;
}
#header li a { color: #c0b678; text-decoration: none; }
#header li a:hover { color: #d6ce98; }
#header #checkout { float: left; }
#header #checkout span { float: left; margin-top: 5px; margin-right: 5px; }
#header #checkout .button {
	width: 61px;
	height: 25px;
	float: left;
}
#header #headsearch { float: left; margin-right: 4px; }
#header #headsearch span { float: left; margin-top: 5px; margin-right: 5px; }
#header #headsearch .headsrch-field { float: left; width: 125px; margin: 2px 4px 0 0; font-size: 11px; padding: 2px 0; }
#header #headsearch .headsearch-btn {
	/*background: url(../images/go_alt_btn.gif);
	width: 36px;
	height: 25px;
	display: block;*/
	float: left;
}

/* Footer */
#footer { 
	padding: 10px 0;
	color: #c0b678;
	/*font-size: 85%;*/
}
#footer li {
	list-style: none;
	float: left;
	padding: 0 6px;
	border-right: 1px solid #615641;
	line-height: normal;
}
#footer li a { color: #c0b678; text-decoration: none; }
#footer li a:hover { color: #d6ce98; }
#footer .signup {
	float: right;
}
#footer .signup a {
	color: #c0b678;
	text-decoration: none;
}
#footer .signup a:hover {
	color: #d6ce98;	
}

/* Classes */
.fpo { color: #ee0065; font-style: italic; }
.nodisp { display: none; }
.clear { clear: both; }
.accent { color: #642200; }
.strong { font-weight: bold; }
.xlarge { font-size: 13px; }
.xsmall { font-size: 10px; }
.floatleft { float: left; margin: 0 15px 10px 0; }
.floatright { float: right; margin: 0 0 10px 15px; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.nomarg { margin-bottom: 0; }
.title { margin-bottom: 15px; }
.title-sm { margin-bottom: 5px; }
.title-pattern { background: url(../images/title_pattern.gif) repeat-x 0 28px; padding-bottom: 18px; }
.content-title { background: url(../images/content_title_tile.gif) repeat-x 0 35px; }
.wp-rel { font-size: 15px; margin-bottom: 0; }
.wp-name { margin-bottom: 0; }
.wp-date { color: #666; }
.noresults { color: #6d3108; font-style: italic; font-size: 14px; }
.bborder { border-bottom: 1px solid #ddd; }
.imgstyle1 { background-color: #232537; padding: 5px; }
.name { background: url(../images/content_title_tile.gif) repeat-x 0 18px; padding-bottom: 4px; }
.grapes { margin-left: -20px; padding: 0 20px 0 45px; background: url(../images/grapes.gif) no-repeat; }
.article {  }
.article .issue a { font-size: 11px; }
.article .issue-art a { font-size: 14px; color: #330042; text-decoration: none; }
.article h3, .article p { margin-bottom: 0; }
.spacer { margin-left: 15px; }
.separator { 
	background: url(../images/separator.gif) no-repeat top center;
	height: 7px;
	margin-bottom: 10px;
}
.separator-dot {
	clear: both;
	background: url(../images/separator_dotted.gif) repeat-x top left;
	height: 7px;
	margin: 5px 0;
}
.separator-pattern {
	clear: both;
	background: url(../images/separator_pattern.gif) repeat-x top left;
	height: 5px;
	margin-bottom: 15px;
}
.list {
	margin: 0 0 10px 28px;
}
.list ul { margin: 0 0 0 18px; }
.numeric {
	margin: 0 0 15px 20px;
	list-style-type: decimal;
}
.cur {
	float: right;
	cursor: pointer;
}

/* Tables */
th, td { text-align: left; }
.typical {
	margin-bottom: 15px;
}
.typical-alt {
	margin-bottom: 0;
}
.typical th, .typical-alt th { color: #820053; }
.typical td, .typical-alt td { padding: 4px 0 4px 0; }
.typical p, .typical-alt p { margin-bottom: 8px; }
.grid {
	width: 605px;
	border-collapse: collapse;
	font-size: 11px;
	text-align: left;
}
.grid th {
	background: url(../images/grid_th.gif) #f9f8fa repeat-x bottom left;
	padding: 10px 6px;
	border: 1px dashed #320241;
	border-width: 1px 0;
	border-left: 1px dashed #c1b5c9;
	color: #330042;
	text-transform: uppercase;
	line-height: 12px;
}
.grid td {
	padding: 4px 6px;
	vertical-align: top;
	line-height: normal;
	border-left: 1px dashed #c1b5c9;
	border-bottom: 1px dashed #c1b5c9;
}
.grid th.start, .grid td.start { border-left: 0; }
.grid td.end { border-bottom: 0; }
.grid h5 { font-weight: bold; color: #000; font-size: 11px; margin-bottom: 0; }
.grid p { margin-bottom: 5px; }
.grid ul {
	margin: 0 0 0 25px;
}
.shoppingcart {
	margin-bottom: 15px;
}
.shoppingcart th {
	border-bottom: 1px solid #330042;
	vertical-align: bottom;
}
.row-alt { background-color: #f2eff4; }
fieldset {
	border: 1px solid #d7d0d8;
	margin-bottom: 15px;
}

/* Form */
.formfield {
	margin: 0 5px;
	padding: 2px 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Links */
a.go {
	background: url(../images/go_btn.gif);
	width: 36px;
	height: 25px;
	display: block;
}
a.submit {
	background: url(../images/submit_btn.gif);
	width: 68px;
	height: 25px;
	display: block;
}
a.send {
	background: url(../images/send_btn.gif);
	width: 68px;
	height: 25px;
	display: block;
}
a.signup {
	background: url(../images/signup_btn.gif);
	width: 68px;
	height: 25px;
	display: block;
}
a.detaillink {
	background: url(../images/flower.gif) no-repeat center left;
	padding-left: 17px;
	color: #786708;
}
a:hover.detaillink {
	color: #786708;
}
a.cartlink {
	background: url(../images/leaf.gif) no-repeat center left;
	padding-left: 20px;
	color: #786708;
}
a.print {
	background: url(../images/print.gif) no-repeat center left;
	padding-left: 20px;
	color: #786708;
}
a.viewlarge {
	background: url(../images/viewlarge.gif) no-repeat center left;
	padding-left: 15px;
	color: #786708;
	cursor: pointer;
}
a:hover.cartlink {
	color: #786708;
}

/* Format */

h1, h2, h3, h4, h5, p {
	margin: 0 0 10px 0;
}
h1 { font-size: 16px; color: #820053; }
h2 { font-size: 14px; color: #820053; text-transform: uppercase; }
h3 { font-size: 13px; color: #820053; }
h4 { font-size: 12px; color: #232537; }
h5 { font-size: 11px; color: #820053; margin-bottom: 0; }

/* -------------------------------------------------------------------------------*/


