/* 
========================================================================
CACTUSHOP.CSS
========================================================================
*/


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

th {
	text-align: left;
}

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

h2 {
	font-size: 9pt;
	color: #4488AA;
	margin-bottom: 5px;
}

h3 {
	font-size: 8pt;
}

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

h5 {
	margin: 20px 0px 5px 0px;
	font-size: 7.5pt;
	color: #336677;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal; 
}

pre {
	color: #009900;
}



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

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

/* 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: #DD7700;
}

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

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: black;
	padding: 1px 2px 2px 3px;
}

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

#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 {
	border-bottom: solid 1px #CBD5DB;
}

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

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

#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;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	padding: 1px 1px 1px 3px;
}

#basketlinks a:hover {
	display: block;
	color: white;
	background-color: #DD7700;
	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;
}

input.submit {
	background-color: #DD7700;
	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: 0 1px 3px 0;
	padding: 1px 3px 1px 3px;
	width: auto;
	overflow: visible;
}

input.smallsubmit {
	display: in-line;
	margin: 0;
	font-size: 7.5pt;
	text-decoration: none; 
	color: #EE6600;
	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 {
	margin: 0 0 20px 0;
	padding: 0;
	border-top: solid 1px #CBD5DB;
}

#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: 1px 2px 2px 2px;
	color: #EE6600;
	background-image: url(../templateimages/back_fade2.png);
	border-bottom: solid 1px white;
}

#categorymenu ul li div a:hover {
	color: white;
	background-color: #DD7700;
	background-image: none;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
}

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

#categorymenu ul ul li div a {
	font-weight: normal;
	background-image: none;
	background-color: #DCE4E9; 
	color: #CC4400;
	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: 99%;
	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: #DD7700;
	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: #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: #339900;
	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: 20px;
}

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: 125px;
	margin-bottom: 20px;
	width: auto;
}

textarea { 
	width: auto; 
}

/* ------------ Mini-basket ------------------------------------------ */
#numberofitems {
	margin: 0px 0px 5px 0px;
	padding: 0;
	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: 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;
}

#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: 100%;
	margin-top: 10px;
	padding: 0;
	float: left;
	clear: both;
}

.basket .links div p {
	margin: 0;
	padding: 4px 4px 0 0px;
}
.basket .links div a {
	font-weight:bold;
	margin: 0;
	padding: 4px 4px 0 0px;
}

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

.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, .orderhistory .view {
	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;
}

.downloadableproductstable .codenumber, .downloadableproductstable .orderdate {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.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_extended .subcategory img, .maincategory img {
	float: right;
	margin: 0px 0px 10px 10px;
}

.subcategories_shortened .subcategory_image {
	display: block;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.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: right;
	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: 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;
}

/* ------------ 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:right;
}

.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 .addtobasket {
	padding-right: 5px;
}

.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: inline-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;
}

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

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

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

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

/* Carry On Shopping / Cross Selling */
.carryonshopping a {
	font-weight: normal;
}

.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;
	height:22px;
	overflow: hidden;
}

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

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

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

.paging a { 
	font-weight: normal;
}

.paging_footer {
	text-align: right;
}




