/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bodybg.gif) repeat-x;
	background-color:white;
	text-align:center;
	color:#333333;
}

#containerWrapper{
	background:url(images/containerbg.gif) repeat-y;
	width:962px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

a, a:visited, a:active, a:link{
	color:#821b1d;
}

html > #container{
	height:auto;
}

#container{
	background:url(images/containerboxbg.gif) no-repeat;
	width:962px;
}

#containerContent{
	margin-left:10px;
	margin-right:10px;
}

div.ContentPane, div.ContentPane span, div.ContentPane span.Normal, table td, p font, div.Normal{
	font-family: Arial;
	line-height:15px;
	font-size:12px;
}

p{
	margin:0px;
	padding:0px;
}

#header{
	height:110px;
	position:relative;
}

#logo{
	position:absolute;
	background:url(images/logo.gif) no-repeat;
	width:301px;
	height:64px;
	top:30px;
	left:25px;
	overflow:hidden;
}

#logo h2#hLogo{
	width:301px;
	height:64px;
}

#logo a#logoLink{
	display:block;
	width:301px;
	height:64px;
	text-indent:-999em;
}

#topRuler{
	position:absolute;
	left:25px;
	top:75px;
	width:887px;
 	height:1px;
	background:url(images/topruler.gif) no-repeat;
}

#navWrapper{
	position:absolute;
	width:584px;
	height:28px;
	left:350px;
	top:50px;
}

#nav , #nav li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#nav li{
	float:left;
}

#nav li#menuhome{background:url(images/nav/menuhome.gif) no-repeat;width:46px; }
#nav li#menushop{background:url(images/nav/menushop.gif) no-repeat;width:40px; }
#nav li#menuevents{background:url(images/nav/menuevents.gif) no-repeat;width:57px; }
#nav li#menupartners{background:url(images/nav/menupartners.gif) no-repeat;width:76px; }
#nav li#menuabout{background:url(images/nav/menuabout.gif) no-repeat;width:51px; }
#nav li#menucorporate{background:url(images/nav/menucorporate.gif) no-repeat;width:90px; }
#nav li#menucustomer{background:url(images/nav/menucustomer.gif) no-repeat;width:150px; }
#nav li#menublog{background:url(images/nav/menublog.gif) no-repeat;width:44px; }

#nav li#menuhome.selected{background:url(images/nav/menuhome_on.gif) no-repeat;}
#nav li#menushop.selected{background:url(images/nav/menushop_on.gif) no-repeat;}
#nav li#menuevents.selected{background:url(images/nav/menuevents_on.gif) no-repeat;w}
#nav li#menupartners.selected{background:url(images/nav/menupartners_on.gif) no-repeat;}
#nav li#menuabout.selected{background:url(images/nav/menuabout_on.gif) no-repeat;}
#nav li#menucorporate.selected{background:url(images/nav/menucorporate_on.gif) no-repeat;}
#nav li#menucustomer.selected{background:url(images/nav/menucustomer_on.gif) no-repeat;}
#nav li#menublog.selected{background:url(images/nav/menublog_on.gif) no-repeat;}

#nav li#menuhome, #nav li#menushop, #nav li#menuevents,  #nav li#menupartners, #nav li#menuabout,
#nav li#menucorporate, #nav li#menucustomer,  #nav li#menublog,#nav li#menuhome.selected, #nav li#menushop.selected, #nav li#menuevents.selected, #nav li#menupartners.selected, #nav li#menuabout.selected,#nav li#menucorporate.selected, #nav li#menucustomer.selected,  #nav li#menublog.selected{
	background-position:0px 8px;
	height:28px;
	overflow:hidden;
}

#nav li#menuhome a, #nav li#menuhome.selected a{width:46px;}
#nav li#menushop a, #nav li#menushop.selected a{width:40px;}
#nav li#menuevents a, #nav li#menuevents.selected a{width:57px;}
#nav li#menupartners a, #nav li#menupartners.selected a{width:76px;}
#nav li#menuabout a, #nav li#menuabout.selected a{width:51px;}
#nav li#menucorporate a, #nav li#menucorporate.selected a{width:90px;}
#nav li#menucustomer a, #nav li#menucustomer.selected a{width:150px;}
#nav li#menublog a, #nav li#menublog.selected a{width:44px;}

#nav li#menuhome a, #nav li#menushop a,  #nav li#menuevents a, #nav li#menupartners a,
#nav li#menucorporate a, #nav li#menucustomer a, #nav li#menuabout a, #nav li#menublog a{
	display:block;text-indent:-999em;
	height:19px;
}

#nav li.sep{
	width:20px;
	background:url(images/menudivider.gif) no-repeat;
	background-position:9px 5px;
	height:28px;
}

