/*
========================================================================
CACTUSHOP.CSS
========================================================================
*/
/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */
body, td, select, input {
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	color: Black;
}

/* MOVED FROM TEMPLATE.CSS FOR RESIZING */
#left {
	width: 172px;
	/*margin-top: -10px;*/
	float: left;
	padding-left: 10px;
	margin-right:5px;

}
#pagecontent {
	width: 630px;
	float: left;
	padding: 0;

}

#pagecontent_Home {
	width: 800px;
	float: left;
	padding: 0;

}

#pagecontent_pad {
	padding: 0px 5px 5px 10px;
}

h4 {
	font-size: 7.5pt;
	color: #4D4E4E;
	margin: 10px 0 4px 0;
	padding-bottom: 0px;
}

#header2 	{
				/*	margin-left:-5px;
				margin-right: 5px;*/
			/*	width: 1033px; */
				height: 15px;
				color: #FFFFFF;
			/*	font-size: 1.1em; */
				background-color: #8E908F;
				margin-left:-3px;
			}

#header2 .links {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 0px;
	font-size: 0.95em;
	background-color: #8E908F;
	height: 15px;
	text-align:center;
/*	font-size:8pt;	*/

}

.HomepageStrapline {font-size:1.5em; color: #E51818;}
.HomePageSchool {margin-top: 10px; padding:5px; background-color:#E51818; width: 590px; font-size: 1.4em; text-align: center; color: #FFFFFF; font-weight: bold; }
.HomePageSchool a:link{color: #FFFFFF; text-decoration: none; display: block}
.HomePageSchool a:active{color: #FFFFFF; text-decoration: underline}
.HomePageSchool a:hover{color: #FFFF00; text-decoration: underline}
.HomePageSchool a:visited{color: #FFFFFF; text-decoration: none}
.HomePageSchool a:visited:hover{color: #FFFF00; text-decoration: underline}

.BoxHeaderBG{width: 176px; height: 18px; background-image: url(../templateimages/content/left_header.gif); background-repeat: no-repeat; color: #FFFFFF; text-align:center; font-weight: bold; font-size: 1.13em; margin-top: -10px; padding-top:8px}

.LeftMiniBox {padding: 10px; width: 156px; background-color: #8E908F; border-top:1px solid #FFFFFF; color: #FFFFFF; font-weight: bold}

.MiniSelectField {border:1px solid #4D4E4E; width: 82px; background-color:#FFFFFF;}

#PindarTopLinks {height: 44px;padding: 0px 0px 0px 10px; clear:both}
#PindarBreadCrumb {color: #8E908F; float: left; position: relative; padding-top: 10px; width: 800px; height: 20px;}

#BottomLinks 	{height: 32px;}

#AddressBox {font-size:8pt; text-align: left; padding-left: 10px; }

#PindarMenu {
z-index:10;
vertical-align:middle;
margin-top: 1px;
background-color:#8E908F;
width: 176px;
}

#PindarMenu a, #PindarMenu h2 {
display: block;
/*height:40px;*/
height:100%;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
border-bottom:1px solid #FFFFFF;
vertical-align:middle;
}

#PindarMenu .PindarSubMenu {background-color:#8E908F;
z-index:10;
border-left:1px solid #FFFFFF;
width: 200px;
}

.ProductInformation {float:right; width:400px;}

/*PRODUCT PAGE TABS */
.TabContainer {width: 615px;position:relative;}

.sitemap ul li {
	display: block;
	float: left;
	width: 295px;
	margin: 3px;
	padding: 0;
	/*border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;*/
	list-style-position: inside;
	list-style-type: none;
}

/*END RESIZING */

th {
	text-align: left;
}

/* Headings and Text */
h1 {
	font-size: 13pt;
	font-weight: bold;
	color: #8E908F;
	margin: 10px 0 4px 0;
}

h2 {
	font-size: 1.3em;
	color: #8E908F;
	margin-bottom: 5px;
}
h3 {
	font-size: 8pt;
}
h5, p.category_subheader {
	margin: 20px 0px 5px 0px;
	font-size: 7.5pt;
	color: #4D4E4E;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal;
}

.breadcrumbtrail {
display: inline; color: #8E908F;
}

/* Hyperlinks */
A:link, A:visited {
	text-decoration: none;
	color: #DB2B1E;
	font-weight: bold;
}

A:hover	{
	text-decoration: none;
	color: red;
	font-weight: bold;
}

/* General site warnings & alerts */
.warning {
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 7.5pt;
}

/* Products */
.products .minprice {
	color: Red;
}

.quantitydiscount {
	padding: 10px 0px 5px 0px;
	font-size: 7.5pt;
}



/* ------------ Site Colour Scheme and Layout ------------------------- */
body {

}

/* Boxes for general display */
.box {
	border: none;
}

.boxinset {
/*	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}

/* Shortened column format boxes */
.products_shortened .box {
	width: 175px;
	height: 225px;
	margin: 0px 5px 5px 0px;
	border:1px solid #C0C0C0;
	font-size: 7.5pt;
	text-align:center
}

.subcategories_shortened .box {
	width: 175px;
	height: 210px;
	margin: 0px 5px 5px 0px;
	border:1px solid #C0C0C0;
	font-size: 7.5pt;
	text-align:center
}

/* Line between products */
.products_extended .product {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 10px;
}

.products_normal .product {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

/* tables */

/* Tables */
table caption {
	font-size: 10pt;
	color: #DD6600;
}

table {
	border-collapse: collapse;
	/*width: 100%;*/
}

table tr {
	/*background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}

table tr.alt {
/*	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}

table tr.highlight {
	background-color: #FFF522;
	background-image: none;
}

.versions tr.highlight td {
	background-image: none;
	background-color: #FFF522;
}

table tr.header {
	background-color: transparent;
	background-image: none;
	border-bottom:1px solid #f1f1f1
}

table tr.header th {
	font-size: 7.5pt;
	font-weight: bold;
	background-image: none;
	background-color: transparent;
}

table tr.subheader td {
/*	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}

table td, table th {
	padding: 3px;
}

table th {
	background-color: white;
}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Mini-basket ------------------------------------------ */
#basketlines a {
	display: block;
	text-decoration: none;
	color: #8E908F;
	padding: 1px 2px 2px 3px;
}

#basketlines a:hover {
	color: #FFFFFF;
	background-color: #DB2B1E;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
	padding: 1px 1px 1px 3px;
}

#baskettotals {
	border-top: 1px dashed #4D4E4E;
	color: #4D4E4E;
	font-weight: bold;
	text-align: right;
	padding: 10px 0px 10px 0px
}

#baskettotals p {
/*	border-bottom: solid 1px #CBD5DB;*/
}

#basketempty, #baskethidden {
	font-style: italic;
}

#basketlines {
	border-top: solid 1px #F1F1F1;
}

#basketlines li {
/*	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: solid 1px #CBD5DB;*/
}

#basketlines li.alt {
/*	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;*/
}

#basketlinks a {
	display: block;
	color: #FFFFFF;
	background-color: #DB2B1E;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
	padding: 1px 1px 1px 3px;
}

#basketlinks a:hover {
	display: block;
	color: white;
	background-color: #DB2B1E;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
	padding: 1px 1px 1px 3px;
}

