@import url(/includes/css/nav.css); /* CSS for menu style */

/*==================================*\
|*		Re-usable Classes			*|
\*==================================*/
.right{text-align:right;} .left{text-align:left} .center{text-align:center;} .top{ vertical-align:top} .bottom{vertical-align:bottom;}
.floatLeft{float:left;} .floatRight{float:right;} .clear{clear:both;} .clearLeft{clear:left;} .clearRight{clear:Right;} 
.bold{font-weight:bold;} .italic{font-style:italic;} .caps{text-transform:capitalize;} .upper{text-transform:uppercase;}
.width20{width:20%;}.width30{width:30%;}.width50{width:50%;}.width80{width:80%;}.width90{width:90%;}.width100{width:100%;}
.negTop30{margin-top:-30px !important;} .negBot40{margin-bottom:-40px !important;}.nomargin{margin:0px;}
.hideme{display:none;} .nowrap{white-space:nowrap;}
.hideme a{float:none !important; display:inline !important; display:}



/*==================================*\
|*		Font Styles			*|
\*==================================*/
h1, h2, h3, h4, h5, h6, p, li, td, div, label, dd, dt{font-family:Arial, Helvetica, sans-serif;}
h1{font-size:30px;letter-spacing:-1px; margin-top:20px; line-height:95%; }
h2{font-size:23px;letter-spacing:-1px;}
h3{font-size:18px; margin-bottom:5px}
h4{}
p, li, td, th, div, label, dd, dt{font-size:14px;}
ul.floated li{padding:20px;background:url(/images/bullet_wht.gif) no-repeat 5px 0px;}






