/* 
========================================================================
SOULASHOP.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings ------------------ */
body, td, select, input {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: normal; color:#000;}

th {text-align: left;}

a { color:#FFFFFF; text-decoration:underline;}
a:hover { color:#FFFFFF; text-decoration:none;}

/* Headings and Text */
h1 {display: block;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; line-height:21px; padding:0; margin:0;}

h1 a {font-size: 12px; font-weight: normal; color:#fff; margin:0; padding:0; text-decoration: underline;}
h1 a:hover {font-size: 12px; font-weight: normal; color:#fff; margin:0; padding:0; text-decoration: none;}

h2 {font-size: 13px; font-weight: bold; color:#fff; margin-bottom:3px; font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}

h3 {font-size: 8pt;}

h4 {font-size: 12px; color: #5aaaff; margin: 10px 0 4px 0; padding-bottom: 0px;}

h5 {margin: 5px 0px 1px 0px; font-size: 12px; color: #083c00; text-transform: uppercase; letter-spacing:0px; padding: 2px 2px 2px 0px; text-align: left; font-weight: normal;}

.content h1 {display: block; font-size: 20px; font-weight: bold; color: #89b941; margin:0; padding:0;}
.contactus h3 {display: block; padding:0; margin:15px 0 3px 0; color: #fff495; font-size: 14px; font-weight: bold;}


/* Added to solve price on single line on Product.asp. Paul Wallas 18/01/2008 */
.inctax input {display: block; text-align: left; background: none; border: none; color: #fff494; font-size: 16px; font-weight: bold; padding:0; margin:0 0 5px 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;position:relative; top:-2px; left:0px;}
.inctax {display: block; text-align: left; background: none; border: none; color: #fff; font-size: 12px; font-weight: bold; padding:0; margin: 0 25px 0 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; float:left; width:200px;}
/* END */


.prices .rrp {color: #fff;}
.paging_header {display: block; clear: both; padding:0; margin: 10px 0 10px 0; text-align: right; color: #ccc; width:420px;;}
.paging_header a {display: inline; padding: 0 5px 0 5px; margin:0; color: #5aaaff; text-decoration: none;}
.paging_header a:hover {display: inline; padding: 0 5px 0 5px; margin:0; color: #fff; text-decoration: underline;}
.paging_header strong {display: inline; padding: 0 5px 0 5px; margin:0; color: #fff;}

.paging_footer {display clear: both; padding:0; margin:0 15px 15px 0; text-align: right; color: #ccc; width:420px;}
.paging_footer a {display: inline; padding: 0 5px 0 5px; margin:0; color: #5aaaff; text-decoration: none;}
.paging_footer a:hover {display: inline; padding: 0 5px 0 5px; margin:0; color: #fff; text-decoration: underline;}
.paging_footer strong {display: inline; padding: 0 5px 0 5px; margin:0; color: #fff;}

.breadcrumbtrail { font-size: 12px; font-weight: bold; color: #ffffff; }

.contactus .inputform {border:dashed 1px #CCCCCC; margin:30px 0 0 0;}


/* Hyperlinks */
/* General site warnings & alerts */
.warning {font-style: normal; font-weight: bold; color: #fff494; font-size: 12px;}


/* Products */
.products .minprice {display: block; float: right; color:#fff; font-size: 13px; font-weight: bold; padding:0; margin: 20px 10px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.quantitydiscount {padding: 10px 0px 5px 0px; font-size: 12px;}



/* ------------ Site Colour Scheme and Layout ------------------------- */
/* Boxes for general display */
.box {border: none; }

.boxinset {float:right;}

.boxinset .addtobasket {border: solid 2px #224c78; position:relative; float:left; display:block; width:90px;}

/* Shortened column format boxes */

.subcategories_shortened .box {text-align:center; width:150px; margin: 0px 6px 15px 5px; border:none; font-size: 12px; line-height:12px;}

.subcategories_shortened .box a {text-align:center; width:150px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff495; font-size: 11px; text-decoration:none; line-height:12px;}

.subcategories_shortened .box a:hover {text-align: center; width: 150px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size: 11px; text-decoration:none; line-height:12px; }

.subcategories_shortened .box img {text-align: center; width: 150px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size: 11px; text-decoration:none; line-height:12px;}


/* Line between products */
.products_extended .product {border-top: solid 1px #e8e8e8; padding-bottom: 20px; margin:0 10px 0 0;}

.products_normal .product {display:block;  margin:0 0 30px 0; padding:0; height:auto; border-bottom:none;}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Mini-basket ------------------------------------------ */

#basketlines a {display:block; text-decoration:none; color: black;}


#basketlines a:hover {color: white;}

#baskettotals {background-image: url(../templateimages/back_fade2.png); background-position: top left; background-repeat: repeat-x; color: Red; font-weight: bold; text-align: right; display: block; padding:0; margin:0;}

#baskettotals p {border-bottom: solid 1px #CBD5DB; display: block; padding:0; margin:0;}

#basketempty, #baskethidden {font-style: italic;}
#basketlines div {display: block; padding:0; margin:0;}
#basketlines {border-top: solid 1px #CBD5DB;}

#basketlines ul {display: block; padding:0; margin:0;}

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

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

#basketlinks a {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration: none; display: block; color:#fff; margin:0 0 0 0px;}

#basketlinks a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; display: block; color:#fff; margin:0 0 0 0px;}

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


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

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

/* Promotions */
.product .promotions, .basket .promotions {border-top: solid 1px #e8e8e8; 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;
}

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


/* ------------ Forms ------------------------------------------------ */
input, textarea {font-weight: normal; color: black; background: url(../../images_page/input2_bg.gif) top left no-repeat;margin-bottom: 3px; border: none; padding: 3px 5px 0 5px;}

select {font-weight: normal; border: solid 1px #000; background:#fff; color: black; margin-bottom: 3px; padding: 3px;}

input.submit { background:#3468a6; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;
border-left:solid 1px #fff; border-top:solid 1px #fff; border-bottom:solid 1px #000; border-right:solid 1px #000; margin:10px 1px 3px 0px; padding:0px 10px 2px 10px; cursor:pointer;}

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


/* form error messages */
.errors {display: block; clear: both; text-align: left; color: red; background: #FFEEEE; border: dotted 2px red; margin: 10px 0 10px 0px; width:416px; padding:10px 22px 20px 22px;}
.errors strong {display: block; font-size: 16px; font-weight: bold; padding:5px; margin: 5px; text-align: left;}
.errors ol {display: block; padding:0 20px 20px 30px; margin:0 20px 0 5px;}
.errors li {margin:0 0 6px 0; padding:0; clear: left; line-height:11px;}
.errors li label {display: inline; padding:0; margin:0; color: #CC0000;}

.checkout .section label {font-family:Verdana, Arial, Helvetica, sans-serif; display: block; float: left; padding:0; margin:0; width: 150px; }
.step1 .inputform div {display: block; clear: both;}
.step1 .inputform label {display: block; clear: both; width: 100%;}
.checkout br {display: block; clear: both;}


/* Card details box during checkout */
.carddetails {background-color:none; 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: 5px 0 30px 0;}

.basket tr.separate {height: 20px; background-color: #325a83; background-image: none; border-top:solid 1px #000;} 

.basket .section {width:420px; padding-top: 5px;}

.checkout .section {font-family:Verdana, Arial, Helvetica, sans-serif; clear: both; display:block; width:430px; margin: 15px 0 0 0;
padding-top: 15px;}

#fieldsrequired {color:#888888; font-size: 12px;}

.shippingmethodstable .subheader .name {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; 	color:#5aaaff; margin-bottom:4px; padding-bottom: 0px;}

.shippingmethodstable .description {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 10px; color:#fff; margin:0 20px 4px 20px; padding-bottom: 0px; width:400px;}



/* Paul Wallas, Added style for Customer Section to enable different style shown in different browser platforms ------->
------------ Customer --------------------------------------------- */
.customer h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; margin:20px 0 0 0;}

.customer .section {clear: both; display:block; width: 470px; margin: 15px 0 0 0; padding-top: 15px; border-top: none; 	padding-top: 15px; padding-bottom: 10px; margin-bottom:5px;}

.vieworder {
 margin:15px 0 15px 15px; /* Mozilla, since 1999 */
 padding:15px 0 0 0px; /* Internet Explorer 6.0 */
 width:480px;
 display:block;
 float:left;    
}



/* ------------ 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%; padding: 3px 10px 3px 10px; margin: 0; border: 0;}

/* ------------ Miscellaneous ---------------------------------------- */


/* ------------ Paul Wallas, Following is for individual styles on product basket view order page ------------ */
.view_order_table {width:480px; background:url(../../images_page/basket_bg1.gif) top left repeat-x; border-left:solid 1px #F1F1F1; border-bottom:solid 1px #F1F1F1; border-right: solid 1px #F1F1F1; margin:0 0 0 15px; padding:0 0 0 15px; display:block; float:left;}
.view_order_table .price {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; background:none;}
.view_order_table .quantity {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; background:none;}
.view_order_table .total {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; font-size:13px; font-weight:bold; color:#990000; background:none;}
.view_order_table .name {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; background:none;}
.view_order_table .versioname {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; font-weight:normal; color:#000000; background:none;}



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

/* Controls the first news item */


/* '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:#5aaaff; font-weight: bold; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left; display:block; margin:0; width:500px;}


/* styles for common features on your content pages */
.page {margin:30px 0 0 0px; padding:0; width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.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: 12px; font-weight: bold; display: block; padding: 10px; margin-top: 10px; border: dotted 1px #008800;}

.newsearch {margin:20px 0 15px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:underline; color:#000000;}

.newsearch a {margin:20px 0 15px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:underline; color:#000000;}

.newsearch a:hover {margin:15px 0 15px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:underline; color:#990000;}


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

.pad_shortformat {padding: 20px;}

div.spacer {clear:both;}

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

.inputform {margin: 10px 0 10px 0px; width:420px; padding:10px 20px 20px 20px; border: dashed 1px #CCCCCC; zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */ }

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

.checkout .section div {display:block; float:left; margin-bottom:5px;}

.inputform br {display: block; clear: both; height:5px; line-height:5px; font-size:5px;}

.inputform input.submit {width: auto;}

.inputform input {width:180px; height:18px;}

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

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

textarea { 
	width: auto;
}

/* ------------ Mini-basket ------------------------------------------ */
#numberofitems {margin: 10px 0px 5px 0px; padding: 0; font-size: 12px; color:#FFFFFF;} 

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

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

#basketlines li {list-style: none; font-size: 12px; 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: 10px 0px 0px 0px; padding: 0; font-size: 12px;}

#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: 12px;}

/* ------------ 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 */
.checkout h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

.emailreminder {clear: both; display:block; width: 100%; margin: 15px 0 0 0; padding-top: 15px;}

/* step 3 - shipping methods */
.shippingmethodstable {width:470px; line-height:16px; padding-bottom:8px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price {text-align: right; white-space: nowrap; padding-right: 30px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

.euvat {padding-bottom: 8px;}

.checkout textarea {}

.carddetails {width: 460px;}

.carddetails .inside {padding: 0px;}

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

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

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

.mailinglist {width:420px; padding:20px 0 0 0; margin:0;}


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

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

.billtotal {font-size: 10pt;}

#termspopup {font-size: 12px;}

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

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

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

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

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

.test {border:none;}
/* Paul Wallas, Added for add to basket style------------->
------------ My ----------------------------------------------- */
.addtobasket {display: block; text-align: left; position: relative; left: -45px; top: 5px;}
.addtobasket select {position: absolute; padding: 2px 0 1px 0; margin:0;}
.addtobasket input.submit {background:#3468a6; color: white; font-weight: bold; width: 117px; font-size: 12px; border-left: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #0b1400; border-right: solid 1px #0b1400; position: absolute; margin:0 0 0 50px; padding: 2px 5px 2px 5px; cursor: pointer; font-family:Verdana, Arial, Helvetica, sans-serif;}

.basket {width:440px; margin:0 auto; padding:0; float:left; display:block;}
.basket .form {display: block; padding:15px 0 0 0; margin:0 10px 0 10px; width:440px; }
.basket .baskettable {display: block; width: 430px; padding:0; margin:0 0px 0 0px; float:left;}


/* Following style is for checkout table on last checkout stage; step 4 */
.basket .baskettable_checkout {display: block; width: 460px; padding:0; margin:0 0px 0 0px; float:left;}
.basket .baskettable_checkout table {display: block; width: 460px; padding:0; margin:15px 0 0 0px; background:url(../../images_page/bg_review.gif) repeat; border: solid 1px #c7d2dd;}
.basket .baskettable_checkout td {display: table-cell; width:100%; padding: 2px 15px 2px 10px; margin:0; color: #000; font-size: 12px; line-height: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
.basket .baskettable_checkout th {display: table-cell; width: 100%; background: #3468a6; color: #fff; padding: 2px 15px 2px 5px; margin:0; font-size: 12px; border-left: none;  border-right: solid 1px #c7d2dd; line-height: normal; }
.basket .baskettable_checkout .name {font-size: 16px; font-weight: normal; background: url(../../images_page/basket_bg1.gif) top repeat-x; height: 30px; border-right: solid 1px #fff; line-height: normal; font-size:14px; font-weight:bold; color:#fff494;}
.basket .baskettable_checkout .price {color: #fff; font-size: 12px; text-transform: uppercase; border-bottom: none; text-align: center; height: 40px; line-height: normal; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
.basket .baskettable_checkout .quantity {color: #000; font-size: 12px; text-transform: uppercase; border-bottom: none; text-align: center; height: 40px; line-height: normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;}
.basket .baskettable_checkout .remove {color: #000; font-size: 12px; border-bottom: none; height: 40px; text-align: right; border-right: solid 1px #fff; line-height: normal;}
.basket .baskettable_checkout .codenumber {color:#fff494; font-size: 12px; border-bottom:none; height: 40px; line-height: normal; font-size:10px; text-decoration:underline; }
.basket .baskettable_checkout .codenumber a {color:#fff494; font-size: 12px; height: 40px; line-height: normal;  font-size:10px; text-decoration:underline;}
.basket .baskettable_checkout .codenumber a:hover{color:#fff; font-size: 12px; height: 40px; line-height: normal; font-size:10px; text-decoration:underline;}
.basket .baskettable_checkout .details {color: #fff; font-size: 12px; border-bottom:none; height: 40px; line-height: normal;}
.basket .baskettable_checkout .details a {color: #fff; font-size: 12px; height: 40px; line-height: normal;}
.basket .baskettable_checkout .details a:hover {color: #fff; font-size: 12px; height: 40px; line-height: normal;}
.basket .baskettable_checkout .total {color: #000; font-size: 12px; font-weight:bold; border-right: solid 1px #fff; height: 40px; text-align: right;  line-height: normal; }

/*CLOSE*/


.basket .baskettable table {display: block; width: 430px; padding:0; margin:15px 0 0 0px; background:url(../../images_page/bg_review.gif) repeat; border: solid 1px #c7d2dd;}
.basket .baskettable td {display: table-cell; width:100%; padding: 2px 15px 2px 10px; margin:0; color: #000; font-size: 12px; line-height: normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
.basket .baskettable th {display: table-cell; width: 100%; background: #3468a6; color: #fff; padding: 2px 15px 2px 5px; margin:0; font-size: 12px; border-left: none;  border-right: solid 1px #c7d2dd; line-height: normal; }
.basket .baskettable .name {font-size: 16px; font-weight: normal; background: url(../../images_page/basket_bg1.gif) top repeat-x; height: 30px; border-right: solid 1px #fff; line-height: normal; font-size:14px; font-weight:bold; color:#fff494;}
.basket .baskettable .price {color: #fff; font-size: 12px; text-transform: uppercase; border-bottom: none; text-align: center; height: 40px; line-height: normal; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
.basket .baskettable .quantity {color: #000; font-size: 12px; text-transform: uppercase; border-bottom: none; text-align: center; height: 40px; line-height: normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;}
.basket .baskettable .remove {color: #000; font-size: 12px; border-bottom: none; height: 40px; text-align: right; border-right: solid 1px #fff; line-height: normal;}
.basket .baskettable .codenumber {color:#fff494; font-size: 12px; border-bottom:none; height: 40px; line-height: normal; font-size:10px; text-decoration:underline; }
.basket .baskettable .codenumber a {color:#fff494; font-size: 12px; height: 40px; line-height: normal;  font-size:10px; text-decoration:underline;}
.basket .baskettable .codenumber a:hover{color:#fff; font-size: 12px; height: 40px; line-height: normal; font-size:10px; text-decoration:underline;}
.basket .baskettable .details {color: #fff; font-size: 12px; border-bottom:none; height: 40px; line-height: normal;}
.basket .baskettable .details a {color: #fff; font-size: 12px; height: 40px; line-height: normal;}
.basket .baskettable .details a:hover {color: #fff; font-size: 12px; height: 40px; line-height: normal;}
.basket .baskettable .total {color: #000; font-size: 12px; font-weight:bold; border-right: solid 1px #fff; height: 40px; text-align: right;  line-height: normal; }
.basket .applycoupon {display: block; padding:0; margin:10px 0 0 0px; color: #fff;}
.basket .applycoupon input {display: inline; width: 30px; background: none; border: solid 1px #fff; color: #fff; font-weight: normal; padding: 2px 3px 1px 3px; margin:0; font-size: 10px; cursor: text; font-family: Verdana, Arial, Helvetica, sans-serif; margin:5px 5px 0 0 ;}
.basket .applycoupon input.smallsubmit {display: inline; width: 85px; background: #3468a6; border: none; color: #fff; font-weight: normal; text-align: center; cursor: pointer; padding:0px 3px 1px 3px; margin:0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.basket .quantity input {text-align: right;}
.basket .totals {text-align: left; display: block; width:420px; color:#FF0000; margin:5px 0 0 0; padding:0;}
.basket .totals em {display: block; width:430px; text-align: right; color:#fff; padding:2px 0 0px 0; margin:0 0 10px 0px; font-size: 16px;	font-weight: bold; font-style: normal;}
.basket .totals em span {display: inline; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff494; font-weight:bold;}
.basket .totals .controls {display: block; text-align: center; margin:10px 0 0 0px; padding:0; width:430px; }
.basket .totals .controls .button4 {display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 99px; font-weight: bold;  background: #3468a6; color: white; font-weight: bold; border-left: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #000; border-right: solid 1px #000; margin: 0px 6px 3px 0px; padding: 2px 2px 2px 2px; cursor: pointer; }
.basket .totals .controls .button3 {display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 102px; font-weight: bold; background:#fff495; color: #000; font-weight: bold; border-left: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #92872c; border-right: solid 1px #92872c; margin: 0px 0px 3px 8px; padding: 2px 10px 2px 10px; cursor: pointer;}
input.button5 {display: inline; font-size: 12px; font-weight: bold; padding:1px 0 1px 0; margin:0 0 0 5px; background:#112f4e; color: #fff; cursor: pointer; text-align: center; border: none; font-family:Verdana, Arial, Helvetica, sans-serif; width:100px;}

.emptybasket .links input {display: inline;}


.basket .links {margin-top: 4px; overflow: hidden; width: 420px;	text-align: left; }

.basket .links div {width: 38%; margin: 7px; padding: 10px; float: left; line-height: normal; border: solid 1px #1c4065; background:url(../../images_page/bg_review.gif) repeat;}

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

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

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

.basket .links a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #fff494; text-decoration: underline;}
.basket .links a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #fff494; text-decoration: none;}


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

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

/* ------------ Customer --------------------------------------------- */
.section .links {width:460px;}

.section tbody td { padding: 2px; width:440px;}

.section h4 {margin:0 0 15px 0; padding:0; width:420px;}

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

.section th {text-align: left;}

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

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

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

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



/* Paul Wallas, Added for Product Category Section Page ----------------->
------------ Categories ------------------------------------------- */
.category h2 {margin: 0px 0px 3px 22px;}

.subcategories {margin-bottom: 0px;}

.subcategories_normal {border-top: solid 1px #e8e8e8; padding-bottom: 10px;}

.subcategories_extended {border-top: solid 1px #e8e8e8; padding-bottom: 10px;}

.category {width:400px;}

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

.subcategory {margin: 0 0 0 3px; 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; height:30px;}

.subcategories .subcategory img, .maincategory img {float: left; margin: 5px 10px 10px 0; width:135px;}

.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: 0px 0 0 0; margin:0;}
.subcategories_shortened .subcategory img {padding:0; margin:0 0 0 10px;}
.subcategories_shortened .subcategory a {padding:0; margin:0;}

/* 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 {width: 420px; display: block; float: left; text-align: left; padding: 0; margin:0 0 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:18px;  font-weight:bold; color:#fff495;}

.products_shortened {}	

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

/* 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: 5px; margin:0 20px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff;}



/*
Added to solve thumbnail/link problem
Paul Wallas
04/12/2007
*/
.product_description_container {display:block; width:430px; margin-top:15px;}
.images_containers {width:140px; float:left; margin:5px 10px 5px 0px;}
/*
/*


Added to resolve display of individual styles on product versions
Paul Wallas
05/12/2007
*/
.option_handle_container {width:430px; display:block; float:left; border:none;}
.option_handle {width:180px; float:right; display:block; border:none;}
.option_weight_container {width:430px; display:block; float:left; margin:0; padding:0;}
.option_weight {float:right; display:block; border:none; margin:0; padding:0;}
.option_addtobasket_container {display:block;}
.option_addtobasket_qty {float:left; display:block; }
.option_addtobasket_input {margin:0; padding:10px 0 15px 8px; height:30px; float:left; display:block; position:relative; top:auto; left:280px; border:none;}
.option_addtobasket_input .submit{margin:0; padding:0; width:140px; height:25px; float:left; display:block; border:none;}
/*
*/


.product p {margin:0px 0 5px 0px; display:block; padding:0px 0 0 0; }

.product .main {padding:0 0 5px 0; margin: 5px 20px 0 20px; display:block; height:auto;}

.product .thumb {text-align: center; display: block; float: left; margin: 0 20px 10px 0; padding:0;}

.product .thumb img {display: block; margin: 6px 0 15px 0; padding:0; border:solid 1px #3468a6;}

.product .thumb img:hover {display: block; margin: 6px 0 15px 0; padding:0; cursor:pointer; border:solid 1px #3468a6;}

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

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

.products_end {clear: both;}

.products .product img {float: right; margin: 5px 0 10px 20px; padding:0; border:solid 1px #3468a6;}

.products .product .pad {
	margin: 20px 0 30px 0;
	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 .inputform {border:dashed 1px #CCCCCC; margin:30px 0 0 0;}

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

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

.compare tr {background-color: transparent;}

.compare .propertyheader {font-weight: bold; font-size: 12px;}

.compare .lastrow td {background-color: transparent; font-size: 12px; 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 */
.reviews {clear: both; display: block; width:420px; padding: 10px 20px 0 20px; margin: 20px 0px 20px 0; border: solid 1px #204871; background:url(../../images_page/bg_review.gif) repeat;}
.reviews .pad {display: block; padding:10px 20px 25px 20px; margin:0;}
.reviews h2 {margin-bottom: 3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

.product .carryonshopping {clear: both; display: block; width:420px; padding: 10px 20px 0 20px; margin: 20px 0px 20px 0; border: solid 1px #e8e8e8;}
.product .carryonshopping .carry_on {display: block; padding:0; margin:0 0 25px 0; line-height: 12px;}
.product .carryonshopping .carry_on img {display: block; padding:0; margin: 10px 0px 2px 0px;  border:solid 1px #3468a6;}
.product .carryonshopping .carry_on a {display: block; float: left; text-align: left; padding:0 0 5px 0px; margin:0 9px 8px 9px; text-decoration: none; color: #fff494; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 12px; width:110px;}
.product .carryonshopping .carry_on a:hover {display: block; float: left; padding:0 0 5px 0; margin:0 9px 8px 9px; text-decoration: underline; color: #fff494; width:110px;}
.product .carryonshopping h2 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 3px; padding:0;}
.product .carryonshopping h3 {font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding:0; font-size: 14px; color: #fff494; font-weight: bold; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.product .carryonshopping h4 {display: block; clear: both; font-size:0; line-height:0; padding:0; margin:0; height:0;}
.product .carryonshopping ul {margin: 0 0 2px 0; list-style-type: none; padding: 0;}

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

.review .pad {padding:10px 10px 10px 0px;}

.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 {margin:20px 10px 0 0;}

.text p {padding:10px 20px 0 0;}

.addreview form strong {display: block;}

.addreview form p {margin: -35px 5px 20px 180px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;	font-weight:bold; line-height:16px;}

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

.addreview h2 {font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 10px 0; font-size:15px; font-weight:bold;}
	

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

.versions strong {display: block; padding-bottom: 0px; margin:20px 0 20px 0px; text-align:left;}

.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 {float: left; text-align: left; padding:0; margin:5px 0 0 0px;}

.versions .prices span {display: block; padding:0; margin:0;}

.versions .prices strong {display: inline;}

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

.versions .line img {float: none;}

/* Version Table */
.versions table {width: 380px; border: none; border-collapse:collapse; background-color:none; margin:15px 0 15px 0; padding:0;}

.versions div.versionstable {width: 380px;}

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

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

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

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

.versions table .name {padding-left: 5px; background-color:none; width:200px; line-height:15px;}

.versions table .addtobasket {padding-right: 17px;}

.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; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



/* ------------ Product Options -------------------------------------- */
.optiongroups_block .options {margin:0; padding:0 25px 0 0; width:235px; float:right; position:relative; top:0px;}	

.optiongroups_block .addtobasket {text-align: right; padding:0 145px 50px 0; float:right; width:200px; position:relative; top:-0px;}

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

.optiongroups_block .option {clear: both;}

optiongroups_block .option label.optiontitle {display: block; margin-right: 5px;}

.versions .option label.optiontitle {position:absolute; top:-17px; display:block; height:20px; width:40px; margin:0; padding:0 0 0 120px;}

.optiongroups_block .option div {display: inline-block; margin-left: 160px;	margin-bottom:5px;}

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

.optiongroups_block .addtobasket img {float: none; text-align: right;}



/* Paul Wallas, Added to fix the overflow on all browser platoforms of the product description text that is added by the user on the product details page ----------------> */
pre {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color:#111; font-weight:bold; width:500px; list-style:none; padding:0 0 20px 10px; margin:0; float:left; overflow:visible; 

white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre ul li {  display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#003300; font-weight:bold; width:460px; margin:2px 0 -20px -42px; list-style:none; padding:0 0 0 20px;}
/*


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

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

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

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


/* ------------ Homepage Layout Divs --------------------------------- */
.home_region {float:left; width: 100%; padding:0; margin:0;}


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

#newsitem1 .pad {margin: 0 0 0 0; padding:0 0 10px 0;}

#newsitem1 h1 {padding:15px 0 0 0; margin:0 0 0 42px; display:block; clear:both;}

#newsitem1 img {margin:0; padding:0;}

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

#newsitems strong {display: block; padding: 0; margin: 0;}



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

#toplists .box {width: 33%; font-size: 12px; 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: 12px;}

/* ------------ 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 ---------------------------------------- */
#popup .pad {padding: 10px;}

.extrainfolinks {margin: 10px 0px 10px 0px;	overflow: hidden; font-size: 12px;}

.extrainfolinks a {white-space: nowrap;}

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

.extrainfolinks .moreinfo {margin:15px 0 0 0; padding:0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5aaaff; font-weight:bold;}

.extrainfolinks .moreinfo a {margin:15px 0 0 0; padding:0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px; color:#5aaaff; font-weight:bold;}

.extrainfolinks .moreinfo a:hover {margin:15px 0 0 0; padding:0; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#fff; font-weight:bold;}

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

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

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

/* Breadcrumb trail  */
.breadcrumbtrail {display: block; clear: both; padding:0; margin:0; width:400px;}

.breadcrumbtrail ul {margin-left: 0; padding-left: 0; display: inline; border: none; font-weight:normal; color:#fff; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif;} 

.breadcrumbtrail ul a{margin-left: 0; padding-left: 0; display: inline; border: none; font-weight:normal; color:#fff; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif;} 

.breadcrumbtrail ul a:hover{margin-left: 0; padding-left: 0; display: inline; border: none; font-weight:normal; color:fff; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif;} 

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

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

.paging a {font-weight: normal;}