#a60.a60, #a61.a61{
	text-decoration:underline;
}

/*******************************************************
HOME TEMPLATE
*******************************************************/
#bodyHome{
	clear:both;

	margin-left:20px;
	float:left;
}

#leftHome{
	width:685px;
	float:left;
}

#leftHomeImage{
	background:url(images/homeimage.jpg) no-repeat;
	height:223px;
}

#leftHomeImageBanner{
	height:223px;
	background-color:white;
}

#featurebar{
	background:url(images/featurebar.gif) no-repeat;
	height:25px;
	margin-bottom:33px;
}

#leftHomeContent{
	margin-left:20px;
	margin-right:30px;
	
}

.product{
	float:left;
	width:90px;
}

.productTitle, .labelPrice{
	color:#8f0d0d;
	text-decoration:underline;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
}

.productTitle a{
	color:#8f0d0d;
}

.productTitle a:hover{
	color:#3c4851;
}

.labelPrice{
	text-decoration:none;
	font-size:12px;
	padding-right:30px;
}

.links{
	padding-left:8px;
	padding-right:10px;
}

.links a{
	color:#444444;
}

.links a:hover{
	color:#3c4851;
}

.productContent{
	float:left;
	width:520px;
}

.liner{
	margin-top:10px;
	margin-bottom:10px;
	background:url(images/liner.gif) no-repeat;	
	width:614px;
	height:7px;
}

#rightHome{
	float:right;
	width:208px;
	margin-right:20px;
}

.input{
	border:none;
	border:solid 1px black;
	margin-bottom:5px;
	width:153px;
}

.inputSearch{
	border:none;
	border:solid 1px black;
	margin-bottom:5px;
	width:153px;
	padding-left:5px;
}
#browseBox{
	background:url(images/browseBox.gif) no-repeat;	
	height:88px;
	border:solid 1px white;
}

#contactbox{
	background:url(images/contactusbox.gif) no-repeat;	
	height:88px;
	border:solid 1px white;
}

#dnn_browseBox{
	
}

#clientLoginBox{
	background:url(images/clientLoginBox.gif) no-repeat;	
	height:60px;
	
}

#wineBlogBox{
	background:url(images/wineBlogBox.gif) no-repeat;	
}

#newsletterBox{
	background:url(images/newsletterBox.gif) no-repeat;	
}

#productSearchBox{
	background:url(images/productSearchBox.gif) no-repeat;	
	position:static;
	height: 130px;
}

.mTop{
	margin-top:7px;
}

ul.bullet, ul.bullet li, ul.arrowList, ul.arrowList li{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.bullet li{
	background:url(images/bullet.gif) no-repeat;	
	background-position:0px 5px;
	padding-left:8px;
}

ul.bullet li a{
	font-size:11px;
}

ul.bullet li a:hover{
	color:#3c4851;
}

ul.arrowList li{
	background:url(images/smallredarrow.gif) no-repeat;	
	background-position:0px 5px;
	padding-left:13px;
}

ul.arrowList li a, ul.arrowList li a:visited, ul.arrowList li a:active, ul.arrowList li a:link{
	line-height:20px;
	font-weight:Bold;
	color:#821b1d;
}

ul.arrowList li a:hover{
	color:#3c4851;
}
ul.arrowListContact
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.arrowListContact li{
	list-style:none;
	background:url(images/smallredarrow.gif) no-repeat;	
	background-position:0px 5px;
	padding-left:13px;
}
ul.arrowListContact li a, ul.arrowListContact li a:visited, ul.arrowListContact li a:active, ul.arrowListContact li a:link{
	line-height:20px;
	font-weight:normal;
	color:#821b1d;
}

ul.arrowList li a:hover{
	color:#3c4851;
}

.underline{
	text-decoration:underline;
}

.leftPad{
	padding-left:10px;
}

.box{
	min-height:105px;
	height:auto !important;
	height:105px;
}

.box, .boxShop, .defaultBox{
	margin-bottom:20px;
	padding-top:50px;
	padding-left:25px;
	height:105px;
}

.boxShop{
	padding-top:42px;
}

#dnn_boxShop{
	width:150px;
}
/*******************************************************
SHOP TEMPLATE
*******************************************************/
#bodyShop{
	margin-top:27px;
	margin-left:15px;
}

#leftShop{
	width:227px;
	float:left;
	margin-right:5px;
}

#rightShop{
	float:left;
	width:665px;
}

#rightShopContent{
	margin-top:-30px;
	margin-left:26px;
	width:640px;
}

#redLiner{
	height:40px;
	background:url(images/redLiner.gif) no-repeat;
}