/* ------------ Other Elements --------------------------------------- */

/* Reviews */
.reviews {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.reviews .box {
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
	border-bottom: solid 1px #CBD5DB;
}

/* Carry On Shopping / Cross Selling */
.carryonshopping {
/*	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
*/
}

/* Attributes */
.attributes {
	border-bottom: solid 1px #CBD5DB;
}

.attributes td {
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
}

/* Promotions */
.product .promotions, .basket .promotions {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

.promotion .box {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.promotionfooter {
	color: #aaa;
	margin-top: 8px;
}

/* Compare */
.compare td {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
}


/* ------------ Forms ------------------------------------------------ */
select, input, textarea {
	font-weight: normal;
	color: black;
	background-color: #DCE4E9;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;

	max-width:99%;
}

#searchBox
{
	/* max-width:83%; */
	font-size:8pt;
	width:82%;
}

#MailingEmail
{
	font-size:8pt;
	width:100%;
}

select:focus, input:focus, textarea:focus {
	font-weight: normal;
	color: black;
	background-color: #F7F7FF;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;
}

.PCAddress
{
	/*font-weight: normal;
	color: black;
	background-color: #dddddd;
	border-color: #cccccc;
	border-width: 0px;*/
	margin-bottom: 3px;

	max-width:99%;
}
.PCAddress:focus
{
	font-weight: normal;
	color: black;
	background-color: #dddddd;
	border-color: #cccccc;
	border-width: 0px;
	margin-bottom: 3px;

	max-width:99%;
}

/*
'#### PINDAR : KW : Moved to template.css
input.submit {
	background-color: #DD6600;
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border-style: outset;
	border-left: solid 1px #FF6666;
	border-top: solid 1px #FF6666;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
	margin: 0px 1px 3px 0px;
}

input.smallsubmit {
		display: in-line;
	margin: 0;
	font-size: 7.5pt;
	text-decoration: none;
	color: #0055CC;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-align: left;
	font-weight: bold;
	background-color: transparent;
	border: none;
}*/

/* form error messages */
.errors {
	display: block;
	width: 85%;
	color: red;
	background-color: #FFEEEE;
	border: dotted 1px red;
	margin: 18px;
	padding: 12px;
}

.errors label {
	border-bottom: dotted 1px red;
}

/* --- Category menu ------------------------------------------------- */

#categorymenu {
	width:176px;
	margin: 0 0 20px 0;
	padding: 0;
}

#categorymenu ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#categorymenu ul li {
	list-style: none;
	float: none;
	clear: both;
	padding: 0;
}

#categorymenu ul li div {
	font-size: 7.5pt;
	/*background-color: transparent;*/
}

