/* 
========================================================================
CACTUSHOP.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */
body, td {
	font-family: Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 9pt; 
	font-weight: normal; 
	color: #6d6d6d;
}

th {
	text-align: left;
}

/* Headings and Text */
h1 {
	font: bold 13pt Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	color: #03406d;
	margin: 10px 0 4px 0;
}

h2 {
	font-size: 12pt;
	color: #03406d;
	margin-bottom: 5px;
}

h3 {
	font-size: 10pt;
}

h4 {
	font-size: 9pt;
	color: #03406d;
	margin: 10px 0 4px 0;
	padding-bottom: 0px;
}

h5 {
	margin: 20px 0px 5px 0px;
	font-size: 8pt;
	color: #03406d;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal; 
}

.breadcrumbtrail {
	color: #03406d;
	border-bottom: dotted 1px #03406d;
	margin-bottom: 8px;
}

/* Hyperlinks */
A:link, A:visited {
	text-decoration: none; 
	color: #7599bc;
	font-weight: bold;
}

A:hover	{
	text-decoration: none; 
	color: #03406d;
	background-color: #fdca58;
	font-weight: bold;
}

/* Links around *images* don't need the background colour: */
div#header a:hover, div#homepage div a:hover {
	background-color: #ffffff;
}
div#homepage div p a:hover {
	background-color: #fdca58;
}

/* 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;
}


/* 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 {
	min-height: 0px;
	margin: 0px 5px 5px 0px;
	border: 0;
}
.products_shortened .box .pad {
	padding: 0px !important;
}


.subcategories_shortened .box {
	/* width: 175px;
	height: 260px;
	margin: 0px 5px 5px 0px;
	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;
	font-size: 7.5pt; */
	min-height: 0px;
	margin: 0px 5px 5px 0px;
	border: 0;
}

/* 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: 9pt;
	color: #7599bc;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table tr, table td {
	background-color: #FFFFFF;
	/* border-bottom: solid 1px #03406d; */
}

table tr.alt, table tr.alt td {
	background-color: #fdca58;
}

table tr.highlight {
	background-color: #7599bc;
	background-image: none;
}

.versions tr.highlight td {
	background-image: none;
	background-color: #7599bc;
}

table tr.header {
	background-color: transparent;
	background-image: none;
}

table tr.header th {
	font-size: 10pt;
	font-weight: normal;
	vertical-align: bottom;
	background-image: none;
	color: #03406d;
	background-color: #ffffff;
	/* border-bottom: solid 1px #03406d; */
}

table tr.subheader td {
	border-top: solid 1px #7599bc;
	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;
	padding: 5px;
}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Mini-basket ------------------------------------------ */
#basketlines a {
	display: block;
	text-decoration: none;  
	color: #03406d;
	padding: 5px 2px 5px 3px;
}

#basketlines a:hover {
	background-color: #EEEEEE;
}

#baskettotals {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	color: Red;
	font-weight: bold;
	text-align: right;
}

#baskettotals p {
	background: #ffffff;
	line-height: 23px;
	color: #03406d;
	border-bottom: solid 1px #03406d;
	padding: 0;
	margin: 0;
}
#baskettotals p em {
	background: #FFFFFF;
	color: #03406d;
	padding: 5px;
}

#basketempty, #baskethidden {
	font-style: italic;
}	

#basketlines {
	border-top: solid 1px #7599bc;
}

#basketlines li {
	background: #FFFFFF;
	border-bottom: solid 1px #03406d;
}

#basketlines li.alt {

}

#basketlinks a {
	display: block;
	padding: 3px 0px 3px 3px;
}

#basketlinks a:hover {
	color: #03406d;
}

/* ------------ 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: #7599bc;
	border-top: solid 1px #03406d;
	border-bottom: solid 1px #03406d;
}

/* 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 #03406d;
}

.attributes td {
	background-image: url(../templateimages/back_fade2.png);
	border-top: solid 1px #03406d;
}

/* 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 #03406d;
	border-left: solid 1px #03406d;
	border-bottom: solid 1px #7599bc;
	border-right: solid 1px #7599bc;
}

.promotionfooter {
	color: #aaa;
	margin-top: 8px;
}

/* Compare */
.compare td {
	border-top: solid 1px #03406d;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
}


