/******
template
flash box
small menu
boxes below small menu
homepage columns
content area
footer
formatting
******/

/*** TEMPLATE ***/
html, body {height: 100%;}

body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000;
}

#container {
width: 992px;
height: 100%;
margin: auto auto;
}

.left, .right {vertical-align: top;}
.left {width: 735px;}
.right {width: 257px; background: #000 url(/media/template/bgnd_right.gif) repeat-y top left;}

.mainmenu {
width: 735px;
height: 105px;
overflow: hidden;
background: #000 url(/media/menu/bgnd_mainmenu.jpg) repeat-x top left;
}

#flashcontent {
text-align: center;
}
/*** END TEMPLATE ***/

/*** FLASH BOX ***/
.flashbox {width: 724px; height: auto;}
.flashbox-top {background: #fff url(/media/template/flashbox_bgnd_top.jpg) repeat-x top left;}
.flashbox-left {width: 11px; background: #ffffff url(/media/template/flashbox_bgnd_left.jpg) repeat-y top left;}
.flashbox-bottom {background: #fff url(/media/template/flashbox_bgnd_bottom.jpg) repeat-x top left;}
/*** END FLASH BOX ***/

/****** NEW SMALL MENU ON RIGHT  ***/
.smallmenu {width: 252px; border: 0px; background-color: #fff; font-size: 7pt;}
.smallmenu-bgnd {background: #000 url(/media/template/bgnd_smallmenu_left.jpg) repeat-y top left;}

dl, dt {margin: 0px; padding: 0px;}
dl#menu {margin-left: 8px;}
dt {border-bottom: 1px solid #e0e0e0; width: 210px;}
#menu dt a {display: block; color: #000; padding-top: 3px; text-decoration: none; height: 16px;}
#menu dt a img{margin: 0px 12px 0px 12px;}
#menu dt a {display: block; color: #000; padding-top: 3px; text-decoration: none; height: 16px; }
#menu dt a:hover {display: block; height: 14px; background-color: #ececec; padding: 1px 0px 0px 0px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
#menu dt.unselected {border-bottom: 1px solid #e0e0e0; width: 210px;}

#menu dt.selected {}
#menu dt.selected a {display: block; height: 14px; background-color: #ececec; padding: 1px 0px 0px 0px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
#menu dt.selected a:hover {display: block; height: 14px; background-color: #ececec; padding: 1px 0px 0px 0px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
/****** END NEW SMALL MENU ON RIGHT  ***/

/*** BOXES BELOW SMALLMENU ON RIGHT ***/
.box {border: 0px; width: 218px; margin-left: 3px;}
.box-btn-bgnd {color: #fff; background: #000000 url(/media/template/box_btn_bgnd.jpg) repeat-x top left;}
.box-btn-bgnd-orange {color: #fff; background: #000000 url(/media/template/box-btn-bgnd-orange.gif) repeat-x top left;}
.box-btn-bgnd img {vertical-align: middle;}
.box-btn-bgnd-orange img {vertical-align: middle;}
.box-btn-bgnd a {color: #fff; text-decoration: none;}
.box-btn-bgnd a:hover {color: #fff; text-decoration: underline;}
.box-btn-bgnd-orange a {color: #fff; text-decoration: none;}
.box-btn-bgnd-orange a:hover {color: #fff; text-decoration: underline;}
.box-heading {color: #ff0018; font: 600 10pt Arial;}
.box-heading img {vertical-align: middle;}
.box-text {color: #fff; font-family: Arial; padding-bottom: 12px;}
/*** END BOXES BELOW SMALLMENU ON RIGHT ***/

/*** HOMEPAGE COLUMNS ***/
.home-box, .home-box-mid {
margin-top: 2px;
border: 0px;
width: 243px;
float: left;
}

.home-box {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.home-heading {
width: 241px;
height: 65px;
overflow: hidden;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background: #fff url(/media/template/home_heading_bgnd.jpg) repeat-x top left;
vertical-align: middle;
color: #be0c1d;
font: bold 12pt Arial;
padding-left: 10px;
}

.home-heading img{vertical-align: middle; margin-right: 4px; margin-bottom: 10px; float: left;}
.home-box-text, .home-box-text-mid {padding: 10px 12px 10px 12px;}
.home-box-text img, .home-box-text-mid img {margin-bottom: 5px;}
.home-box-link {padding-left: 13px; color: #be0c1d; font-weight: bold;}
.home-box-link  a {color: #be0c1d; text-decoration: underline;}
.home-box-link a:visited {color: #be0c1d;}
.home-box-link img {margin: 0px 4px 0px 8px;}

.home-fold {
width: 31px;
vertical-align: top;
background: url(/media/template/heading_fold.jpg) no-repeat top left;
}
/*** END HOMEPAGE COLUMNS ***/ 

/*** CONTENT AREA ***/
.content-area {padding-top: 10px;}

.page-heading {
height: 29px;
background: #fff url(/media/template/heading_bgnd.jpg) repeat-x top left;
color: #fff;
font: normal 12pt Arial;
vertical-align:middle;
}

.subheading {
color: #be0c1d;
font-size: 9pt;
font-weight: bold;
}

.s2f-btn, .print-btn {font-size: 7pt;}
.s2f-btn a, .print-btn a {color: #fff; text-decoration: none;}
.s2f-btn a:hover, .print-btn a:hover {color: #fff;  text-decoration: underline;}
.s2f-btn img, .print-btn img {vertical-align: middle; margin-right: 3px;}

.breadcrumb {
height: 16px;
color: #7c7c7c;
font-size: 7pt;
}

.breadcrumb a {color: #7c7c7c; text-decoration: none;}
.breadcrumb a:hover {color: #7c7c7c; text-decoration: underline;}
/*** END CONTENT AREA ***/

/*** FOOTER ***/
.footer {
margin: 30px 0px 10px 0px;
width: 729px;
border: 0px;
color: #fff;
font-size: 7pt;
text-align: center;
}

.footer-bgnd {
text-align: center;
background: #fff url(/media/template/footer-bgnd.jpg) repeat-x top left;
}

.footer ul {
padding: 0px;
list-style-type: none;
margin: 5px 0px 0px 50px;
float: left;
}

.footer ul li {
float: left;
padding: 0px 0px 0px 10px;
margin-left: 34px;
background: url(/media/template/footer_bullet.gif) center left no-repeat;
}

.footer a {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: underline;}
/*** END FOOTER ***/

/*** FORMATTING ***/
a {color: #be0c1d;}
img {border: 0px;}
table {border-collapse: collapse;}
td {padding: 0px;}
p, td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000;
}

.b {font-weight: bold;}

#MainContentCell ul {
list-style-image: url(/media/template/smallmenu_bullet.gif);
}

.retail_box {
background-color: #f5f5f5;
bordeR: 1px solid #bababa;
}
.retailer-subheading {
height: 21px;
background: #000000 url(/media/template/retail_subheading_bgnd.gif) repeat-x top left;
}
.retailer-subheading span{margin-left: 12px; color: #fff; font-weight: bold; font-size: 7pt; letter-spacing: 1px;}
.retail-box-right {margin: 9px 0px 20px 7px; background-color: #fff; border: 1px solid #b6b6b6;}
.retail-box-padding {padding: 10px 0px 10px 12px;}

.tradinghrs {background-color: #ececec;}
.red {color: #ff0000;}

.allstore, .allstore-b {width: 670px; height: 20px; padding: 4px 0px 0px 10px; border-top: 1px solid #cccccc;}
.allstore-b {background-color: #f5f5f5;}
.allstore-ph {width: 80px; float: right;}
.allstore-name {float: left;}
.allstore-loc {float: right; margin-right: 10px; width: 80px; text-align: right;}

.whatson-bgnd {
background: #fff url(/media/template/footer-bgnd.jpg) repeat-x top left;
color: #fff;
font-size: 10pt;
/* font-weight: bold; */
padding-top: 6px;
vertical-align: top;
}
.whatson-area {padding-top: 8px;}

.cal {margin-top: 34px;}
.calendar-icon {
background: #fff url(/media/template/icon_calendar.jpg) no-repeat;
background-position: 16px 18px;
height: 110px;
}
.calendar-number {font-size: 20pt; font-weight: bold; color: #333333;}
.calendar-sub{color: #333333; vertical-align: top;}
.cal-line {background: url(media/home_border.gif) repeat-x center left;}

.storecat {
font: 11px verdana;
display: block;
background-color: #be0c1d;
color: #ffffff;      	
text-decoration: none;
width: 100%;
padding: 3px;
margin-top: 1px;
cursor: hand;
}

#meshlogo {float: left; position: relative; top: 0px; left: 2px; }
/*** END FORMATTING ***/


.box-heading a{color: #ff0018; text-decoration: none;}