@charset "utf-8";
/*  CSS Document 
    AUTHOR: Paul Jaffrey
            pauljaffrey@gmail.com
*/
/* ------------------------------------------ */
/* Container DIVs */
/* ------------------------------------------ */
#wrapper 				{ margin: 0px auto; width: 960px; }

/* END CONTAINER DIVs */

/* ------------------------------------------ */
/* 					Page Layout			      */
/* ------------------------------------------ */

#pageTop 				{ background: url(../images/3colHeaderBG.gif) #000 12px repeat-x; }
#headerContainer 		{ width: 968px; margin: 0 auto; height: 185px; }
#header 				{ float: left; width: 735px; height: 176px; margin: 5px; background: url(../images/mbsHeader.png) no-repeat; }
#nav 					{ position: relative; width: 200px; height: 185px; top: 0px; right: 0px; float: right; }
#contentContainer 		{ background: #FFF; }
#sideBar1 				{ display: inline; background: #000; float: left; margin: 0 5px 0 5px; width: 175px; }
#mainContent 			{ background: #fff; display: inline-block; float: left; height: 100%; padding: 0 5px 0 5px; width: 560px; }
#sideBar2 				{ background: #000; color: #cccccc; float: left; margin: 0 0 0 15px; width: 185px; }
#sideBar2Store 			{ background: url( ../images/storeSideBG.gif ) repeat; color: #cccccc; float: left; margin: 0 0 0 5px;
						  padding: 0 5px 0 5px; width: 185px; }
#flashcontent 			{ background: #222222; width: 380px; height: 244px; float: right; margin: 0 0 10px 0; }
#featureAd				{ background: #afd139 url(../images/featureAdBG.jpg) repeat-y; /*border: 3px solid #f4f4f4;*/
						  height: 297px; margin: auto; padding: 25px 50px 0 20px; position: relative; width: 475px; }
#footerContainer 		{ height: 174px; margin: 0; padding: 0;	color: #fff; background: url(../images/footerbgNew.gif) 0 0 repeat-x;
						  clear: both; }
#footer 				{ width: 1000px; margin: 0 auto; position: relative; }
#container 				{ /*width: 100%;*/ height: 100%; margin-top: 0; text-align: center;/* IE fix to center the page */ }

/* ---- Layout Classes ------------------ */

.imgCategory			{  }

.badgeAd				{ left: -35px; position: absolute; top: -60px;  z-index: 10; }

/* END Page LAYOUT */

/* ------------------------------------------ */
/* 					Header Layout			  */
/* ------------------------------------------ */
/* Login Storage */

#header h1 				{ margin-left: -1000px; }
#header h2 				{ margin-left: -1000px; }

/* END HEADER LAYOUT */

/* ------------------------------------------ */
/* 					Navigation 				  */
/* ------------------------------------------ */

/* ---- Main Navigation --------------------- */

#nav ul 				{ width:180px; height:147px; margin:18px 0 0; }
#nav ul li 				{ width: 70px; height: 30px; line-height: 29px; border-bottom: 1px solid #CBCACA; }
#nav ul li a 			{ width: 70px; display: block; padding: 0 0 0 20px; text-decoration: none; color: #CCCCCC; 
						  background: url(../images/arrow-normal.gif) 0 50% no-repeat; }
#nav ul li a:hover 		{ text-decoration:none; background:url(../images/arrow-hover.gif) 0 50% no-repeat; }
#nav ul li.underlinenone { line-height:29px; border-bottom:none; }
#nav ul li.navCol1 		{ margin-left: 20px; } 
#nav ul li.navCol2 		{ margin-left: 120px; } 
#nav ul li.navCol3 		{ margin-left: 180px; }
#nav ul.navColTopper 	{ margin-top: -147px; }

#nav ul li.admin 		{ width: 200px; height: 30px; line-height: 29px; }
#nav ul li.admin a 		{ width: 200px; display: block; padding: 0 0 0 20px; text-decoration: none; color: #CCCCCC; 
						  background: url(../images/arrow-normal.gif) 0 50% no-repeat; }