/* ------------ Forms ------------------------------------------------ */
select, input, textarea {
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-weight: normal;
	color: black;
	background-color: #fdca58;
	border: solid 1px #03406d;
	margin-bottom: 3px;
	font-size: 10px;
	padding: 2px;
}

tr.alt select, tr.alt input, tr.alt textarea {
	background-color: #ffffff;
}

select:focus, input:focus, textarea:focus {
	font-weight: normal;
	color: black;
	background-color: #ffffff;
	border-color: #6d6d6d;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 3px;
}

input.submit, tr.alt input.submit {
	background-color: #03406d;
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border-style: solid;
	margin: 0 1px 3px 0;
	padding: 1px 3px 1px 3px;
	width: auto;
	overflow: visible;
}

input.smallsubmit, tr.alt input.smallsubmit {
	display: inline;
	margin: 0;
	font-size: 7.5pt;
	text-decoration: none; 
	color: #03406d;
	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 ------------------------------------------------- */

#LeftSideBar h4 {
	background-color: #03406d;
	color: #ffffff;
	font-size: 13pt;
	font-weight: normal;
	padding: 8px;
}

#categorymenu {
	margin: 0 0 20px 0;
	padding: 0;
}

#categorymenu ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#categorymenu ul li {
	list-style: none;
	float: left;
	clear: both;
	padding: 0;
	position: relative;
	width: 200px;
	display: inline-block;
}

#categorymenu ul li div {
	background-color: #ffffff; 		
}

#categorymenu ul li div a {
	display: inline-block;
	width: 100%;
	padding: 4px 8px;
	color: #000000;
	font-weight: normal;
	background-color: transparent; 		
}

#categorymenu ul li div a:hover {
	background-color: #fdca58;
	color: #03406d;
}

#categorymenu ul li div img {
	display: none;
}

/*
#categorymenu ul li:hover div img {
	display: inline;
}
*/

#categorymenu ul ul {
	display: none;
	position: absolute;
	/* top: 0; */
	left: 100%;
	z-index: 1000;
	border: 1px #03406d solid;
}

#categorymenu ul li:hover ul {
	display: block;
}

#categorymenu ul ul li {
	display: block;
	z-index: 1000;
}

#categorymenu ul ul li div {
	background-color: #03406d;
	color: #ffffff;
	z-index: 1000;
}

#categorymenu ul ul li div a {
	font-weight: normal;
	background-image: none;
	background-color: #03406d !important;
	color: #ffffff;
	display: block;
	width: 150px;
	z-index: 1000;
}

#categorymenu ul ul li div a:hover {
	background-color: #fdca58 !important;
	color: #03406d;
}

#categorymenu ul ul ul li div {
	text-indent: 20px;
}

#categorymenu ul ul ul ul li div {
	text-indent: 30px;
}

#categorymenu ul ul ul ul ul li div {
	text-indent: 40px;
}

#categorymenu ul ul ul ul ul ul li div {
	text-indent: 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;
	margin-left: 0;
}

#fieldsrequired {
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name {
	font-weight: bold;
	font-size: 7.5pt;
	color: #556699;
	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 {
	display: block;
	float: left;
	width: 260px;
	margin: 5px;
	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;
}

.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: #03406d; 
	background-color: #03406d; 
}

/* Controls the first news item */
#newsitem1 h1 {

}

/* 'Top items' boxes on home page */
#toplists ul li div a:hover {
	color: #03406d;
}

/* Search keyword highlight */
em.highlight {
	background-color: #fdca58;
	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: 8px;
	border-top: solid 1px #03406d;
	border-left: solid 1px #03406d;
	border-bottom: solid 1px #7599bc;
	border-right: solid 1px #7599bc;
}

.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;
	clear: both;
}

.pad_shortformat {
	padding: 20px;
}

div.spacer {
  	clear: both;
}