#categorymenu ul li div a {
	display: block;
	padding: 8px 2px 2px 5px;
	color: #FFFFFF;
	background-color: #8E908F;
	height: 24px;
	border-top: solid 1px #FFFFFF;
}

#categorymenu ul li div a:hover {
	color: white;
	background-color: #DB2B1E;
	background-image: none;
}

#categorymenu ul ul li div {
	font-weight: normal;
}

#categorymenu ul ul li div a {
	font-weight: normal;
	background-image: none;
	background-color: #DCE4E9;
	color: #336677;
	padding-left: 10px;
}

#categorymenu ul ul ul li div a {
	padding-left: 20px;
}

#categorymenu ul ul ul ul li div a {
	padding-left: 30px;
}

#categorymenu ul ul ul ul ul li div a {
	padding-left: 40px;
}

#categorymenu ul ul ul ul ul ul li div a {
	padding-left: 50px;
}

/* ------------ Checkout and Basket ---------------------------------- */
/* Card details box during checkout */
.carddetails {
	background-color: #FFFFFF;
	border: none;
}

/* shipping methods line during checkout */
.basket .shippingmethodline {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 8px 0 20px 0;
}

.basket tr.separate {
	height: 20px;
	background-color: white;
	background-image: none;
}

.basket .section {
	width: 100%;
	padding-top: 10px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.basket .totals {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: right;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.basket .applycoupon {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.basket .codenumber {
	text-align: center;
}

.checkout .section {
	width: 100%;
	padding-top: 10px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#fieldsrequired {
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name {
	font-weight: bold;
	font-size: 7.5pt;
	color: #DB2B1E;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

/* ------------ Customer --------------------------------------------- */
.customer .section {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.vieworder {
	margin-bottom: 15px;
}

/* ------------ Site Map --------------------------------------------- */
.sitemap ul {
	padding: 0;
	margin: 0;
}


.sitemap ul li div.pad {
	padding: 15px;
}

.sitemap ul ul {
	padding: 0;
	margin: 0;
}

.sitemap ul ul li {
	float: none;
	width: 100%;
	width: 100%;
	padding: 3px 10px 3px 10px;
	margin: 0;
	border: 0;
}

/* ------------ Miscellaneous ---------------------------------------- */
/* horizontal rule */
hr {
	color: #DDDDDD;
	background-color: #DDDDDD;
}

/* Controls the first news item */
#newsitem1 h1 {

}

/* 'Top items' boxes on home page */
#toplists ul li div a:hover {
	color: red;
}

/* Search keyword highlight */
em.highlight {
	background-color: #FFF522;
	font-style: normal;
}

/* Strapline font styling */
.product em.strapline, .subcategory em.strapline {
	font-style: normal;
	color: #333333;
	font-weight: bold;
	font-size: 7.5pt;
}

/* styles for common features on your content pages */
.page .cutout {
	margin: 12px;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.page .cutout_left {
	float: left;
}

.page .cutout_right {
	float: right;
}

.page .right {
	text-align: right;
}

/* style used to highlight explanations of demo data. This can be safely remove
when you have your own styles */
.demodataexpl {
	clear: both;
	color: #008800;
	background-color: #AAEEAA;
	font-size: 7.5pt;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	border: dotted 1px #008800;
}


/*
------------------------------------------------------------------------
ADVANCED CHANGES
These styles should not need to be changed - such as element
positioning and padding that most stores would not need to alter
------------------------------------------------------------------------
*/
/* ------------ Boxes ------------------------------------------------ */
.boxheader {
	margin: 15px 0px 0px 0px;
}

.pad_shortformat {
	padding: 10px;
}

div.spacer {
  	clear: both;
}

/* ------------ Forms ------------------------------------------------ */
form {
	margin: 0;
	display: inline;
	padding: 0;
}

.inputform {
	margin-bottom: 12px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
}

.inputform label {
	width: 180px;
	float: left;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	float: left;
	margin-bottom: 5px;
}

.inputform br {
	display: block;
	clear: both;
}

.inputform input.submit {
/*	margin-left: 180px;
	width: auto;*/
}

.inputform input {
/*	width: 180px;*/
}

input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 {
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}

textarea {
	/*width: auto; */
}

/* ------------ Mini-basket ------------------------------------------ */
#numberofitems {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 5px;
	font-size: 7.5pt;
}

#numberofitems em {
	font-style: normal;
	font-weight: bold;
}

/* Lines of the basket */
#basketlines {
	padding: 0;
	margin: 0;
}

#basketlines li {
	list-style: none;
	font-size: 7.5pt;
	clear: both;
}

#basketlines em {
	font-style: normal;
}

