/* #####################################

				 	GENERAL STYLES

	#####################################*/

body {
	margin: 0;
	padding: 0;
	color: #666;
	background: #fff;
	text-align: center;
}

/*----------- Used to specify fixed width for contents (#main) -----------*/
#wrapper {
	margin-left: auto;
	margin-right: auto;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
}

/*---------- #main holds all of the contents*/
#main {
	margin: 0px;
	background: transparent;
	padding: 10px 10px 10px 10px;
	min-height: 480px;
	text-align: left;
}

a img {
	border: 0;
}

/* #####################################

				 	PAGE HEADER

	#####################################*/

#header {
	display: none;
}

#showcart {
	display: none;
}

div.searchform {
	display: none;
}

/* #####################################

				TEXT AND FORM BUTTONS

	#####################################*/

#main a {
	color: #233;
}

#showcart a.textbutton, #main a.textbutton {
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}

#showcart a.textbutton:link, #showcart a.textbutton:visited, #main a.textbutton:link, #main a.textbutton:visited {
	color: #666;
	background-color: #f90;
}

input.textbutton {
	font-size: 12pt;
	line-height: 1.2;
	color: #ccc;
	background-color: #666;
	padding: 3px;
	border: none;
}

/* #####################################

				TEXT ELEMENTS

	#####################################*/

p, li, ol, dt, dd, div, th, td, label, h4, h5, h6 {
	font-family: "Trebuchet MS", verdana, geneva, helvetica, sans-serif;
}

h1, h2, h3 {
	font-family:  "Trebuchet MS", verdana, geneva, helvetica, sans-serif;
	font-weight: normal;
}

p, div {
	font-size: 12pt;
}

h1 {
	text-align: center;
	font-weight: normal;
	font-size: 18pt;
	color: #233;
	margin-top: 0;
	padding-bottom: 20px;
	margin-bottom: 0;
	letter-spacing: 1px;
}

h2 {
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	color: #233;
	margin: 10px 0 6px 0;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
}


h3 {font-weight: bold;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	text-align: center;
}

/*--------- styles for paged results ---------*/
.prevnext {
	clear: both;
	text-align: center;
	margin-top: 20px;
}

#news div.prevnext {
	clear: none;
}


/* #####################################

				PAGE FOOTER

	#####################################*/

h5 {
	display: none;
}

/* #####################################

				 	MENUS

	#####################################*/

/* -------------- top menu -------------- */
#topmenu {
	display: none;
}

/* -------  expandable menu ------- */
#mainmenu {
	display: none;
}

/* #####################################

				 	HOME PAGE

	#####################################*/

/*---------- special offers ---------*/

h2.specials {
	margin: 0;
	background: #fff;
	text-align: center;
	color: #666;
}

div.specialitem {
	width: 250px;
	float: left;
	text-align: center;
	margin: 10px 0px;
}

div.specialitem img {
	display: block;
	border: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

div.specialitem p {
	margin: 0 10px 0px 10px;
	line-height: 1.3;
}

div.specialitem p.price {
	font-weight: bold;
}

.clear-bottom {
	clear: left;
}

/*---------- news items ---------*/
#news {
	margin: 0px;
	background-color: #fff;
	text-align: left;
	padding: 10px 10px 20px 10px;
}

#news h1 {
	padding: 0;
}

#news h3 {
	margin-top: 10px;
	margin-bottom: 4px;
}

/* #####################################

				 SHOW CATEGORY PAGES

	#####################################*/

table.categoryproducts img {
	margin-right: 5px;
}

table.categoryproducts td {
	border-top: none;
	vertical-align: top;
	text-align: left;
	font-size: 12pt;
}

table.categoryproducts h3 {
	text-align: left;
}

div.multicolumn {
	width: 250px;
	float: left;
	text-align: center;
	height: 150px;
}

/* #####################################

				 SHOW PRODUCT PAGES

	#####################################*/


div.productdescription {
	float: left;
	width: 300px;
	text-align: left;
}

div.productinfo {
	float: left;
	width: 200px;
	text-align: center;
}

div.productinfo ul, div.productinfo li {
	text-align: left;
}

div.productinfo div {
	margin-top: 10px;
}

