@charset "utf-8";
/* CSS Document */

/* tab css */
div.tabsContainer
{
	width: 683px;	
}
ul.tabs { background:url(../images/tab-background.jpg) repeat-x left top; float:left; width:663px;; height:50px; margin-bottom:10px }
* html .tabs { font-size:1px /*IE gap hack*/}
/* List */
ul.tabs  { margin:0; padding:0px 10px 15px 10px; list-style:none; }    
ul.tabs li { display:inline; margin:0; padding:0; }       

/* Link */
ul.tabs a { float:left; margin-right:5px /*space between tabs*/; padding-left:15px; text-decoration:none; }
ul.tabs a { background:url(../images/tab-left.jpg) no-repeat left top;outline: 0; }						

/* Off Tab */
ul.tabs a span { float:left; display:block; padding-right:15px; font: normal 13px Arial; color: #212121; height:50px; line-height:55px; cursor:pointer }
ul.tabs a span { background:url(../images/tab-right.jpg) no-repeat right top  }	
   
/* Hover Tab */
ul.tabs a:hover  {  }
ul.tabs a:hover span { color: #212121; text-decoration:underline } 
   
/* Selected Tab */    
ul.tabs a.selected { background-position:0% -50px; }   
ul.tabs a.selected span { color: #212121; background-position:100% -50px } 


html, body
{
	padding: 0px;
	margin: 0px;
}

body{
	background: url('../images/bg_gradient.jpg');
	background-repeat: repeat-x;
	background-color: #696969;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

.content
{
	margin-right: auto;
	margin-left: auto;
	background-color: #212121;
	width: 1024px;
}

.content a
{
	outline: 0;
}

.contentheader
{	
	position: relative;
	left: 42px;
	height: 150px;
	width: 940px;
	background-image: url('../images/mcsc_logo.gif');
	background-repeat: no-repeat;
	z-index: 30;
}

.mainleft
{
	float:left;
	width: 683px;
}

.mainright
{
	float: left;
	padding-left:12px;
}

.contentbody
{
	position: relative;
	left: 42px;
	width: 940px;

	background-color: #ffffff;

}

.contentbodybox
{
	padding: 12px;	
}

.contentfooter
{
	position:relative;
	font-size: 10px;
	left: 42px;
	height:79px;
	width: 940px;
}

.contentfooter .term
{
	position:relative;
	padding-top: 15px;
	float: left;
}

.contentfooter .term a
{
	text-decoration: underline;
	color: #ffffff;
}
.contentfooter .term a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
.contentfooter .developed
{
	color: #666666;
}

.contentfooter .manageby
{
	position:relative;
	float: right;
	padding-top: 20px;
}
.contentfooter .logo
{
	position:relative;
	float: right;
	padding-left: 10px;
}

/* content box css */
.mainbanner
{
	position:relative;
	width: 683px;
	height: 354px;
	float:left;
	z-index: 20; 
}

.cataloguebanner
{
	position:relative;
	left: 12px;
	width: 217px;
	height: 354px;
	float:left;
}

.specialbanner
{
	position: relative;	
	width: 220px;
	height: 99px;
	float: left;
}

.kwbanner
{
	position: relative;
	left: 12px;
	width: 220px;
	height: 99px;
	float: left;
}

.cookingbanner
{
	position: relative;
	left: 24px;
	width: 220px;
	height: 99px;
	float: left;
}

.giftbanner
{
	position: relative;
	left: 36px;
	width: 220px;
	height: 99px;
	float: left;
}

.nav
{
	position:absolute;
	top:330px;
	right:260px;
	z-index:10;
	font-size: 12px;
	
}

.nav a 
{
	border: 1px solid #333333; 
	background: #cccccc; 
	text-decoration: none; 
	margin: 0px 3px ; 
	padding: 2px 5px ; 
	color: #333333; 
	display: inline-block;
}
.nav a.activeSlide { 
	background: #6f6f6f;
	color: #ffffff; 
}
.nav a:focus { outline: none; }

.heading_centreinfo
{
	background-image: url(../images/heading/hd_centreinfo.jpg);
	background-repeat:no-repeat;
	height: 75px;
	width:683px;
}
.heading_storedirectory
{
	background-image: url(../images/heading/hd_storedirectory.jpg);
	background-repeat:no-repeat;
	height: 75px;
	width:683px;
}

.heading_catalogues
{
	background-image: url(../images/heading/hd_catalogues.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}

.heading_events
{
	background-image: url(../images/heading/hd_events.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}

.heading_joinonline
{
	background-image: url(../images/heading/hd_joinonline.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}

.heading_specials
{
	background-image: url(../images/heading/hd_specials.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}

.heading_gift
{
	background-image: url(../images/heading/hd_giftcertificates.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}

.banner_right
{
	padding-top: 12px;
}

.content_body
{
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-y;
	color: #212121;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

}

.content_body_top
{

	background-image: url(../images/bg_body_top.jpg); 
	background-repeat: no-repeat;
	height:10px;
}
.content_body_bottom
{
	background-image: url(../images/bg_body_bottom.jpg); 
	background-repeat: no-repeat;
	height:10px;
}

.content_body .text
{
	padding: 10px 30px 15px 30px;
}

.content_body .small_heading
{
	color: #ffffff;
	padding:7px;
	background-color: #212121;
}

.bold
{
	font-weight: bold;
}

/* Store Directory CSS */

.storedirectory
{
	color: #2269ab;
}

.storedirectory .cell
{
	padding:6px;
	border-bottom: 1px solid #cccccc;
}

.storedirectory .bg
{
	background-color: #f7f7f7;
}

.storedirectory .hover
{
	background-color: #d9e5f1;
	cursor: pointer;
}

.content_storedirectory
{
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}

.content_storedirectory .left
{
	width: 150px;
}
.content_storedirectory .right
{
	width: 610px;
}

.catTitle
{
	color: #2269AB;
	font-size: 15px;
	font-weight:bold;
}

.catDate
{
	padding-top:10px;
	color: #555555;
}

.catLink
{
	padding-top:10px;
	color: #2269AB;
}

.catLink a
{
	color: #2269AB;
	text-decoration: none;
}

.catLink a:hover
{
	color: #2269AB;
	text-decoration: underline;
}

label.error
{
	color: #ff0000;
	font-size: 11px;
}

.eventDesc
{

}

.eventDesc a
{
	color: #2269AB;
	text-decoration: none;
}

.eventDesc a:hover
{
	color: #2269AB;
	text-decoration: none;
}

.eventLink
{
	padding-top:10px;
	color: #2269AB;
}

.eventLink a
{
	padding-top:10px;
	color: #2269AB;
	text-decoration: none;
}

.eventLink a:hover
{
	padding-top:10px;
	color: #2269AB;
}

.content_body_top_event
{
	background:url(../images/tab-background.jpg) repeat-x left top; 
	height:50px; 
	color: #212121
}

.content_body .termsandconditions
{
	text-align: center;
	font-size: 10px;
	color: #777777;
}

.content_body .termsandconditions a
{ 
	color: #444444;
}

.specialTitle
{
	color: #2269AB;
	font-size: 15px;
	font-weight:bold;
	padding-bottom: 10px;
}

.specialDesc
{

}

.specialDate
{
	padding-top:10px;
	color: #555555;
}

.content_body .text a
{
	color: #2269AB;
	text-decoration: none;
}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}

/* cooking classes page */

#cooking_title
{
	height: 150px;
	width: 623px;
	background-image: url(../images/cookingclasses/title.jpg);
}
#cooking_bg
{
	width: 623px;
	background-image: url(../images/cookingclasses/background.jpg);
	color: #ffffff;
}
#cooking_content
{
	padding: 10px 120px;
}

#cooking_content .para
{
	font-size: 12px;
	margin-bottom: 10px;
	text-align: justify;
}

#cooking_content .list
{
	font-weight:bold;
	font-size: 14px;
	color: #fbb249;
	margin-bottom: 5px;
}

#cooking_content .listDate
{
	margin-left: 20px;
	font-size: 14px;
	color: #fbb249;
}

#cooking_content .listDate li
{

}

#cooking_content .listDate a
{
	font-size: 14px;
	color: #fbb249;
	text-decoration: underline;
}

#cooking_content .listDate a:hover
{
	font-size: 14px;
	color: #fbb249;
	text-decoration: underline;
	font-weight:bold;
}

/* cooking winter warmers */

#ww_cooking_title
{
	height: 248px;
	width: 623px;
	background-image: url(../images/cookingclasses/ww_header.jpg);
}

#ww_cooking_content .para
{
	font-size: 14px;
	margin-bottom: 10px;
	text-align: justify;
}

/* Christmas Section Only */
.heading_christmas
{
	background-image: url(../images/christmasgift/ChristmasGiftIdeas.jpg);
	background-repeat:no-repeat;
	height: 85px;
	width:683px;
}
#christmas
{
	background-image: url(../images/christmasgift/bg_christmas.jpg);
	background-repeat: repeat-y;
	min-height: 1000px;
	width: 683px;
	color: #212121;
}

#christmas .giftPriceHeading {
	padding-top:20px;
	font-size: 28pt;
	padding-bottom:5px;
	border-bottom: 2px solid;

}

#christmas table.gift {

}

#christmas table.gift td
{
	padding-top:21px;
}

#christmas .product
{
	width: 197px;
	height: 300px;
	background-color:#FFFFFF;

}

#christmas .product .image
{

	padding-bottom: 5px;
	border-bottom: 1px solid #a88f4c;
	text-align:center;
}

#christmas .product .desc
{
	padding-top: 5px;
	padding-left: 5px;
	font-size: 12px;
}

#christmas a
{
	color :#2269AB;
	text-decoration: none;
}

#christmas a:hover
{
	color :#2269AB;
	text-decoration: underline;
}