#baskettotals p em {
	margin-left: 5px;
}

#baskettotals em {
	font-style: normal;
}

#baskettotals #taxexception {
	font-weight: normal;
}

#basketlinks {
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 7.5pt;
}

#basketlinks li {
	list-style: none;
}

#basketlinks img {
	border: 0;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

#basketempty, #baskethidden {
	padding: 0px 3px 0px 3px;
	margin: 0;
}

#baskettotals p {
	padding: 0px 3px 0px 3px;
	margin: 0;
	font-size: 7.5pt;
}

/* ------------ Speed order page ------------------------------------- */
.speedordertable {

}

.speedorder table {
	/*width: 50%;
	margin: 0 auto;*/
}

.speedorder td, .speedorder th {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input {
	/*width: 100%;*/
	width: 150px;
}

.speedorder .quantity input {
	width: 50px;
	text-align: right;
}

.speedorder div.submit {
	margin-top: 15px;
	text-align: left;
}

/* ------------ Checkout --------------------------------------------- */

/* #### PINDAR : OM : New login form */

.checkout form#login p {
	margin-left: 180px;
}

.checkout fieldset {
	border: 0;
	width: 100%;
	padding-left: 180px;
	float: left;
}

.checkout fieldset #action {
	width: 30px;
	float: left;
	margin: 0;
}

.checkout form#login fieldset p {
	margin: 0 0 10px 0;
	float: left;
}

.hidden {
	display: none;
}

.checkout #pick-ship, .checkout #pick-bill {
	margin-left: 180px;
}

.checkout input[type=radio] {
	border: 0;
	background-color: transparent;
}

/* step 1 - login form */
.emailreminder {
	width: 100%;
	padding-top: 15px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* step 3 - shipping methods */
.shippingmethodstable {
	width: 100%;
	padding-bottom: 8px;
}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price {
	text-align: right;
	white-space: nowrap;
	padding-right: 30px;
}

.euvat {
	padding-bottom: 8px;
}

.checkout textarea {
/*	width: 400px; */
}

.carddetails {
	width: 100%;
}

.carddetails .inside {
	padding: 0px;
}

.shippingmethodline strong {
	padding-right: 16px;
}

.step4 input.submit {
	margin-left: 0px;
}

#strMailingListHTML {
	display: block;
	margin: 10px 0 5px 0;
}


/* Billing details typography */
.billtotal em {
	font-style: normal;
}

.billtotal, .gatewaymessage {
	margin: 15px 0 30px 0;
}

.billtotal {
	font-size: 10pt;
}

#termspopup {
	font-size: 7.5pt;
	}

/* ------------ Search ----------------------------------------------- */
.trythesecategories {
	margin: 8px 0px 8px 0px;
}

.trythesecategories ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.trythesecategories ul li {
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#resultsheader {
	margin: 8px 0 8px 0;
}

.search .pricefields input {
	width: 4em;
}


/* ------------ Basket ----------------------------------------------- */
.basket .baskettable {
	width: 100%;
}

.basket .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total {
/*	text-align: right;*/
	white-space: nowrap;
}

.basket .quantity input {
	text-align: right;
}

.basket .totals em {
	line-height: 18px;
	color: black;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
}

.basket .totals .controls {
	margin-top: 8px;
}

.checkout-controls {
	color: #808080;
	width: 450px;
	float: left;
	margin-top: -33px;
}

