.featureBoxes {
	/*anything? */
}

.featureBoxes .box {width: 140px; height: 90px; border: 0;}
.featureBoxes .boxWide {width: 280px; height: 90px; border: 0;}



div.whyorder {
	width: 95%;
	background: url('site/whyorder_bg.png') repeat-x; border: 1px solid #555;
	margin: 1em 0 1em 0; padding: 0;
	height: 130px; min-height: 130px; /*167*/
}

#mainArea #page .whyorder h2 {margin-bottom: 0.2em;}
.whyorder ul.tick {margin-top: 0;}

/** Monthly promotion feature **/
.promotion {
	width: 95%;
	margin: 1em 0 1em 0; padding: 0; border: 1px solid #555;
	background: #E3E3E3;
}
#mainArea .promotion h2 {
	margin: 0; padding: 0;
	font-family: arial, verdana, sans-serif; font-weight: bold; color: #F0F0F0; text-align: center;
	width: 100%; height: 42px;
	background: url('site/promotion_heading.gif') repeat-x;
}
#mainArea .promotion img {border: 0;}
#mainArea .promotion p.button {margin: 0.5em 0 0.5em 0; padding: 1px 0 1px 0; text-align: center;}
#mainArea .promotion .button a {line-height: 25px; width: 10em; background: #F4C00D; color: #222; display: block; margin: 0 auto 0 auto; vertical-align: middle; font-weight: bold; text-decoration: none; border: 1px solid #000;}
#mainArea .promotion .button a:hover {background: #234255; color: #FFF;}
.promotion .inner {margin: 0 5px 0 5px; text-align: center;}
#mainArea .promotion .inner a {text-decoration: none;}
.promotion .inner .description {text-align: left;}



/**** MY ACCOUNT SYLING -- new feature styling for logged in members ***/
/*.panelBox {height: 76px; border: 1px solid #767676; width: 360px; background: url('site/my.panelbg.jpg') repeat-x;}*/
.panelBox {height: 185px; width: 202px; border: 0; background: url('site/panelboxbg.jpg') no-repeat; padding: 5px; float: left; padding: 2px;}
.panelBox h3 {text-align: center; margin: 5px 0 2px 0; letter-spacing: 2px; color: #444;}
.panelBox p.pIcon {text-align: center; margin: 0;}
.panelBox p.pIcon img {width: 60px; height: 60px; border: 0;}
.panelBox ul {margin-left: 12px; padding-left: 12px;}
.panelBox a {text-decoration: none; color: #23637C ! important;}
.panelBox a:hover {text-decoration: underline; color: #B00 ! important;}