.wrap {
	display: block;
}
.wrap:after, .products .product .pad:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ------------ Forms ------------------------------------------------ */
form { 
	margin: 0; 
	display: inline;
	padding: 0;
}
fieldset {
	margin: 0; 
	padding: 0;
	border: 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;
	clear: both;
	font-weight: bold;
	text-align: right;
}
.inputform h2 label {
	text-align: left;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	margin: 0 0 5px 185px;
}
.inputform div input, .inputform div select, .inputform div textarea {
	margin: 0 0 0 5px;
}
.inputform div div {
	margin: 0 0 5px 0px;
}

.inputform br {
	display: none;
}

.inputform input.submit {
	margin-left: 190px;
	width: auto;
	float: none;
	display: block;
}

.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;
}
.contactus .column2 {
	padding-left: 0;
}

textarea { 
	width: auto; 
}

/* ------------ Mini-basket ------------------------------------------ */
/* #### PINDAR : OM : 2009-12-17 : the "news" section in the RHS bar has its own id, so we can override these styles there; the only "generic" .section element in the RHS bar is the minibasket. */
#RightSideBar .section {
	position: relative;
	margin-top: 10px;
	width: 100%;
}

#RightSideBar .section img {
	float: left;
}

#numberofitems, #minibasket-totalprice {
	display: block;
	float: right;
	color: black;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

#numberofitems em, #minibasket-totalprice em {
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

#numberofitems {
	padding-right: 5px;
	border-right: 1px black solid;
	margin-right: 5px;
}

/* Lines of the basket */
#basketlines {
	display: none;
	padding: 0;
	margin: 0;
}

#basketlines li {
	list-style: none;
	font-size: 7.5pt;
}

#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;
}

#basketlinks li {
	display: none;
	list-style: none;
}

#basketlinks li#minibasket-checkout {
	display: block;
}

#basketlinks li#minibasket-checkout img {
	display: none;
}

#basketlinks li#minibasket-checkout a {
	color: black;
	font-weight: normal;
	float: right;
}

#basketlinks img {
	border: 0;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

#basketempty, #baskethidden {
	padding: 0px 3px 0px 3px;
	margin: 0;
}	

/* ------------ Speed order page ------------------------------------- */
.speedordertable {

}

.speedorder table {
	width: 100%;
	margin: 0 auto;
}

.speedorder td, .speedorder th {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input {
	width: 100%;
}

.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: 500px;
}

.carddetails {
	width: 100%;
}

.carddetails .inside {
	padding: 0px;
}

.shippingmethodline strong {
	padding-right: 16px;
}

.step4 input.submit {
	margin-left: 0px;
	clear: both;
}

#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;
	margin-left: 0 !important;
	padding: 5px;
	background: #FFFFDD;
	border: solid 2px #FFCC66;
	color: #333333;
	float: left;
}

#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;
	vertical-align: middle;
	margin-bottom: 5px;
}

.basket .continueshopping {
	margin-top: 8px;
	text-align: right;
}

.basket .continueshopping .submit {
	float: left;
	text-align: center;
}


/* ------------ 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;
	font-size: 9pt;
}

.subcategories .subcategory a {
	display: block;
	height: 136px;
	overflow: hidden;
}

.subcategories .subcategory img, .maincategory img {
	float: none;
	margin: 0;
	display: block;
	width: 96px;
/*	height: 96px;*/
}

.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: 0 5px;
	width: 96px;
}

.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 {

}	


.subcategories_shortened .subcategory strong, .products_shortened .product h2 {
	text-align: center;
	background-color: #fdca58;
	padding: 0;
	margin: 0;
	font-size: 8pt;
	height: 4.2em;
	max-height: 4.2em;
	min-height: 4.2em;
	line-height: 1.2;
	display: table;
	width: 96px;
}	

