body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFEBD7;
}
p {
	max-width: 500px;
	margin: 6px 0 6px 0;
	line-height: 1.3em;
}
td {
	font-size: 12px;
	color: #000000;
}
th {
	font-size: 12px;
	color: #000000;
}
/*	banner title*/
h1 {
	font-family: Georgia, serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 1px 0 0 0;
	letter-spacing: 0.05em;
	max-width: 1000px;
}
/*	sub title in CMS*/
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}
/*	breadcrumb title*/
h3 {
	font-size: 10px;
	margin: 2px 0px 10px;
	font-weight: normal;

}
hr {
	border-color: #DFC0A2;
	border-style: solid none none none;
	margin: 10px 0;
	padding: 0;
	border-width: 1px;
	width: 100%;
}
a:link {
	color: #993300;
	text-decoration: none;
}
a:visited {
	color: #993300;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.price {
	font-size: 14px;
	font-weight: bold;
	color: #993300;

}
.mainTitle {
	font-size: 16px;
	font-weight: bold;
}
.subtitle {
	font-size: 14px; 
	font-weight: bold; 
	color: #993300
}
.smalltext {
	font-size: 9px;
}

.bigprice {
	font-size: 14px; 
	font-weight: bold; 
	color: #993300;
	text-align: right;
}
.runningtitle {
	font-weight: bold; 
	color: #993300
}
.itemline {
	font-size: 10px;
}
.justified {
	text-align: justify;
}
.pricebox {
	font-weight: bold;
	color: #993300;
	border: none;
	background-image: none;
	background-color: transparent;
	text-align: right;
	width: 50px;
}
.comment {
	font-size: 9px;
	color: #999999;
}
.lineitem {
	margin: 6px 0;
}

.lineitem td {
	padding: 1px 4px;
	font-size: 11px;
	background-color: #FFE6CC;
	border-top: 2px solid #FFCC99;
	border-right: 1px none #FFCC99;
	border-bottom: 1px solid #FFCC99;
	border-left: 1px none #FFCC99;
}
.lineitem a {
	font-weight: bold;
}
/*.lineitem input {
	width: 26px;
}*/
.lineitem .lineprice {
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}


.cluster {
	float: left;
	text-align: center;
	width: 120px;
	background-color: #EAD6BF;
	margin: 4px;
	border: 1px solid #DFC0A2;
	height: 140px;
	padding: 12px;
	font-size: 10px;
}
.cluster a {
	font-weight: bold;
}
.cluster img {
	border: 1px solid #000000;
	margin-bottom: 4px;
}
.featured {
/*	background-color: #FFE6CC;
	border: 1px solid #000000;*/
	text-align: center;
	padding: 12px;
	font-size: 10px;
}
.featured img {
	border: 1px solid #000000;
	margin-bottom: 4px;
}
.ordersummary {
	background-color: #EAD6BF;
	padding: 6px 12px;
	margin: 0;
	font-weight: bold;
	color: #993300;
	border: 1px solid #DFC0A2;
}

/*	--- Error panel --- */

