@CHARSET "ISO-8859-1";
body { background: #fff url(mc_page_bk.jpg) repeat-x; }
table.delivery { border: 1px solid #333; margin-bottom: 10px; }

/* side box 
---------------------------------------*/
.boxTop { position: relative; height: 26px; background: #838281 url(mc_box_header_left_bk.jpg) no-repeat top left; margin-bottom: 1px; }
.boxTop div { position: absolute; top: 50%; right: 0; margin-top: -6px; height: 12px; line-height: 12px; font-size: 12px; font-weight: bold; color: #fff; padding-right: 6px; }
.boxContents { position: relative; padding: 2px 2px 12px 2px; background: #f8f8f8 url(mc_box_bottom_bk.jpg) bottom right no-repeat; border: 1px solid #E0E0E0; margin-bottom: 10px; }
.boxContents div, .boxContents div td, .boxContents div a { font-size: 11px; color: #000; text-align: left; }
.boxContents div { width: 100%; }
.boxContents div.box-product { text-align: center; }
.boxContents div a:hover { color: #d21300; }
.boxContents div.more a { color: #960019; }
#boxsearchinner { color: #ff8421; }
#boxsearch { color: #111; background: #eee; border: 1px solid #000; width: 80%; }
#boxsearchsubmit { vertical-align: middle; }
.boxnewsletterinner input.newsletter { color: #111; background: #eee; border: 1px solid #5e85ec; width: 98%; margin-bottom: 2px; }
#boxseecart a { color: #000; font-weight: bold; }
#boxseecart:hover { color: #d21300; }
#ym { text-align: center; }
.box-hr { clear: both; height: 1px; width: 100%; background: url(box-dotted-line.gif) repeat-x; margin: 6px 0; }
.box-product { text-align: center; }
.box-product>div { margin: 0 auto; }

.first_box_header { position: relative; height: 26px; background: #176AE0 url(ed_rounded_box_header_bk.jpg) no-repeat top left; margin-bottom: 1px; }
.first_box_header div { position: absolute; top: 50%; left: 0; margin-top: -6px; width: 100%; height: 12px; line-height: 12px; font-size: 12px; font-weight: bold; color: #fff; padding-left: 8px; }

/* page header
---------------------------------------*/
#logo {background: #fff; }
#headertop { height: 17px; background: #F3F4F1 url(mc_topbar_bk.jpg) repeat-x; }
#links_above_search { color: #999; }
#searchzone { width: 500px; height: 32px; background: #176ADF url(mc_search_bk.jpg) repeat-x; margin-right: 10px; }
#searchzone input.search { height: 18px; width: 260px; border: 1px solid #B1B5A8; font-size: 12px; line-height: 12px; vertical-align: middle; }
#searchzone a { color: #fff; }
#searchzone a:hover { color: #ffcc66; text-decoration: underline; }
#menubar { height: 35px; background: #F2F3F1 url(mc_menubar_bk.jpg); }
#menubar td { padding-left: 10px; color: #000; font-size: 13px; font-weight: normal; font-family: verdana, sans-serif; }
#menubar a { color: #000; font-weight: bold; font-size: 13px; font-weight: normal; font-family: verdana, sans-serif; } 
#menubar a:hover { color: #333; font-size : 13px; }

/* main
---------------------------------------*/
#main { background: #fff; width: 990px; border: 1px solid #373833; }
td.columnleft, td.columnright { width: 200px; padding: 15px 0 5px 0; }	
#central { width: 550px; margin: 0; padding: 0; }	
#dynamiczone { width: 100%; margin: 0; padding: 15px 0 15px 0; }
.homebanner{ /*IE */ text-align: center; margin-bottom: 10px; }
.homebanner>div{ margin: 0 auto; }

/* subcategories
---------------------------------------*/
table.sub-header, table.catboxheader { margin-bottom: 1px; }
td.sub-header, td.catboxheader { height: 26px; padding-left: 4px; background: #666; text-align: left; }
td.sub-header h1, td.sub-header h2, td.catboxheader h1, td.catboxheader h2 { color: #fff; font-size: 17px; font-weight: bold; margin: 0; padding: 0; }
table.sub-container, table.catboxcontainer { background: #fff; border: 1px solid #ccc; margin-bottom: 10px; }
table.sub-contents, table.catboxcontents { background: #fff; }
td.sub-contents, td.catboxcontents { color: #000; }
td.sub-contents a, td.catboxcontents a { color: #060; } 
td.sub-contents a:hover, td.catboxcontents a:hover { color : #d21300; }
table.sub-header, table.sub-container { width: 100% }
table.catboxheader, table.catboxcontainer { width: 550px }

/* cart
-------------------------------*/
table.cart { border-collapse: collapse; margin-bottom: 10px; }
table.cart td { border: 1px solid #eee; background: #F9F9F9; }
table.cart td.cart-heading { height: 30px; color: #fff; background: #666; font-weight: bold; }
a.cart-product { font-family: Verdana, sans-serif; font-size: 9pt; color: #000; } 
a.cart-product:hover { font-family: Verdana, sans-serif; color: #960019; }
.discount { color: #060; }

/* footer
---------------------------------------*/
#footer { width: 100%; background: #666; margin: 0 auto; border-top: 1px solid #373833 }
#footer td, #footer td div { color: #fff; text-align: center; }
#footer a { color: #fff; }
#footer a:hover { color: #ffcc66; }
a.vitalsoft { font-weight: bold; }
.trafic { margin: auto; text-align: center; padding: 10px; }

/* marketing staff 
-------------------------------*/
#dayheader { background: #FFB9B9; margin-bottom: 0px;}
#dayheader td { font: bold 18px/22px Verdana, Arial, sans-serif; color:#840042; }
#daypromotions { border: 1px solid #FFB9B9; margin-bottom: 20px; }
#daypromotions td { background: url(daily-promotion-bk.jpg) repeat-x bottom; border: 1px solid #FF8080; }

.gridheader { background: #504f4f; margin-bottom: 0; width: 550px; }
.gridheader td { font: bold 18px/22px Verdana, Arial, sans-serif; color: #fff; }
.gridheader td a { font-size: 11px; font-weight: normal; color: #fff; }
.grid { border: 1px solid #ccc; margin-bottom: 20px; width: 550px; }
.grid td {  border: 1px solid #ccc; font-size: 11px; width: 25%; }
.grid td a { font-size: 11px; }

.intecalatetopline { background: #fff url(intercalate_top_st_dr.jpg) repeat-x; }
.intecalatetop { background: #fff url(intercalate_top.jpg) no-repeat bottom left; text-align: center; color: #ff6600; width: 270px; height: 20px; }
.intercalate { background: #fff url(intercalate_bk.jpg); padding:5px; margin-bottom: 20px; border-left: 1px solid #6CCFFF; border-right: 1px solid #6CCFFF; border-bottom: 1px solid #6CCFFF; }
.intercalate td b { color: #000099; }
.intercalate td a { text-align: left; color: #000; }
.intercalate td a:hover { text-align: left; color: #3591FF; }
.intercalate td a.supplier { color: #000; }