

@charset "utf-8";
/* CSS Document */
/*----------RESET ----------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
sup {font-size: 80%; 
	height: 0;
	line-height: 1;
	vertical-align: middle;
	position: relative;}
blockquote, q {
	quotes: none;
	}

html { min-height: 100%; margin-bottom: 1px; }	
html, body {
	height: 100.1%;}
:focus {
	outline: 0;
	}





/*---------MASTER ------------------------*/
body {
	margin:0;
	padding:0;
	font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	background: #e7e4d3;
}

#globalwrap {
	width: 909px;
	margin: 0 auto;
}	
#banner {
	width: 909px;
	height: 146px;
	background: url(/images/mbh/banner.jpg) no-repeat;
	}
#content {
	float: left;
	width: 909px;
	background: url(/images/mbh/bg_home.gif) repeat-y;
}
#navbar {
	width: 909px;
	height: 31px;
	background: url(/images/mbh/bg_menu.gif) no-repeat;
}
#nav {
	width: 650px;
	float: left;
}
.searchbox {
	width: 180px;
	float: right;
}
#footer {
	clear: both;
	width: 909px;
	background: url(/images/mbh/page_bottom.gif) no-repeat top;
}
#footer p {
	padding: 20px 0 20px 20px;
	font-size: 90%;
}
#crumb {
	margin: 5px 0 5px 50px;
	font-size: 85%;
}


/* HOME PAGE STYLES */
.homebox {
	width: 805px;
	margin: 20px 0 20px 50px;
	background: url(/images/mbh/home_bl.gif) no-repeat left bottom;
}
.homebox-br {
	background: url(/images/mbh/home_br.gif) no-repeat right bottom;
	padding-bottom: 1em;		
}
.homebox-tl {
	background: url(/images/mbh/home_tl.gif) no-repeat left top;		
}
.homebox #home_secondary, .homebox h1.first {
	background: url(/images/mbh/home_tr.gif) no-repeat right top;
	padding-top: 20px;
}
.homebox p{
	padding: 10px 10px 10px 20px;
	font-size: 110%;
	}
#home_primary {
	width: 430px;
	float: left;
}
#home_secondary {
	width: 300px;
	float: right;
}
#home_secondary .slideshow {
	width: 265px;
}
	/*
.calloutbox {
		width: 200px;
		margin: 20px 0 20px 20px;
		background: url(/images/mbh/callout_bl.gif) no-repeat left bottom;
}
.calloutbox-br {
		background: url(/images/mbh/callout_br.gif) no-repeat right bottom;
		padding-bottom: 1em;
		
}
.calloutbox-tl {
		background: url(/images/mbh/callout_tl.gif) no-repeat left top;
		
}
.calloutbox .first{
         background: url(/images/mbh/callout_tr.gif) no-repeat right top;
         padding-top: 15px;
        font-size: 90%;
        font-family:  "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
        font-weight: bold;
}
.calloutbox p {
	padding: 0 20px;
	font-size: 90%;
        font-family:  "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
        font-weight: bold;
	}
.calloutbox img{
	padding: 0 0 0 20px;
	}*/


#primary {
	padding: 10px 30px;
    width: 740px;
}
#image_full { 
    float: right;
    padding: 10px 0 20px 0;
}
#secondary {
	float: left;
	padding: 10px 0 0 10px;
    width: 220px;
}




/* CALLOUT */
.boxsm {
      width: 200px;
      padding: 0px;
      margin: 10px 0 10px 20px;
      float: left;
      background: url(/images/mbh/callout_bottomcurve.gif) no-repeat bottom;
}

.boxsm-top {
      background: url(/images/mbh/callout_topcurve.gif) no-repeat top;		
}
.boxsm p {
      font-size: 90%;
      font-family:  "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
      font-weight: bold;
      padding: 10px 20px 5px 20px;
}
#home_primary .boxsm img {
    padding-left: 20px;
}

.boxsm2 {
      width: 200px;
      padding: 0px;
      margin: 10px 0 10px 10px;
      float: left;
      background: url(/images/mbh/callout_bottomcurve.gif) no-repeat bottom;
}

.boxsm2 .boxsm-top {
      background: url(/images/mbh/callout_topcurve.gif) no-repeat top;		
}
.boxsm2 p {
      font-size: 90%;
      font-family:  "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
      font-weight: bold;
      padding: 10px 20px 5px 20px;
}
#home_primary .boxsm2 img {
     float: right;
     margin-right: 5px;
}

/* LARGE SHADED ROUNDED CORNER ON MOST PAGES */
.box {
	width: 800px;
	margin: 10px 50px;
	background: url(/images/mbh/curved_bottom.gif) no-repeat bottom;
}
.box-top {
	background: url(/images/mbh/curved_top.gif) no-repeat top;
		
}



