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


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */


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

.breadcrumbtrail {
	color: #999999;
}

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

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

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

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

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



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

}

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

.boxinset {
	background-position: top left;
	background-repeat: repeat-x;
}

/* Shortened column format boxes */
.products_shortened .box {
	width: 175px;
	height: 280px;
	margin: 0px 5px 5px 0px;
	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-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-position: top left;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 10px;
}

.products_normal .product {
	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: #2D4E6D;
}

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

table tr {
	background-position: top left;
	background-repeat: repeat-x;
}

table tr.alt {
	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-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: #2D4E6D;
	border-right: solid 1px #26303A;
	border-bottom: solid 1px #26303A;
	padding: 1px 1px 1px 3px;
}

#baskettotals {
	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-position: top left;
	background-repeat: repeat-x;
	border-bottom: solid 1px #CBD5DB;
}

#basketlines li.alt {
	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: #2D4E6D;
	border-right: solid 1px #26303A;
	border-bottom: solid 1px #26303A;
	padding: 1px 1px 1px 3px;
}

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

/* Reviews */
.reviews {
	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-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-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

.promotion .box {
	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-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: #2D4E6D;
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border-style: outset;
	border-left: solid 1px #566E88;
	border-top: solid 1px #566E88;
	border-right: solid 1px #26303A;
	border-bottom: solid 1px #26303A;
	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;
	border-bottom: solid 1px white;
}

#categorymenu ul li div a:hover {
	color: white;
	background-color: #2D4E6D;
	background-image: none;
	border-right: solid 1px #26303A;
	border-bottom: solid 1px #26303A;
}

#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-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-position: top left;
	background-repeat: no-repeat;
}

.basket .totals {
	border-top: solid 1px #CBD5DB;
	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-position: top left;
	background-repeat: repeat-x;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.checkout .section {
	width: 99%;
	padding-top: 10px;
	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: #2D4E6D;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

/* ------------ Customer --------------------------------------------- */
.customer .section {
	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;clear:both
}

.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: 180px;
	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-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 0px 0px;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.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-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.subcategories_extended {
	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: 0;
	margin-bottom: 0;
}

.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{
	color:#757575;
	font-weight:normal;
	
}

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

.paging a { 
	font-weight: normal;
}

.paging_footer {
	text-align: right;
}

/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */


#container {
	display: block;
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
}


/* --- Header section ------------------------------------------------ */
#header {
	height: 70px;
	margin: 0px;

}

#header #title {
	height: 70px;
	margin: 0px 10px 0px 10px;
}

/* Top links */
#header2 .links {
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	font-size: 7.5pt;
}


#header2 .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links a:link, #header2 .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#header2 .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: black;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#header2 .links2 {
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 0px;
}

#header2 .links2 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links2 a:link, #header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	}


#header2 .links2 a:hover
	{
	color: black;
	text-decoration: underline;
	}


/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* Left hand section of page body (if you have one!) */
#left {
	width: 168px;
	margin: 0px;
	float: left;
}

/* Dynamic page content section of page body */
#pagecontent {
	width: 560px;
	float: left;
	padding: 0;
}

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

