/* @override http://www.hazelchicago.com/v2/style.css */

/*MINI RESET*/
/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal!important; }
ol, ul {list-style: none;}

/*RESETTING YAHOO CSS*/
#container, #contents, #contents td, #header, #bodyshell, #searcharea, #footer, #section-contenttitle, #item-contenttitle, #itemarea, #caption, #searchpageHeader{  background-color:transparent!important; }
/*remove random white borders*/
#contents, #contents .vertical-seperator, #contents .horizontal-seperator, #contents #contents-table{border:none;}
#bodyshell {border-left:none;}
#nav-product {margin-left:0px}
td, tr {margin:0px!important;padding:0px!important}
/*===========================================*/
/*GENERAL*/
/*===========================================*/
/*old brown background with texture
body {background: #42331e;}
body {background:url(http://www.hazelchicago.com/v2/bg.jpg)}*/
body {background:#58634b}
#bgimg {background: url(http://www.hazelchicago.com/v2/branch.png) no-repeat 0px 30px;height: 700px} 
#container {padding:0 50px}

a,a:hover {text-decoration:none!important;} 

/*remove firefox and IE dotted link border*/
a:active {outline: none!important;}
a:focus {outline: 0px;} 

/*WIDTHS*/
#container { width: 820px;border:0px;}
#bodycontent {width:600px!important;margin:0px 15px!important}
#contentarea #caption {margin:0px;padding:0px;}
#myimagecolumn {width:300px;float:left!important;}
#myproductinfo {width:285px;float:left; }
#myimagecolumn {margin-right:15px!important}
/*fix ie jumping tables*/
#contentarea div {margin: 0px}
#contents .horizontal-seperator {margin:0px}

/*===========================================*/
/*PAGE HEADERS*/
/*===========================================*/
#searchpageHeader {color: #fff;padding:0px}

/*===========================================*/
/*HEADER & LOGO & SHOPPING BAG*/
/*===========================================*/
/*remove logo padding*/
#brandmark a { padding:0px;}

/*shopping bag*/
#shoppingbag {float: right;position:relative;top: 106px;left:-20px}
#nav-general {display:none;}

div#header {display:block;height:130px;margin-top:-30px;}

/*===========================================*/
/*SIDEBAR*/
/*===========================================*/
/*revove default color*/
.submenu a {
background-color:inherit!important;border:none;padding:0px!important;font-weight:normal!important;border:none!important}
/*for ie*/
.submenu a {color: #a6a395!important;}
.submenu a {color: rgba(255,255,255,0.5)!important;}

.submenu a:hover {color:#FF7021!important;}

#htmlbottom {padding:0px}
/*sidebar width*/
#nav-product {width:150px;margin-bottom:10px;}

#nav-product {background:url(http://www.hazelchicago.com/v2/5percent.png);padding:8px 20px 20px}
#nav-product .mainmenu {font-size: 18px;font-weight:normal;text-transform:lowercase;padding-bottom:4px;padding-top: 10px}
/*#nav-product li, .submenu {margin-left:10px}*/
#nav-product ul li, .submenu {min-height:18px}
/*drop shadow*/
/*#nav-product {text-shadow: 2px 2px 4px #333;}*/

/*===========================================*/
/*SEARCH BAR*/
/*===========================================*/
#searcharea fieldset {  padding: 0px;}
#searcharea input { color: #fff;padding:0px 6px;margin: 0px;border: 0px;height:2em;background: url(http://www.hazelchicago.com/v2/5percent.png);width: 130px;}

#searcharea label.labelfield { font-weight:normal!important;text-transform:lowercase!important;  }
#searcharea input {font-size:12px;font-family:Helvetica, Arial, San-serif;}

/*===========================================*/
/*HOME PAGE*/
/*===========================================*/
/*home page specials title*/
#specialstitle {background:transparent;color:#fff;margin:10PX 0px;padding:0px;text-transform:lowercase}
ul#gallery li {margin:0px;padding:0px;}
ul#gallery {margin-bottom:20px!important;}
/*===========================================*/
/*CONTENT*/
/*===========================================*/

/*===========================================*/
/*product listing page*/
/*===========================================*/
/*fix featured designer right justified bordered image*/

/*span.image-r {float:left;margin:0 15px 15px  0;background:none;padding:0px;}
span.image-r img {border:6px solid #fff}
*/
/*remove featured designer image*/
#caption span.image-r {display:none;}

/*===========================================*/
/*product page*/
/*===========================================*/

/*section header*/
#sectionheader h1 {padding:10px 0px;font-size:24px!important}

/*all headers*/
h1 {line-height:1em;font-size:22px!important;letter-spacing:.01em!important;}

/*fix product grid spacing without affection also available grid*/
.vertical-seperator {margin-right:26px!important;margin-bottom:20px!important}
 td.vertical-seperator,td.horizontal-seperator { width:180px!important;float:left;text-align:left;}


/*Availability*/
div.itemavailable, div.itemavailable em { font-size:10px;text-transform:lowercase;}
div.itemavailable em {font-style:normal!important;font-weight:bold}

/*breadcrumbs*/
.breadcrumbs {text-transform:lowercase;padding-left:6px;}
.breadcrumbs a {display:inline}
/*section/product header*/
#item-contenttitle, #section-contenttitle {padding:0px;color:#fff;font-weight:normal;letter-spacing:.05em;margin: 0 0 10px 0;}

/*item area*/
#itemarea {padding:0px}
#caption {margin: 0px!important;padding:0px!important; text-align:justify;}
#bodycontent {line-height:1.5em}
#itempage-captiontitle {display: none;}

#caption, .itemavailable {color: rgba(255,255,255,0.5)}
#caption b {color: #fff}
#outofstock {text-transform:uppercase;color: #FF7021;margin-top:2px!important;font-weight:bold;}

/*hide item code*/
form div.code {display:none;}

/*links*/
#contentarea .name a, #contentarea #caption a {border-bottom:1px dotted #FF7021;color:#fff;}

/*add to cart button*/
.itemform input.ys_primary { background:#939408; float:left;margin-right:10px}
/*back button*/
#backbutton {float:left;background:#939408;margin-top:10px!important}
#backbutton a {height:26px!important;color:#fff;margin-top:4px!important;display:block;padding:0px 6px}
#backbutton:hover, .itemform input.ys_primary:hover {background:#FF7021;}
/*both buttons*/
#backbutton, .itemform input.ys_primary {border:0;height:26px;font-size:11px; font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-transform:lowercase; width:86px;text-align:center}

#info-div form input[type="text"] {border: 0px;height:24px;padding-left:4px!important;margin-left:4px}
#info-div form input[type="submit"]{border:0px;height:24px;padding:0 6px;margin-left:2px}
/*remove border from main image*/
.image-l {background:none;padding:0px;margin: 0px}


/*alt images*/
#alternateviewstitle {font-weight:bold;margin-bottom:4px!important}
#altimages a img {margin-right:10px;}
#pricedivider {background:url(http://www.hazelchicago.com/v2/5percent.png);height:2px;margin-bottom:10px!important;}
/*product layout page*/
.name {font-weight:normal!important;padding:0px!important;text-align:center;}

#contents .price-bold {margin:0px!important; font-weight:bold!important;text-align:center;}
form .price-bold {text-align:left;font-weight:bold}
/*privacy policy*/
#info-div {background:inherit}

/*sold out*/
.soldout {background:url(http://www.hazelchicago.com/v2/80percent.png);width:170px;text-align:center;color: #666;font-weight:bold;position:absolute;margin:139px 0 0 0px; padding:4px 10px 4px 10px;  text-transform:uppercase;font-size:12px}

/*===========================================*/
/*YOU MIGHT ALSO ENJOY*/
/*===========================================*/
#accessorytitle { text-transform:lowercase;margin-bottom:15px; margin-top:15px}
#myaccessories {border-left:none;border-right:none;padding-bottom:10px;margin-top:50px!important}

/*make smaller*/
#myaccessories img {width:140px;height:140px;}
#myaccessories .soldout {width:120px;margin-left:0px;margin-top:105px;}
#myaccessories table td.horizontal-seperator {width:140px!important}
#myaccessories .name, #myaccessories .price-bold{font-size:11px!important}

#myaccessories td.horizontal-seperator.vertical-seperator { padding-right:15px!important }
#myaccessories table {width: 550px;}

/*===========================================*/
/*FOOTER*/
/*===========================================*/
#footer {text-transform:lowercase}
#footer {background: url(http://www.hazelchicago.com/v2/820bar.png) no-repeat;padding-top:16px;}

/*===========================================*/
/*location/hours*/
/*===========================================*/
#location strong {font-size:18px;font-weight:normal}
#location {margin-bottom:40px}
/*===========================================*/
/*uncategorized*/
/*===========================================*/

#bodycontent form select {background: #4c3d27;color:#fff;border:0px;padding:2px!important;margin:2px!important }

#bodycontent form select{font-family:Helvetica, Arial, Sans-serif;padding:0px;font-size:12px}

hr {background:url(http://www.hazelchicago.com/v2/5percent.png);height:2px;margin-bottom:10px!important;border:0px}

#yahoo_privacy {padding:20px 20px 0px;background:url(http://www.hazelchicago.com/v2/5percent.png);margin-bottom:20px;text-align:justify}
#info-div {margin: 0px}

div#nav-product { min-height:373px }