.errors {
	margin: 10px 0;
	padding: 10px;
	/*background-color: #FFE8E8;*/
	background-color: #FFFFFF;
	border: 1px solid #CC0000;
	color: #CC0000;
}
.errors ul {
	padding: 0 0 0 10px;
	margin: 0;
}
.errors li {
	margin: 0 20px 0 20px; 
	list-style-image: url(/images/icons/BulletError.gif);
}
.errors a, .errors a:visited, .errors a:hover {
	color: #CC0000;
}
.pic-left {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0px none;
}
.pic-right {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0px none;
}
.pic-border {
	border: 1px solid #000000;
}
.pic-edge {
	padding: 4px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.logintab {
	float: right;
	width: 80px;
	height: 16px;
	text-align: center;
	margin: 2px 0 0 4px;
	padding: 2px 0 0 0;
	font-weight: normal;
	font-size: 9px;
	background-image: url(/images/tab80.jpg);
	display: inline;
	background-repeat: no-repeat;
}
.logintab:hover {
	background-image: url(/images/tab80_F2.jpg);
	color: #FFFFFF;
}
.logintab a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 20px;
	color: #000000;
}
.logintab a:hover {
	color: #FFFFFF;
}
.button40s, .button100s, .button40, .button60, .button80, .button100, .button120, .button140, .button160, .button180, .button200, .button0  {
	height: 22px;
	background-repeat: no-repeat;
	font-size: 13px;
	color: #000000;
	border: none;
	margin:0;
	padding: 0 0 2px 0;
	background-color: #DFC0A2;
}
.button40s:hover, .button100s:hover, .button40:hover, .button60:hover, .button80:hover, .button100:hover, .button120:hover, .button140:hover, .button160:hover, .button180:hover, .button200:hover, .button0:hover {
	color: #FFFFFF;
	background-color: #CC9966;
}
.button40s {
	margin: 0;
	font-size: 11px;
	width: 40px;
	height: 18px;
	background-image: url(/images/button40s.jpg);
	padding: 0 0 3px 0;
}
.button40s:hover {
	background-image: url(/images/button40s_F2.jpg);
}
.button100s {
	margin: 0;
	font-size: 11px;
	width: 100px;
	height: 18px;
	background-image: url(/images/button100s.jpg);
	padding: 0 0 3px 0;
}
.button100s:hover {
	background-image: url(/images/button100s_F2.jpg);
}
.button40 {
	width: 40px;
	background-image: url(/images/button40.jpg);
}
.button40:hover {
	background-image: url(/images/button40_F2.jpg);
}
.button60 {
	width: 60px;
	background-image: url(/images/button60.jpg);
}
.button60:hover {
	background-image: url(/images/button60_F2.jpg);
}
.button80 {
	width: 80px;
	background-image: url(/images/button80.jpg);
}
.button80:hover {
	background-image: url(/images/button80_F2.jpg);
}
.button100 {
	width: 100px;
	background-image: url(/images/button100.jpg);
}
.button100:hover {
	background-image: url(/images/button100_F2.jpg);
}
.button120 {
	width: 120px;
	background-image: url(/images/button120.jpg);
}
.button120:hover {
	background-image: url(/images/button120_F2.jpg);
}
.button140 {
	width: 120px;
	background-image: url(/images/button140.jpg);
}
.button140:hover {
	background-image: url(/images/button140_F2.jpg);
}
.button160 {
	width: 160px;
	background-image: url(/images/button160.jpg);
}
.button160:hover {
	background-image: url(/images/button160_F2.jpg);
}
.button180 {
	width: 180px;
	background-image: url(/images/button180.jpg);
}
.button180:hover {
	background-image: url(/images/button180_F2.jpg);
}
.button200 {
	width: 200px;
	background-image: url(/images/button200.jpg);
}
.button200:hover {
	background-image: url(/images/button200_F2.jpg);
}

/*	variable-length button for indeterminate length labels */
.button0 {
	border: 1px solid #8B5C2E;
	background-image: url(/images/gradButton.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}
.button0:hover {
	background-image: url(/images/gradButton_F2.jpg);
}


/* variable-length pseudo button must be applied to spans */

.inlineButton {
	margin: 0;
	padding: 0 0 2px 0;
	padding: 0 12px 2px 12px;
	/*height: 22px;*/
	border: 1px solid #8B5C2E;
	font-size: 13px;
	color: #000000;
	background-image: url(/images/gradButton.jpg);
	background-repeat: repeat-x;
}
.inlineButton a {
	margin: 2px 0;
	padding: 0 0 2px 0;
	/*height: 22px;*/
	color: #000000;
	text-decoration: none;
}
.inlineButton a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.inlineButton:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/gradButton_F2.jpg);
}



