html, body {padding: 0; margin: 0;}
body, textarea {font-family: arial, verdana, sans-serif; font-size: small; background: #FFF;}
#banner
{
	margin: 0 auto; padding: 0;
	width: 100%; height: 135px;
	background: url('../site/header2.jpg') no-repeat 50% 0 #000;
	text-align: center;
}

#banner object {width: 740px; height: 135px; margin: 0 auto;}

	
/** Major/Common layout elements **
------------------------------------*/

#mainArea { /*the div containing the 3 columns */
	margin: 0; padding: 0;
	width: 100%; vertical-align: top;
	background: #FFF;
}

#mainArea p,#mainArea ul,#mainArea li,#mainArea h1,#mainArea h2,#mainArea h3,#mainArea h4 {position: relative;}

#page, #page2 {
	margin: 0 161px 0 156px; padding: 0 0.5em 1em 0.5em;
	background: #FFF; color: #000;
	width: auto;
}
	#page2 {margin-left: 5px; padding-left: 0; background: #FFF; min-width: 580px;} /* 2 column layout */

#leftCol {
	margin: 0 0.5em 0 0; padding: 0;
	background: #222; color: #FFF;
	float: left; position: relative;
	width: 155px;
	border-right: 1px solid #000;
}
	
	#mainArea #leftCol h3, #leftCol h3 a {font-size: 1.1em; margin: 0.5em 0 1em 0; padding: 0 0 0 1px; text-decoration: none;}
	#leftCol h3 a:hover {color: #B00;}
	
	#leftCol ul {margin: 0 0 1em 0em; padding: 0; }
	#leftCol li {list-style-type: none; line-height: 23px; padding: 0;}
	#mainArea #leftCol li a {text-decoration: none; display: block; width: 153px; margin: 0; padding: 0 0 0 2px; color: #FFF; border-bottom: 1px solid #333; background: url('../site/category_bg.png') no-repeat 100% 0;}
	#mainArea #leftCol li a:hover {background: #B00;}


#rightCol {
	margin: 0 0 0 0.5em; padding: 0;
	background: #FFF; color: #333;
	float: right;
	width: 155px;
	position: relative;
}
	#rightCol .feature, #rightCol .featureCenter {margin: 0 0 1em 0; padding: 5px; background: #F5F2E7; border: 1px solid #CAC3A6;}
		.featureCenter {text-align: center;}
		.featureCenter img {width: 135px; height: 75px; border: 0;} /*bma logo*/
		#rightCol .featureCenter img.monthly {width: 125px; height: 125px; border: 0;}
	#rightCol .feature .icon {width: 75px; height: 48px; border: 0; text-decoration: none;} /* illustrative images (e.g cart) */
	#mainArea #rightCol .feature h1 {font-size:1em; margin: 0;}
	#rightCol .feature h3, #rightCol .featureCenter h3 {font-size: 1em; margin: 0 0 5px 0; color: #B00;} /* formally ED6E00 */
	#rightCol .feature h3.close, #rightCol .featureCenter h3.close {margin-bottom: 2px;}
	#mainArea .productInfo {margin: 0; padding: 0;} /* UL of extra info */
	#mainArea .productInfo li.header {font-weight: bold; color: #ED6E00; padding-left: 0; margin-bottom: 0;}
	#mainArea .productInfo li {list-style-type: none; padding-left: 1em; margin-bottom: 1.0em;}

#bannerAd { /** banner in centre column */
	margin: 0; padding: 0;
	height: 60px;
	text-align: center; position: relative;
}
#bannerAd img {width: 420px; height: 60px; border: 0;}

#footer {margin: 0; padding: 0; background: #333; color: #FFF; height: 25px; border-bottom: 1px solid #000; line-height: 25px; clear: left;}
	#footer .leftHalf, #footer .rightHalf {padding: 0; height: 25px; float: left;}
	#footer .leftHalf {margin: 0 0 0 3px; text-align: left; width: 45%;}
	#footer .leftHalf a {color: #AAA; text-decoration: none;}
	#footer .rightHalf {margin: 0 3px 0 0; text-align: right; width: 54%;}
	#footer ul {margin: 0; padding: 0;}
	#footer ul li {display: inline; list-style: none; margin-left: 1em;}
	#footer ul li#footerCopy {margin-left: 0.5em;}


