body { margin:0; padding:0; font: 14px/24px Trebuchet MS, Verdana, Helvetica, sans-serif; color:#fff; background: #030304 url("/images/bg.jpg"); }

#wrapper { margin: 0 auto; width: 955px; margin-top:5px; padding:0; background:#000; padding: 0px 20px 20px 20px; border:solid 1px #1e1e1e; }

/* HEADER */
#header { height:80px; }
	#header img { float:left; }
	#header #sword { position:absolute; top:0px; left:465px; }
	
	/* SEARCH */
	#header #search { margin: 7px 10px 0 10px; float:right; line-height:48px; }
		#header #search #greybox-middle form { margin: 0 10px 0 10px; }
		#header #search input.searchbox { width:240px; }
		#header #search input{ margin: 3px 0 0 0; }
			#header #search input.searchbutton { color:#fff; float:left; display:block; width:79px; height:28px; line-height:34px; 
			background: url('../images/header/search-button.jpg') no-repeat 0 4px; margin:0px 0 0 20px; padding: 0 0 0 5px; }
			#header #search input.searchbutton:hover { cursor:pointer; }

	/* MY BASET */
	#header #basket { margin: 7px 0 0 10px; float:right; font-size:12px; color:#bebebe; line-height:14px; }
		#header #basket .basket { font-size:14px; color:#fff; }
		#header #basket .button { margin-top: 3px; margin-left: 30px; margin-right:10px; }
		#header #basket .left { float:left; }	
		#header #basket .right { float:left; }

/* NAVIGATION */
#navigation {margin:0; padding:6px 15px 0 15px; width:925px; background:url('../images/nav/bg.jpg') repeat-x; height:33px; }
	#navigation a { display:block; float:left; height:20px; border:solid 0px red; padding:0; margin:0 30px 0 0; line-height:21px; font-size:14px; color:#bebebe;}
	#navigation a:hover { color:#fff; }
	
	/* UTILITIES */
	#navigation #utilities { float:right; width:265px;}
		#navigation #utilities a{ margin: 0 0 0 20px;}
			#navigation #utilities a#contact{ width:50px; background: url('../images/nav/contact.gif') 0 2px no-repeat; padding:0 0 0 20px;}
			#navigation #utilities a#home{ width:40px; background: url('../images/nav/home.gif') 0 2px no-repeat; padding:0 0 0 23px;}
			#navigation #utilities a#login{ width:40px; background: url('../images/nav/login.gif') 0 2px no-repeat; padding:0 0 0 23px;}

			
/*********************************************************************************************************/
/************************************************ CONTENT ************************************************/
/*********************************************************************************************************/

#content { position:relative; margin:20px 0 0 0; padding:0; line-height:16px;}
	#content #left { float:left; width:175px; margin:0 22px 0 0; padding:0; }
	#content #middle { float:left; width:575px; margin:0; padding:0px; }
		#content #middle #latest-products { margin-top:5px; }
			#content #middle #latest-products h1 { width:250px; float:left; }
	#content #right { float:right; width:175px; margin:0; padding:0; }
	
	#content #rightcontent { width:755px; border:solid 0px red; float:left;}
	