/*==================================*\
|*		Main Page Areas			*|
\*==================================*/
html, body{padding:0px;margin:0px;}
body{background:#999966;}
#pageFrame{width:800px;margin:auto;border:2px solid #000;background:#CCCC99;}
#head{background:url(/images/header_image_test.jpg) no-repeat bottom center; height:224px;clear:both;}


#leftPanel{float:left;width:215px;margin:none;}
#content{float:left;width:532px;padding:0px 12px;margin:0px 0px 0px 12px;}


#banners{text-align:center;}
#banners img{margin:20px 0px;}

#foot{ background:#330000; text-align:center; font-size:12px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px;}
#foot p{ color:#FFFFFF; margin:0px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px;}
#siteCredits{color:#fff; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px;}
#siteCredits a{color:#FFCC00;}

.breadcrumb{color:#fff;padding-left:7px;font-size:10px; text-transform:uppercase;padding-top:3px;}
.breadcrumb a{float:none !important; display:inline !important;margin:0px;padding:2px !important;}

.redTxt{color:#741B14;}

.roundedBox{margin:auto;width:488px;}
.roundedBox b{display:block;width:488px;height:21px;}
.roundedBox .head{background:url(/images/box_top.png) no-repeat bottom;}
.roundedBox table{background:url(/images/box_bg.png) repeat-y top left;}
.roundedBox .foot{background:url(/images/box_bottom.png) no-repeat;}
.roundedBox .infoBoxContents{background:none;}

.categories a{background:#FFFFCC;border:1px solid #330000;display:block; margin:0px 7px;padding-bottom:5px;text-decoration:none;}
.categories .catName{color:#4B100F;font-weight:bold;display:block; margin:5px 0;}
.categories .click{background:url(/images/click_here.png) no-repeat top center;width:100%; height:18px;display:block;}
.categories .click b{display:none;}

.productBox .infoBox{background: #000;}
.productBox .infoBox{padding: 2px;}
.productBox .infoBoxContents{background:#fff;border:2px solid #996600;}
.productBox .infoBoxContents td{border:1px solid #996600;padding:10px 0px;}

.productListing{background:#fff; border:2px solid #000;margin:10px 0px;}
.productListing-heading{background:#731818;color:#fff;}

legend{color:#000;}
fieldset{padding:4px 9px 11px;border:2px groove #ddd;}


/*==================================*\
|*		Left Menu Style			*|
\*==================================*/
#tastingSched{margin:0 0 0 30px; width:178px; border:3px solid #000; border-top:none; background:#660000;}
#tastingSched h2 span, #tastingSched h3 span{display:none;}
#tastingSched h2{height:34px;margin:0px;padding-top:255px;background:url(/images/pourwine2.gif) no-repeat top left;}
#tastingSched h3{height:80px;margin:0px;padding:0px;background:url(/images/wineandbarintown.gif) no-repeat top left;}
#tastingSched h2 a{display:block;height:25px;}

#leftMenu{background:#660000; margin:0px; padding:0px;}
#leftMenu ul{list-style:none; font-weight:bold; margin:0px; padding:0 0 0 30px;}
#leftMenu li a{font-size:10px;  display:block; text-transform:uppercase; text-decoration:none; color:#FFFFFF; padding: 9px 0 9px 15px;background:url(/images/tabs/arrow_yellow.png) no-repeat 0px 10px;}
#leftMenu li a:hover{background-image:url(/images/tabs/arrow_yellow_ovr.png);color:#999997;}

#leftMenu img{padding:10px 0px;margin:0 0 0 -26px;border-top:2px dotted #fff;border-bottom:2px dotted #fff;}





/*==================================*\
|*		Store Layout CSS 			*|
\*==================================*/
.oscSection{margin:0 0px 30px;}
.oscSection h3{margin-bottom:10px;}

.messageStack{clear:both;}
.messageStack ul, .messageStack li{list-style-type:none; margin: 0px; padding:0px}
.error, .messageStackError{color:#FFFFFF !important; background-color:#FF0000;padding:3px 5px !important;}
.messageStackSuccess{color:#FFFFFF !important; background-color:#009900; padding:3px 5px !important;}
.messageStackWarning{color:#FFFFFF !important; background-color:#FF9900; padding:3px 5px !important;}

table .odd{background:#BEBE78;}

.graybar input[type=image]{margin:5px 0px 0px;}

.cartTable{ 
	width:100%; border:none; 
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; 
	text-decoration: none; 
}
.cartTable th{
	padding:15px 10px;
	color: #000000;
}
.cartTable td, .cartTableTd{
	padding:5px 5px;
}
.cartTable h2{font-size:20px;}
.cartTable label{font-weight:bold;}
.cartTable .even{}
.cartTable .odd{background:#BEBE78}


.prodTable{border:4px solid #000;}
.prodTable table{border:2px solid #996600;}
.prodTable table td{border:1px solid #996600;background:#fff;text-align:center;font-size:12px;padding:5px;vertical-align:top;}

.tit{}
.prc{font-weight:bold;display:block;}


.paymentTable{margin:0px 0px;}
.paymentTable th{text-align:left;}
.paymentTable td{}

.paymentTable tr.selected td{background:#BEBE78;}
.paymentTable tr.grey td,
.paymentTable tr.grey:hover td.nohover{background:#666;color:#fff}
.paymentTable tr.borderBot td{border-top:1px solid #444;border-bottom:1px solid #444;}
.paymentTable tr:hover td{background:#aaa;}
.paymentTable tr:hover td.nohover{background-color:inherit;}
.paymentTable tr.selected:hover td{background:#BEBE78;}

.paymentOptions{margin:5px 0px;}
.paymentOptions td{padding:3px;}
.paymentOptions tr:hover{background:#999;}
.paymentOptions tr.selected{background:#BEBE78;}

.dataTable{border-top:1px solid #999;border-left:1px solid #999;}
.dataTable th{padding-left:5px; background:#ccc;border-right:1px solid #999;}
.dataTable td{padding:5px; border-right:1px solid #999;border-bottom:1px solid #999;}

.fullTable{border-top:1px solid #666; border-bottom:1px solid #666; margin-bottom:10px;}
.cleanTable, .cleanTable tr, .cleanTable td{border:none;}

.cartItem td{}
.cartItem a{color:#502230;font-weight:bold;}
.cartItem .image{float:right; margin:0px 10px;}
.cartItem .image, .cartItem a .image {border:none;}

.couponDetails{background:#ddd; border:1px solid #999; padding:5px; margin-top:5px; text-align:right; font-weight:normal; color:#444 !important;}
.couponCode{font-weight:bold;}

dl{margin:0px 0px 5px;}
dd{margin-left:20px;}
dt{font-weight:bold;}
.dlTable dt{float:left; margin-right:10px; font-weight:normal;}
.dlTable dd{clear:right;font-weight:bold; }

.prodListing{}
.prodListing hr{clear:both;background:#231F20;border-color:#231F20;}
.prodListing .image{float:left; margin:0px 10px;}
.prodListing a img{border:none;}
.prodListing .price{}
.prodListing .price span{display:block; font-weight:bold; font-size:24px;}
.prodListing .options{margin:auto;width:95%;}
.prodListing .options h3,
.prodListing .options h4{clear:both;}

.productSpecialPrice{color:#ff0000; font-weight:bold; background:#fff;}

.prod_attrb{margin-top:0px; padding:0 0 0 17px;}
.prod_attrb,
.prod_attrb li{ font-size:10px; font-style:italic; }

.chk_col{float:left;}
.fm-opt{clear:both;background:none;border-color:none;border-width:1px;}

.styles, .sizes{margin:auto;width:90%;}
.slightCenter{margin:auto;width:98%;}

.smlTxt, .smallText{font-size:12px;}

.fm-opt:hover{}
.fm-opt input{float:left;}
.fm-opt label{display:-moz-inline-box; display:inline-block; vertical-align:bottom;}
.fm-opt label span{font-weight:bold;}
/*.fm-opt label .smallimg{margin-left:25px;}*/

.hiddenLink:link,
.hiddenLink:active,
.hiddenLink:visited{background:none; text-decoration:none;}

.oscRightArrowBox{ width:100%}
.oscRightArrowBox .caption{width:20px; height:50px; float:left; /*background:url(/images/arrow_south_east.gif) no-repeat top center;*/}
.oscRightArrowBox table{ width:88%; clear:none;}
.oscRightArrowBox .tfoot{clear:both; height:2px;}

.checkoutBar{
	margin:10px auto;padding:5px 0 0;
	clear:both;height:50px;width:80%;
	background:url(/images/progress_bar_dk.png) no-repeat 50px 5px;text-align:center;
}
.checkoutBar li{
	list-style:none;display:inline;padding:0px 0 0;width:24.0%; font-size:10px;
	display:-moz-inline-box; display:inline-block; vertical-align:top;
}
.checkoutBar li a{text-decoration:none; cursor:pointer;}
.checkoutBar li span{display:-moz-inline-box; display:inline-block; vertical-align:top;width:100%;padding:15px 0 0;color:#666;}
.checkoutBar li.current span{background:url(/images/progress_bar_bullet_dk.png) no-repeat 42px 0px;color:#000;}
.checkoutBar li.last{background:url(/images/progress_bar_last_dk.png) no-repeat 50px 0px;}


/*==================================*/


.ulmenu{margin-top:30px; padding:0px;}
.ulmenu ul, .ulmenu li{list-style-type:none; margin: 0px; padding:0px}
.ulmenu li{margin:0 5px;}

.button{display:-moz-inline-box; display:inline-block; /*display:block;*/ text-decoration:none;}
.button span{display:none; visibility:hidden; text-align:center; text-decoration:none;}
.addToCart{background:url(/images/add.jpg) top left; width:130px; height:28px; border:0px;}
/*a.cancel{ background:#ccc;width:85px; height:28px; border:0px; }*/
.cancel span{display:inline;}
.continue{background:url(/images/continue.jpg) top left;width:85px; height:28px; border:0px;}
.continueShopping{background:url(/images/continue-shopping.jpg) top left;width:144px; height:28px; border:0px;}
.checkOut{background:url(/images/check-out.jpg) top left; width:109px; height:28px; border:0px;}
a.upload,
input.upload,
button.upload{background:url(/images/buttons/button_upload.gif) top left; width:65px; height:22px; border:0px;}
/*button.upload{background:url(/images/upload-image.jpg) top left; width:118px; height:27px; border:0px;}*/

.editShipping{background:url(/images/edit-shipping-details.jpg) top left; width:164px; height:28px; border:0px;}
.editBilling{background:url(/images/edit-billing.jpg) top left; width:180px; height:28px; border:0px;}

.editAddress{float:left; margin:0px 10px 10px;}

.cancel{background:url(/images/buttons/button_cancel.gif) top left;width:65px; height:22px; border:0px;}
.update{background:url(/images/buttons/button_update.gif) top left;width:65px; height:22px; border:0px;}
.save{background:url(/images/buttons/button_save.gif) top left;width:65px; height:22px; border:0px;}



/*========================*/
/*      Form Styles		  */
/*========================*/
.frm_struct{ margin:0px; padding:0px; list-style-type:none; }

.frm_struct li{
	float:left;
	clear:left;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:12px;
	width:100%;
}

.frm_struct label{font-weight:bold;}
.frm_struct li label{}
.frm_struct li div label{
	padding: 0px 23px 0px 0px;
	display:block;
	font-size:10px;
	color:#777;
	text-align:left;
	width:auto;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

input[type=text], input[type=password], textarea{
	padding:3px 2px;
	background-color:#fff !important; 
}
input[type=text], textarea, select{
	background:#fff url(/images/bg/input_bg.png) repeat-x; 
	border:1px solid #999;
}


#phone label{width:23px;float:left;}

#error{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ff0000;	
	border:2px solid #aa0000;
	color:#fff;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px;
}
.inputRequirement{color:#ff0000;}

input.medium, select.medium, textarea.medium{width:50%;}
input.large, select.large, textarea.large{width:100%;}

.info{border-bottom:1px dotted #666;margin-bottom:15px;}
.info h2{margin-bottom:0px;}

/*==========================*/

.doubCol li{width:90%;}
.doubCol li label{display: -moz-inline-box; display:inline-block; width:40%; }




/*====================================*/
/*      IMC Admin Menu Branding		  */
/*====================================*/
li.imc_logo{float:right !important; font-size:10px; font-weight:bold; color:#777; margin:0px 0px 0px;}
.imc_logo span{ background: url(/images/icons/imc_logo_black.png) 0px 0px no-repeat; padding: 2px 8px 0px 22px !important; height:18px; display:block;}