#searchBox {margin: 0; padding: 0; text-align: right;} /* old style interface */
#search {margin: 0 -0.5em 0 -0.5em; padding: 0; color: #000; background: url('../site/searchbg_red.jpg') repeat-x;}
#searchForm {margin: 0; padding: 0.3em; z-index: 1; border: 0px solid #B05101;}

p.featureImg, p.productImg {text-align: center; margin: 0 0 0.1em 0;}
p.featureImg img, p.productImg img {width: 100px; height: 100px; border: 1px solid #000;}


/*** REGISTRATION ELEMETNTS ***
-----------------------------*/
#register {margin: 0; padding: 0 0 5px 0; background: #F4C00D; border-bottom: 1px solid #000;}
#rightCol #register h3 {margin: 0 0 0 2px; padding-top: 10px; font-size: 1.0em; color: #000; border: 0;}
#register .text {width: 140px; background: #333; border: 1px solid #000; color: #FFF; margin: 0 0 4px 3px;}
#register p {color: #000; margin-left: 2px;}
#register a {color: #0063A0; font-weight: bold;}
#register a:hover {color: #B00;}

/*
#leftCol ul {margin: 0 0 1em 0em; padding: 0;}
#leftCol li {list-style-type: none; line-height: 20px; padding-left: 2px;}
#leftCol li a {text-decoration: none; display: block; width: 153px; margin: 0; padding: 0; color: #000; background: #E3DAC3; border-style: solid; border-width: 1px 0 1px 0; border-color: #F7F4E5 #B4AF9F #B4AF9F #B4AF9F;}
#leftCol li a:hover {color: #000; background: #F5C032;}
*/
	
#register ul {margin: 1em 0 0 0; padding: 0;}
#register ul li {list-style-type: none; line-height: 20px;}
#rightCol #register ul li a {
	text-decoration: none; 
	padding-left: 2px;
	display: block; width: 155px;
	line-height: 25px;
	background: #E8D491;
	border-style: solid; border-width: 1px 0 1px 0; border-color: #FBF4DA #000 #6D695A #000;
}
#rightCol #register ul li a:hover {background: #0C5C8E; color: #FFF; border-color: #000 #000 #589EC9 #000;}


/** Headings & Links **
-----------------------*/
h1, h2, h3, h4, h5 {margin: 0.5em 0 0.5em 0;}

#page h1, #page2 h1 {font-size: 1.6em; margin: 0 0 0.5em 0;}
#page h2, #page2 h2 {font-size: 1.3em;}
#page h3, #page2 h3 {font-size: 1.2em;}
#page h4, #page2 h4 {font-size: 1.1em;}
#page h5, #page2 h5 {font-size: 1.0em;}

#rightCol h2 {font-size: 1.3em;}
#rightCol h3 {font-size: 1.2em;}
#rightCol h4 {font-size: 1.1em;}
#rightCol h5 {font-size: 1.0em;}