/********* STANDARD STYLES ********/
h1 { font-size:28px; line-height:28px; margin:0 0 20px 0; padding:0; font-weight:normal; }
input { border:0; float:left; height:22px; text-align:left; color:#222;}
a { text-decoration:none; color:#b30000;}
p { line-height:16px; margin:0; padding:0; }
ol { margin:10px 30px 0px 30px; padding:0px; }
li { line-height:16px; margin: 0 0 0px 0; padding:0 0 10px 0;}
img { border:0; padding:0; margin: 0 5px 10px 0; }
.button { float:left; display:block; width:87px; font-size:14px; line-height:16px; height:21px; background: #8d0000 url('../images/header/checkout-button.jpg'); margin-left:10px; color:#fff; padding: 3px 0 0 8px;}
input.button { float:left; display:block; width:95px; font-size:14px; line-height:10px; height:24px; background: #8d0000 url('../images/header/checkout-button.jpg'); margin:0px 0 10px 10px; color:#fff; padding: 0 0 0 8px;}

.left { float:left; }
.right { float:right; }
.small { font-size:12px; margin:0; padding:0;}
.nopadding { margin:0; padding:0; }
input:hover{ cursor:pointer; }

label { float:left; margin: 0 10px 0 0; min-width:100px; _width:100px;}

table { width:100%; border:0; padding:0; margin:0 0 10px 0; }
table tr th.left{ height:35px; background:url("../images/table/left.jpg") no-repeat; padding:0; margin:0; _width:6px; width:8px;}
table tr th{ height:35px; background:url("../images/table/middle.jpg") repeat-x; text-align:center; padding:0; margin:0; font-weight:normal; color:#999; }
table tr th.right{ height:35px; background:url("../images/table/right.jpg") no-repeat; padding:0; margin:0; _width:6px; width:9px;}
table tr.header { height:35px; background:url("../images/table/middle.jpg") repeat-x; }

table tr td { padding: 10px 0px 10px 0px; margin:0; text-align:center; border-bottom: solid 2px #333; vertical-align:middle; font-size:16px; }
table tr td.text-left { text-align:left; }
	table tr td.text-left p{ font-size:12px; color:#888; }
	table tr td.text-left p#name{ font-size:16px; color:#eee; margin-bottom:7px; }

table tr th.text-left { text-align:left; }
table img { float:left; margin: 0px 10px 0 0; padding:0; border:solid 2px #666; vertical-align:top; }



/* GREY HORIZONTAL BOX */
.greybox-left { display:block; height:48px; width:11px; float:left; background:url("../images/large-boxes/left.jpg"); }
.greybox-middle { display:block; height:39px; float:left; background: #373737 url("../images/large-boxes/middle.jpg"); padding-top:9px; }
	.greybox-middle a{ color:#fff; font-weight:bold; }
.greybox-right { display:block; height:48px; width:9px; float:left; background:url("../images/large-boxes/right.jpg"); }

/* RED VERTICAL BOX */
.redbox-v-top { display:block; width:173px; height:13px; background: #770000 url('../images/redbox/top.gif') no-repeat; }
.redbox-v-middle { width:153px; background: #770000 url('../images/redbox/middle.gif') repeat-y; padding:0 10px 0 10px; color:#fff; }
	.redbox-v-middle p.title{ font-size: 20px; text-align:center; line-height:12px; }
	.redbox-v-middle a{ color:#fff; }
.redbox-v-bottom { display:block; width:173px; height:11px; background: #770000 url('../images/redbox/bottom.gif') no-repeat; margin: 0 0 20px 0; }

/* RED BLACK BOX */
.blackbox-v-top { display:block; width:174px; height:12px; background: #121212 url('../images/blackbox/top.jpg') no-repeat; float:right;}
.blackbox-v-middle { width:154px; background: #121212 url('../images/blackbox/middle.jpg') repeat-y; padding:0 10px 0 10px; float:right; }
	.blackbox-v-middle p.title{ font-size: 20px; text-align:center; }
	.blackbox-v-middle img{ margin: 10px 0 0 0; padding:0; }
.blackbox-v-bottom { display:block; width:174px; height:8px; background: #121212 url('../images/blackbox/bottom.jpg') no-repeat; margin: 0 0 20px 0; float:right; }

/* BUTTONS */
#buttons { float:right; margin-right:20px; }
#buttons .block { float:left; margin-left:10px; color:#fff;}
#buttons .blockleft { display:block; width:3px; height:24px; background:url('../images/buttons/red-left.jpg'); float:left;  }
#buttons .blockmiddle { display:block; float:left;  }
#buttons a { display:block; height:24px; background:url('../images/buttons/red-middle.jpg'); float:left;  margin:0; padding: 0 4px 0 3px; line-height:22px; color:#fff;}
#buttons .blockright { display:block; width:3px; height:24px; background:url('../images/buttons/red-right.jpg'); float:left;  }

/* LARGE RED ADD TO BASKET BUTTON */
.red-button-large { display:block; width:150px; height:34px; line-height:34px; background:url('../images/buttons/add-to-basket.gif'); color:#fff; margin: 0 0 10px 0; 
padding: 0 50px 0 10px; font-size:18px; padding-right:20px; }

/* LARGE GREY BUTTONS */
.grey-button-large-left{ display:block; height:34px; width:26px; float:left; background:url("/images/grey-large/left.jpg"); margin-bottom:20px; }
.grey-button-large-middle { display:block; height:34px; line-height:32px; float:left; background: #1c1c1c url("/images/grey-large/middle.jpg"); padding: 0 5px 0 10px; font-size:18px; color:#848484; margin-bottom:10px;}
.grey-button-large-right{ display:block; height:34px; width:9px; float:left; background:url("/images/grey-large/right.jpg"); margin: 0 10px 20px 0; }

/* FOOTER */
#footer { display:block; height:41px; background:url('../images/footer/bg.jpg'); line-height:48px; padding: 5px 10px 0 10px; }
#footer img, #footer p { float:left; line-height:33px; margin-top:2px; }
#footer img.right { float:right; }
#footer a { color:#555; }
#tombeavan { display:block; width:157px; height:32px; background:url('../images/footer/tom-beavan.gif'); float:right; margin-top:2px; }
#tombeavan:hover {background:url('../images/footer/tom-beavan-on.gif'); }

.error { color:#fff; background:#222; padding:12px 5px 5px 40px; margin:  0 0 20px 0; width:907px; height:24px; background:url(/images/notices/error.jpg);}
.success { color:#fff; background:#222; padding:12px 5px 5px 40px; margin:  0 0 20px 0; width:907px; height:24px; background:url(/images/notices/success.jpg);}


#filter { display:block; width:222px; height:32px; background:url('/images/red-round-small/filter.jpg'); margin: 0 0 20px 0; padding: 8px 10px 0 10px; line-height:22px; color:#fff; }
/**************************************************************************************************************/
/************************************************ PRODUCT PAGE ************************************************/
/**************************************************************************************************************/
#product h1 { float:left; color:#fff; margin:0; padding: 0 0 5px 0; width:240px; }

#product #title { margin:0; padding:0; }

#product #product-pictures { float:left; width: 330px; color:#7f7f7f;}
	#product #product-pictures p { margin: 10px 0 10px 0; }
	#product #product-pictures img { float:left;margin-right: 10px; border:solid 2px #7f7f7f; }
	#product #product-pictures img.mainImage { border:solid 8px #5f0000; float:left; margin: 3px 20px 10px 0; }
	
#product #product-details { float:left; padding: 0 0 0 10px; width: 400px;}
	#product #product-details p { color:#7f7f7f; margin: 0 0 20px 0; padding:0; }
	#product #product-details .price { color:#fff; font-size:42px; padding:10px 0 10px 0;  }
		#product #product-details #details { margin: 0 0 0 10px; padding: 0 0 0 10px;}
#product #colours { float:left; }
	#product #colours #grey { float:left; display:block; width: 20px; height:20px; background:#817b7d; border:solid 1px #fff; margin-left:10px;}
	#product #colours #black { float:left; display:block; width: 20px; height:20px; background:#000000; border:solid 1px #fff; margin-left:10px;}
	#product #colours #red { float:left; display:block; width: 20px; height:20px; background:#cc0000; border:solid 1px #fff; margin-left:10px;}
	#product #colours #blue { float:left; display:block; width: 20px; height:20px; background:#004bbb; border:solid 1px #fff; margin-left:10px;}

#product select { margin: 0 0 10px 0; padding:0;}
	
#delivery { display:block; height:22px; line-height:12px; font-size:12px; margin: 0 0 20px 0; padding: 0 0 0 50px; background:url('../images/icons/delivery.jpg') 0 2px no-repeat; color:#979797;  }

/**************************************************************************************************************/
/************************************************ BASKET PAGE ************************************************/
/**************************************************************************************************************/
#checkouttotals { float:right; margin: 0 25px 20px 0; text-align:right; color:#888; }
#checkouttotals p { margin: 0 0 10px 0; line-height:20px;}
#checkouttotals p#grandtotal { font-size:18px; color:#eee; }
#checkoutbutton { float:right; margin-right:25px; }

/**************************************************************************************************************/
/************************************************ CHECKOUT PAGE ***********************************************/
/**************************************************************************************************************/
#rightcontent #register { float:left; }
#rightcontent #register-top { display:block; width:415px; height:12px; background:url('../images/checkout/register-top.jpg'); margin:0; padding:0;}
#rightcontent #register-middle { display:block; width:375px; background:url('../images/checkout/register-middle.jpg'); padding: 10px 20px 0 20px; }
#rightcontent #register-bottom { display:block; width:415px; height:12px; background:url('../images/checkout/register-bottom.jpg'); }

#rightcontent #login { float:right; }
#rightcontent #login-top { display:block; width:304px; height:12px; background:url('../images/checkout/login-top.jpg'); margin:0; padding:0;}
#rightcontent #login-middle { display:block; width:264px; background:url('../images/checkout/login-middle.jpg'); padding: 10px 20px 0 20px; }
#rightcontent #login-bottom { display:block; width:304px; height:12px; background:url('../images/checkout/login-bottom.jpg'); }

#register table td, #login table td { text-align:left; font-size:14px; border:0px; padding:0 0 12px 0; margin:0 0 10px 0; }
#register table td input, #login table td input { background:#fff; cursor:default; height:20px; float:left; }
#register table td.checkbox, #login table td.checkbox { line-height:25px; }
#register table td.title, #login table td.title { color:#848484; font-size:18px; }

/**************************************************************************************************************/
/************************************************* SUMMARY PAGE ***********************************************/
/**************************************************************************************************************/
.summary-box { float:left; margin: 10px 47px 20px 0;}
.summary-box .title { color:#848484; font-size:18px;}
.summary-box-top { display:block; width:220px; height:8px; background:url('../images/summary/top.jpg');}
.summary-box-middle { display:block; width:200px; background:url('../images/summary/middle.jpg'); padding: 0 10px 0 10px; min-height:105px;}
.summary-box-bottom { display:block; width:220px; height:8px; background:url('../images/summary/bottom.jpg');}

/**************************************************************************************************************/
/************************************************* GRID ***********************************************/
/**************************************************************************************************************/
.gridblockholder { float:left; width:126px; margin: 0 15px 15px 0; text-align:middle; background:#212121; padding:13px 5px 5px 5px; text-align:center;}
.gridblock { float:left; _height:185px; min-height:185px; width:126px; margin: 0; text-align:middle; background:#212121; padding:0; text-align:center;}
.gridblock img { border:solid 2px #666; text-align:center; margin:0; padding:0; margin-bottom:5px; }
.gridblock .price { color:#fff;}
.gridblock a { text-transform:capitalize; color:#ccc; line-height:17px; }
.buybutton { width:53px; height:22px; background: #000 url('/images/icons/buy.gif'); color:#fff; line-height:18px; padding:0 0 5px 5px; margin: 7px 0 4px 36px; }
.buybutton:hover { background: #000 url('/images/icons/buy-hover.gif'); }

.homeproducts { float:left; _height:179px; min-height:179px; width:118px; margin: 0 15px 15px 0; text-align:middle; background:none; padding:13px 5px 5px 5px; text-align:center;}
.homeproducts img { border:solid 2px #666; text-align:center; margin:0; padding:0; margin-bottom:5px; }
.homeproducts .price { color:#fff;}
.homeproducts a { color:#ccc; line-height:17px; }

/**************************************************************************************************************/
/************************************************* BRANDS ***********************************************/
/**************************************************************************************************************/
#brands td { border:0; }
#brands img { border:0; }

/**************************************************************************************************************/
/************************************************* Terms ***********************************************/
/**************************************************************************************************************/
#termspage { color:#888; font-size:12px; margin: 0 0 20px 0; }
#termspage h1{ color:#fff; }
#termspage h2 { font-size:16px; color:#ddd; margin: 20px 0 5px 0;}