#redLiner_54, #redLiner_59, #redLiner_60,#redLiner_61,#redLiner_62,#redLiner_63, #redLiner_64,
#redLiner_56, #redLiner_57, #redLiner_58, #redLiner_65
{
	height:25px;
	margin-bottom:50px;
}

#redLiner_65 {background:url(images/redbar_shop.gif) no-repeat;}
#redLiner_56 {background:url(images/redbar_privacy.gif) no-repeat;}
#redLiner_57 {background:url(images/redbar_salespolicy.gif) no-repeat;}
#redLiner_58 {background:url(images/redbar_contactus.gif) no-repeat;}
#redLiner_59 {background:url(images/redbar_about.gif) no-repeat;}
#redLiner_60 {background:url(images/redbar_corporate.gif) no-repeat;}
#redLiner_61 {background:url(images/redbar_events.gif) no-repeat;}
#redLiner_62 {background:url(images/redbar_customer.gif) no-repeat;}
#redLiner_63 {background:url(images/redbar_partners.gif) no-repeat;}
#redLiner_64 {background:url(images/redbar_blog.gif) no-repeat;}

#shopBox{
	background:url(images/shopBox.gif) no-repeat;
	height:auto;
	min-height:110px !important;
	height:110px;
}

.defaultBox{
	background:url(images/defaultBox.gif) no-repeat;
	height:auto;
	min-height:110px !important;
	height:110px;
}

#viewBox{
	background:url(images/viewBox.gif) no-repeat;
	height:150px;
}

#cartBox{
	/*background:url(images/cartBox.gif) no-repeat;*/
}

.right{
	text-align:right;
	padding-top:10px;
	padding-right:50px;
}

.labelTotal{
	font-weight:bold;
	margin-bottom:12px;
}

ul.squareList{
	height:70px;
}

ul.squareList, ul.squareList li{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.squareList li{
	background:url(images/square.gif) no-repeat;	
	background-position:0px 5px;
	padding-left:8px;
	font-weight:bold;
}


.leftSpace{
	height:30px;
}

.SearchButton
{
	padding-left:95px;
	background:#ffffff url(/Portals/0/Skins/BestCellars/images/searchbutton.gif) top right no-repeat;
	border: 0pt;
	height:30px;
	cursor:hand;
	cursor:pointer;
	
}
/*******************************************************
FOOTER
*******************************************************/
#footer{
	background:  url(images/footer.gif) no-repeat;
	width:962px;
/*	position:relative;*/
	float:left;
	clear:both;
	color:#cacaca;
	padding-top: 18px;
	display:block;
	height: 30px;
	#height: 40px;

}




#leftFooter{
	float:left;
	padding-left: 12px;
	font-size:9px;
}

#rightFooter{
	padding-right: 10px;
	float:right;
	font-size:9px;
	
}

#rightFooter ul, #rightFooter ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:9px;
}

#rightFooter ul li{
	float:left;
}

#rightFooter ul li.sep{
	background:url(images/footerdivider.gif) no-repeat;
	background-position:0px 2px;
	width:3px;
	height:11px;
	margin-left:3px;
	margin-right:3px;
}

#rightFooter ul li a{
	font-size:9px;
	color:#cacaca;
	text-decoration:none;
}

#rightFooter ul li a:hover
{
	
	text-decoration: underline;

}

/*
#rightFooter ul li a, #rightFooter ul li a:visited, #rightFooter ul li a:active, #rightFooter ul li a:link{
	color:#821b1d;
}

.rightFooter ul li a:hover{
	color:#3c4851;
}*/

.footSep{
	background:url(images/footerdivider.gif) no-repeat;
	width:3px;
	height:11px;
	margin-left:3px;
	margin-right:3px;
}

.clear{
	clear:both;
}

.hTitle{
	height:30px;
	margin-bottom:20px;
}
.hTitle span.Head{
	color:white;
	font-size:15px;
	font-weight:bold;
}



/* loaded images */
#loadedWrapper{

	margin-top:20px;
	clear:both;
	width:962px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:none;
	height:50px;
}
#loaded{
	float:right;
	margin-bottom:10px;
	margin-right:5px;
}

#loadedLogo{
	background:url(images/site_by_loaded.gif) no-repeat;
	width:73px;
	height:27px;
}

h5{
	margin:0px;
	padding:0px;
}
h5#logoImage{
	width:73px;
	height:27px;
}

h5#logoImage a{
	display:block;
	width:73px;
	height:27px;
	text-indent:-999em;
	margin-bottom:5px;
}

/**CLEARER***/
.clearer {
	clear:both;
	line-height:0px;
	height:0px;
	overflow:hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {

    clear:both;
    height:1px;
    overflow:hidden;
  }

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