/* #####################################

				 CONTACT PAGE

	#####################################*/

div.formrow {
	clear: both;
	padding-top: 10px;
}

div.formrow span.formleft {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 4px;
}

div.formrow span.formright {
	float: right;
	width: 280px;
	text-align: left;
}

div.contactspacer {
	clear: both;
}

form.contact {
	width: 420px;
}

form.contact input, form.contact textarea {
	background-color: #eee;
}

form.contact input.textbutton {
	background-color: #666;
}

/* #####################################
				 
		 CART/PURCHASE SECURE PAGES
				 
	#####################################*/

#centretable {
	margin-top: 30px;
	text-align: center;
	width: 400px;
}

#centretable a img {
	border: none;
}

table {
	margin-right: auto;
	margin-left: auto;
	border: none;
}

table.showcart th, table.showcart td.th, table.shipping td.th {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12pt;
	letter-spacing: 2px;
}

table.showcart th.remove {
	text-align: right;
	padding-left: 20px;
}

table td, table th {
	padding: 5px;
	text-align: center;
	font-size: 12pt;
}

table.showcart td, table.showcart th, table.shipping td {
	border-top: 1px solid #999;
}

table.shipping td.leftcol {
	text-align: left;
}

table.showcart .itemcolumn, table.showcart td.th {
	text-align: left;
	padding-right: 15px;
}

table.showcart .pricecolumn {
	text-align: right;
}

.hide {
	display: none;
}

li.dropdown {
	font-size: 12pt;
	line-height: 1.8;
}

.warning {
	background-color: #fc3;
	padding: 10px;
}

table#checkout td, table.cardform td {
	text-align: left;
	font-size: 14pt;
}

div.checkoutblurb {
	margin: 30px 0 0 0;
}

table#checkout td, table#checkout th {
	border-top: none;
	padding-bottom: 10px;
}

caption {
	padding-bottom: 10px;
}

table#checkout td.section, caption, #terms h3 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12pt;
	letter-spacing: 1px;
	padding-top: 10px;
}

#terms {
	margin-bottom: 30px;
}

table#checkout td.label {
	text-align: right;
	width: 100px;
}

table.cardform td.label {
	text-align: right;
	width: 140px;
}

fieldset {
	border: none;
}

/* #####################################
				 
		 CUSTOMER ACCOUNT SECURE PAGES
				 
	##################################### */

/* --------------- view order pages ---------------- */
#productinfo {
	margin-left: 30px;
	margin-right: 60px;
	padding: 0px;
	text-align: left;
}

#productinfo h2 {
	text-align: centre;
}

#pricebreakdown {
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	padding-right: 50px;
}

.right {
	text-align: right;
	margin-right: 10px;
}

div.login-left {
	width: 230px;
	float: left;
	text-align: center;
	margin: 0px 5px 20px 5px;
}

div.login-right {
	width: 230px;
	float: left;
	text-align: left;
	margin: 0px 5px 20px 5px;
	text-align: center;
}

div.login-wrapper {
	text-align: center;
	width: 490px;
	margin-top: 20px;
	margin-bottom: 20px;
}

ul.left-list {
	text-align: left;
}

/* --------------- invoice pages ---------------- */
td.centerheader {
	font-weight: bold;
	text-align: center;
	border: 1px ridge;
	margin: 1px;	
	padding: 2px;
}
td.topheader {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px ridge;
	margin: 1px;
}
td.leftheader {
	font-weight: bold;
	text-align: left;
	border: 1px ridge;
	margin: 1px;
}
td.leftbackground {
	font-weight: bold;
	text-align: left;
	background: #CCCCCC;
	font-size: 10px;
	padding: 2px;
}
td.bogstandard {
	font-weight: normal;
	text-align: left;
	border: 1px ridge;
	margin: 1px;
	padding: 5px;
}
td.itemdata {
	font-weight: normal;
	text-align: left;
	border: 1px ridge;
	padding: 2px;
}
#.invoice {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background: #CCCCCC;
	width: 600px;
}
table.invoice {
	font: tahoma;
	font-size: 12pt;
	background: white;
}
span.invoice {
	font-size: 8pt;
	background: white;
}