#nav ul li.admin a:hover { text-decoration:none; background:url(../images/arrow-hover.gif) 0 50% no-repeat; }

/* ---- Gallery Navigation ------------------ */

.imgCategory ul			{ margin: 0 0 0 30px; }
.imgCategory ul	li		{ float: left; font-size: 1.2em; margin: 0 10px 10px 10px; }
.imgCategory ul	li a	{  }

/* END NAVIGATION */

/* ------------------------------------------ */
/* 					Body Content			  */
/* ------------------------------------------ */

#sideBar1 a 			{ color: #0fa0dd; text-decoration: none; }
#sideBar1 ul.ws 		{ margin: -12px 0 10px 0; padding: 0; }
#sideBar1 ul li.ws 		{ background: url(../images/arrow2.gif) 0 50% no-repeat; margin: 0 0 0 5px; padding: 0 0 0 15px; }
#sideBar1Store 			{ display: inline; background: url( ../images/storeSideBG.gif ) repeat; float: left; margin: 0 5px 0 0;
						  padding: 0 0 0 5px; width: 180px; }
#sideBar1Store a 		{ background: url(../images/arrow2.gif) 0 50% no-repeat; color: #fff; margin: 0 0 0 5px; padding: 0 0 0 15px;
						  text-decoration: none; }
#sideBar1Store a:hover 	{ background: url(../images/arrow3.gif) 0 50% no-repeat; color:#8D8D8D; margin: 0 0 0 5px; padding: 0 0 0 15px;
						  text-decoration: none; }
#sideBar1 ul li a.indent { margin-left: 10px; }

#mainContent p 			{ padding: 0 0 0 35px; }
#mainContent h1 span	{ font-size: 20px; }
#mainContent h3 		{ width: 300px; margin: 10px 0 10px 15px; padding: 0 0 13px 10px; color: #06507A; 
						  border-bottom: 1px solid #E6E6E6; /*background: url(../images/icon4.jpg) 0 0 no-repeat #fff;*/ }
#mainContent h3 span 	{ font-size: 16px; }
#mainContent p span		{ font-size: 11.5px; line-height: 14px; }
#mainContent p span.boldtext { font-weight: bold; }
#mainContent p.border 	{ height:6px; margin:20px 61px; padding:0; background:url(../images/line.gif) 0 100% repeat-x #000; }
#mainContent p.captiontext { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 22px;
							 font-style:italic; font-weight:bold; color:#7D7D7D; 
							 /* background: url(../images/body-bgNew.gif) 0 0 repeat-y #fff; */ }
#mainContent ul 		{ margin: -10px 0 10px 45px; }