.subcategories_shortened .subcategory strong a, .products_shortened .product h2 a {
	color: #000000;
	font-weight: normal;
/*	display: block;*/
	padding: 0;
	height: 4.2em;
	max-height: 4.2em;
	min-height: 4.2em;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.subcategories_shortened .subcategory strong a span, .products_shortened .product h2 a span {
	display: block;
	width: 90px;
	max-height: 3.6em;
	overflow: hidden;
	padding: 0;
}

/* Covers info on all 'product' views - including product.asp */
.product em.strapline {
	display: block;
	/*
	margin: 5px 5px 15px 5px;
	*/
	margin:0px;
	padding: 0;
}

.generalspace {
	display: block;
	height: 1px;
}

.product p {
	margin: 0 0 5px 0px;
}

.product .main {
	overflow: hidden;
}

.product #productImages {
	float: right;
}

.product #productImagesLarge {
	position: relative;
}

.product #productImagesLarge img, .product #productImagesLarge object {
	margin: 0;
	padding: 0;
}

.product #productImagesLarge .active {
	/*border: 1px #7599bc solid;*/
	position: relative;
	left: 0;
}

.product #productImagesLarge .inactive {
	/* display: none; */
	position: absolute;
	left: -1000px;
}

.product #productImagesThumb img {
	float: right;
	margin: 5px 0 0 10px;
	padding: 0;
	cursor: pointer;
	/*border: 1px #7599bc solid;*/
}

.quantitydiscount .link {
	padding: 5px 0px 5px 0px;
}
#pagecontent_pad .pad {
	padding: 10px 0 0 0;
}
#pagecontent_pad pre {
	clear: both;
}
/* All products in a list format (i.e. not product.asp) */
.products {
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
	padding-top: 10px;
}

.products_end {
	clear: both;
}

.products .minprice {
	display: none;
	font-weight: bold;
	padding: 4px 10px 4px 0;
	border-right: dotted 1px #CCCCCC;
	margin: 9px 10px 0 0;
	float: left;
}

.products .product img {
	float: right;
	margin: 0px 0px 10px 10px;
}


.products .product .pad {
	margin-bottom: 0;
	padding: 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 */	
}

.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 a {
	display: block;
	height: 136px;
	overflow: hidden;
}

.products_shortened .product img {
	display: block;
	float: none;
	margin: 0;
	width: 96px;
/*	height: 96px;*/
}	

.products_shortened .product {
	display: block;
	float: left;
	margin: 0 5px;
	width: 96px;
}

.products_shortened .minprice {
	text-align: center;
	float: none;
	border: none;
	padding: 5px;
	width: 80%;
	border: solid 1px #DDDDDD;
	border-width: 1px 0;
	margin: 0 auto;
}

.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: 10px;
}

.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;
}

.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;
	border: 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: right;
	padding: 10px 0;
}

.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:right;
}

.versions .prices strong {
	display: inline;
}

.versions .prices span {
	margin-left: 2em;
}

.versions .prices .extax {
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

.versions .prices .inctax {
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: bold;
	padding: 2px;
}

.versions .prices .weight {
	width: 40px;
	border: none;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	margin-right: 20px;
	padding: 2px;
}

.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 .name strong {
	font-weight: normal;
}

.versions table .addtobasket {
	padding-right: 5px;
}

.versions table .addtobasket a {
	padding: 5px;
	color: #03406d;
	font-weight: normal;
	/*font-size: 12pt;*/
}

.versions table .alt .addtobasket a:hover, .versions table .addtobasket a:hover {
	color: #fdca58;
	background-color: #03406d;
}

.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;
}

.outofstockmessage em {
	display: block;
	margin-top: 10px;
}

.optiongroups_block .option {
	clear: both;
}

.optiongroups_block .option label.optiontitle {
	display: block;
	width: 150px;
	float: left;
	margin-right: 5px;
}

.versions .option label.optiontitle {
	margin-right: 5px;
}

.optiongroups_block .option div {
	display: block;
	margin-left: 160px;
	margin-bottom: 10px;
}

.optiongroups_block .option div .radiooptions {
	display: block;
}

.optiongroups_block .addtobasket img {
	float: none;
	text-align: right;
}