/* CSS Document */
body { margin:0px; padding:0px; background:#fff url('bg.jpg') repeat-x; width:100%;}


* { 
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#205394;
}

p { margin-top:8px;	margin-bottom:10px;padding:0px; line-height:16px; }

p.p_left { text-align:left; }
p.p_center{ text-align:center; }
p.p_right { text-align:right; }

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

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

.strong { font-weight:bold; }
.italic {font-style:italic; }
.underline { text-decoration:underline; }
.yellow { color:#fff600; }
.red_bold {color:#ff0000; font-weight:bold;}
.blue { color:#009cd9; }
.dard_bold { color:#000; font-weight:bold; }

.left { float:left;}
.right { float:right;}

img {margin:0px; padding:0px; border:none; display:block; }
img.left { float:left; margin:0 15px 10px 0px; }
img.right { float:right; margin:0px 0px 10px 0px; padding-left:20px;}
img.center {margin:0 auto 0 auto;}

img.img_solution { margin:10px auto 10px auto; }

form, input, textarea, select {margin:0px; padding:0px;}

h2, h1, h3 {margin:0px; padding:0px }
h2 {font-size:16px; text-align:left; margin-bottom:4px; margin-top:10px; font-weight:bold; padding:0px; }
h2.h_ban_call_us { background:#fff url('ban_call_us.jpg') no-repeat; width:381px; height:127px; text-align:left; text-indent:-9999px;overflow:hidden; margin:0px; padding:1px 0 0 0px;}


#display_in{ display:inline; float:left;}

ul.ul_main { padding:0px; margin:0px; list-style:none; margin-bottom:16px; }
	ul.ul_main li { padding-left:18px; margin-left:4px; background:url('arrow_ul.gif') no-repeat 0 1.1pt; line-height:15px; margin-bottom:6px; }


#wrap { width:800px; margin:0 auto 0 auto; padding:0; background:url(bg_top.gif) repeat-x; display:block; }	
	#top_brand { width:800px; height:76px; text-align:left; margin:0px; padding:0px; background:#fff; }
	
	#main_menu_box { width:800px; height:25px; margin:0px; padding:0px; background:#fff url(bg_m_menu.gif) repeat-y; position:relative; }
		#ul_m_menu { width:482px; height:25px; list-style:none; margin:0px; padding:0px; position:absolute; top:0; left:170px; font-weight:normal;}
		#ul_m_menu li { float:left; height:25px; list-style:none; margin:0px; padding:0px; display:inline;font-weight:normal; }
		#ul_m_menu li.bet { float:left; height:25px; width:19px; list-style:none; margin:0px; padding:0px; display:inline; background:url(bg_bet_m_menu.gif) no-repeat; }
		#ul_m_menu li a{ float:left;height:25px; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#000; margin:0px; padding:0px;font-weight:normal;}
		#ul_m_menu li a:hover { text-decoration:underline; }
		
		
	
	#content_part { width:800px; margin:0px; margin:1px 0 0 0; background:#fff url(bg_content.gif) repeat-y; overflow:hidden; text-align:left; } 
		#left_column {width:159px; margin:0px; padding:0px; background:#205394; float:left; display:inline; color:#fff; }  
		#middle_column { width:482px;  margin:0px; padding:0px; float:left; display:inline; }
		#right_column { width:159px;margin:0px; padding:0px; background:#205394; float:right; display:inline; color:#fff; }
		#right_column p {color:#fff; margin-left:10px; margin-bottom:4px; margin-top:4px; } 
		
		/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
		/*  left and right column style */
		/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
		h1.h_products_title { margin:20px 0 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9fbcd4; width:144px; font-weight:bold; }
		h1.h_manufacturer_title { margin:20px 0 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9fbcd4; width:144px; font-weight:bold; }
		h1.h_shopping_cart_title { margin:20px 0 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9fbcd4; width:144px; font-weight:bold; }
		h1.h_search_title { margin:40px 0 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9fbcd4; width:144px; font-weight:bold; }
		h1.h_currencies_title { margin:40px 0 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#9fbcd4; width:144px; font-weight:bold; }
		
		
		#ul_left_menu { width:142px; list-style:none; margin:0px 0 0 8px; padding:0px; font-weight:normal;}
		#ul_left_menu li {list-style:none; height:22px; line-height:22px; border:none; display:block; font-weight:normal;}
		#ul_left_menu li a {display:block; border:none; line-height:22px; background:url(ul_arrow_left_menu.gif) no-repeat 0 9px; color:#fff; margin:0px; padding:0 0 0px 12px; text-decoration:none; font-weight:normal;}
		#ul_left_menu li a:hover { text-decoration:underline; font-weight:normal;}
		
		#search_manufacturer select, #currmenuform select { width:132px; margin-left:10px; margin-bottom:20px; }
		#search_on_site { width:144px; }
		#search_on_site input { width:100px; margin-left:10px; margin-bottom:20px; display:inline; float:left; }
		#search_on_site a { display:inline; float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff;  }
.cl{clear:both;line-height:1px;height:1px;font-size:1px; margin:0px; padding:0px;}


		/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
		/*  middle column style */
		/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
		#where_are_you { width:470px; margin:0 auto 0 auto; background:url(bg_where_are_you.gif) repeat-x; height:25px; padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
			#where_are_you a { color:#205394; line-height:25px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
			#where_are_you a:hover { text-decoration:underline; }
		
		#middle_content { width:459px; margin:0 auto 0 auto; padding:0px; overflow:hidden; }
			h1.h_category_title { width:459px; color:#1f2122; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; background:#e0f1fa; height:24px; line-height:24px; font-size:16px; text-indent:10px; margin:10px 0 8px 0px; } 
			
			.middle_row { width:459px; margin:0px 0 40px 0; padding:0px; overflow:hidden; }
			
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			/*  middle row left column */
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			.middle_row .left { width:230px; margin:15px 0 0 0; padding:0px; float:left; background:#fff url(bg_box_row.gif) repeat-y right; text-align:center; display:inline; }
			.middle_row .left img { margin:0 auto 0 auto; display:block; border:none; margin-bottom:8px; }
			.middle_row .left p { margin:4px 0 0 10px; }
			
						
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			/*  middle row right column */
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			.middle_row .right { width:229px; margin:15px 0 0 0; padding:0px; float:right; text-align:center; display:inline; }
			.middle_row .right img { margin:0 auto 0 auto; display:block; border:none; margin-bottom:8px; }
			.middle_row .right p { margin:4px 0 0 10px; }
			
			a.btn_buy { display:block; float:left; width:74px; height:19px; overflow:hidden; text-indent:-9999px; background:url(btn_buy.gif) no-repeat 0 0; outline:none; margin:10px 0px 0 10px; padding:0px; display:inline;  }
			a.btn_buy:hover { background-position:0 -19px; }
			
			a.btn_read_more { display:block; float:left; width:96px; height:19px; overflow:hidden; text-indent:-9999px; background:url(btn_read_more.gif) no-repeat 0 0; outline:none; margin:10px 0px 0 10px; padding:0px;  display:inline;}
			a.btn_read_more:hover { background-position:0 -19px; }
			
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			/*  Product description */
			/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
			.middle_row img.img_desc { float:left; margin:0 10px 10px 0; }
			.ul_product_features { width:260px; list-style:none; margin:0px; padding:0px; } 
			.ul_product_features li {width:260px; list-style-image:url(ul_arrow_desc.gif); margin:3px 0 0 20px; padding:0px; }  
			.technical_info { width:459px; display:block; clear:both; overflow:hidden; }
			
			.ul_product_tech_info { width:400px; list-style:none; margin:0px; padding:0px; } 
			.ul_product_tech_info li {width:400px; height:18px; text-indent:2px; margin:0px; padding:0px; } 
			
			.tbl_price {  width:420px; margin:0 0 0 0;} 
			.tbl_price_td {background:#e0f1fa; text-align:left; }
			.tbl_price_width{ width:300px; height:20px; background:#e0f1fa;}
			
			.tbl_addbutton {  width:420px; margin:-1px 0 0 0;} 
			.tbl_addbutton_td {text-align:center; }
			.tbl_addbutton_width{ width:300px;;}
			#add_product input {width:40px; }
			a.a_add_product { display:block; float:left; width:74px; height:19px; overflow:hidden; text-indent:9999px; background:url('btn_add.gif') no-repeat 0 0; outline:none; margin:0px 3px 0 0; padding:0px; display:inline; float:right;  }
			a.a_add_product:hover { background-position:0 -19px; }
			
			.tbl_related_prod {  width:459px; margin:0; padding:0px; text-align:center;} 
			.tbl_related_prod a { display:block; margin:0 0 10px 0; }
			.tbl_related_prod a:hover { text-decoration:underline; }
			.tbl_related_prod img {margin:0 auto 0 auto; }
			h1.h_carry_on_title { width:459px; color:#1f2122; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#e0f1fa; height:24px; line-height:24px; font-size:14px; text-indent:10px; margin:25px 0 0px 0px; }  
			
			
		/* ¬¬¬¬¬¬¬¬¬¬¬¬¬¬*/
		/*  Footer      */
		/* ¬¬¬¬¬¬¬¬¬¬¬¬*/
		#footer { width:800px; height:47px; background:url(bg_footer.jpg) repeat-x; line-height:47px; text-align:center; color:#000; font-size:10px; } 
		

/* ------------ 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: 99%;
	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: #DD7700;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

.moreinfo { width:80%; float:left; display:block; margin:10px 0 10px 0; padding:0 0 0 10px; } 
.moreinfo a {display:inline; font-weight:bold; width:100%; float:left; background:#E0F1FA; padding:6px; border:#205394 1px solid; margin:0 0 0 0; }  

#paging_footer {clear: both; margin: 20px 0 0 0}

.imagediv {height:200px;cursor:hand;overflow:hidden;}
.descdiv {height:70px;overflow:hidden;}
.thumbdiv {width:20px; cursor:hand;overflow:hidden;}