.largesubmit {
	width: 120px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(219, 43, 30);
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border: 1px #ff6666 solid;
	border-color: #ff6666 #990000 #990000 #ff6666;
	margin: 0px 1px 3px 0px;
}

.checkout-controls input[type="image"] {
	border: 0;
	position: relative;
	top: 31px;
}

#googlecheckoutbasketdiv {

}

.basket .links {
	margin-top: 3px;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.basket .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.basket .links div p {
	margin: 0;
	padding: 4px 4px 0 0px;
}

.basket .links img {
	margin-right: 4px;
}

.basket .continueshopping {
	margin-top: 8px;
	text-align: right;
}


/* ------------ Shipping rates --------------------------------------- */
.shippingtable {
	width: 100%;
	margin-bottom: 20px;
}

.shippingtable .price, .shippingtable .price_1, .shippingtable .price_2 {
	text-align: right;
	white-space: nowrap;
}

/* ------------ Customer --------------------------------------------- */
.section tbody td {
	padding: 2px;
}

.section table {
	margin-bottom: 2px;
}

.section th {
	text-align: left;
}

.savebasketstable .date, .wishliststable .date {
	width: 130px;
}

.savebasketstable .actions, .wishliststable .actions {
	text-align: right;
	width: 130px;
}

.orderdetails label {
	width: 30%;
	float: left;
}

.orderdetails div {
	float: left;
	margin-bottom: 4px;
}

.orderdetails br {
	display: block;
	clear: both;
}

.orderdetails div.tick {
	float: none;
	margin-bottom: 0;
}

.orderdetails div.tick img {
	margin-right: 8px;
}

.customer .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.wishlist #chkUpdateItems {
	margin: 0;
	width: 20px;
	text-align: left;
	float: left;
	padding: 0;
}

/* ------------ Affiliate -------------------------------------------- */
.affiliatestatstable {
	width: 100%;
}

.affiliatestats .total {
	text-align: right;
	padding-right: 12px;
}

.affiliatestats .graph {
	text-align: center;
}

.affiliatestats h2 {
	margin-top: 16px;
}


/* ------------ Categories ------------------------------------------- */
.category h2 {
	margin: 0px 0px 8px 0px;
}

.subcategories {
	margin-bottom: 0px;
}