/* 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;
	vertical-align: middle;
	margin-bottom: 3px;
}

.optiongroups_line label {
	margin-left: 10px;
}

.optiongroups_line .addtobasket {
	display: block;
	float: right;
	width: 100px;
	text-align: right;
	margin-left: 20px;
}
.optiongroups_line .addtobasket .submit {
	margin-bottom: 0px;
}
.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 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 {
	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 .moreinfo, .extrainfolinks .compare {
	margin: 5px 10px 0px 0px;
	float: left;
}
.extrainfolinks .compare {
	float: right;
}
.extrainfolinks .moreinfo img, .extrainfolinks .compare img {
	vertical-align: middle;
	margin-bottom: 2px;
}
.extrainfolinks .moreinfo a, .extrainfolinks .compare a {
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
	display: block;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 8pt;
	color: #666666;
}
.extrainfolinks .moreinfo a:hover, .extrainfolinks .moreinfo a:visited:hover, .extrainfolinks .extrainfolinks a:hover, .extrainfolinks .extrainfolinks a:visited:hover {
	background-color: #FFFFAA;
	border: solid 1px #FFCC99;
}
.extrainfolinks .compare a {
	background: 0;
	border: none;
}

.extrainfolinks .compare a {
	font-weight: normal;
}

.extrainfolinks img {
	float: none;
	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: 2px 3px 3px 0px;
}

.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;
}

.breadcrumbtrail ul li a {
	padding: 2px 3px;
}

/* Pagination */
/*
.paging { 
	margin: 0 0 15px 0;
	padding: 5px 0;
	background: #f5f5f2;
	border-top: dotted 1px #CCCCCC;
}
*/

.paging a, .paging a:visited { 
	font-weight: normal;
	color: #2c2f91;
}

.paging_footer {
	text-align: right;
}


/* #### PINDAR : OM : 2009-12-17 : LHS login: */
#LeftSideBar #LHS-login {
	position: relative;
	float: left;
	margin-top: 10px;
	padding: 5px 10px;
	border: 1px solid #cccccc;
}

#LeftSideBar #LHS-login p {
	margin: 0;
	color: #03406d;
	font-size: 11pt;
}

#LeftSideBar #LHS-login input {
	position: relative;
	margin: 0;
	width: 160px;
	background-color: white;
	color: black;
	border-color: #cccccc;
	float: left;
	clear: left;
}

#LeftSideBar #LHS-login label {
	width: 160px;
	margin: 5px 0;
	text-align: left;
	background-color: white;
	color: black;
	float: left;
	clear: left;
}

#LeftSideBar #LHS-login div {
	margin: 0;
}

#LeftSideBar #LHS-login input.submit {
	width: 80px;
	margin-top: 5px;
	background-color: #03406d;
	color: white;
	font-size: 11pt;
	float: left;
	clear: left;
}

/* #### PINDAR : OM : 2010-01-04 : RHS news: */
#rhs-news {
	position: relative;
	text-align:left;
	width:80px;
}

#rhs-news h4 {
	background-color: #03406d;
	color: #ffffff;
	font-size: 13pt;
	font-weight: normal;
	padding: 4px;
}


#rhs-news h4 a{color:#FFFFFF; text-decoration:none}
#rhs-news h4 a:hover{background:none}
/*#rhs-news a {
	font-size: 9pt;
	font-weight: normal;
	margin-left: 5px;
}
*/
#rhs-news hr {
	width: 80%;
	background-color: #cccccc;
}


/*
'######################################################################
'#### PINDAR : KW : Styles that control individual news item elements
'#### PINDAR : KW : In the Right-Hand Bar
'######################################################################
*/

.RHSNewsImage {padding:10px; display:block; float:left}
.RHSNewsImage {width:70px}
.RHSNewsTitle {font-weight:bold; text-align:left; font-size:1.0em}
.RHSNewsTitle a:link {font-weight:bold;text-decoration: none;}
.RHSNewsTitle a:hover {text-decoration: none; background:none}
.RHSNewsTitle a:visited:hover {text-decoration: none; background:none}
.RHSNewsTitle a:visited {text-decoration: none; background:none}
.RHSNewsTitle a:active {text-decoration: none; background:none}