.ad 					{ border: 1px solid #000; margin: 0 auto; width: 400px; }

#mainContent .normal 	{ color:#39A002; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; }

.centre 				{ margin: 0 auto; width: 520px; }

.right 					{ float: right; }

.specCentre 			{ margin-left: 35px; }

/* My test to add a double right column */
#sideBar 				{}
.wide 					{ float: left; background: #000; width: 390px }

.ad 					{ float: right; width: 380px; margin-bottom: 10px; }

.col1 					{ background: #ffccdd; float: left; margin-left: 20px; width: 240px; }
.col2 					{ background: #ffccdd; float: left; margin-left: 20px; width: 240px; }

.badgeAd				{ left: -35px; position: absolute; top: -5px;  z-index: 10; }
#featureAd h2			{ margin: -10px 0 0px 120px; }
#featureAd h4			{ margin: -10px 0 0 0; }
#featureAd p			{ color:#333333; }
#featureAd ul			{ color:#333333; padding-left: 160px; }
.featureProduct p		{ margin-left: 155px; }
.bottomMargin			{ margin-bottom: 0px; }
.adImg					{ padding: 0 10px 0 3px; }

/* ---- Feature Ad Border ------------------- */

.adBorderRight			{ float: right; position: absolute; top: 0; right: -10px; width: auto; z-index: 5; }
.adBorderTop			{ float: left; left: 22px; position: absolute; top: 0; width: auto; z-index: 5; }
.adBorderBottom			{ float: left; left: 22px; position: absolute; bottom: 0; width: auto; z-index: 5; }
.adBorderLeft			{ float: left; left: 0; position: absolute; top: 0; width: auto; z-index: 5; }


	
/* ----------------Featured Products---------------- */
.featProds 				{ border: 3px solid #f4f4f4; margin: auto; padding-right: 10px; width: 525px; height: 250px;
						  position: relative; }

.specials 				{ float: none; position: absolute; /*margin: -130px 0 0 350px;*/ top: -80px; right: 0; z-index: 10; }

.featProds p 			{ }
.featProds_img 			{ float: left; margin: 0px 10px 0 10px; }
.featProds_price 		{ float: left; margin: 0px 0 0 15px; }	
.featProdDetails 		{ display: block; width: 173px; height: 31px; float: right; 
						  background: url(../images/prodBox/products_details_bg.gif) no-repeat center; margin: 0 0 0 0; }
						  
/* ----------------End Featured Products------------ */
/* ----------------Product Small Box---------------- */
.prod_box				{ background:url(../images/specialsBG1.jpg) no-repeat center; width:125px; height:auto; float:left;
						  margin-left: 25px; padding:10px 0px 10px 4px; }
.center_prod_box		{ width:125px; float:left; text-align:center; padding:0px; margin:0px; }
.center_prod_box p 		{ font-size: 0.75em; padding: 5px 2px 0 2px; text-align: left; }
.prod_details_tab		{ width:125px; height:31px; float:left; 
						  background:url(../images/prodBox/products_details_bg.gif) no-repeat center; margin:3px 0 0 0; }
img.left_bt				{ float:left; padding:6px 0 0 6px; }
.product_title 			{ padding: 0 5px 0 5px; }
a.prod_details			{ width:25px; display:block; float:left; background:url(../images/prodBox/square-blue-add.gif) no-repeat left;
						  padding:0 0 0 20px; margin:7px 0 0 38px; _margin:6px 0 0 35px; text-decoration:none; color:#0fa0dd; }

/* ----------------Product Details---------------- */
.prodDetails 			{ margin: auto; width: 525px; }
.prodDetails h3 		{ width: 300px; height: 47px; margin: 10px 0 10px 15px; padding: 0 0 13px 10px; font-size: 24px; 
						  line-height: 20px; color:#39A002; border-bottom: 1px solid #E6E6E6;
						  /*background: url(../images/icon4.jpg) 0 0 no-repeat #fff;*/ }
.prodDetails_img 		{ float: left; }
.prodDetails_imgMain 	{ float: left; margin: 0 20px 0 0 ; }
.prodDetails_price 		{ float:left; }
.prodDetails_tab		{ width:173px; height:31px; float:right; 
						  background:url(../images/prodBox/products_details_bg.gif) no-repeat center; margin:3px 0 0 0; }

/* ----------------Store Styling---------------- */
.txtRight 				{ text-align: right; }

/* ----------------News Styling---------------- */
.title 					{ }
.post 					{ }
.date 					{ font-size: 0.75em; margin-bottom: 15px; }
.gallery				{ border-bottom: 1px solid #cccccc; height:auto; float:left; padding:10px 5px 10px 20px; width: auto; }
.gallery p				{ margin-left: 150px; }
.img-left      			{ float:left; margin:4px 10px 4px 0; width: auto; }
.img-right     			{ float:right; margin:4px 10px 4px 0; width: auto; }  	

/* END BODY CONTENT */

/* ------------------------------------------ */
/* 					Footer					  */
/* ------------------------------------------ */

#footer img 			{ width: 80px; height: 70px; top: 37px; right: 250px; position: absolute; }
#footer ul 				{ width: 600px; top: 36px; left: 49px; position: absolute; }
#footer li 				{ font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; 
						  line-height: 15px; float: left; }
#footer ul li a 		{ padding: 0 0 0 0px; text-decoration: none; color: #fff; background: #7ba247; }	
#footer ul li a:hover 	{ text-decoration: underline; }
#footer ul.designcreative { width: 190px; top: 120px; left: 60px; display: block; position: absolute; color: #fff;
							background: #7ba247; }
#footer ul.designcreative li { height: 20px; }

#footer ul.designcreative li a { padding: 0px; display: block; text-decoration: none; color: #fff; background: #7ba247; }
#footer ul.designcreative li a:hover { text-decoration: underline; }
#footer p.copyright 	{ top: 56px; left: 61px; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px;
						  position: absolute; color: #fff; background: #7ba247; }
/* END FOOTER */

/* ------------------------------------------ */
/* 				Login Panel					  */
/* ------------------------------------------ */

#top 					{ background: url(../images/loginM.jpg) repeat-x 0 0; height: 38px; margin-top: 0; position: relative; }
#top ul.login 			{ background: url(images/loginR.jpg) no-repeat right 0; clear: right; color: white; display: block; 
						  float: right; font-weight: bold; font-size: 80%; height: 38px; line-height: 38px; margin: 0; 
						  padding-right: 45px; position: relative; right: 150px; text-align: center; width: auto; }
#top ul.login li.left 	{ background: url(images/loginL.jpg) no-repeat left 0; display: block; float: left; height: 38px; margin: 0;
						  padding: 0; width: 45px; }
#top ul.login li 		{ background: url(../images/loginM.jpg) repeat-x 0 0; display: block; float: left; height: 38px; 
						  padding: 0 6px; text-align: left; }
#top ul.login li a 		{ color: #33cccc; }

/* END LOGIN */

/***** clear *****/

.clear 					{ clear: both; height: 0; line-height: 0; }

/* Search Stuff */

#search 				{ height: 0; overflow: hidden; position: relative; width: 100%; z-index: 3; }
#search a 				{ color: #33cccc; text-decoration: none; }
#search a:hover 		{ color: white; }

/* Form Stuff */
fieldset 				{ padding: 0 5px 5px 10px; }
legend 					{ padding: 0 2px 0 2px; font-weight: bold; }

.form 					{ float:left; padding:0 10px 5px 10px; background:#f3f3f3; border:2px solid #cfcfcf; }
.form label 			{ float:left; width:120px; padding:0 10px 0 0; font-weight:bold }
.form select 			{ float:left; width:146px; margin-top:5px }
.form input 			{ float:left; margin-top:0 }
.form .submit 			{ clear:both }
#msg 					{ display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat;
						  padding-left:7px }
#msgcontent 			{ display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px;
						  max-width:250px}

.fSrch 					{ padding:0 10px 10px 10px; background:#cccccc; border:2px solid #cfcfcf }
#search label 			{ width: 50px; padding: 0 5px 20px 0; font-weight: bold; }
#search input 			{ margin: 5px 7px 0 0; }

.prod 					{ padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf; }
.prod label 			{ float:left; width:150px; padding:0 10px 0 0; font-weight:bold; }
.prod select 			{float:left; width:146px;}

.small 					{ font-size: 10px; margin-left: 130px; }
/* END FORMS */

/* ------------------------------------------ */
/* 					MISC					  */
/* ------------------------------------------ */
.layout tr th 			{ width: 50px; }
#mainContent p.border 	{ height:6px; margin:20px 61px; padding:0; background:url(../images/line.gif) 0 100% repeat-x; }
span.highlight 			{ color: red; font-weight: bold; }

.row1 					{ background-color: #eeffdd; color: black; }
.row2 					{ background-color: #eeffbb; color: black; }

.strikethrough 			{ text-decoration: line-through; }

.padLeft				{ margin-left: 10px; }
.padBottom				{ margin-bottom: 10px; }

#featureAd h2			{ font-size: 1.8em; margin: 10px 0 0 150px; }
#featureAd ul			{ list-style: disc; padding-left: 160px; }
.padTop					{ padding-top: 35px; }
.padRight				{ padding-right: 15px; }


/* END MISC */