.subcategories_normal {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.subcategories_extended {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.maincategory, .maincategorybottom {
	padding: 0;
	width: 100%;
	border: 0;
	overflow: hidden;
}

.maincategorybottom {
	margin-top: 30px;
}

.subcategory {
	margin: 0;
	padding: 0px 0px 1px 0px;
}

.subcategories_normal .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategories_extended .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategory strong {
	display: block;
	margin-bottom: 4px;
}

.subcategories .subcategory img, .maincategory img {
	/*float: right;*/
	margin: 0px 0px 10px 10px;
}

.subcategories .subcategory .pad, .maincategory .pad {
	margin: 0 0 0 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}

/* For the shortened design */
.subcategories_shortened .subcategory {
	display: block;
	float: left;
	margin-bottom: 0px;

}

.subcategories_shortened .subcategory .pad {
	padding: 10px;
}

/* Style specifically for the 'link'. We remove most of the box styling for link mode */
.subcategories_link .subcategory .pad {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* ------------ Products --------------------------------------------- */
/* h2s are used on product.asp to break up main parts of the page */
.product h2 {
	text-align: left;
}

.products_shortened {

}


.products_shortened .product h2 {
	margin-top: 5px;
	text-align: left;
	font-size: 7.5pt;
}

/* Covers info on all 'product' views - including product.asp */
.product em.strapline, .subcategory em.strapline {
	display: block;
	margin: 8px 0px 8px 0px;
	padding: 0;
}

.generalspace {
	display: block;
	height: 1px;
}

.product p {
	margin: 0 0 5px 0px;
}

.product .main {
	overflow: hidden;
}

.product img.thumb {
/*	float: left;
	margin-left: 10px; */
}

.quantitydiscount .link {
	padding: 5px 0px 5px 0px;
}

/* All products in a list format (i.e. not product.asp) */
.products {
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

.products_end {
	clear: both;
}

.products .minprice {
	display: block;
	font-weight: bold;
	padding-top: 10px;
}

.products .product img {
	float: right;
	margin: 0px 0px 10px 10px;
}


.products .product .pad {
	margin-bottom: 8px;
	padding: 0px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}

.products .product .product_end {
	clear: both;
}

/* Specific to the shortened display - note: the width of .product is set programmatically
based on the numShortenedFormatCols config setting */
.products_shortened .product img {
	display: block;
	float: none;
	margin: 8px auto;
	text-align: center;
}

.products_shortened .product {
	display: block;
	float: left;
	margin-bottom: 0px;
}

.products_shortened .minprice {
	text-align: center;
}

.products_shortened em {
	padding: 0px 10px 5px 10px;
}


/* Specific to the 'classic' search display type - no styling, just text and description */
.products_classicsearch .product .pad {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.products_classicsearch .product .pad p {
	margin: 4px 0 8px 0;
}


/* To improve the display you may wish to force the height of these boxes */
.products_shortened .product .pad {
	padding: 5px;
}

.products_shortened .product .moredetails {
	display: none;
	visibility: hidden;
}

/* ------------ Wish List -------------------------------------------- */
.wishlist .section {
	margin-bottom: 25px;
}

.wishlist .explanation {
	margin: 0px 0px 15px 0px;
	display: block;
	width: 90%;
	font-size: 7.5pt;
}

/* ------------ Compare ---------------------------------------------- */
.compare h4 {
	margin-bottom: 5px;
}

.compare tr {
	background-color: transparent;
}

.compare .propertyheader {
	font-weight: bold;
	font-size: 7.5pt;
	text-align:center
}

.compare .lastrow td {
	background-color: transparent;
	font-size: 7.5pt;
	padding-bottom: 20px;
}


/* ------------ Attributes ------------------------------------------- */
.attributes {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}

.attributes table {
	width: 100%;
	border-collapse: collapse;
}

/* Product attributes table */
.attributes table tr {
	background-image: none;
}

/* ------------ Reviews ---------------------------------------------- */
.reviews {
	margin: 5px 0 10px 0;
}

.reviews h2 {
	margin-bottom: 8px;
}

.review {
	margin: 0 0 5px 0;
}

.review .pad {
	padding: 10px;
}

.review .stars {
	display: inline;
	margin-right: 2px;
}

.review strong {
	display: inline;
}

.review .reviewer {
	font-style: italic;
}

.review blockquote {
	margin: 15px 20px 15px 20px;
}

.review .date, .review .appliesto {
	text-align: right;
}

/* Review add page */
.addreview form strong {
	display: block;
}

.addreview form p {
	margin: 0px 0px 20px 180px;
}

.addreview textarea {
	width: 340px;
	height: 100px;
}

/* ------------ Cross Selling ---------------------------------------- */
.carryonshopping h2 {
	margin-bottom: 8px
}

.carryonshopping h3 {
	margin-top: 5px;
}

.carryonshopping ul {
	margin: 2px 0px 10px 40px;
	list-style-type: none;
	padding: 0;
}

/* ------------ Versions --------------------------------------------- */
/* Clear so it comes below the floating image tag */
.versions {
	clear: both;
	margin-bottom: 10px;
}

.versions strong {
	display: block;
	padding-bottom: 5px;
}

.products_shortenened .versions { /* don't want to clear if we're doing things in shortened format */
	clear: none;
}

/* Versions displayed in options may first have a price line */
.versions .prices {
	/*padding: 5px;*/
	text-align:center;
}

.versions .prices strong {
	display: inline;
}

.versions .prices span {
	margin-left: 2em;
}

.versions .line {
	text-align: right;
	padding: 5px;
}

.versions .line img {
	float: none;
}

/* Version Table */
.versions table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.versions div.versionstable {
	width: 100%;
}

.versions tr.description {
	background-image: none;
	background-color: transparent;
}

.versions td.description {
	background-image: none;
	background-color: white;
}

.versions th, .versions td {
	text-align: right;
}

.versions table .stock {
	text-align: center;
}

.versions table .name {
	padding-left: 5px;
}

.versions table .addtobasket {
	padding-right: 15px;
	text-align:left; padding-left: 30px
}

.versions table .addtobasket img {
	float: none;
}

.versions table .description {
	padding: 5px;
	overflow: hidden;
}

.versions table .description img {
	float: left;
	margin-right: 4px;
}

.versions table .name, .versions table .name, .versions table .description {
	text-align: left;
}

/* ------------ Product Options -------------------------------------- */
.optiongroups_block .options {
	margin: 20px 0px 5px 0px;
	width: 475px;
	float: left;
}

.optiongroups_block .addtobasket, .as-addarea {
	text-align: center;
	margin: 20px 10px 5px 0px;
	width: 100px;
	float: right;
}

.optiongroups_block .addtobasket br, .as-addarea br {
	height: 5px;
	display: block;
}

.optiongroups_block .addtobasket input.submit {
	margin-top: 5px;
}

.optiongroups_block .clearspace, .boxinset .addtobasket .clearspace {
	clear: both;
}

/*.optiongroups_block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/

.outofstock {float:right}

.outofstockmessage em {
	display: block;
	margin-top: 10px;
	text-align:right;
}

.optiongroups_block .option {
/*	clear: both; */
	float: left;
	margin-left: 10px;
}

.optiongroups_block .option label.optiontitle {
	display: block;
	/*width: 150px; */
	float: left;
	margin-right: 2px;
}

.versions .option label.optiontitle {
	margin-right: 1px;
}

.optiongroups_block .option div {
	/*#### PINDAR : KW : Hack for firefox
	display: -moz-inline-block;*/
	/*#### PINDAR : KW : Display for IE
	display: inline-block;*/
	/*margin-left: 160px;
	margin-bottom: 10px;*/
	float: left;
	margin: 0px 10px 0px 2px;
	clear: left;

}

.optiongroups_block .option div .radiooptions {
	display: block;
}

.optiongroups_block .addtobasket img {
	float: left;
	text-align: right;
	padding:5px;
}

/* Inline groups */
.optiongroups_line {
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	zoom: 100%;
	overflow: hidden;

}

.optiongroups_line .options, .optiongroups_line .option div, .optiongroups_line .option, .optiongroups_line strong, .optiongroups_line label, .optiongroups_line select, .optiongroups_line .addtobasket {
	display: inline;
}

.optiongroups_line label {
	margin-left: 10px;
}

.optiongroups_line .addtobasket {
	display: block;
	float: right;
	width: 100px;
	text-align: right;
	margin-left: 20px;

}
.optiongroups_line .addtobasket img {
	float: none;
}
/* ------------ Homepage Layout Divs --------------------------------- */
.home_region {
	margin-left:0px;
	float: left;
	width: 610px;
}


/* ------------ Homepage News ---------------------------------------- */
/* Controls specifically the first news item */
#newsitem1 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#newsitem1 .pad {
	margin: 0;
	padding: 0px 20px 20px 0px;
	height: 12px;
}

#newsitem1 h1 {
	padding-top: 0px;
}


#newsitem1 img {
	float: right;
}

/* Other news items */

#newsitems div {
	padding: 0;
	margin: 0;
}