.RHSNewsDate {font-size:0.7em; text-align:left; font-style:italic; padding:3px}

.RHSNewsSummary {font-size:0.8em; text-align:left}

.RHSNewsLink {text-align:right; font-size:0.7em; padding:5px}

.RHSNewsLink a:link {text-decoration: none;font-size:0.8em}
.RHSNewsLink a:hover {text-decoration: none;font-size:0.8em; background:none}
.RHSNewsLink a:visited:hover {text-decoration: none;font-size:0.8em; background:none}
.RHSNewsLink a:visited {text-decoration: none;font-size:0.8em}
.RHSNewsLink a:active {text-decoration: none;font-size:0.8em}

#RHSNewsAllLink a:link{color:#03406d}
#RHSNewsAllLink a:hover{background:none}


/* #### PINDAR : OM : 2010-01-05 : Product related items: */
#related-items {
	position: relative;
	margin: 10px 0 0 0;
}

#ri-tabs {
	position: relative;
	overflow: hidden;
	margin: 0;
}

#ri-tabs a {
	display: block;
	float: left;
	position: relative;
	top: 4px;
	padding: 5px;
	margin: 0 1px 0 0;
	border: 1px solid #03406d;
	color: #ffffff;
	background-color: #03406d;
	font-size: 11pt;
	font-weight: normal;
	cursor: pointer;
}

#ri-tabs a.active, #ri-tabs a:hover {
	color: #03406d;
	background-color: #fdca58;
	font-weight: normal;
}

#related-items hr {
	clear: both;
	background-color: #03406d;
	margin: 0;
}

#related-items div.inactive {
	display: none;
}

#ri-products ul, #ri-accessories ul {
	margin: 0;
	padding: 0;
	position: relative;
}

#ri-products li, #ri-accessories li {
	list-style-type: none;
	display: inline-block;
	float: left;
	padding: 5px 10px;
	width: 250px;
}

#ri-products img, #ri-accessories img {
	margin: 0 5px;
	float: left;
}

/* #### PINDAR : OM : 2010-01-19 : Product attribute icons: */
div#icons img {
	margin-right: 20px;
}

/* #### PINDAR : OM : 2010-01-20 : Brand logos: */
img#brand-logo {
	float: right;
	margin-right: 10px;
}

div.post-brand-logo {
	clear: right;
}