/* Right hand section of page body */
#right {
	width: 168px;
	margin: 0px;
	float: right;
	margin-top: 0px;
	padding-top: 0px;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: left;

}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms {
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 4px;
	padding-top: 10px;
	margin-bottom: 12px;
	font-size: 7pt;
	color: #999999;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 148px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/*--------------------------------
Web-Feet Styles
--------------------------------*/

.0 {margin: 0px;padding: 0px;background:url(back.gif) repeat-x;
}

*{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#757575; }

p { margin-top:8px;	margin-bottom:10px;padding:0px; text-align:left; line-height:15px; }

p strong { font-weight:bold; }

a{text-decoration:none;}
a:hover{text-decoration:underline;}


#wrap{width:977px; margin:0 auto; background:url(back.jpg) no-repeat center top;}

#top{width:977px; height:88px; margin:0; padding:0;}

a#logo{width:493px; height:88px; background:url(logo.jpg) no-repeat; display:block; text-indent:-9999px;}

#search{width:313px; height:40px; background:url('search.gif') no-repeat; position:absolute; margin:-88px 0 0 664px;}
#searchform{position:absolute;}
#search input { width:190px; margin:10px 0 0 16px; height:14px; border:0; font-size:10px; background:none; }
#btn_search {display:block; width:64px; height:20px; border:0; background:url('btn_search.gif') no-repeat; overflow:hidden; text-align:left; text-indent:-9999px; position:absolute; margin:8px 0 0 230px; }
#btn_search:hover { background-position:0 -20px; }

#topbar{width:977px; height:60px; background:url(topbar.gif) no-repeat; position:relative; }

ul#nav {margin:0 0 0 6px; padding:0; list-style:none; }

ul#nav li{float:left; margin-top:8px;}
ul#nav li ul {width:auto;background-color:#fff;padding:0px}
ul#nav li ul li{float:left; margin:0px;width:200px;padding:3px 3px 3px 6px;border-bottom:1px solid #c0c0c0;}
ul#nav li ul li:hover{padding:3px 3px 3px 6px;background-color:#E7E7E7;font-color;border-bottom:1px solid #c0c0c0}
ul#nav li ul li#bottom-sub {border-bottom:none}

a.noactive, a.noactive_home  {width:112px; height:28px; display:block; padding:14px 0 0 0; text-align:center; background:url(topbarline.gif) no-repeat right; color:#fff; font-weight:bold; }

a:hover.noactive {background:url(topbar_hover2.gif) no-repeat;}
a:hover.noactive_home{background:url(topbar_hover1.gif) no-repeat;}


a.active {width:112px; height:28px; display:block; padding:14px 0 0 0; text-align:center; background:url(topbar_hover2.gif) no-repeat;; color:#fff; font-weight:bold; }
a.active_home {width:112px; height:28px; display:block; padding:14px 0 0 0; text-align:center; background:url(topbar_hover1.gif) no-repeat;; color:#fff; font-weight:bold; }


#basket{ margin:22px 20px 0 100px; display:inline; color:#214263;float:right }
#basket p, #basket p a, #basket p span { color:#214263; }
#viewbasket {width:64px; height:20px; background:url(viewbasket_button.gif) no-repeat; display:block; text-indent:-9999px; position:absolute; margin:0; top:20px; left:890px; }
#viewbasket:hover { background-position:0 -20px; }



#content { width:977px; display:block; margin:0; padding:8px 0 0px 0; background:url('bg_content.jpg') no-repeat top; overflow:hidden; text-align:left; }

#content .c-left { width:205px; float:left; display:inline; margin:0; padding:0; background:none; overflow:hidden;}
#content .c-middle { width:574px; float:left; display:inline; margin:0; padding:0; background:none; overflow:hidden;}
#content .c-right { width:196px; float:right; display:inline; margin:0; padding:0; background:none; overflow:hidden;}
#content .c-right-sub { width:768px; float:right; display:inline; margin:0; padding:0; background:none; overflow:hidden;}
#content .c-right-sub .page{margin:20px}
 
/* ¬¬¬¬¬¬¬¬¬¬¬¬
/* left side */
.btn_special-offer { width:195px; height:143px; background:url('btn_special-offer.jpg') no-repeat; display:block; overflow:hidden; margin:0 0 6px 0; padding:50px 5px 10px 17px; outline:none; text-align:left; }
#content .c-left .category-menuBox { width:205px; background:url('bg_category-menu-title.jpg') no-repeat top; display:block; overflow:hidden; padding:45px 0 0 0; margin:0 0 6px 0; }
#content .c-left .category-menuBox ul { width:205px; margin:0; padding:0; overflow:hidden; background:none; list-style:none; }
#content .c-left .category-menuBox ul dl { margin:0px;padding:0}
#content .c-left .category-menuBox ul dl dt { margin:0;padding:0}
#content .c-left .category-menuBox dd { margin:0;padding:0}
#content .c-left .category-menuBox ul li { width:185px; height:31px; background:url('bg_category-menu-item.jpg') no-repeat top; border:0; margin:0; padding:0 0 0 20px; display:block;line-height:30px; color:#d9d8d8; font-weight:bold; cursor:pointer}
#content .c-left .category-menuBox ul li.on { background:url('bg_category-menu-itemOn.jpg') no-repeat top; }
#content .c-left .category-menuBox ul li a { line-height:30px; color:#d9d8d8; font-weight:bold;}
#content .c-left .category-menuBox ul li.on a { color:#fff; }
#content .c-left .category-menuBox ul li.sub { background:url('bg_category-menu-item-sub.jpg') no-repeat top; cursor:default}
#content .c-left .category-menuBox ul h3 { width:185px; height:31px; background:url('bg_category-menu-item.jpg') no-repeat top; border:0; margin:0; padding:0 0 0 20px; display:block;line-height:30px; color:#fff; font-weight:bold; cursor:pointer}
#content .c-left .category-menuBox ul h3:hover {background-position:0 -31px;color:#fff}
#content .c-left .category-menuBox ul h3:hover a{color:#fff}
#content .c-left .category-menuBox ul h3 a { color:#fff;}
#content .c-left .category-menuBox ul li.sub a { padding:0 0 0 8px; color:#d9d8d8; font-weight:normal; margin:0; line-height:30px; }

#content .c-left .category-menuBox .bg_category-menu-bot { width:205px; height:10px; font-size:1px; line-height:1px; overflow:hidden; background:url('bg_category-menu-bot.jpg') no-repeat; display:block; margin-top:-20px;padding:0}

#security { width:205px; height:175px; background:url('bg_security.jpg') no-repeat; display:block; overflow:hidden; margin:0 0 6px 0; padding:0; outline:none; text-align:left; }
#security img { margin:62px 0 0 42px; }


/* ¬¬¬¬¬¬¬¬¬¬¬¬
/* right side */
h2.h_bestseller-box { width:196px; height:47px; background:url('h_bestseller-box.jpg') no-repeat top; display:block; overflow:hidden; padding:0; margin:0; overflow:hidden; text-indent:-9999px; }
h2.h_contact-us-box { width:196px; height:47px; background:url('h_contact-us-box.jpg') no-repeat top; display:block; overflow:hidden; padding:0; margin:0; overflow:hidden; text-indent:-9999px; }

.right-boxItem { width:196px; background:url('bg_right-boxItem-y.jpg') repeat-y; overflow:hidden; margin:0 0 8px 0; padding:0; display:block;}
.right-boxItem .text { padding:10px 16px; overflow:hidden; display:block; text-align:center; }
.right-boxItem .text p { color:#757575; text-align:left; }
.right-boxItem .text img { margin:0 auto; display:block; }
.right-boxItem .text h3 { text-align:left; color:#214263; font-weight:bold; margin:18px 0; padding:0; }
.right-boxItem .bot { width:196px; height:13px; font-size:1px; line-height:1px; background:url('bg_right-boxItem-bot.gif') no-repeat top; overflow:hidden; display:block;  }

.btn_add-to-basket { width:113px; height:26px; background:url('btn_add-to-basket.gif') no-repeat; display:block; overflow:hidden; text-align:left; text-indent:-9999px; margin:10px 0 0 0; padding:0; border:0 }
submit .btn_add-to-basket { width:113px; height:26px; background:url('btn_add-to-basket.gif') no-repeat; display:block; overflow:hidden; text-align:left; text-indent:-9999px; margin:0; padding:0; border:0}
.btn_add-to-basket:hover { background-position:0 -26px }

.btn_more-info { width:113px; height:26px; background:url('btn_more-info.gif') no-repeat; display:block; overflow:hidden; text-align:left; text-indent:-9999px; margin:0; padding:0; border:0 }
submit .btn_more-info { width:113px; height:26px; background:url('btn_more-info.gif') no-repeat; display:block; overflow:hidden; text-align:left; text-indent:-9999px; margin:0; padding:0; border:0}
.btn_more-info:hover { background-position:0 -26px }


.right-boxItem .text .btn_add-to-basket {margin:22px auto 6px auto; padding:0; }


/* ¬¬¬¬¬¬¬¬¬¬¬¬
/* middle side */
#welcomeBox { width:574px; height:193px; background:url('bg_welcome.jpg') no-repeat top; margin:0 0 6px 0;  padding:0; overflow:hidden; }
#welcomeBox .text { position:relative; left:257px; top:60px; width:290px; height:110px; overflow:hidden; }
#welcomeBox .text p { font-size:13px; font-weight:bold; line-height:17px; }

h2.h_featured-product-mbox { width:574px; height:46px; background:url('h_featured-product-mbox.jpg') no-repeat top; display:block; overflow:hidden; padding:0; margin:0; overflow:hidden; text-indent:-9999px; }


.middle-boxItem { width:574px; background:url('bg-item-mbox-y.jpg') repeat-y; overflow:hidden; margin:0 0 8px 0; padding:0; display:block;}
.middle-boxItem .text { padding:10px 18px; overflow:hidden; display:block; text-align:left; }
.middle-boxItem .text .rowItem { width:538px; overflow:hidden; display:block; background:none; padding:10px 0; margin:0 0 10px 0;}
.middle-boxItem .text .rowItem .itemBoxFirst { width:169px; display:inline; float:left; background:none; margin:0 0 0 10px; overflow:hidden;  }
.middle-boxItem .text .rowItem .itemBoxFirst .topPart { width:159px; padding:0 10px 0 0; margin:0 0 10px 0; overflow:hidden; }
.middle-boxItem .text .rowItem .itemBoxRest { width:179px; display:inline; float:left; background:none; margin:0; overflow:hidden; }
.middle-boxItem .text .rowItem .itemBoxRest .topPart { width:159px; padding:0 0px 0 20px; margin:0 0 10px 0; background:url('bg_rowItem-border.gif') repeat-y; overflow:hidden;}

.middle-boxItem .text .rowItem .inctax input {color:#757575; width: 40px;border: none;overflow: visible;background-color: transparent;margin: 0;text-align: left;font-weight: bold;padding: 2px;}
.middle-boxItem .text .rowItem .extax input {color:#757575; width: 40px;border: none;overflow: visible;background-color: transparent;margin: 0;text-align: left;font-weight: bold;padding: 2px;}
.middle-boxItem .text .rowItem h3 { margin:18px 0 0 0; color:#214263; }

.middle-boxItem .top { width:574px; height:11px; font-size:1px; line-height:1px; background:url('top-mbox.jpg') no-repeat top; overflow:hidden; display:block;  }
.middle-boxItem .bot { width:574px; height:13px; font-size:1px; line-height:1px; background:url('bg-item-mbox-bot.gif') no-repeat top; overflow:hidden; display:block;  }




/* ¬¬¬¬¬¬¬¬¬¬¬¬
/* sub page side */


.middle-sub-boxItem { width:768px; background:url('bg_sub-boxItem-y.jpg') repeat-y; overflow:hidden; margin:0 0 0px 0; padding:0; display:block;}
.middle-sub-boxItem .page{padding-left:10px}
.middle-sub-boxItem .pad{padding-left:30px;width:730px}
.middle-sub-boxItem .product{padding:10px 0 0 0;margin:0} 
.middle-sub-boxItem .where { width:708px; height:47px; padding:0 30px 0 20px; background:url('h_sub-boxItem-title.jpg') no-repeat; display:block; overflow:hidden;  }
.middle-sub-boxItem .where h1 { color:#214263; font-size:16px; font-weight:bold; padding:10px 0 0 0;margin:0 0 5px 0;}
.middle-sub-boxItem .where p { line-height:47px; margin:0; }
.middle-sub-boxItem .where p a { line-height:47px; }
.middle-sub-boxItem .text { padding:10px 18px; overflow:hidden; display:block; text-align:left; }
.middle-sub-boxItem .text .rowItem { width:768px; overflow:hidden; display:block; background:none; padding:10px 0; margin:0 0 10px 0;}

.middle-sub-boxItem .text .rowItem .itemBoxFirst { width:228px; display:inline; float:left; background:none; margin:0 0 0 10px; overflow:hidden;  }
.middle-sub-boxItem .text .rowItem .itemBoxFirst .topPart { width:205px; padding:0 15px 8px 5px; margin:0 0 15px 0; overflow:hidden; }
.middle-sub-boxItem .text .rowItem .inctax {font-weight:bold;color:#214263;font-size:12px}
.middle-sub-boxItem .text .rowItem .extax {font-weight:bold;color:#214263;font-size:12px}
.middle-sub-boxItem .text .rowItem .inctax input {color:#214263; background:transparent;width:80px;border:none;margin:0 0 1px 0}
.middle-sub-boxItem .text .rowItem .extax input {color:#214263; background:transparent;width:60px;border:none;margin:0 0 1px 0}

.middle-sub-boxItem .text .rowItem .itemBoxRest { width:230px; display:inline; float:left; background:none; margin:0 0 0 10px; overflow:hidden; }
.middle-sub-boxItem .text .rowItem .itemBoxRest .topPart { width:205px; padding:0 5px 8px 20px; margin:0 0 15px 0; background:url('bg_rowItem-border.gif') repeat-y; overflow:hidden;}

.middle-sub-boxItem .text .rowItem .image {text-align:center;height:180px;min-height:180px;overflow:hidden;position:relative}
.middle-sub-boxItem .text .rowItem .NameDesc {height:85px;overflow:hidden;margin:0 0 10px 0}
.middle-sub-boxItem .text .rowItem h2 { margin:18px 0 0 0; color:#214263; }

.middle-sub-boxItem .bot { width:768px; height:12px; font-size:1px; line-height:1px; background:url('bg_sub-boxItem-bot.jpg') no-repeat top; overflow:hidden; display:block;  }




/* ¬¬¬¬¬¬¬¬¬¬¬¬
/* product page side */
.middle-sub-boxItem .text .rowItem .rI-left { width:354px; float:left; display:inline; background:none; overflow:hidden;}
.middle-sub-boxItem .text .rowItem .rI-Right { width:375px; float:right; display:inline; background:none; overflow:hidden; margin:0 10px 0 0;}

.middle-sub-boxItem .text .rowItem .rI-left h1 { color:#214263; font-size:14px; font-weight:bold; }
.middle-sub-boxItem .text .rowItem .rI-left .productImage { width:354px; background:url('bg_productImage-y.gif') repeat-y; overflow:hidden; text-align:center; display:block; margin:10px 0; padding:0; }
.middle-sub-boxItem .text .rowItem .rI-left .productImageImg { width:354px; height:250px; background:url('bg_productImage-top.gif') no-repeat top; padding:15px 0; margin:0; display:block; }
.middle-sub-boxItem .text .rowItem .rI-left .productImageImg img { margin:0 auto; display:block; outline:none; border:0; }
.middle-sub-boxItem .text .rowItem .rI-left .productImage .bot { width:354px; height:8px; font-size:1px; line-height:1px; background:url('bg_productImage-bot.gif') no-repeat top; overflow:hidden; display:block;  }


.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb { width:354px; background:none; overflow:hidden; text-align:center; display:block; margin:10px 0; padding:0; }


.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemLeft { width:114px; float:left; background:url('bg_productImageThumb-y.gif') repeat-y; padding:0; margin:0; display:inline; }
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemLeft .itemLeftImg { width:114px; text-align:center; overflow:hidden; padding:8px 0; display:block; background:url('bg_productImageThumb-top.gif') no-repeat; } 
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemLeft .itemLeftImg img { border:0; outline:none; }
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemLeft .bot { width:114px; height:5px; font-size:1px; line-height:1px; background:url('bg_productImageThumb-bot.gif') no-repeat top; overflow:hidden; display:block;  }


.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemRest { width:114px; float:left; background:url('bg_productImageThumb-y.gif') repeat-y; padding:0; margin:0 0 0 6px; display:inline;}
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemRest .itemLeftImg { width:114px; text-align:center; overflow:hidden; padding:8px 0; display:block; background:url('bg_productImageThumb-top.gif') no-repeat; } 
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemRest .itemLeftImg img { border:0; outline:none; }
.middle-sub-boxItem .text .rowItem .rI-left .productImageThumb .itemRest .bot { width:114px; height:5px; font-size:1px; line-height:1px; background:url('bg_productImageThumb-bot.gif') no-repeat top; overflow:hidden; display:block;  }


.middle-sub-boxItem .text .rowItem .productPrice { width:354px; background:url('bg_productImage-y.gif') repeat-y; overflow:hidden; text-align:center; display:block; margin:10px 0; padding:0; float:left;clear:left}
.middle-sub-boxItem .text .rowItem .productPriceCon { width:354px; background:url('bg_productImage-top.gif') no-repeat top; padding:15px 0; margin:0; display:block; }
.middle-sub-boxItem .text .rowItem .productPriceCon .topPart { width:334px; padding:0 0 10px 0; margin:0 auto; background:url('border-dot.gif') repeat-x bottom; display:block;  }
.middle-sub-boxItem .text .rowItem .productPriceCon .topPart p span { color:#214263; font-size:18px; font-weight:bold; }
.middle-sub-boxItem .text .rowItem .productPriceCon .topPart p {  color:#214263; font-weight:bold; }
.middle-sub-boxItem .text .rowItem .productPrice .bot { width:354px; height:8px; font-size:1px; line-height:1px; background:url('bg_productImage-bot.gif') no-repeat top; overflow:hidden; display:block;  }

#frm-qty { width:324px; margin:0 auto; height:15px; text-align:left; padding:15px 0 0 10px; position:relative; }
#frm-qty label {  color:#214263; font-weight:bold; margin:0 10px 0 0; }
#frm-qty select { width:60px; }
#frm-qty .btn_add-to-basket { position:absolute; top:15px; left:200px; }

.middle-sub-boxItem .text .rowItem .rI-Right { }

.product-desc { width:375px; min-height:200px;display:inline; float:right; padding:0 0 10px 0; margin:2px 30px 0 0; overflow:hidden; background:url(bg_product-desc.gif) no-repeat 0 34px; }

#tab-description { width:375px; display:block; overflow:hidden; background:none; }
#tab-specification { width:375px; display:block; overflow:hidden; background:none; display:none; }
#tab-features { width:375px; display:block; overflow:hidden; background:none; display:none; }

.product-desc ul.tabs { width:366px; margin:0 auto; height:34px; padding:0; list-style:none; }
.product-desc ul.tabs li { float:left; margin:0 2px 0 2px; display:inline; }

.product-desc .desc { padding:10px 15px;min-height:400px }

.btn_product-tab { width:118px; height:34px; background:url('btn_product-tab.gif') no-repeat 0 -34px; overflow:hidden; text-align:center; outline:none; display:block; text-align:center; line-height:33px; font-weight:bold;cursor:pointer}
.btn_product-tab:hover { background-position:0 0px; }
.btn_product-tabKB { width:118px; height:34px; background:url('btn_product-tab.gif') no-repeat 0 0px; overflow:hidden; text-align:center; outline:none; display:block; font-weight:bold; color:#214263; text-align:center; line-height:33px; }

.btn_product-tabCur { width:118px; height:34px; background:url('btn_product-tab.gif') no-repeat; overflow:hidden; text-align:center; outline:none; display:block; color:#214263; text-align:center; line-height:33px; }


#also-like { width:100%; background:none; display:block; overflow:hidden; }
#also-like h4 { width:100%; height:25px; background:url('border-dot.gif') repeat-x 0 24px; display:block; margin:0 0 20px 0; padding:0; font-weight:normal;}


#also-like.rowItem .itemBoxFirst { width:228px; display:inline; float:left; background:none; margin:0 0 0 10px; overflow:hidden;  }
#also-like .rowItem .itemBoxFirst .topPart { width:205px; padding:0 15px 8px 5px; margin:0 0 15px 0; overflow:hidden; }

#also-like .rowItem .itemBoxRest { width:230px; display:inline; float:left; background:none; margin:0 0 0 10px; overflow:hidden; }
#also-like .rowItem .itemBoxRest .topPart { width:205px; padding:0 5px 8px 20px; margin:0 0 15px 0; background:url('bg_rowItem-border.gif') repeat-y; overflow:hidden;}
#also-like .rowItem .itemBoxRest .btn_add-to-basket {margin:0px auto 0px 20px; padding:0; }
#also-like .rowItem h3 { margin:18px 0 0 0; color:#214263; }








#footer { width:100%; overflow:hidden; background:#eaeaea url('bg_footer.jpg') repeat-x; height:90px; text-align:center }
#footer #text { width:977px; margin:0 auto; padding:6px 0 0 16px; overflow:hidden; text-align:center }
#footer * {text-align:center}

a#q_home {background:url('q_menu/ico_home.gif') no-repeat 0 3px; outline:none; padding-left:18px; margin-top:80px}
a#q_contact {background:url('q_menu/ico_bookmark.gif') no-repeat 4px 3px; outline:none; padding-left:18px; margin-top:80px}
a#q_login {background:url('q_menu/ico_login.gif') no-repeat 0 5px; outline:none; padding-left:18px; margin-left:10px;margin-top:80px}	
a#q_add {background:url('q_menu/ico_add.gif') no-repeat 0 3px; outline:none; padding-left:18px; margin-left:10px;margin-top:80px}
a#q_out {background:url('q_menu/ico_out.gif') no-repeat 0 3px; outline:none; padding-left:18px; margin-left:10px;margin-top:80px}