/* base selectors, preempt probable problems */
div>*:first-child { margin: 0; padding: 0; }

p { margin-top: 5px;  margin-bottom: 5px; }
h3 { margin: 10px 0 0 0; }

body { margin: 0; padding: 0; background-color: #CACACA; color: #000; background: url('img/bg_hands.gif') repeat; }

div#fred { width: 830px; margin: 0 auto; position: relative; background: url('img/bg_01.png') repeat-y; background-position: center; }
div#mid { width: 800px; margin: 0 auto; position: relative;}

#mid div#header { background: url('img/header_03.jpg') no-repeat; height: 75px;	clear: both; margin: 0; padding: 0; }

/* navigation bar and pathway */
div#nav { width: 800px; margin: 0 auto; font-family: sans-serif; }
#nav ul { list-style: none; width: 800px; margin: 0;}
#nav ul li { display: inline; float: left; }
#nav ul.nav li.plain { margin: 0 4px; }
#nav ul.nav li.nav a { margin: 0; display: block; width: 148px; height: 25px; float: left; text-align: center; margin: 0; background: url('img/tabs.jpg') no-repeat; }
#nav ul.nav li.nav a:hover { background: url('img/tabs_h.jpg') no-repeat; } 

p#pathway { font-size: small;  width: 796px; height: 20px; margin: 0 auto; clear: both; background: url('img/pathway_3.jpg') repeat-x; color: #fff; }
#pathway a { color: #87F6AE; background: transparent; }

#mid div#content { background-color: #000; color: #fff;	font-family: sans-serif; clear: both; margin: 0 0 1.5em 0; padding: 0; min-height: 400px; }
#mid #content p, dl {margin-left: 4px; margin-right: 4px;}

div.buyBox { width: 300px; height: 335px; margin: 0; padding: 0; }
#mid #content a.buyButton { display: block;	width: 189px; height: 25px; background: url('img/buy_now_uk.jpg'); margin: 1px; padding: 0;}
#mid #content a.buyButton:hover { background: url('img/buy_now_uk_h.jpg'); }

#mid #content ul { margin: 10px 0 10px 0; }

div.purchasePanel { float: right; clear: right; text-align: right; margin: 0; padding: 0; }

.purchasePanel p { margin-left: 4px; margin-right: 4px; padding: 0; }

#mid #content div#thumbstrip { clear: both; text-align: center; margin: 0;}
#mid #content #thumbstrip>img {margin: 3px;}

#mid div#footer {	background: url('img/footer_.jpg') no-repeat;	height: 25px;	margin: 0; padding: 0;	background-color: #000;	color: #fff;	clear: both;}
#mid #footer p { text-align: center; font-size: small; margin: 0; font-family: sans-serif; }

.hidden { display: none; }
p.left, div.left {float: left; clear: left; }
p.right, div.right {float: right; clear: right; } 
div.image { margin: 2px; border: none; text-align: center;}
.image>p { text-align: center; font-size: small; }

p.center { text-align: center; }
p.small { font-size: small; }
p.Right { text-align: right;}
p.Left { text-align: left;}

div.center { margin: 0 auto; text-align: center; clear: both;}

dl.faq dt { font-size: large;  margin-top: 5px;}
dl.faq dd { margin-bottom: 10px; }

a { color: #87F6AE; background-color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

div#badges { width: 830px; height: 23px; margin: 0 auto; background: url('img/bgb_01.png') no-repeat; background-position: top center; text-align: center; }
#badges a { color: #333; background: transparent; }

/* definitions for the cotnact form */
.highlight { border: 1px dashed #f80; }
table.contactForm { padding: 0; margin: 0 auto; width: 720px;}
.contactForm td.feedbackMessage { border: 1px solid #f80; text-align: center; font-weight: bold; padding: 0;}
.contactForm input[type=text], .contactForm textarea{
		width: 540px;
		border: 1px solid #0f8;
		background-color: #000;
		color: #fff;
		font-family: sans-serif;
		font-size: small;
		padding: 1px;
		overflow: auto;
}

table.contactForm td.right { text-align: right; }
table.contactForm tr {vertical-align: top; }

.contactForm input[type=submit] {
	background: url('img/button.jpg') no-repeat;
	background-position: 0 2px;
	width: 198px;
	height: 25px;
	border: none;
	cursor: pointer;
	color: #fff;
	padding: 0;
	margin: 0;
}

.contactForm input[type=submit]:hover {
	background: url('img/button_h.jpg') no-repeat;
	background-position: 0 2px;
}

/* shipping costs table */

table#shippingTable { width:550px; margin: 0 auto; border: 1px solid #222;  }

#shippingTable tr { background-color: #000; color: #fff; }
#shippingTable tr:hover {background-color: #333;  }

#shippingTable th { text-align: left; }
#shippingTable *.delay { text-align: center; }
#shippingTable *.price { text-align: right; }

/* images that are links */
a>img { border: none; }

/*  backLinks */
p#backLinks {
	width: 90%;
	text-align: center;
	font-size: small;
	position: absolute;
	bottom: 2em;
	margin: 0 auto;
	background-color: #000;
}

#backLinks a {
	color: #1a1a1a;
}

div#abcBox {
	width:550px;
	margin: 0 auto;
}