.subPanelHead {
	background-color: #E6CDB5;
	background-image: url(/images/gradHeader.jpg);
	background-repeat: repeat-x;
	padding: 4px 8px 8px 8px;
	border-width: 1px;
	border-style: solid solid none solid;
/*	border-style: none;*/
	border-color: #DFC0A2;
	font-weight: bold;
	color: #8B5C2E;
	margin: 0;
	height: 12px;
}
.subPanelHead p {
	margin: 0;
	padding: 0;
}
.subPanel {
/*	background-color: #EEDECC;*/
	background-color: #EAD6BF;
	padding: 8px;
	border-width: 1px;
	border-style: none solid solid solid;
/*	border-style: none;*/
	border-color: #DFC0A2;
	margin: 0 0 16px 0;
}
li {
	list-style-position: outside;
	list-style-image: url(/images/bullet.jpg);
	padding: 2px 0 2px 0;
}
ul.flush {
	margin: 0;
	padding: 0 0 0 20px;
}

/*	New lineitem table*/

.catitem {
	margin: 2px 0;
	background-color: #EAD6BF;
}
.catitem tr {
	background-color: #EAD6BF;
	border: 1px solid #DFC0A2;
}

.catitem td {
	padding: 2px 4px;
	font-size: 11px;
	height: 54px;
}
.catitem a {
	font-weight: bold;
}
.catitem .lineprice {
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}
.catitem1 {				/* Ref num and NEW */
	width: 40px;
}
.catitem2 {				/* Image */
	width: 50px;
}
.catitem3 {				/* Description */
	width: 260px;
}
.catitem4 {				/* Price */
	width: 60px;
	text-align: right;
	max-width: 60px;
}
.catitem5 {				/* Quantity */
	width: 75px;
}
.catitem5 input {
	width: 26px;
}

.catitem6 {				/* Buy */
	width: 40px;
	text-align: right;
}
.catitem7 {				/* Out of stock - 2 cols - width=sum of cols 5 & 6 plus extra padding(8px)*/
	width: 123px;
	text-align: right;
}


.outofstock {
	font-size: 11px;
	font-weight: normal;
	background-color: #DFC0A2;
	color: #000000;
	padding: 2px 8px;
	border: 1px solid #CC9966;
}
.outofstock a, .outofstock a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.new {
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #8B5C2E;
	margin: 4px 0 0 0;
	padding: 0 6px;
	border: 1px solid #CC9966;
}
.bottom-align-box p {
	margin: 12px 0 0 0;
	vertical-align: bottom;
	text-align: left;
}
.rule {
	margin: 0;
}
.eveshow {
	padding: 10px;
	background-color: #EAD6BF;
}
.eveshow p {
	margin: 0;
	padding: 0;
}
.evetalk {
	padding: 10px;
}
.evetalk p {
	margin: 0;
	padding: 0;
}
.evename {
	height: 18px;
	font-weight: bold;
	color: #993300;
}
.evetype {
	font-size: 11px;
	height: 16px;
	border-width: 1px;
	border-style: none none solid none;
	border-color: #DFC0A2;
}
.evetype a {
	vertical-align: top;
}
.evedetail {
	margin: 0 0 4px 20px;
}
.evedetail p {
	margin: 0;
	font-size: 11px;
}
.evecontent {
	margin: 6px 0 0 0;
}
.lineunder, .lineover {
	border-width: 1px;
	border-color: #DFC0A2;
}
.lineunder {
	border-style: none none solid none;
	padding-bottom: 2px;
}
.lineover  {
	border-style: solid none none none;
	padding-top: 2px;
}

.goto {
	font-weight: bold;
	font-size: 11px;
	background-image: url(/images/icons/gotoleft.gif);
	background-repeat: no-repeat;
	padding: 0 20px 0 10px;
	background-position: 2px;
}
.goto:hover {
	background-image: url(/images/icons/gotoleftred.gif);
}
/* 	Use magicblock to clear floats on a new block of text/images
	Use the magicblock0 variant to clear without adding anything
*/
.magicblock {	
	clear: both;
	padding: 0;
	margin: 0;
}
.magicblock0 {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}

