/* 


========================================================================


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: 176px;


	/*margin-top: -10px;*/


	float: left;


	padding-left: 10px;


}








#pagecontent {


	width: 630px;


	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; 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;


}





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;


}





/*


'#### 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;


}





.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 {


	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 --------------------------------------------- */


/* 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: 30px;


	color: red;


	font-weight: bold;


	font-style: normal;


	font-size: 10pt;


}





.basket .totals .controls {


	margin-top: 8px;


}





.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 {


	padding: 0;


	width: 100%;


	border: 0;


	overflow: hidden;


}





.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 {


	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 {


	padding: 10px;


	margin: 10px 0px 5px 0px;


}	





.optiongroups_block .addtobasket {


	text-align: right;


	padding: 5px;


	clear: both;


}





.outofstock {float:right}





.outofstockmessage em {


	display: block;


	margin-top: 10px;


	text-align:right;


}





.optiongroups_block .option {


/*	clear: both; */


}





.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;





}





.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 {


	float: left;


	width: 100%;


}








/* ------------ 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;


}





#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 DIV
{
	position: absolute;
	top: 105px;
	left: 230px;
	height: 10px;
	width: 203px;
	text-align: right;
	color: #4e4e4e;
	font-size: 10px;
}