/*
#### PINDAR : OM : 2010-01-07 : Rounded corners on header boxes:
Note that "rounded-d" is for boxes that are displayed / hidden dynamically; the DD_roundies script we use for rounded corners in IE can't handle dynamic elements properly. IE8 simply doesn't have rounded corners if the element isn't visible on initial rendering, and in IE7 it rounds the corners properly, but then the borders remain drawn on screen even after the element is hidden again - and IE7 still recognises the area inside the border as the element, so triggering :hover behaviour, etc. So, both .rounded and .rounded-d get rounded corners in all the sensible browsers, whereas IE only tries to round corners on static elements.
*/
.rounded, .rounded-d {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/*
'######################################################################
'#### PINDAR : KW : NEWS PAGE STYLES
'######################################################################
*/

#NewsPageContainer {padding:10px}

/***** ARCHIVE LISTING PAGE STYLE ******/
.NewsArchiveItemContainer {border-bottom:1px solid #C0C0C0; margin:10px 0px 10px 0px; padding:0px 0px 20px 0px}
.NewsArchiveImage {float:left; min-height:20px; margin: 0px 20px 0px 20px;max-height:100px;max-width:100px}
.NewsArchiveImage img{max-width:70px;max-height:100px}
.NewsArchiveShortText {float:right; width: 380px}
.NewsArchiveTitle {float:left;padding: 10px 0px 0px 10px}
.NewsArchiveDate {font-style:italic; font-size:0.8em;}
.NewsArchiveSummary {font-style:italic; font-size:0.8em;}

.NewsArchiveReadMoreLink {text-align:right; font-size:0.8em; padding:5px}
.NewsArchiveReadMoreLink a:link {text-decoration: none;font-size:0.8em}
.NewsArchiveReadMoreLink a:hover {text-decoration: none;font-size:0.8em; background:none}
.NewsArchiveReadMoreLink a:visited:hover {text-decoration: none;font-size:0.8em; background:none}
.NewsArchiveReadMoreLink a:visited {text-decoration: none;font-size:0.8em}
.NewsArchiveReadMoreLink a:active {text-decoration: none;font-size:0.8em}


.NewsArchiveCategoryLinks {float:left; font-size:1em; margin-right:5px}

.NewsArchiveCategoryLinks a:link {text-decoration: none;}
.NewsArchiveCategoryLinks a:hover {text-decoration: none; background:none}
.NewsArchiveCategoryLinks a:visited:hover {text-decoration: none; background:none}
.NewsArchiveCategoryLinks a:visited {text-decoration: none;}
.NewsArchiveCategoryLinks a:active {text-decoration: none;}


/************ MAIN NEWS DISPLAY PAGE ******************/
.NewsPageSmallImage {float:left; display:block; padding:5px}
#NewsPageTitle {padding: 10px 0px 0px 10px}
#NewsPageDate {font-style:italic; font-size:0.8em;}
#NewsPageSummary {font-style:italic; font-size:0.8em; padding: 0px 20px 20px 20px}
#NewsPageArticle {padding:2px}

/******** TOP AND BOTTOM PAGING LINK STYLES ***********/
#TopNewsPagingContainer {padding:10px 0px 10px 0px; font-size:0.7em}
#TopPreviousNewsLink {float:left; width:200px; display:block; height:20px}
#TopNextNewsLink {float:right; text-align:right; width:200px; display:block; height:20px}
#TopNewsPageCount {float:left; width: 110px; text-align:center}

#BottomNewsPagingContainer {padding:10px 0px 10px 0px; font-size:0.7em}
#BottomPreviousNewsLink {float:left; width:100px;height:20px; display:block}
#BottomNewsPageCount{float:left; width: 310px; text-align:center; padding:0px; margin:0px; height:5px}

.BottomNewsJumpLink {margin-top:-10px;}
.BottomNewsJumpLink li {display:inline; height:20px; width:20px; border:1px solid #C0C0C0;margin:5px;float:left}
.BottomNewsJumpLink li a{height:10px; width:20px; display:block}
.BottomNewsJumpLink li a:hover{height:20px; width:20px; background-color:#03406d; color:#FFFFFF}
.BottomNewsJumpLink li a:visited:hover{height:20px; width:20px; background-color:#03406d; color:#FFFFFF}
.BottomNewsJumpLink li #selectedItem {height:20px; width:20px; background-color:#03406d; color:#FFFFFF}
	
#BottomNextNewsLink {float:right; text-align:right; width:100px;height:20px}

/***** FAQ PAGE STYLYING *****/

.FAQTitleList {margin:10px;line-height:20px}
.FAQTitle {font-weight:bold; clear:both}
.FAQArticleText {margin:10px}

/*'#### PINDAR : TL : September 2010 - Rewrite FAQ display*/
.faqQ{
	font-weight:bold; 
	float:left;
	width:90%;
	padding:8px;
	font-size:1.1em;
}
.faqA{
	float:left;
	width:100%;
}
/*'#### PINDAR : TL : September 2010 - Rewrite FAQ display END*/

.FAQBackToTopLink {background-image:url(../templateimages/up_arrow.gif); background-repeat:no-repeat; float:right; width:90px; height:25px; text-align:right; padding: 2px 0px 0px 0px; display:block; font-size:0.9em}

/* #### PINDAR : OM : 2010-01-21 : extranet customer offers: */
div.customer-logo {
	float: right;
}

div.banners img {
	float: left;
	clear: left;
}

/* #### PINDAR : OM : 2010-01-21 : extranet customer price break table: */
div.price-breaks {
	width: 20em;
}

/* dealer table : AP */
.dealer
{
	margin-left:10px;
	/* border-top:1px solid #03406d; */
	padding-bottom:10px;
}
.dealer td
{
	color:#03406d;
	font-size:8pt;	
}
.dealer .label
{
	color:#03406d;
	width:10%;	
	font-size:8pt;	
}
.dealer-name
{
	font-weight:bold;	
}
.country-name
{
	 color:#03406d;
	 cursor:pointer;
	 font-size:12pt;	
}

.map-text
{
	color:#03406d;
	font-size:smaller;	
}

.country-col
{
	width:11em;
	float:left;
}

.country-col ul
{
	list-style-type:none;	
	padding:0;margin:0;
}

.country-col ul li
{
	padding-left:0;margin-left:0;font-size:smaller;	
}

#dealer-top-links
{
	margin-bottom:12px;	
}

/* Custom Page images float left */
#page-images
{
	width:210px;
	float:left;	
}

#page-content-partial {
	width: 320px;
	padding-left: 10px;
	float: left;
}
 
#NewsPageHeader {
	width: 300px;
	float: left;
	text-align:justify;
	padding-left:10px;
}

#lit-req
{
	/*font-size:smaller;*/
}

#lit-req{
	color:#03406d;			
}

#lit-req textarea
{
	width:100%;font-size:10pt;	
}

.lit-req-tab td
{
	/*font-size:smaller;*/
	color:#03406d;
	text-align:left;
	font-weight:normal;
	margin-left:0;
	padding-left:0;
}
.lit-req-tab input
{
	width:auto;
	text-align:left;
}

.enqform label {
	width: 160px;
	float: left;
	font-weight: normal;
	text-align: left;
}

.enqform div {
	margin: 0 0 5px 165px;
}

.enqform br
{
	display:none;	
}

.txt{width:80%;font-size:8pt}


/* Homepage styles */

#homepage div {
	float: left;
	position: relative;
	width: 532px;
	margin: 0 5px;
}

#homepage div div {
	border: 1px #ccc solid;
	margin: 8px 8px 0 0;
	float: left;
}

