body { background:#2395c7 url(../images/bg.jpg) no-repeat top center; font:11px/16px Verdana Helvetica; color:#555; }

div#header_wrap { margin:0 auto; width:960px; height:108px; }

h1#logo { background:url(../images/logo_mbc.png) no-repeat; display:block; width:248px; height:93px; float:left; margin:10px 0 0 40px; }

div#topright { float:right; width:219px; height:97px; background:url(../images/top_right.png) no-repeat; margin:0 30px 0 0; }

div#hero_wrap { margin:0 auto; width:960px; height:auto; text-align:center; background: url(../images/bg_content.png) repeat-y;  }

#cart_location { position:relative; top:3px; } 



/*******************************************************************************************************
    HTML
*******************************************************************************************************/

a, a:visited { color:#75ba1a; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }

p { margin-bottom:18px; }

b, strong { font-weight:bold; }

i { font-style:italic; }

u { text-decoration:underline; }

table td { vertical-align:top; text-align:left; }






/*******************************************************************************************************
    TOP MENU 
*******************************************************************************************************/

div#content_wrap{ margin:0 auto; width:960px; height:auto; background:url(../images/bg_content.png) repeat-y; font:11px/16px Verdana, Helvetica; overflow:hidden; }

div#content_padding { width:860px; margin:0px 20px; padding:30px; } /* homepage padding */

div#content_padding_inside { width:850px; margin:0px 20px; padding:30px 37px  } /* inside pages padding */

div#content_padding_product { width:920px; margin:0px 20px; } /* product pages padding */

div#content { min-height:300px; }

div#content_product_page { background:url(../images/bg_content_product_page.png) repeat-y; overflow:hidden; }

div#content2 { }





/*************************************************************************************************************
   HERO
**************************************************************************************************************/



#slider {  margin-left:40px;  overflow: hidden; height: 200px; width:780px; float:left; background:url(../images/banner_frame_bg.png) no-repeat; }

#slider table { width:100%; }

#slider table td { width:260px; }

#slider table td a, #slider table td a:visited { display: block; width:260px; height:200px; text-align:center; padding-top:3px; }

#slider table td a:hover { background:url(../images/slider/hover.png) no-repeat;  }

a#prev { background:url(../images/slider/arrow.png) no-repeat; display:block; width:24px; height:34px; float:left; position:relative; top:-110px; }
a#prev:hover { background-position:0px -34px; }

a#next { background:url(../images/slider/arrow.png) no-repeat -24px 0px; display:block; width:24px; height:34px; float:right; position:relative; top:-110px; right:-80px; }
a#next:hover { background-position:-24px -34px; }



#carousel { overflow: hidden; height: 200px; margin-left:40px; width:780px; background:url(../images/loader.gif) no-repeat center 25%; }

#carousel_container { width: 100%; visibility: hidden; }

#carousel_container .carousel_cell { width:260px; float: left; }

#carousel_container .carousel_cell a, #carousel_container .carousel_cell a:visited { display: block; width:260px; height:200px; text-align:center; padding-top:3px; }

#carousel_container .carousel_cell a:hover { background:url(../images/slider/hover.png) no-repeat;  }





/*******************************************************************************************************
    TOP MENU 
*******************************************************************************************************/

div#topmenu { margin:0 auto; width:960px; height:48px;  }

div#topmenu ul.topmenu { display:block; width:946px; height:48px; margin-left:8px; }

div#topmenu ul.topmenu li { float:left;  }


div#topmenu ul.topmenu li#home a, div#topmenu ul.topmenu li#home a:visited { background:url(../images/topmenu.png) no-repeat; display:block; width:157px; height:48px; }
div#topmenu ul.topmenu li#home a:hover { background-position:0 -57px; }
body#homepage div#topmenu ul.topmenu li#home a, body#homepage div#topmenu ul.topmenu li#home a:visited { background:url(../images/topmenu.png) no-repeat 0px -57px; display:block; width:157px; height:48px; }


div#topmenu ul.topmenu li#about a, div#topmenu ul.topmenu li#about a:visited { background:url(../images/topmenu.png) no-repeat -157px 0; display:block; width:157px; height:48px; }
div#topmenu ul.topmenu li#about a:hover { background-position:-157px -57px; }
body#aboutpage div#topmenu ul.topmenu li#about a, body#aboutpage div#topmenu ul.topmenu li#about a:visited { background:url(../images/topmenu.png) no-repeat -157px -57px; display:block; width:157px; height:48px; }


div#topmenu ul.topmenu li#products a, div#topmenu ul.topmenu li#products a:visited { background:url(../images/topmenu.png) no-repeat -314px 0px; display:block; width:158px; height:48px; }
div#topmenu ul.topmenu li#products a:hover { background-position:-314px -57px; }
body#productspage div#topmenu ul.topmenu li#products a, body#productspage div#topmenu ul.topmenu li#products a:visited { background:url(../images/topmenu.png) no-repeat -314px -57px; display:block; width:158px; height:48px; }

div#topmenu ul.topmenu li#careers a, div#topmenu ul.topmenu li#careers a:visited { background:url(../images/topmenu.png) no-repeat -472px 0px; display:block; width:158px; height:48px; }
div#topmenu ul.topmenu li#careers a:hover { background-position:-472px -57px; }
body#careerspage div#topmenu ul.topmenu li#careers a, body#careerspage div#topmenu ul.topmenu li#careers a:visited { background:url(../images/topmenu.png) no-repeat -472px -57px; display:block; width:158px; height:48px; }


div#topmenu ul.topmenu li#contact a, div#topmenu ul.topmenu li#contact a:visited { background:url(../images/topmenu.png) no-repeat -630px 0px; display:block; width:157px; height:48px; }
div#topmenu ul.topmenu li#contact a:hover { background-position:-630px -57px; }
body#contactpage div#topmenu ul.topmenu li#contact a, body#contactpage div#topmenu ul.topmenu li#contact a:visited { background:url(../images/topmenu.png) no-repeat -630px -57px; display:block; width:157px; height:48px; }


div#topmenu ul.topmenu li#specials a, div#topmenu ul.topmenu li#specials a:visited { background:url(../images/topmenu.png) no-repeat -787px 0px; display:block; width:156px; height:48px; }
div#topmenu ul.topmenu li#specials a:hover { background-position:-787px -57px; }
body#specialspage div#topmenu ul.topmenu li#specials a, body#specialspage div#topmenu ul.topmenu li#specials a:visited { background:url(../images/topmenu.png) no-repeat -787px -57px; display:block; width:156px; height:48px; }




/*******************************************************************************************************
    HEADING  
*******************************************************************************************************/

#heading_wrap { margin:0px auto; width:960px; height:89px; background: width:100%; background:url(../images/bg_heading.png) no-repeat; overflow:hidden; }

#heading_products_wrap { margin:0px auto; width:960px; height:89px; background: width:100%; background:url(../images/bg_heading_product.png) no-repeat; overflow:hidden; }

div#cart { float:right; font:12px/30px Verdana, Geneva, sans-serif; color:#FFF; font-weight:bold; width:192px; position:relative; right:20px; top:16px; }

h2.title { font: 34px/34px Arial, Helvetica; color:#FFF; margin:23px 0 0 48px; width:500px; float:left; }

h3.title { padding:10px 0 0 30px; font: 16px/16px Arial, Helvetica; color:#FFF; }

.sIFR-active .title, 
.sIFR-active .title2 { visibility:hidden; font-family:Arial; }





/*******************************************************************************************************
    FOOTER  
*******************************************************************************************************/

div#footer_wrap { margin:0 auto; background:url(../images/footer.png) no-repeat; width:960px; height:80px; text-align:center; color:#FFF; font:11px/64px Verdana, Helvetica; }

div#footer_wrap a, div#footer_wrap a:visited { color:#FFF; text-decoration:none; }

div#footer_wrap a:hover { text-decoration:underline; }





/*******************************************************************************************************
    CONTACT FORM  
*******************************************************************************************************/

table#contactForm { margin:10px 0 0 20px; }

table#contactForm td { height:36px; vertical-align:top; }

.inputBox { color:#555; border:1px solid #ccc; height:18px; padding:3px 3px 0px 3px; font:11px/15px Verdana, Geneva, sans-serif; }

.selectBox { color:#555; border:1px solid #ccc;   font:11px/11px Verdana, Geneva, sans-serif; height:22px; padding-top:2px;}

table#contactForm td textarea { color:#555; border:1px solid #ccc; padding:3px; font:11px/11px Verdana, Geneva, sans-serif; }

#btn_submit { background:url(../images/btn_submit.png) no-repeat;  display:block; height:32px; width:96px; cursor:pointer; border:0; margin:14px 0 0 0; }

#btn_submit:hover { background-position:0px -32px;}

.address { background:url(../images/icon_address.png) 1px 0 no-repeat; padding-left:30px }

.phone { background:url(../images/icon_phone.png) no-repeat 0 1px; padding-left:30px; margin-bottom: 2px; }

.fax { background:url(../images/icon_fax.png) no-repeat 0 1px; padding-left:30px; margin-bottom: 2px; }

.email { background:url(../images/icon_email.png) no-repeat 0 2px; padding-left:30px; }


#btn_submit_order { background:url(../images/btn_submit_order.png) no-repeat;  display:block; height:32px; width:142px; cursor:pointer; border:0; margin:14px 0 0 0; }

#btn_submit_order:hover { background-position:0px -32px;}




/*******************************************************************************************************
    BREADCRUMBS
*******************************************************************************************************/

div#breadcrumbs { color:#a8a8a8; font-weight:bold; height:38px; line-height:38px; }

div#logo_holder { width:130px; height:65px;  float:right; margin-top:0px; text-align:right; clear:both; }






/*******************************************************************************************************
    PRODUCT PAGE
*******************************************************************************************************/

div#col1 { width:263px; float:left; }

div#col1 div#padding1 { padding:25px 0 25px 0; }

div#col1 h3 { background:url(../images/bg_h3.png) no-repeat; width:263px; height:41px; overflow:hidden; }

div#col2 { width:657px; float:right; }

div#col2 div#padding2 { padding:25px 40px; }

ul.leftmenu { width:263px;  overflow:hidden; margin-bottom:30px; }

ul.leftmenu li { float:left; }

ul.leftmenu li a, ul.leftmenu li a:visited { display:block; width:263px; border-bottom:1px dotted #CCC; padding:8px 5px 6px 60px; text-decoration:none; background:url(../images/arrow_leftmenu.png) no-repeat 40px 12px; font-weight:bold; color:#9b9b9b;  }

ul.leftmenu li a:hover { color:#79b426; }

table.product { width:100%;  clear:both;}

table.product td.imageholder { width:180px; padding-right:15px;   }

table.orderform { margin:30px 0 15px 0; }

table.orderform th { background-color:#aaaaaa; padding:0px 14px; color:#FFF; font-weight:bold; height:36px; }

table.orderform td.productname1, 
table.orderform td.productname2  { width:55%; padding:6px 14px; background-color:#f8f7f6; vertical-align:middle; font-size:11px; }

table.orderform td.qty1,
table.orderform td.qty2 { width:15%; padding:6px 14px; background-color:#f8f7f6; padding-right:0; font-size:11px; }

table.orderform td.unit1 { width:15%; padding:6px 14px; background-color:#f8f7f6; text-align: center}
table.orderform td.unit2 { width:15%; padding:6px 14px; background-color:#efeeed; }

table.orderform td.productname2,
table.orderform td.qty2,
table.orderform td.addtocart2 { width:15%; padding:6px 14px; background-color:#efeeed; }

table.orderform td.addtocart1,
table.orderform td.addtocart2 { width:15%; padding:6px 14px; }

table.orderform td.addtocart1 { background-color:#f8f7f6; }

table.orderform td.qty1 .inputBox,
table.orderform td.qty2  .inputBox { width:40px; } 

.btn_add_to_cart { background:url(../images/btn_add_to_cart.png) no-repeat;  display:block; height:23px; width:96px; cursor:pointer; border:0; margin:0; }
.btn_add_to_cart:hover { background-position:0px -23px;}

table.orderlist {}

table.orderlist td { border-bottom:1px dotted #CCC; }

table.orderform2 { margin:0px 0 30px 0; }

table.orderform2 th { background-color:#aaaaaa; padding:0px 14px; color:#FFF; font-weight:bold; height:30px; line-height:30px; }

table.orderform2 td.productname1, 
table.orderform2 td.productname2  { width:300px; padding:8px 14px; background-color:#f8f7f6; vertical-align:middle; font-size:11px; }

table.orderform2 td.qty1,
table.orderform2 td.qty2 {  padding:8px 14px; background-color:#f8f7f6; padding-right:0;  }


table.orderform2 td.productname2,
table.orderform2 td.qty2,
table.orderform2 td.addtocart2 { padding:8px 14px; background-color:#efeeed; vertical-align: }

table.orderform2 td.addtocart1,
table.orderform2 td.addtocart2 { padding:8px 14px; padding-top:8px; text-align:center; }

table.orderform2 td.addtocart1 { background-color:#f8f7f6; }

table.orderform2 td.qty1 .inputBox,
table.orderform2 td.qty2  .inputBox { width:40px; } 


table.orderform2 td.total { text-align:right; padding:10px 0px; font-size:11px; font-weight:bold; border-bottom:0; color:red; }
table.orderform2 td.value { padding:10px 14px;  font-size:11px; font-weight:bold; border-bottom:0; color:red;}





/*******************************************************************************************************
    SHOPPING CART LEFT SIDE
*******************************************************************************************************/

#module_shopping_cart {  }

#module_shopping_cart h3.title { padding:10px 0 0 30px; font: 16px/16px Arial, Helvetica; color:#FFF; margin-bottom:-10px; }

table.orderlist { margin:0px 0 30px 0; }

table.orderlist th { background-color:#aaaaaa; padding:0px 14px; color:#FFF; font-weight:bold; height:36px; }

table.orderlist td.productname1, 
table.orderlist td.productname2  { width:200px;  padding:8px 5px 8px 20px; background-color:#f8f7f6; vertical-align:middle; font-size:11px; }

table.orderlist td.qty1,
table.orderlist td.qty2 { width:15%; padding:8px 5px; background-color:#f8f7f6; padding-right:0;   font-size:11px; }


table.orderlist td.productname2 { background-color:#efeeed;  } 

table.orderlist td.qty2,
table.orderlist td.addtocart2 { padding:8px 5px; background-color:#efeeed; vertical-align: }

table.orderlist td.addtocart1,
table.orderlist td.addtocart2 { padding:8px 20px 8px 8px; padding-top:8px; text-align:center; }

table.orderlist td.addtocart1 { background-color:#f8f7f6; }

table.orderlist td.qty1 .inputBox,
table.orderlist td.qty2  .inputBox { width:40px; } 


table.orderlist td.total { text-align:right; padding:10px 20px; font-weight:bold; }
table.orderlist td.value { padding:10px 5px;  font-weight:bold; }

.remove { margin-top:3px; width:10px; height:10px; background:url(../images/icon_x.png) no-repeat; display:block; }

.remove:hover { background-position:0 -10px; }


#btn_checkout { background:url(../images/btn_checkout.png) no-repeat;  display:block; height:23px; width:82px; cursor:pointer; border:0; margin:-30px 17px 30px 0; float:right; clear:both;  }

#btn_checkout:hover { background-position:0px -23px;}




/*******************************************************************************************************
    PRODUCT THUMBNAILS  
*******************************************************************************************************/

div#product_page_thumb { width:577px; margin:20px 0px; overflow:hidden; margin-top:-1px;}

ul#product_thumb { margin:0; padding:0; width:700px;  }

ul#product_thumb li { float:left;  margin:0px 13px 30px 0px;  }

ul#product_thumb li a img { padding:5px 0; }

ul#product_thumb li a, ul#product_thumb li a:visited { float:left;  display:block; width:180px; height:158px; border:1px solid #aaaaaa; text-decoration:none;   }

ul#product_thumb li a:hover { border-color:#274aa2; }

ul#product_thumb li a span, ul#product_thumb li a:visited span{ width:180px; height:30px; display:block; background-color:#aaaaaa; text-align:center; line-height:30px; font-weight:bold; color:#FFF; font-size:11px; }

ul#product_thumb li a:hover span { background-color:#274aa2; }




/*******************************************************************************************************
    SPECIALS
*******************************************************************************************************/

table#specials { margin-top:30px; width:845px; }


table#specials td.col1 { width:200px; }

table#specials td.col1 img { padding-right:20px; }

.specials_text { color:#c4c200; font-size:13px; font-weight:bold; }

table#specials td { padding:20px 0; border-bottom:1px dotted #ccc; }

table#specials td ul { margin:0 0 0 40px; }

table#specials td ul li { list-style-type:disc; }





/*******************************************************************************************************
    GLOBAL CLASSES
*******************************************************************************************************/

span.inv { display:none; visibility:hidden; }

.sub { font-size:14px; font-weight:bold; color:#2245a0; line-height:20px; }

.indent { margin-left:20px; }

.moreinfo { border-top:1px dotted #CCC; padding-top:16px; margin-top:20px; }

.request { border:1px solid #CCC; margin-bottom:10px; width:355px;  }

.control { display:block; padding:5px 10px; font-size:12px; font-weight:bold; background-color:#aaaaaa;  color:#FFF; }

.control:hover { text-decoration:none;; }

.button, .button:visited { border:0;height:31px;  display:block; background:url(../images/bg_button.png) repeat-x; color:#FFF; padding:0px 10px; font:bold 12px/12px Helvetica, Arial; *font:bold 11px/11px Helvetica, Arial; text-decoration:none; cursor:pointer; margin-top:10px; line-height:31px; }

.button:hover { background-position:0 -31px; text-decoration:none; }

.button_grey, .button_grey:visited { border:0;height:31px;  display:block; background:url(../images/bg_button_grey.png) repeat-x; color:#FFF; padding:0px 10px; font:bold 12px/12px Helvetica, Arial; *font:bold 11px/11px Helvetica, Arial; text-decoration:none; cursor:pointer; margin-top:10px; line-height:31px; }

.button_grey:hover { background-position:0 -31px; text-decoration:none; }

.specials_redbox { background-color:#d30000; padding:5px 9px; display:block; width:320px; color:#FFF; font-weight:bold; text-align:center; margin-top:-5px; margin-bottom:15px; text-transform:uppercase; }


/*****************************************************************************************************
     CAREERS
********************************************************************************************************/
.careersRight {width:300px; padding-left:55px; padding-top:10px; float:left;}

.display_error, .display_success {
	display: block;
	margin: 0px 20px;
	padding-left: 23px;
}

.display_error {
	color: #FF0000;
	background: url(../images/error.png) no-repeat 8px 8px;
	border: 1px solid #FF0000;
}

.display_success {
	color: #009900;
	background: url(../images/success.png) no-repeat 8px 8px;
	border: 1px solid #009900;
}

.display_error p, .display_success p{
	padding: 0px;
	margin: 8px;
}

.display_error p{
	color: #FF0000;
}

.display_success p{
	color: #009900;
}

.careersRight ul li{list-style:disc; margin-left:25px;}