/* TYPOGRAPHY */
a:link, a:visited {
	color: #4e6b54;	
}
a:hover {
	color: #999;
}
h1 {
	color: #af471a;
	font-size: 130%;
	padding: 0 0 10px 0;
}
.box h1 {
	padding: 10px 0;
}
p {
	padding: 4px 0;
	margin: 0;
}
ul {
	padding: 4px 0;
	margin: 0 0 0 20px;
	}
.info p { /* category description */
	padding: 0 50px 10px 0; 
	font-size: 95%;
	line-height: 1.3em;
}
p.small {
	font-size: 90%;
}

#size {
	color: #4e6b54;
	padding: 30px 0 5px 0;
}
#item { 
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0 20px 0;
}


/* MISC */
.reset {
	clear: both;	
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.c {
	text-align: center;
}
.br {
	border-right: 1px dashed #ccc;
      }
#paginate {
	clear: both;
}

/* GALLERY PAGE */
#gallerycontainer {
	float: left;
	width: 400px;
}
.galleryblock {   
	width: 395px;
	float: left;
	color: #666;
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}
.galleryblock h2 {
	color: #4e6b54;
	font-size: 115%;
	font-weight: bold;
	font-family:  "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
      }
.gallery {
       width: 180px;
}

/* BASKET THUMBNAIL PAGES */
#thumbnailwrap {
      float: left;
}
.thumbbox {   
      float: left;
      width: 158px;
      height: 185px;
      text-align: center;
      margin: 0 8px 8px 0;	}	
.thumbbox a {
      float: left;
      
}
.thumbbox  a img {
      padding: 4px;
      background-color: #fff;
      border: 1px solid #ccc;  
}
.thumbbox  a:hover img {
      padding: 4px;
      background-color:#BBCEBB;
      border: 1px solid #4e6b54;
	}
.thumbbox  h4{
       font-size: 80%;
       line-height: 1.25em;
       margin: 0;
       padding: 0;
       color: #4e6b54;
       font-weight: normal;
       clear:both;
}


/* SEARCH */
.searchbox {
	margin:  0 0 0 10px;
	padding:  0;
}	
.searchbox  span a:link, #sidebar .searchbox  span a:visited{
	font-size: 80%;
	padding: 0 0 0 5px;
	margin: 0;
        color: #a09f68;
	text-decoration: none;
	} 
.searchbox  span a:hover {
       color: #cf3851;
	text-decoration: underline;
}	
input.searchbutton {
	background: #af471a;
	color: #fff;
	font-weight: bold;
	padding: 0 3px;
	margin: 0 0 0 2px;
	font-size: 10px;
       font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
       border: 0;	
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;

	}
input.searchtxt {
           border-top: 1px solid #333;
           border-left: 1px solid #333;
           border-right: 1px solid #ccc;
           border-bottom: 1px solid #ccc;
           padding: 2px;
           color: #333;
          font-size: 85%;
          width: 120px;
          -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
	}


/*--form elements--*/ 
form {
	margin: 0;
	padding: 0;
	}
input:focus, select:focus, textarea:focus{
	background: #e7e4d3;
	}

#comments {
	margin: 0;
	padding: 0;
       clear: both;
}
	
#commentform  {
        list-style: none;
	padding: 0;
	margin: 10px 0;
}
#commentform p{
	padding: 4px 0 8px 0;
	clear: both;
        list-style: none;
	}
#commentform p.check {
       padding: 4px 0;
       margin: 0;
}
#commentform p.smile {
       padding: 4px 0 0 0;
       margin: 0;
}
#commentform p.captcha {
       padding-bottom: 10px;
}
ul#contactform  {
        list-style: none;
	padding: 0;
	margin: 0;
}
ul#contactform li {
	padding: 4px 0 8px 0;
	clear: both;
        list-style: none;
	}


 label{
	display: block;
	color:  #4e6b54;
        font-size: 90%;
	}
p.captcha label {
	display: none;
	}

.captcha img {
	float: left;
	margin-right: 5px;
	}
input#captcha {
	float: left;
	}
li.submit_but{
     clear: both;
     padding-top: 5px;
}
input#name,  input#email,  input#url, input#captcha,  input#subject, input#from{
	width: 300px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	color: #444;
	font-size: 11px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
	}
input.txt {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	color: #444;
	font-size: 11px;
        -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
}

fieldset em.required{
	color: #af471a;
	}
fieldset p em.required{
	font-size: 11px;
	color: #af471a;
	}
textarea {
	width: 500px;
	height: 140px;
	font-family: inherit;
	color: #444;
	font-size: 11px;
	font-family: verdana, sans serif;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;    
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	} 

.captcha .textfield {
	width: 100px;
	}


label span{
	font-size: 88%;
	color: #8a0019;
	padding: 0;
	}



/* buttons */ 
input.button {
	font: 11px Verdana, Arial, sans-serif;
	border-top: solid 1px #f0738a;
	border-left: solid 1px #f0738a;
	border-bottom: solid 1px #8a0019;
	border-right: solid 1px #8a0019;
	background: #af471a;
	color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