.subHeading2 {color: #044454; border-bottom: 1px solid #044454; margin-top: 2em;}

p {margin: 0.2em 0 1em 0;}
#page a, #page2 a {color: #B00;}
#page a:hover, #page2 a:hover {color: #09364D;}
#footer a {color: #E9E9E9;}
#footer a:hover {color: #F4C00D;}

#rightCol a {color: #00247D;} /* Right column links */
#rightCol a:hover {color: #B00;}



/** Lists (they are common) ***
--------------------------------*/

ul.blank, ul.blankClose {margin-left: 0; padding-left: 0;} /* vertical no-point list */
ul.blankClose {margin-top: 0;}
.blank li, .blankClose li {list-style: none; padding: 0; margin: 0;}
.blank a, .blankClose a {text-decoration: none;}

ul#breadcrumb {padding: 0; text-align: right; float: right; position: relative; margin: 25px 2px 0 0; vertical-align: bottom;} /* clean up */
ul#breadcrumb li {list-style: none; display: inline; padding: 0; margin: 0;}

ul.tick li {list-style: url('../site/tick.gif');}


/** Tables ***
--------------*/
th, td {vertical-align: top; text-align: left;}

.plainTable {border: 1px solid #777; background: #EAE5D5;}
.plainTable th, .plainTable td {text-align: left; vertical-align: top; padding: 4px;}
.plainTable .center, .orderDetail .center {text-align: center;}
.plainTable .right, .orderDetail .right {text-align: right;}
.plainTable .header {background: #333; color: #FFF; font-weight: bold;}
.plainTable .alt, .plainTable .altUnder {background: #E0D7BC;}
.plainTable .alt2 {background: #DBD4BD;}
.plainTable .under th, .plainTable .under td, .plainTable .altUnder th,  .plainTable .altUnder td {border-bottom: 1px solid #777;}
.plainTable .footer {background: #ED6E00; color: #000;}
.plainTable .underline th, .plainTable .underline td {border-bottom: 1px solid #000; background: #F5C032;}

#mainArea #productHeading_h1 {margin-top: 0.5em;}
.productTop {text-align: right; padding-bottom: 0.5em; border-bottom: 1px solid #888;}
.productTop ul {list-style: none; padding: 0; margin: 0;}
.productTop ul li {display: inline;}

.productHeading {border: 0; width: 98%;} /* table used for heading info on (sub) cat pages */
#mainArea .productHeading ul#breadcrumb {margin: 0 0.5em 0 1em; padding: 0; float: none;}

#productDetails {margin-top: 1.0em;}
#productDetails #imageCell {padding-right: 1.5em;}
#productDetails th, #productDetails td {padding: 0 5px 5px 5px;}
#productDetails h3 {font-size: 1em; margin: 0 0 0.5em 0; color: #ED6E00;}

.categoryTable {border: 0;}
.categoryTable td {padding-right: 2em;}
#mainArea .categoryTable a {color: #00247D; text-decoration: none;}
#mainArea .categoryTable a:visited {color: #326D85;}
#mainArea .categoryTable a:hover {color: #B00; text-decoration: underline;}


/** Contact style table **
--------------------------*/
.contact, .custom-groups {background: #FAFAFA; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #999 #555 #555 #999; font-family: arial, verdana, sans-serif; font-size: 0.9em;}
.contact th, .contact td, .custom-groups th, .custom-groups td {text-align: left; vertical-align: top; border: 1px solid #FFF; padding: 6px;}
.contact a, .custom-groups a {text-decoration: underline;}
.contact .alt, .custom-groups .alt {background: #E8E8E8;}
.contact th.center, .contact td.center {text-align: center;}
.contact .header th, .contact .header td {background: #333; color: #FFF;}
.contact .middle th, .contact .middle td {vertical-align: middle;}



/*** FORM stuff ***/
.short, .shortRight {width: 3em;}
.shortRight {text-align: right;}
.longer {width: 12em;}
.longer2 {width: 18em;}
.requiredField {background: #F5A50A; color: #000;} /* required form field */
.dateWidth {width: 6em;}

.submitDiv {
	margin: 20px auto; padding: 10px;
	text-align: center; vertical-align: middle;
	border: 1px solid #333; background: #E8E8E8;
}
.submitDiv input {position: relative;}


/** General Decoration styles **/
.h, .hBold {color: #B00;} /* highlight class */
.hBold {font-weight: bold;}
.hBox {border-bottom: 1px solid #666; margin-top: 2em; color: #02143E;} /* just underlined */
.hBox2 {padding-left: 0.5em; margin-top: 3em; background: url('../site/hbox2.gif') repeat-x 0 100%; line-height: 25px; border-style: solid; border-width: 1px; border-color: #999 #777 #666 #777; width: 98%;} /* full box around */
.h2 {color: #044454;}
.bold {font-weight: bold;}

.underline {text-decoration: underline;}
.small, .smallCenter {font-size: x-small; margin: 0;}
.small a, .smallCenter a {text-decoration: none;}
.smallCenter {text-align: center;}
.small2 {font-size: 11px;} /* not quite as small usually */
.hidden {display: none;} /* hides P containing hidden form fields (P is necessary for valid HTML) */

.bmaBlue, .bmaBlueBold {color: #00247D;} /** BMA Colours **/
.bmaRed, .bmaRedBold {color: #ED2E38;}
.bmaOrange, .bmaOrangeBold {color: #ED6E00;}
.bmaBlueBold, .bmaRedBold, .bmaOrangeBold {font-weight: bold;}

.right, .rightBold {text-align: right;}
.rightBold {font-weight: bold;}
.center {text-align: center;}
.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.notification {border: 1px solid #333; background: #F5C032; color: #000; padding: 0; margin: 1em auto; width: 400px;}
#mainArea .notification h3 {margin: 0 0 0.5em 0; padding: 0 5px 0 5px; font-size: 1.1em; line-height: 29px; height: 29px; vertical-align: middle; background: url('../site/notification_bg.gif') repeat-x #F8D372;}
.notification p {margin-left: 5px;}
#mainArea .notification a, #mainArea .notification a:visited {color: #0F3672;}
#mainArea .notification a:hover {color: #B00;}


/* Images */
.thumb100, .thumb50, .featureCenter img.thumb100{width: 100px; height: 100px; border: 1px solid #000;}
.noborder100 {width: 100px; height: 100px; border: 0;}
.icon20Left {float: left; margin-right: 5px;}
p.quoteThumb {float: left;}


/** Functional bits -- various specifically designed bits
---------------------------------------------------------*/
/* Front & right col offers */
div.offer {float: left; margin: 0; padding: 0; width: 95%;}
.offer h2 {margin-top: 2em; clear: left;}
.offer h3 {clear: left;}
.graphic {float: left; margin: 0 10px 10px 0; border: 0;}

.offer .final {margin: 2em 0 0 0; padding: 0; width: 98%; text-align: center; clear: left;}
.offer .final .feature, .offer .final .testimonial {float: left; text-align: left; margin: 0 auto; padding: 0; width: 30%;}
.offer .final .testimonial {width: 40%;}
.offer .testimonial {font-style: italic; color: #333;}
.offer .author {margin-left: 2em; color: #000; font-weight: bold;}

#mainArea .news
{
	float: left;
	text-align: left;
	padding: 0; margin: 30px 7px 10px 0;
	width: 195px; min-height: 200px; /* careful this will lock height on non-IE browsers */
	background: url("../site/news_bg.gif") no-repeat #F0F0F0;
	border-width: 1px;
	border-style: solid;
	border-color: #D6D6D6 #6A6A6A #6A6A6A #D6D6D6;
}
#mainArea .news .header {margin: 0; width: 195px; height: 34px; border: 0;}
#mainArea .news p {margin: 8px; line-height: 160%; font-size: 0.85em; text-align: left;}
.news img {border: 0;}
.news a {color: #BB0000; font-size: 1em;}
.news a:hover {color: #000;}
.news ul {border: 0px solid red; margin: 0 0 5px 10px; padding: 0 0 0 10px;}
.news h4 {color: #A01D9B; font-size: 1.5em; margin: 8px 5px 5px 5px; text-align: center;}


.mailingList {margin: 0; padding: 3px 3px 0 3px;}
.mailingList input {background: #B00; color: #FFF; border: 1px solid #000; margin-bottom: 0.5em;}
.mailingList p.joinEmail {margin: 0; padding: 0; text-align: center;}
.mailingList p.joinEmail input {background: #F4C00D; font-weight: bold; margin: 0 auto; padding: 3px; border-style: solid; border-color: #333; color: #000; border-width: 1px; cursor: pointer;}

/*Product list (new/top10) under product search*/
.productList {padding-left: 15px;}
#mainArea #page .productList h3 {font-size: 1.1em; margin-top: 1.5em; line-height: 30px; background: #F6F6F6; width: 70%;}
#mainArea #page .productList h3 a {color: #00247D;}
#mainArea #page .productList h3 a:visited {color: #5A647C;}
#mainArea #page .productList h3 a:hover {color: #B00;}
.productList p {margin-left: 15px;}


/*-----------------------*/

.categoryFeature { /*containing feature box*/
	margin: 0.2em 0 1em 0.5em; padding: 0;
	width: 343px; min-height: 160px; height: 160px;
	border-style: solid; border-color: #000; border-width: 1px 2px 2px 1px;
	background: #D9D9D9; color: #000;
	position: relative;
}
#mainArea #page .categoryFeature .product { /* the sub-div for each of the 3 featured products */
	float: left; position: relative;
	width: 100px; min-height: 160px; height: 160px;
	margin: 0; padding: 0 5px;
	border-right: 1px solid #FFF;
	text-align: center; /* for image*/
}
.categoryFeature .product p {font-weight: bold;}
#mainArea .categoryFeature a {color: #000;}
#mainArea .categoryFeature a:hover {color: #00247D;}
.categoryFeature .product:hover {background: #ED6E00; color: #000; border-right: 1px solid #444;}
.categoryFeature .product img {width: 100px; height: 100px; border: 1px solid #000; margin: 5px auto 5px auto;}

/*------------------------------------
	3 columns for product text list (SD) */

.column {
	margin: 0 3px 1em 0; padding: 5px;
	width: 235px; border: 1px solid #AAA;
	float: left; position: relative;
	background: #F0F0F0;
}
#page .column h3 {font-size: 1em; margin: 0 0 0.2em 0;}
#page .column h3 a {color: #15254D; text-decoration: none; font-style: italic;}
#page .column h3 a:hover {color: #B00; text-decoration: underline;}

.column p {margin: 0 0 1.2em 1.2em;}
#page .column ul {list-style: none; margin: 0 0 0.5em 1.2em; padding: 0;}
#page .column p a, #page .column ul a {color: #00247D; text-decoration: none;}
#page .column p a:hover, #page .column ul a:hover {color: #B00; text-decoration: underline;}

/*---------------------
	Product listing */
	
.productGrid {float: left; margin: 0; padding: 0;}
.productGrid .p {float: left; width: 140px; height: 160px; text-align: center; font-weight: bold; margin: 0; padding-top: 5px;}
.productGrid .p img {width: 100px; height: 100px; border: 1px solid #000;}
.productGrid a {text-decoration: none;}
.productGrid p:hover {background: #E4E4E4;}

.categoryMenu {width: 22em;}
.categoryMenu li {list-style: none; line-height: 25px; font-size: 1.1em; font-weight: bold; margin-bottom: 1px;}
.categoryMenu li a {display: block; margin: 0; padding-left: 10px; height: 25px; line-height: 25px; border-left: 5px solid #AAA; text-decoration: none;}
.categoryMenu li a:hover {border-color: #B00; background: #E0E0E0;}
#mainArea .categoryMenu li a:visited {color: #600;}


/*
	.productItem, .productItemTall {
	margin: 0 5px 8px 0; padding: 0;
	width: 360px; height: 102px;
	float: left; position: relative; background: #F0F0F0;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA #AAA #333 #AAA;
	clear: left;
}
.productItemTall {height: auto; min-height: 60px;}

.productItem .info, .productItemTall .info {text-align: right; margin-bottom: 0;}
.productItem .info img, .productItemTall .info img {width: 60px; height: 17px; border: 0; margin-right: 2px; z-index: 10;}
#page .productItem .thumb, #page .productItemTall .thumb {width: 100px; height: 100px; border: 1px solid #000; float: left; margin: 0 0.5em 0 0;}
#page .productItem .right {text-align: right;}

#page .productItem h3, #page .productItemTall h3 {font-size: 1em; margin: 0.2em 0 0.5em 100px;}
#page .productItem p {margin-left: 100px;}
#page .productItemTall h3, #page .productItemTall p {margin-left: 100px;}

#page .productItem h3 a, #page .productItemTall h3 a {color: #000;}
#page .productItem h3 a:hover, #page .productItemTall h3 a:hover {color: #B00;}
*/


/**** ORDER-CONTROL functions ***/
.confirm {text-align: center; border: 1px solid #333; background: #F5F2E7}
#mainArea .confirm h3 {font-size: 1.1em;}


/** SPONSORSHIP page **/
#sponsorship_brochure {margin: 2em auto; width: 230px;}
#sponsorship_brochure img {border: 0; width: 225px; height: 75px;}