#newsitems {
	padding: 0;
	margin: 0;
	width: 100%;
}

#newsitems .newsitem {
	width: 33%;
	float: left;
}

#newsitems .newsitem .pad {
	margin: 0px 15px 10px 0px;
}
#newsitems .newsitem h3 {
	color: #4d4e4e;
}
#newsitems strong {
	display: block;
	padding: 0;
	margin: 0;
}



/* ------------ Top lists -------------------------------------------- */
#toplists {
	padding: 0;
	width: 100%;
	clear: both;
}

#toplists .box {
	width: 33%;
	font-size: 7pt;
	float: left;
}

#toplists .pad {
	margin: 0px 15px 10px 0px;
}

#toplists ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#toplists ul li {
	list-style: none;
	float: none;
	clear: both;
	padding-bottom: 2px;
}

#toplists ul li div {
	display: block;
	font-size: 7.5pt;
}

/* ------------ Homepage Specials ------------------------------------ */
.specials {
	clear: both;
}

.specials h2 {
	display: block;
	margin-bottom: 12px;
}


/* ------------ Promotions ------------------------------------------- */
/* promotion class controls listing in extended view (with thumbnail) */
.promotion {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotion img {
	float: right;
	margin-left: 10px;
}

.promotion .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotion .pad {
	padding: 10px;
	overflow: hidden;
}

/* promotiontext class controls listing in text view */
.promotiontext {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotiontext .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotiontext .pad {
	overflow: hidden;
}


/* ------------ Miscellaneous ---------------------------------------- */
body, td {
	padding: 0;
	margin: 0;
}

#popup .pad {
	padding: 10px;
}

.extrainfolinks {
	margin: 8px 0px 10px 0px;
	overflow: hidden;
	font-size: 7.5pt;
}

.extrainfolinks a {
	white-space: nowrap;
}

.extrainfolinks .largeview {
	margin: 5px 0px 0px 0px;
	display: inline;
}

.extrainfolinks .moreinfo {
	margin: 5px 0px 0px 0px;
	float: left;
}

.extrainfolinks .compare {
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare a {
	font-weight: normal;
}

.extrainfolinks img {
	float: left;
	margin: 0;
}

.nowrap {
	white-space: nowrap;
}

/* horizontal rule */
hr {
	height: 1px;
	border-width: 0;
}



/* Paddings on various items */
h1, h2 {
	padding: 0;
	margin: 0px 0px 8px 0px;
}

/* By default disable all borders on images */
img {
	border: none;
}

/* Breadcrumb trail  */
.breadcrumbtrail {
	padding: 3px 3px 3px 0px;
	margin-bottom: 10px;
}

.breadcrumbtrail ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

.breadcrumbtrail ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}

/* Pagination */
.paging {
	margin: 8px 0 8px 0;
}

.paging a {
	font-weight: normal;
}

.paging_footer {
	text-align: right;
}

/* #### PINDAR : OM : 2010-03-18 : Homepage banners: */
#homepage-banners {
	margin-top: 27px;
}

