﻿/*****reset and clearing********************************************************************/
:link,:visited {text-decoration : none;}
ul,ol {list-style : none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img,fieldset,dl,dd,dt {margin:0; padding:0;}
a img,:link img,:visited img,fieldset {border : none;}
a{outline: none; color:#8F0F27;}
legend {display:none;}
.clearer:after, .winelist:after, #paper_inner:after, .row:after, .checkout_steps:after{content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;}
.clearer, .winelist, #paper_inner, .row, .checkout_steps {display: inline-block;}
/*\*/
.clearer, .winelist, #paper_inner, .row, .checkout_steps {display: block;}

/**body**/
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background:#150204 url(../images/bg/bg_main.jpg) repeat-x scroll center top;  }
html { width: 100%; height: 100%;}
/*
Common Items
---------------*/
#container { width: 100%; height: 100%; /*background:  transparent url(../images/bg/body_bg.jpg) no-repeat scroll center top;*/ display: block; }
#wrapper { width: 970px;  display:block; height: auto;  margin:0 auto; position: relative;  }

/* paper background */
#paper { width: 970px; height: auto; display:block; position: relative;}
#paper_inner { width: 900px;  background: transparent url(../images/bg/bg_paper_strip.png) repeat-y scroll center top; height: auto; display:block; padding:0px 35px 25px 35px;  min-height: 608px;}
#paper_bottom { background: transparent url(../images/bg/bg_paper_bottom.png) no-repeat scroll center center; display:block; width: 970px; height: 65px; }
#paper_folder { background: transparent url(../images/bg/bg_paper_fold.png) no-repeat scroll 0 0; display: block; width: 970px; height:97px; position: absolute; bottom: 0; z-index: 3;}

/*main nav
----------------------------------------------------*/
#menu { background: transparent url(../images/bg/nav_bg.png) no-repeat scroll center 0;  width:227px; height: 545px; display:block; padding: 50px 20px;  position: absolute; top:0; margin-left: 45px; z-index: 2;}
#menu ul { margin-left: 35px; margin-top: 27px; }
#menu li.top{ /*height: 40px;*/ width:160px; display:block; background: transparent url(../images/item/separator.png) no-repeat scroll center bottom; padding-bottom: 7px; font-family: Georgia;}
#menu li.top > a { background: transparent url(../images/item/list_arrow.png) no-repeat scroll left center; padding:10px 0 10px 30px; color: #fff; font-size: 1.3em; font-weight:bold; text-transform:uppercase; display: block;}
#menu li ul { left: -999em;  position: absolute;}
#menu li.selected ul { margin: -5px 0 10px 35px; position: relative; left: 0;}
#menu li li {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}
#menu li li a { color: #fff;}
#menu li li a:hover, #menu li li.selected a { color: #e7b9b9;}
#menu .logo {/* background: transparent url(../images/bg/logo.png) no-repeat scroll;*/ width: 208px; height: 136px; display:block;  text-indent: -999em; margin-left: 12px; }
#menu li.last { background: none;}

/*Homepage
--------------------------------------------------*/
.home .flash { position: absolute; right: 25px; top:0; z-index: 1;}

/*footer*/
#footer { font-family: Arial, Helvetica, sans-serif;   display: block; margin-left: 135px;  position: absolute; z-index: 6;  padding-bottom:25px;}
#footer li { display: inline; float:left; margin:7px;  color: #fff;}
#footer li a {  color: #fff;}

/* Top Nav 
----------------------------------------------*/
#top_nav { position:absolute; right: 55px; top: 0; z-index: 4; font-family: Arial, Helvetica, sans-serif;}
#top_nav  a{ color:#3a2727;	 }
#top_nav  #member_login { background: transparent url(../images/top_nav/member_login.png) no-repeat scroll center top; height: 49px; width: 130px; display:inline; float:left; text-align:center; }
#top_nav  #member_login  a { height: 30px; line-height: 30px;}
#top_nav  #cart_summary{  background: transparent url(../images/top_nav/cart_summary.png) no-repeat scroll center top;height: 48px; width: 218px;display:inline; float:left; text-align:center;}
#top_nav  #cart_summary a { height: 30px; line-height: 30px;}
#top_nav  #cart_summary.dd_open { background: transparent url(../images/top_nav/cart_summary_dd.png) no-repeat scroll center top;height: 87px; width: 218px;}
#top_nav .summary { text-align:left; margin-left: 35px; line-height: 1.5em;}

/*page element 
---------------------------------------------*/
.breadcrumb{ font-size: 0.95em; margin-bottom: 15px;  font-family: Georgia;}
.breadcrumb a  { text-decoration: underline; color: #000 !important; font-weight: normal !important;}

/* section */
#award { height: 350px;}
#award.winelist li{ width: 141px; height: 280px;}
#award.winelist li .name {  font-size: 1em; }

/*subpage audrey standing*/
#audrey { background: transparent url(../images/item/audrey.png) no-repeat scroll right bottom; position: absolute; z-index:3; width: 213px; height:407px; display:block; bottom: -45px; right: 85px;}

.content {  float:right; margin-right: 55px; padding-top: 55px; width: 750px; /*background: transparent url(../images/page/cloud.png) no-repeat scroll 0 0;*/ }
.main { width: 570px; margin-left: 190px; display: block;}

.section { margin-bottom: 15px; }
h1 { font-size: 2.3em; font-weight: normal; margin-bottom: 15px; font-family: Georgia; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 10px;  font-family: Georgia;}
p { margin-bottom: 15px; line-height: 1.4em;}
.hr { border-bottom: 1px dotted #000; line-height:1px; font-size: 1px; white-space: nowrap; margin: 7px 0; }
.section { line-height: 1.5em;}
p a {color: #8f0f27; font-weight: bold; text-decoration: underline !important;}
a.underline { font-weight: normal; color: #8f0f27; text-decoration: underline !important;}
li p { line-height: 1.4em;}
.horizonal_sep { background: transparent url(../images/item/separator.png) no-repeat scroll 0 0; width: 167px; height: 12px; }


.picture { right:25px; width:750px; position: absolute; text-align: right; z-index:2; margin-right:55px;}
.breadcrumb { font-size: 0.9em; font-family: Georgia;}
.breadcrumb a { color: Black; text-decoration: underline;}

.accommodation li { display:inline; float:left;  text-align: left; width: 250px; }
.accommodation li p { width: 230px;}
.accommodation li a.general{ color: #8f0f27; text-decoration: underline; font-weight: bold;}
.accommodation li.sep { background: transparent url(../images/item/vertical_sep.png) no-repeat scroll center center; width: 11px; height: 280px; margin-right: 30px; }

.news_item .news_desc { width: 410px; display: inline;  float: left;} 
.news_item .read_article { width: 120px; position: absolute; top: 20px; right: 15px; }
.news_item { clear: both; background: transparent url(../images/item/separator.png) no-repeat scroll center bottom; padding-bottom: 20px; margin-bottom: 10px; position: relative;}
.news_item h2 { font-size: 1.3em;}
.last { background: none !important;}

.event_item { clear: both; background: transparent url(../images/item/separator.png) no-repeat scroll center bottom; padding-bottom: 20px; margin-top: 10px;}
/* Wine List 
-------------------------------------*/
.winelist { font-family: Arial, Helvetica, sans-serif;}
.winelist li{ display:inline; float:left;  text-align: center; width: 133px; margin-bottom: 25px; height: 360px;}
.winelist li.sep { background: transparent url(../images/item/vertical_sep.png) no-repeat scroll center center; width: 11px; height: 280px; }
.winelist li .name { font-size: 1.1em; margin-top: 15px;}
.winelist a { color: #8f0f27; text-decoration: underline; font-weight: bold;}

/* Online Shop Wine List
--------------------------------------------------*/
.OnlineShop {  }
.OnlineShop li{ display:inline; float:left;   width: 285px; padding-bottom: 35px; height: 225px;  }
.OnlineShop li .name {font-weight:bold;}
.OnlineShop a { color: #8f0f27; text-decoration: underline;}
.OnlineShop .wine_img { float: left; width: 60px; display: inline; text-align: left; margin-right: 10px;}
.OnlineShop .wine_img a { float: left; text-align:left; display: block;}
.OnlineShop .desc { float: left; width: 200px; display: inline; line-height: 1.4em;  }
.OnlineShop .product_label_bold { font-weight: bold; margin: 0 0 5px 0; display: block; }
.OnlineShop .price_option_label, .OnlineShop .price_option { display: inline; float: left; line-height: 1.5em; margin-right: 3px;}
.OnlineShop .short_desc a { font-weight: normal !important; } 
.OnlineShop .smallroundbox table td{ padding: 1px 0;}

/* Product Detail
------------------------------------------*/
.productDetail { background-color: #F6EDE4; }
.productDetail .tasting_notes { line-height: 1.4em;}
.productDetail .product_label_bold { font-weight: bold; margin: 0 0 5px 0; display: block; }
.productDetail a { color: #8f0f27; text-decoration: underline; }
.productDetail .price_option_label, .productDetail .price_option { display: inline; float: left; margin-right: 15px; line-height: 1.5em; }
.smallroundbox { background: transparent url(../images/form/small_round_box.png) no-repeat scroll 0 0; display: block; width: 190px; height: 123px;padding-top:10px; padding-left: 10px; margin-top: 10px;}
.mediaroundbox { background: transparent url(../images/form/media_round_box.png) no-repeat scroll 0 0; display: block; width: 263px; height: 134px; padding-top: 10px; padding-left: 15px; margin-top: 20px;}
.productDetail .smalltext { margin-left: 7px;}


/* Popup */
.notifyPopup { background-color: #f4efe8;   }
.modalBackground { background-color:#000; filter:alpha(opacity=35);opacity:0.35;}
.modalPopup { width: 310px; /*height:200px;*/ height: auto; display: block; background-color: #f4efe8; padding: 35px;}
#notifyPopupDetail { text-align: center; margin-bottom: 15px; }
#notifyPopupDetail .message { font-size: 1.2em; line-height: 1.4em;}

/*form
--------------------------------------*/

input[type=text] { border: 1px solid #9b8380; }
.smalltext { border: 1px solid #9b8380; width:32px; height: 17px; padding: 0 0 0 3px; margin-left: 5px;} 
.smalltext2  { border: 1px solid #9b8380; width:40px; height: 19px; padding: 2px 0 0 0;  text-align: center;} 

/*button*/
.smallbutton { background: transparent url(../images/button/short.png) no-repeat scroll 0 0; border:none; width: 111px; height:44px; display: block; line-height: 40px; text-align: center; color: #fff !important; text-decoration: none !important; cursor: pointer;}
.medium140 { background: transparent url(../images/button/medium140.png) no-repeat scroll 0 0; width: 140px; height:44px; line-height: 40px; text-align: center; color: #fff !important; text-decoration:none !important; display: block; border:0; padding-bottom:3px; cursor: pointer;}
.medium160 { background: transparent url(../images/button/medium160.png) no-repeat scroll 0 0; width: 160px; height:44px; line-height: 40px; text-align: center; color: #fff !important; text-decoration:none !important; display: block;border:0; padding-bottom:3px; cursor: pointer;}
.medium190 { background: transparent url(../images/button/medium190.png) no-repeat scroll 0 0; width: 190px; height:48px; line-height: 44px; text-align: center; color: #fff !important; text-decoration:none !important; display: block;border:0; padding-bottom:3px; cursor: pointer;}
.long { background: transparent url(../images/button/long.png) no-repeat scroll 0 0; width: 251px; height:48px; line-height: 44px; text-align: center; color: #fff !important; text-decoration:none !important; display: block;border:0; padding-bottom:3px; cursor: pointer;}
.normal { background: transparent url(../images/button/normal.png) no-repeat scroll 0 0; width: 150px; height:49px; line-height: 44px; text-align: center; color: #fff !important; text-decoration:none !important; display: block;border:0; padding-bottom:3px; cursor: pointer;}

.text {border:1px solid #a9938c;height:18px;padding:3px 2px 2px 4px; background: white url(../images/form/textbox.png) no-repeat scroll 0 0;  font-size: 12px; }
select.text { height: 25px; }
.large {height:23px !important; padding:5px 2px 0 7px !important; width: 150px;  height:23px !important;}
.medium { width: 160px;}

.extrasmallbutton { background: transparent url(../images/button/extrashort.png) no-repeat scroll 0 0; width: 89px; height:42px; display: block; line-height: 40px; text-align: center; color: #fff !important; text-decoration: none !important;}
.button{ background: transparent url(../images/button/button.png) no-repeat scroll 0 0; width: 98px; height:49px; display: block; line-height: 48px; text-align: center; color: #fff !important; border:none; text-decoration: none !important;}

.row {display:block; margin:0 0 7px;}
.action { margin-top: 20px;}


.label { width: 150px; float: left; width: 150px; text-align: right; margin-right: 7px;}
.red {color: #8f0f27; margin-right: 7px;}
.red li { list-style-type: disc;}
.red ul { margin-left: 15px; margin-bottom: 25px;}
/* Tool Tip
---------------------------------------*/
#bubbleInfo .size { height:105px; width:200px; padding: 7px 30px 10px 10px; }
#bubbleInfo a { color: #8f0f27; font-weight: bold;  text-decoration: underline;}
#bubbleInfo .gradient { background-color: #fff; display:none; position:absolute; z-index:100 !important; border: 1px solid #9b8380;}

/* Check out
---------------------------------------*/
#checkout { margin-left: 10px;}

.checkout_steps { margin-bottom: 20px;}
.checkout_steps .steps { list-style-type: decimal;  }
.checkout_steps .steps .selected { background: transparent url(../images/item/step_arrow_selected.gif) no-repeat scroll right center;   }
.checkout_steps .steps li { margin-right:15px; background: transparent url(../images/item/step_arrow.gif) no-repeat scroll right center; padding-right: 20px; display: inline; float: left;  list-style-type: decimal; font-size: 1.3em; font-family: Georgia; font-weight: bold; }
.checkout_steps .steps li.last { background-image: none;}
.checkout_steps .steps li.selected a { color:#8f0f27; }
.checkout_steps .steps li a { color: #000;} 


.largeRoundBox { width: 553px; }
.largeRoundBox .top { background: transparent url(../images/form/largeRoundBox_top.png) no-repeat scroll 0 0;  width: 550px; height: 16px; display:block;}
.largeRoundBox .inner { background: transparent url(../images/form/largeRoundBox_bg.png) repeat-y scroll 0 0; width: 470px;  display: block; padding: 10px 40px; line-height: 1.4em;}
.largeRoundBox .bot { background: transparent url(../images/form/largeRoundBox_bot.png) no-repeat scroll 0 0; width: 550px; height:15px; display: block; }
/*.largeRoundBox .inner img { margin: 5px 0;}*/
.largeRoundBox .inner a { color: #8f0f27;  text-decoration: underline;}
#billing .inner { padding: 10px 0px 10px 25px ; width: 530px;}

.GridShoppingCart .grid_header td{ text-align: left; border-bottom: 1px dotted #000;}
.GridShoppingCart .grid_header th { text-align: left; border-bottom: 1px dotted #000;}
.GridShoppingCart th { text-align: left; }
.GridShoppingCart td.first { width: 240px;}
.GridShoppingCart a{ color: #8f0f27; text-decoration: underline;}
.GridShoppingCart .border td { height: 10px; border-bottom: 1px dotted #000;}

#checkout .action a {float: right; margin-right: 15px;}
a.recalculate {  color: #8f0f27; text-decoration: underline; line-height: 48px;  }

#checkout h3 { margin-bottom: 15px;}
#checkout .billing_address{width:46%;float:left;border-right:1px dotted #000 }
#checkout .row .item{float:left;}
#checkout .checkbox input{margin-right:5px;float:left;margin-top:5px;}
#checkout .checkbox label{display:block;float:left;}
*html #checkout .checkbox label{margin-top:5px;}
#checkout .dropdownlist,#checkout select{border:1px solid #a9938c;height:24px;padding:2px;}
select{border:1px solid #a9938c; font-size: 12px;}
#checkout .address1,#checkout .ba_address1,#checkout .sa_address1{border-bottom:none; margin-bottom: 5px;}
#checkout .shipping_address{width:50%;float:left; margin-left: 15px;}
#checkout .shipping_address .row .item,#checkout .credit_card_details .row .item{padding-right:7px;}
#checkout .billing_address label,#checkout .shipping_address label,#checkout .credit_card_details label{line-height:1.8em;}
#checkout .action{margin-top:15px;}
#checkout .text,.text{border:1px solid #a9938c;height:18px;padding:3px 2px 2px 3px; background: white url(../images/form/textbox.png) no-repeat scroll 0 0;  }


#sitemap .top{  font-weight: bold; margin: 5px 0; display: inline; float: left; width: 100px;  margin-right: 10px;}
#sitemap li.top ul { font-size: 1em; font-weight: normal; }
#sitemap  a { color: #000; }
#sitemap  a:hover { color:#8f0f27; text-decoration: underline; }

.shippingDetail th { font-weight: bold; }
.shippingDetail td { border-bottom: 1px dotted #000; padding: 5px 10px; text-align: center;}


/*-------------recommendation----------*/
.wine_recommendation { display: block; margin-top:15px; }
.wine_recommendation li { text-align: center; display: inline; float:left; width: 120px; }
.wine_recommendation a { font-weight: bold; text-decoration: underline;}
.wine_recommendation li.sep { background: transparent url(../images/item/vertical_sep.png) no-repeat scroll center center; width: 11px; height: 220px; }
/*--------------------------------------------------------------------------*/
/*****SHADOWBOX*****/
/*--------------------------------------------------------------------------*/
#shadowbox_overlay {visibility: hidden; display: block;  margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 998;}
#shadowbox_container {position: fixed; top: 0; left: 0; z-index: 999;width: 100%; height: 0px; margin: 0; padding: 0;text-align: center;}
#shadowbox {display: none; visibility: hidden;margin: 0 auto; padding: 20px; position: relative; z-index: 999;font-family: inherit; text-align: left; }
#shadowbox .clearer {position:relative; z-index: 1100;}
#shadowbox_title { height: 25px; padding: 0; overflow: hidden; }
#shadowbox_title_inner {height: 25px; padding: 0px 0px 9px 8px; color: #fff; font-size: 15px; font-weight:bold; line-height: 16px; white-space: nowrap;}
#shadowbox_body {position: relative; z-index:1000; overflow: hidden; margin: 0; padding: 0;	background-color: #f6ede4; color:White; border: 10px solid #f6ede4;}
#shadowbox_body_inner { position: relative; overflow: hidden; z-index:1000;}
#shadowbox_loading {position: absolute; top: 0; left: 0; height:100%; width:100%;background: #fff url('../images/loading.gif') no-repeat center center;}
#shadowbox_loading img {display:none;}
#shadowbox_loading span {float: left; margin-top: 16px; font:normal 11px Arial;}
#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited {color: #fff;}
#shadowbox_content.html { height: 100%; width: 100%; overflow: auto;}
#shadowbox_toolbar {width:28px; height:28px; margin: 0; padding: 0;position:absolute; top:14px; right:-13px; z-index:1500 !important;}
#shadowbox_toolbar_inner { height: 28px; color: #fff;}
#shadowbox_toolbar_inner div {padding-top: 5px; padding-bottom: 2px; font-size: 11px; line-height: 10px;}
#shadowbox_toolbar_inner div span.shortcut {text-decoration: underline;}
#shadowbox_toolbar_inner div a {text-decoration: none;color: #fff;}
#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next {float: right;padding-right: 10px;}
#shadowbox_toolbar_inner div#shadowbox_nav_close {padding:0px;margin-top:23px;}
a#close {display:block; width:28px; height:28px; background:transparent url('../images/close.png') no-repeat top left;}
#shadowbox_counter {float: left;padding-left: 10px;}
#shadowbox_counter a {padding: 0 4px 0 0;}
#shadowbox_counter a.shadowbox_counter_current {text-decoration: underline;font-weight: bold;}
div.shadowbox_message {text-align: center;padding: 10px;}
div.shadowbox_message a:link,div.shadowbox_message a:visited {text-decoration: none; color:White;font-weight:bold;}
div.shadowbox_message a:hover,div.shadowbox_message a:focus {text-decoration: underline;}

.gold_medal
{
	background-image:url(/WMS/Upload/Images/Awards/Gold_Medal.png);
	position:absolute;	
	width:67px;
	height: 70px;
	margin-top:44px;
	margin-left:-48px;
}
.silver_medal
{
	background-image:url(/WMS/Upload/Images/Awards/Silver_Medal.png);
	position:absolute;	
	width:67px;
	height: 70px;
	margin-top:44px;
	margin-left:-48px;
}
.bronze_medal
{
	background-image:url(/WMS/Upload/Images/Awards/Bronze_Medal.png);
	position:absolute;	
	width:67px;
	height: 70px;
	margin-top:44px;
	margin-left:-48px;
}
#audreyFlash
{
	width:800px;
	height:770px;
	position:absolute;
	z-index:999;
	top:96px;
	left:-770px;
}