#homepage div div p {
	padding: 5px;
	margin: 0;
}

#homepage div.noborder {
	border: 0 !important;
}

/* Rows: */
/* Banner */
#homepage .A, #homepage .A img, #homepage .A object {
	/*background-color: #fa8181;*/
	width: 530px;
	height: 200px;
}

/* Short banner */
#homepage .B, #homepage .B img, #homepage .B object {
	/*background-color: #9ba9f9;*/
	width: 350px;
	height: 200px;
}

/* Inset */
#homepage .C, #homepage .C img, #homepage .C object {
	/*background-color: #ebe712;*/
	width: 170px;
	height: 200px;
}

/* Box */
#homepage .D, #homepage .D img, #homepage .D object {
	/*background-color: #abd7a3;*/
	width: 260px;
	height: 260px;
}

/* Tall box */
#homepage .E, #homepage .E img, #homepage .E object {
	/*background-color: #bbaa77;*/
	width: 260px;
	height: 530px;
}

/* Fields: */
/* Banner */
#homepage .type0 .pos1 {
	margin-right: 0;
}

/* Inset + banner */
#homepage .type1 .pos2 {
	margin-right: 0;
}

/* Banner + inset */
#homepage .type2 .pos2 {
	margin-right: 0;
}

/* Insets */
#homepage .type3 .pos3 {
	margin-right: 0;
}
#homepage .pos2
{
	margin-left:2px;
}

.type3
{
	padding-top:16px;
}
/* Boxes (left) */
#homepage .type4 .D {
	float: none;
}

#homepage .type4 .E {
	float: right;
}

#homepage .type4 .pos1 {
	margin-right: 0;
}

/* Boxes (right) */
#homepage .type5 .D {
	float: right;
	clear: right;
}

#homepage .type5 .pos2, #homepage .type5 .pos3 {
	margin-right: 0;
}

/* Boxes */
#homepage .type6 .pos2 {
	margin-right: 0;
}


/* OM : 2010-03-24 : certificates page customer details form: */

#customer-details.hidden {
	display: none;
}

#customer-details {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding-top: 10px;
}