#banners, .gallery {
	margin: 0 0 10px 0;
	padding: 0;
}

#banners li, .gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#banners .hiddenbanner {
	display: none;
}

.gallery li {
	display: inline-block;
	margin: 0;
	border: 1px grey solid;
	padding: 1px;
	height: 48px;
}

.gallery img {
	display: inline-block;
	width: 115px;
}

.RequestCallback {
	border:1px solid #FF0000;
}
.RequestCallbackLabel {
	width:120px;
	float: left;
}

.RequestCallbackField
{
	float: left;

}

.CallbackPopUp
{
	background-color: #ffffff !important;
	background-image: none !important;
	text-align: left !important;
	margin-left: 10px !important;
}

#Header_Right
{
	position: relative;
}

#Header_Right p
{
	position: relative;
	top: 25px;
	text-align: right;
	color: #ee2924;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

#Header_Right span {
	font-size: 23px !important;
	font-weight: bold !important;
}

#Header_Right p#delivery-header {
	position: absolute;
	top: 16px;
	left: -15px;
	font-size: 11px;
	color: black;
	text-align: right;
	padding: 5px 10px;
	border-right: 1px #666666 solid;
}

#Header_Right p#delivery-header span.call {
	font-size: 20px !important;
	/*font-weight: normal !important;*/
	color: #ee2924;
}

#Header_Right p#delivery-header span.sub-call {
	font-size: 11px !important;
	font-weight: normal !important;
	color: #ee2924;
}

#basket-link-home {
	position: absolute;
	left: 775px;
	top: 90px;
}

#basket-link-home a {
	font-weight: normal;
	color: black;
}

#news_tabs
{
	margin-top: 213px;
}
#home_region3 #news_tabs {
	margin-top: 0;
}

#news_tabs ul
{
	width:100%;border:0;padding:0;margin:0;border:1px solid #ffffff;
}

#news_tabs li
{
	float:left;
	width:32%;
	list-style-type:none;
	display:inline;
	padding-top:10px;
	padding-left:5px;
	font-weight:bold;
	cursor:pointer;
	height:18px;
	border:0;
	background-image: url(../../images/tab_head.gif);
	background-repeat: no-repeat;
	background-position:top right;
	background-color: #8E908F;
	color: #FFFFFF;
	border-right:1px solid #ffffff;
	padding-top: 10px;
	text-align: center;
}

#news_tabs li a
{
	color:#FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0;
}

#news_tabs .active_tab
{
	background-image: url(../../images/left_header.gif);
	background-color:#4D4E4E;
}

#news_body div
{
	width:97%;
	height:120px;
	border:1px solid  #8E908F;
	overflow:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left:1px;
	margin-bottom:20px;
}

#news1, #news2, #news3
{
	display:none;
	clear:both;
}
#news_body .news_active
{
	display:block;
}

._RedHeader
{
	background-image: url(../templateimages/content/red_corner.gif);
	position: relative;
	width: 170px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: rgb(219, 43, 30);
	color: rgb(255, 255, 255);
	text-align: center;
	font-weight: bold;
	font-size: 1.13em;
	padding-top: 8px;
}

#searchSubmit
{
	background-image:url(../templateimages/content/mini_go.gif);
	float:right;
	background-repeat: no-repeat;
	background-position:bottom right;
	border:0px;
	width:23px;
	height:17px;
	padding-top:10px;
}

#mailingsubmit
{
	background-image:url(../templateimages/content/sign_up.gif);
	margin-top:2px;
	background-repeat: no-repeat;
	border:0px;
	width:58px;
	height:21px
}

.basketmessage {
	color: red;
}