/* GENERAL STYLING */
html,body {
	margin: 0;
	padding: 0;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
}

p, table, td, th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	margin-top: 0px;
}
form {margin: 0px;}
.form_input_general {font-size:12px;}
input {font-size:12px;}
input.btn{background: #000000 url('siteimages/Layout/button-130x25-w-hover.gif') no-repeat -304px bottom;
   color:#005;
   font-weight:bold;
	background:
}
select{font-size:12px;}
img {border: none;}
h1 {font-size:11px;}
h2 {font-size:12px;}
h3 {font-size:12px;color:#F1DD02; margin:10px 0 3px 0}
hr{border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000; border-top:1px solid #2E45CC;clear:both;}
form hr{border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000; border-top:1px solid #2E45CC;clear:both;}
a:link {color: #F1DD02;text-decoration: none;}
a:visited {color: #F1DD02;	text-decoration: none;}
a:hover {color: #F1DD02;text-decoration: underline;}
a:active {color: #F1DD02;text-decoration: none;}
ul {list-style-type: square;}

/* STYLE CLASSES */
.hid { display:none; }


/* MAIN CONTAINER */

#maincontainer {background-color:#000000; width: 950px; position: relative; margin:0 auto; padding:0;}


/* HEADER */

#header {background:url('montage.jpg') no-repeat 0 0; height: 100px; min-height: 100px; position: relative; }
#header .logo { display: block; float: left; margin:0; height: 100px; width: 200px;}
#header .logo img {  display: none;}
#header ul {display: block; float:left; margin:70px 0 0 0;padding:0;}
#header li {display: inline; float:left; padding-left:5px; width:130px; height:30px;}
#header li a {width:130px;height:19px;text-align:center;display:block;padding-top:11px;outline:none;font-size:11px; color:#fff; font-weight:bold;background:url('ttab.gif') no-repeat 0 0;}
#header li a:hover {background-position:0 100%;text-decoration:none;padding-top:8px;height:22px;}
#header li .hitab {background-position:0 100%;text-decoration:none;padding-top:8px;height:22px;}

#titlebar { margin:0; text-align:center; background: #00005C url('title-bar-bg.gif') repeat-x 0 0;}
#titlebar h1 {padding:4px 0 6px 0; margin:0;color:#9f9f9f;}


div#basket {text-align:center; background: #000000 url('cart-contents.gif') no-repeat; margin:0 0 0 5px; width:152px; float:right; height: 100px; overflow: hidden; position: relative;}
div#basket h2 { margin: 0; padding: 0; }
div#basket p { 
			text-decoration: none;
			margin: 20px 0 0 65px;
			text-align:left; 
		}

div#basket #checkoutbutton {
	display: block;
	width:130px;
	height:25px;
	position: absolute;
		bottom: 10px;
		left: 11px;
	background: #000000 url('button-checkout-now.gif') no-repeat 0 bottom; 
}
div#basket #checkoutbutton:hover {
	background-position: 0 top;
}

#checkoutbutton span{display:none;}
/* LEFT SIDE */

#leftnav {width:152px;float: left; margin: 0;}

.leftblock { background: #000000 url('left-block-bg.gif') no-repeat -304px bottom;padding-bottom: 9px; margin-bottom:5px;}
.leftblock h2 {text-align:center;font-size:12px;background:#000000 url('left-block-top.gif') no-repeat 0 0;margin: 0; padding:9px 0 6px 0;height:16px}
.leftblock h2#lblockws {background:#000000 url('left-block-top.gif') no-repeat -152px 0px;}
.leftblock h2#lblockfp {background:#000000 url('left-block-top.gif') no-repeat -456px 0px;}
.leftblock h2#lblockcs {background:#000000 url('left-block-top.gif') no-repeat -304px 0px;}
.leftblock ul {list-style: none;margin: 0;padding: 0;}
.leftblock li {margin: 0; padding: 0;font-size:12px;}
.leftblock li #lblockcs{margin: 0; padding: 0;font-size:10px;}
.leftblock li a {text-decoration:none;color:#FFFFFF;background: #000000 url('left-block-bg.gif') no-repeat 0 0; display: block ;padding:2px 8px 2px 15px;width:130px;}
.leftblock li a:hover {text-decoration:none;color:#ffffff;background-position: -152px 0;}
.leftblock li a:visited {text-decoration:none;color:#FFFFFF;}


/* MIDDLE */
#bulk {padding:0; margin: 12px auto 0 auto; width: 626px; background-color:#000000; }

/* RIGHT SIDE*/

#rightnav {width:152px;float: right; margin: 0;}

.rightblock { background: #000000 url('right-block-bg.gif') no-repeat -304px bottom;padding-bottom: 9px; margin-bottom:5px;}
.rightblock h2 {text-align:center;font-size:12px;background: #000000 url('right-block-top.gif') no-repeat 0 0;margin: 0; padding:9px 0 6px 0;height:16px}
.rightblock h2#rblockhp {background: #000000 url('right-block-top.gif') no-repeat -152px 0px;}
.rightblock h2#rblockbask {background: #000000 url('right-block-top.gif') no-repeat -304px 0px;}
.rightblock h2#rblockcc {background: #000000 url('right-block-top.gif') no-repeat -304px 0px; height:12px}
.rightblock h2#rblockpta {background: #000000 url('right-block-top-pta.gif') no-repeat; height:12px; margin: 0; padding: 0 0 2px 0;}
.rightblock p {text-decoration:none;color:#ffffff;background: #000000 url('right-block-bg.gif') repeat-y 0 0; display: block ;padding:5px 8px 2px 8px;text-align:center; margin:0;}
.rightblock ul {list-style: none;margin: 0;padding: 0;}
.rightblock li {margin: 0; padding: 0;font-size:12px;}
.rightblock li a {text-decoration:none;color:#ffffff;background: #000000 url('right-block-bg.gif') no-repeat 0 0; display: block ;padding:2px 8px 2px 15px;width:130px;}
.rightblock li a:hover {text-decoration:none;color:#ffffff;background-position: -152px 0;}
.rightblock li a:visited {text-decoration:none;color:#ffffff;}

/* FOOTER */

#footer {text-align:center;clear:both; height: 1em;}


/* PRODUCTS FORMATTING */

.product_list {}
.product_details {float: left; width: 260px;margin:0;padding:0;}
.product_details h2 {color: #FFAE00; margin:0 0 5px 0;padding:0;font-size:12px;}
.product_description {clear:both;}
.product_images {padding:0; text-align: center;    float: left; margin:0px 18px 10px 0px; color: #bbbbbb;}
.product_images img#thumb {margin:2px;border: 1px solid #001D3F;}
.product_images img#thumb:hover {border:1px solid #2E45CC;}
.product_price {font-weight:bold; font-size:13px; margin-bottom:0 0 10px 0}
.product_price span.priceTaxMessage { font-weight: normal; font-size: small; }
.product_also_bought {display:inline; text-align:center;}

img.stockImg { margin: 5px 0 0 24px ; display:inline; } /* the 'in stock ready to dispatch' image. */

/* product components */
div.components {  } /*the box containing all the components and associated hidden fields etc.*/
div.components div.componentList { margin:  0; } /* the box of actual components */


div.buyQuantity { position: relative; } /* the box containing the quantity box and the add to cart button */
div.buyQuantity input.buyNowButton { float: right; } /*the add to cart button*/

/* products displaid in the small lines style layout for multiple pack sizes on the page... */
/* - the box containing the small product layout - */
div.product_list_small div.product { float: left; position: relative; width: 610px; }

/* the box with the pack size in it */
div.product_list_small div.product div.packSizeBadge { background: url('_packSize.jpg') no-repeat; width: 80px; height: 80px; float: left; clear: left; text-align: center; overflow: hidden;}
div.product_list_small div.product div.packSizeBadge span.Quantity {font-size: 30px; width: 80px; margin: 10px 0 0 0; padding: 0; text-align: center; display: block; }
div.product_list_small div.product div.packSizeBadge span.Pack {font-size: 25px; width: 80px; margin: 0; padding: 0; text-align: center;}

/* - the product title - */
div.product_list_small div.product h2 { color: #F1DD02; margin: 2px; float: left; width: 520px; }

/* the box with the "In stock ready to dispathch" message */
div.product_list_small div.product div.productStockMessage { float : left; margin : 0; padding: 1px; width: 145px; height: 60px; overflow: hidden;}

/* the box with the price and buy it now button in it */
div.product_list_small div.product div.productSmallPrices { float: right; margin: auto auto; width: 123px; height: 60px; text-align: center;} 

/* the box with the components list in it.*/
div.product_details_small { float: left; width: 245px; margin: 0 0 0 15px;}
/* componenet oiptions */
div.product_details_small div.component { clear: both; margin: 5px; width: 250px; }
/* labels for options */ 
div.product_details_small div.component span { width: 60px; text-align: right; display: block; clear: none; margin: 5px; float: left; }
/* controls for options */ 
div.product_details_small div.component input, div.product_details_small div.component select { display: block; margin: 5px; float: left; clear: right; }

/* - the product description in the small product list (hidden by JS) - */
div.product_list_small_description { clear: both; display: block; }   

/* - the in stock image for - */
img.stockImg_small { margin: 20px 0 0 3px; }
/*=====================================================================================*/



/* SECTION FORMATTING */

.section_list {float:left;display:inline;border:0px solid #0000ff;margin:0 0 10px 0;;padding:0;width:311px;height:155px; overflow: hidden; font-size: 11px;}
.section_list img{margin:4px;border:1px solid #001D3F;}
.section_list a:hover img{margin:4px;border:1px solid #2E45CC;}
.section_list h3{font-size:12px;margin:0;padding:0;}

/* TERMS AND CONDITIONS FORMATTING */
#termsbulk {padding:10px;}
#termsbulk h3 {font-weight:bold; font-size:13px}


/* CUSTOMER COMMENTS */
blockquote {
	position: relative;
	text-indent: 2em;
}
.bqstart,
.bqend { font-size: 300%; }

}



/* ACTINIC CSS */
.actCHECKOUTEM {
	background-color: #336699;
}

.actCHECKOUTBG {
	background-color: #eeeeee;
}

.actlarger {
	font-size: 13px;
	color: #ffffff;
}

.actsmaller{
	font-size: 10px;
	color: #ffffff;
}

.actxxsmall {
	font-size: 10px;
	color: #ffffff;
}

.actxsmall {
	font-size: 11px;
	color: #ffffff;
}

.actsmall {
	font-size: 11px;
	color: #ffffff;
}

.actregular {
	font-size: 13px;
	color: #ffffff;
}

.actlarge{
	font-size: 16px;
	color: #ffffff;
}

.actxlarge {
	font-size: 20px;
	color: #ffffff;
}

.actxxlarge {
	font-size: 20px;
	color: #ffffff;
}

.actwarningcolor {
	color: #cc0000;
}
	
.actrequiredcolor {
	color: #cc0000;
}

.actsearchhighlightcolor {
	color: #cc0000;
}

.actrequired {
	color: #FDFF3F;
}

.actwarning {
	font-size: 11px;
	color: #cc0000;
}

.actwelcome {
	font-size: 11px;
	color: #ffffff;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #cc0000;
}

.thinborder1 {
	border: 1px solid #00ff00;
}

.thinborder2 {
	border: 1px solid #336699;
}

.thinred {
	border: solid 1px #00ff00;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #336699;
	border-top: 0px;
} 

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

a.boxlink:link{
	color: #000000;
	text-decoration:none;
}

a.boxlink:visited{
	color: #000000;
	text-decoration:none;
}

a.boxlink:hover{
	color: #000000;
	text-decoration:underline;
}

a.boxlink:active{
	color: #000000;
	text-decoration:none;
}

table.checkout td {
	background-color: #191919;
}

table.checkout th {
	background-color: #000000;
}

table.checkout input{
	font-size:12px;
}

.cart {
	background-color: #191919;
}

.cartheading {
	background-color: #005DFF;
	font-weight: bold;
}



.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}


#search {
	margin-top: 10px;
	margin-left: 10px;
	float: right;
}

#cartsummary {
	margin-top: 13px;
	float: right;
}


/* PRODUCT TABS CSS ------------------------------------------------------------ */	
.shadetabs{
	padding: 0;
	margin:0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	clear: both;
	height: 32px;
}

.shadetabs li{
	margin: 0;
	padding:0;
	clear: none;
	width: 100px;
	height: 100%;
	float: left;
	background: url('contentTabs_01.jpg') no-repeat; 
	cursor: pointer;
}

.shadetabs li span { 
	/*
	margin: 10px 0 0 0;
	padding: 0;
	*/
	position: relative;
	top: 10px;
	text-align: center;
	width: 100%;
}

.shadetabs li.selected span { 
	position: relative;
	top: 5px;
	padding: 0;
	text-align: center;
}

.shadetabs li.selected{
	position: relative;
	top: 1px; 
	background: url('contentTabs_01.jpg') no-repeat; 
	background-position: 0 -42px;
}

.tabcontentstyle{ /*style of tab content container*/
	margin-bottom: 1em;
	background-color:#1a1a1a;
	border: 1px solid #a1a1a1;
}

/* make all tabs always appear in print outs */
@media print {
	div.tabcontentstyle>div{
		display:block!important;
	}
}

/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */
	.image_float_right	{
		float: right;
		margin: 16px 0px 15px 20px;
		}

table.contactForm {
	width: 600px;
}

/* ------------ CONTACT US FORMATTING ------------- */

	.contactForm input[type=text], .contactForm textarea{
		width: 300px;
		border: 1px solid #359;
		background-color: #fff;
		color: #000;
		font-family: sans-serif;
		font-size: small;
		padding: 1px;
		overflow: auto;
	}

	.contactForm input#sendButton{
		float: right;
		background: url('button.gif') no-repeat; 
		height: 24px;
		border: none;
		width: 150px;
		margin-right: 90px;
		color: #fff;
		cursor: pointer;
	}

	.contactForm input#sendButton:hover {
		background-position: bottom;
	}

	.contactForm td {
		vertical-align: top;
	}

	.contactForm td.feedbackMessage {
		border: 1px solid #FF9E4D;
		text-align: center;
	}

	.contactForm td.feedbackMessage p:first-line {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	.contactForm td.highlight input, .contactForm td.highlight textarea {
		border: 1px solid #FF9E4D;
	}


/* -- Customer Services Information -- */
div.customerServicesLarge { width: 620px; height: 85px; float: left; clear: both; background: url('customer_services_box_large.jpg') no-repeat; margin: 4px;}
div.customerServicesLarge img {float: left; clear: left; margin: 4px;}
div.customerServicesLarge h2 {margin: 5px;}
div.customerServicesLarge p {margin: 5px;}

div.customerServicesSmall { width: 300px; height: 85px; float: left; background: url('customer_services_box_small.jpg') no-repeat; margin: 4px;}
div.customerServicesSmall img {float: left; clear: left; margin: 4px; }
div.customerServicesSmall h2 {margin: 5px;}
div.customerServicesSmall p {margin: 5px;}


/* -- Contact Us form -- */
div.contactUsInfo>h2 { font-size: 1.2em; font-weight: bold; margin: 2px; }
div.contactUsInfo>h3 { font-size: 1em; font-weight: bold; margin: 2px; }
div.contactUsInfo p.indented { margin-left: 20px; }
div.contactUsInfo { clear: both; }
div.contactUsInfo table.contactForm { margin: 0 20px; }
div.contactUsInfo img.left {float: left;}
div.contactUsInfo img.right {float: right;}

/* -- tellAfriend Form -- */
div.tellAFriend { clear: both; margin: 0; position: relative; }
div.tellAFriend input { width: 200px; float: left; clear: right;}
div.tellAFriend label { width: 200px; display: block; float: left; clear: left;}
div.tellAFriend input[type="submit"] {clear: both; float: right;}

/* -- Next, Back, Cancel and Done buttons during checkout process -- */
input.checkoutButton { width: 130px; height: 25px; border: none; background: url('button-generic.gif') no-repeat; cursor: pointer; color: #fff; background-position: 0 0;}
input.checkoutButton:hover { background-position: 0 -25px; }

input.smallCheckoutButton { width: 100px; height: 25px; border: none; background: url('smallCheckoutButton.gif') no-repeat; cursor: pointer; color: #fff; background-position: 0 0;}

p.stockMessage { border: 1px solid #FF9E4D; padding: 1px; margin: 0; font-size: 10px; width: auto;}

div#pcaDivRM78 img{ display: none; }
div#pcaDivDP55 img{ display: none; }
/* hides the postcode anywhere logo during checkout */

.boldText {font-weight: bold; }