/* 
========================================================================
KARTRIS by cactusoft
©2010 CACTUSOFT INTERNATIONAL FZ-LLC. - WWW.KARTRIS.COM
All rights reserved.
========================================================================
*/

/* 
========================================================================
SECTION
========================================================================
*/
.section 
{
	border-top: solid 2px #222;
	margin: 5px 0 0 0;
	padding: 10px 0 10px 0;
	width: 100%;
}

/* 
========================================================================
PAGE - Home page and custom page (CMS)
========================================================================
*/
#custompagetext 
{
	margin: 10px 0 10px 0;
}

#homepage 
{
	margin-top: -10px;
}

#homepageadverts {
	float: right;
	width: 165px;
	}
	
#homepageadverts img {
	margin-top: 2px;
	}	
	
	
#lefthandhome {
	float: left;
	width: 530px;
	}

#featuredproducts {
	float: left;
	width: 530px;
	}

#homepage div.chunk
{
	display: block;
	float: left;
	width: 100%;
}

#homepage div.chunk h2.blockheader
{
	width:93%;
	border: none;
	padding: 0 0 5px 0;
	border-bottom: solid 2px #111;
}


#homepage div.chunk ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#homepage div.chunk ul li
{
	padding: 0 0 5px 0;
}

#homepage .products_tabular
{
	
}

#homepage .products_tabular a
{

}

#homepage .news #summary ul
{
	font-weight: normal;
	
}

#homepage .news #summary ul div.news_link
{
	font-weight: normal;
}

/* 
========================================================================
CATEGORY - Single page category
========================================================================
*/

.category h2 {
	margin: 0px 0px 8px 0px;
}

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

.category .main .description {
	padding: 10px 0 15px 0;
	float: left;
	width: auto;
}

.category .main .imageblock {
	text-align: center;
	float: left;
	margin: 0 30px 20px 0;
	overflow: visible;
	width: 100px;
}

.category .main .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 */
}

/* 
========================================================================
SUBCATEGORIES - Multiple categories/subcategories per page listing
========================================================================
*/
.subcategories
{
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

.subcategories .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 */	
}

/* 
------------------------------------------------------------------------
SUBCATEGORIES - NORMAL FORMAT
------------------------------------------------------------------------
*/
.subcategories_normal
{
	padding-top: 10px;
}

.subcategories_normal .item 
{
	padding-top: 0;
	padding-bottom: 10px;
}

.subcategories_normal .item .imageblock
{
	text-align: center;
	float: left;
	margin: 0px 30px 10px 0;
	overflow: visible;
	width: 100px;
}

.subcategories_normal .item .details
{
	display: inline-block;
	width: 480px;
	text-align: left;
	margin: 0 0 0 0;
	overflow: visible;
}

.subcategories_normal .item h2
{
	margin: 0;
}

.subcategories_normal .item h2 a
{
	margin-top: 0;
	font-weight: bold;
}

.subcategories_normal .item .minprice
{
	font-weight: bold;
	padding: 0 0 20px 0;
}

.subcategories_normal .item .strapline
{
	display: block;
	margin: 4px 0px 4px 0px;
	padding: 0;
	color: #111;
	font-weight: bold;
	font-style: normal;
	
}

.subcategories_normal .item p.description
{
	padding: 0 0 10px 0;
}

.subcategories_normal .item a.link2
{
	font-size: 90%;
}

/* 
------------------------------------------------------------------------
SUBCATEGORIES - SHORTENED FORMAT
------------------------------------------------------------------------
*/
.subcategories_shortened
{
	padding-top: 10px;
}

.subcategories_shortened .item
{
	display: inline;
	float: left;
	margin: 0 10px 20px 0;
	border: solid 1px #ccc;
	background-color: #f4f4f4;
}

.subcategories_shortened .item .box
{
	text-align: center;
	width: 160px;
	height: 200px;
	border: solid 2px #eee;
}

.subcategories_shortened .item .box .pad
{
	overflow: hidden;
	padding: 10px 0 10px 0;    
	text-align: center;
}

.subcategories_shortened .item h2
{
	margin: 0;
	padding: 0;
}

.subcategories_shortened .item h2 a
{
	font-weight: bold;
	font-size: 80%;
}

.subcategories_shortened .item .imageholder
{
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}

.subcategories_shortened .imagelink
{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

/* 
------------------------------------------------------------------------
SUBCATEGORIES - LINK FORMAT
------------------------------------------------------------------------
*/
.subcategories_link
{
	padding: 10px 0 10px 0;
}

.subcategories_link a
{
	display: block;
	white-space: nowrap;
	margin-bottom: 5px;
}

/* 
------------------------------------------------------------------------
SUBCATEGORIES - TEXT FORMAT
------------------------------------------------------------------------
*/
.subcategories_text
{
	padding-top: 0px;
}

.subcategories_text h2
{

}

.subcategories_text .item .pad {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.subcategories_text .item .pad p {
	margin: 4px 0 8px 0;
}

/* 
========================================================================
PRODUCT - Single page product
========================================================================
*/
.product #strapline
{
	display: block;
	margin: 10px 0px 12px 0px;
	padding: 0;
	color: #111;
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	font-style: italic;
}

.product #description
{
	margin: 0 0 15px 0px;
}

.product div.imagecolumn 
{
	width: 275px;
	float: right;
	margin: 0 0 20px 20px;
	border-left: dotted 1px #ccc;
	padding: 0 0 0 20px;
}

.product div.imagecolumn div.pad
{
	padding: 10px 0 10px 0;
}

.product div.imagecolumn .imageviewer
{
	width: 100%;
}

.product div.imagecolumn .singleimage
{
}

.product div.imagecolumn .largeview
{
}

.product div.textcolumn #comparelink
{
	margin: 5px 0 0 0;
}

.product div.textcolumn 
{
}

.product .section_promotions 
{
	border-top: solid 2px #222;
}

/* 
========================================================================
PRODUCTS - Multiple products per page listing
========================================================================
*/
.products
{
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

.products .minprice {
	display: block;
	font-weight: bold;
	padding-top: 10px;
	color: #3d6832;
}

.products .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 */	
}

#popup .pad {
	padding: 10px;
}

/* 
------------------------------------------------------------------------
PRODUCTS - NORMAL FORMAT
------------------------------------------------------------------------
*/
.products_normal
{
	padding-top: 0px;
}

.products_normal .item 
{
	padding-top: 0;
	padding-bottom: 10px;
}

.products_normal .item .imageblock
{
	text-align: center;
	float: left;
	width: 100px;
	overflow: visible;
	display: inline-block;
	margin: 10px 30px 0 0;
}

.products_normal .item .details
{
	display: inline-block;
	width: 570px;
	text-align: left;
	overflow: visible;
}

.products_normal .item .details h2
{
	margin: 10px 0 0 0;
}

.products_normal .item h2 a, .products_normal .item h2 a:hover
{
	margin-top: 0;
	font-weight: bold;
	text-decoration: none;
}

.products_normal .item .minprice
{
	font-weight: bold;
	padding: 0 0 10px 0;
}

.products_normal .item .strapline
{
	display: block;
	margin: 4px 0px 4px 0px;
	padding: 0;
	color: #111;
	font-weight: bold;
	font-style: normal;
	
}

.products_normal .item p.description
{
	padding: 0 0 0 0;
}

.products_normal .item a.link2
{
	font-size: 90%;
}

/* 
------------------------------------------------------------------------
PRODUCTS - SHORTENED FORMAT
------------------------------------------------------------------------
*/
.products_shortened
{
	padding-top: 10px;
}

.products_shortened .item
{
	display: inline;
	float: left;
	margin: 0 10px 20px 0;
	border: solid 1px #ccc;
	background-color: #f4f4f4;
}

.products_shortened .item .box
{
	text-align: center;
	width: 160px;
	height: 200px;
	border: solid 2px #eee;
}

.products_shortened .item .box .pad
{
	overflow: hidden;
	padding: 10px 3px 10px 3px;    
	text-align: center;
}

.products_shortened .item h2
{
	margin: 0;
	padding: 0;
}

.products_shortened .item h2 a
{
	font-weight: bold;
	font-size: 80%;
}

.products_shortened .item .strapline
{

}

.products_shortened .item .imageholder
{
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}

.products_shortened .imagelink
{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

.products_shortened .minprice
{
	font-weight: bold;
	
}

/* 
------------------------------------------------------------------------
PRODUCTS - TABULAR FORMAT
------------------------------------------------------------------------
*/
.products_tabular
{
	padding-top: 0px;
}

.products_tabular .item 
{
	padding: 0 20px 10px 0;
	width: 210px;
	float: left;
}

.products_tabular .item .imageblock
{
	text-align: center;
	float: left;
	margin: 0 8px 0 0;
	overflow: visible;
	width: 50px;
}

.products_tabular .item .details h2
{
	margin: 0;
	font-size: 100%;
}

.products_tabular .item h2 a,
.products_tabular .item h2 a:hover
{
	margin-top: 0;
	text-decoration: none;
}

.products_tabular .item .minprice
{
	font-weight: bold;
	padding: 5px 0 0 0;
}

/* 
------------------------------------------------------------------------
PRODUCTS - IMAGE ONLY FORMAT
------------------------------------------------------------------------
*/
.products_imageonly
{
	padding-top: 0px;
	text-align: center;
	float: left;
}

.products_imageonly .item 
{
	padding: 5px 0 0 0;
	text-align: center;
	margin: 0 3px 0 0;
}

.products_imageonly img
{
	margin: 0 auto;
	float: none;
}

/* 
------------------------------------------------------------------------
PRODUCTS - EXTENDED FORMAT
------------------------------------------------------------------------
*/
.products_extended
{
	padding-top: 10px;
}

.products_extended .item 
{
	padding-top: 0px;
	padding-bottom: 20px;
}

.products_extended .item .imageblock
{
	text-align: center;
	float: left;
	width: 100px;
	overflow: visible;
	display: inline-block;
	margin: 0 30px 0 0;
}

.products_extended .item .details
{
	display: inline-block;
	width: 570px;
	text-align: left;
	overflow: visible;
}

.products_extended .item h2
{
	margin: 0;
	padding: 0;
}

.products_extended .item h2 a
{
	margin-top: 0;
	padding: 0;
	font-weight: bold;
}

.products_extended .item .strapline
{
	display: block;
	margin: 4px 0px 4px 0px;
	padding: 0;
	color: #111;
	font-weight: bold;
	font-style: normal;
	
}

.products_extended .item p.description
{
	padding: 0 0 10px 0;
}

.products_extended .item .minprice
{
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: right;
}

.products_extended .item a.link2
{
	font-size: 90%;
}

/* 
------------------------------------------------------------------------
VERSIONS
------------------------------------------------------------------------
*/
.versions
{
	margin: 10px 0 10px 0;
	float: left;
	width: 100%;
}

.versions table {
	border: none;
}

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

.versions table tr td {
	border-top: solid 3px #eee;
	background: none;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}

.versions table tr.description td {
	border: none;
}

.versions table tr.headrow th,
.versions table thead tr th {
	text-align: right;
	padding-right: 5px;
	background: none;
	border: none;
	font-weight: normal;
	color: #777;
}

.versions td.extra 
{
	padding: 5px 0 15px 4px;
	background-image: none;
	background-color: transparent;
}

/* --- cells (td and th) --- */
.versions .info, .versions .description {
	text-align: left;
}

.versions .description {
	padding-bottom: 15px;
	display: block;
	color: #333;
}

.versions .description .imageholder  {
	float: left;
	margin: 0 10px 10px 0;
}


/* --- cells (td only) --- */
.versions td.info {
	
	color: #777;
}

.versions td.info .name {
	font-weight: bold;
	color: #000;
}

.versions td.rrp 
{
	font-weight: normal;
	color: #f00;
	width: 80px;
	text-decoration: line-through;
}

.versions td.price 
{
	font-weight: bold;
	color: #3d6832;
	width: 1%;
	min-width: 70px;
}

.versions td.addtobasket img {
	float: none;
}

.versions td.addtobasket {
	white-space: nowrap;
	width: 1%;
	min-width: 120px;
}

.versions td.addtobasket div 
{
	background-color: transparent;
	background-image: none;
	display: inline;
}

.versions .imageviewer_holder
{
	float: left;
}

.versions .cancustomizetag,
.versions td.addtobasket div.cancustomizetag 
{
	vertical-align: middle;
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url(Images/icon_customizable.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

/* --- versions in dropdown format --- */
.versions .prices 
{
	padding: 5px;
	text-align: right;
	color: #666;
	text-transform: uppercase;
	font-size: 90%;
}

.versions span.inctax 
{
	margin-left: 5px;
}

.versions span.figure
{
	color: #3d6832;
	font-weight: bold;
	font-size: 130%;
}

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

.versions .addtobasket 
{
	clear: both;
}

.versions .addtobasket .dropdown {

}

.versions .addtobasket .textbox {
	width: 30px;
}

.versions .addtobasket div.selector 
{
	white-space: nowrap;
	float: right;
}

.versions .addtobasket div.outofstock {
	color: #f00;
	font-weight: bold;
}

.versions .addtobasket span.outofstock {
	color: #f00;
	font-weight: bold;
}

/* 
------------------------------------------------------------------------
OPTIONS
------------------------------------------------------------------------
*/
.options 
{
	margin-top: 5px;
	padding-bottom: 20px;
}

.options .pad 
{
	border-top: solid 3px #eee;
}

.options .addtobasket
{
	text-align: right;
	padding: 5px;
	clear: both;
}

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

.options .option 
{
	clear: both;
	padding: 8px 5px 3px 5px;
	font-size: 95%;
	margin: 0;
}

.options .option label
{
	display: block;
	width: 220px;
	float: left;
	margin-right: 5px;
	text-align: left;
}

.options .option label.optiontitle 
{
	display: inline-block;
	color: #000;
	font-weight: bold;
	width: 130px;
	float: left;
}
.options .option label.optiontitle span.optiondesc
{
   display: block; 
   font-weight: normal; 
}
.options .option div
{
	display: inline-block;
	margin: 0px;
	float: left;
}

.options .option table.checkboxlist input, .options .option table.radiobuttonlist input
{
	display: block;
	float: left;
	margin-right: 5px;
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.options .option ul.radiobuttonlist li
{
	
}

.options .highlight_error 
{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 1px 5px 1px 3px;
	text-decoration: blink;
	background-color: #f00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

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

div.addtobasket 
{
	width: auto;
	text-align: right;
	padding: 5px;
	border-top: solid 3px #eee;
}

div.addtobasket div
{
	display: inline;
}

/* Individual options lines */
.options table, .options table tr td
{
	border: none;
	background-image: none;
	background-color: Transparent;
}

/* 
========================================================================
QUANTITY DISCOUNTS
========================================================================
*/
#section_quantitydiscounts 
{
	border: none;
	margin: 5px 0 0 0;
}

#section_quantitydiscounts th.name  
{
	text-align: left;
	color: #000;
	font-size: 100%;
	text-transform: none;
	font-weight: bold;
}

#section_quantitydiscounts td.price,
#section_quantitydiscounts th.price, 
#section_quantitydiscounts td.quantity,
#section_quantitydiscounts th.quantity 
{
	text-align: right;
}

#section_quantitydiscounts td.price
{
	color: #3d6832;
	font-weight: bold;
}

#section_quantitydiscounts p
{
	margin: 0 0 20px 0;
}

/* 
========================================================================
SEARCH
========================================================================
*/
.search .inputform
{
	padding: 0;
	height: 20px;
}

.search .inputform .small
{
	width: 50px;
	text-align: right;
}

.search .inputform label 
{
	display: inline;
	width: auto;
	float: none;
	margin: 0px 5px 0px 5px;
}

.search .inputform div.advanceline 
{
	margin: 5px 0px 0px 0px;
	display: block;
	width: 400px;
}

.search .results
{
	border-top: solid 2px #222;
	padding-top: 10px;
	margin-top: 25px; 
}

.search .results #searchsummary
{
	padding: 0;
	margin: 0 0 0 0;
	color: #666;
}

.search .results #searchsummary strong
{
	color: #000;
}

.search .results .products_classicsearch
{
	padding: 15px 0 17px 0;    
}

.search .results .products_classicsearch .item {

}

.search .results .products_classicsearch .item .box .pad {
	padding: 5px 0 15px 0;
}

.search .results .products_classicsearch .item .imageblock {
	text-align: center;
	float: left;
	margin: 0 14px 0 0;
	overflow: visible;
	width: 100px;
}

.search .results .products_classicsearch .item .details {
	float: left;
	width: 430px;
}

.search .results .products_classicsearch .item h2
{
	padding: 0;
	margin: 0;
}

.search .results .products_classicsearch .item h2 a
{
	text-decoration: underline;
	font-weight: normal;
}

.search .results .products_classicsearch .item .highlight
{
	background-color: #fd6;
	font-style: italic;
}

.search .results .products_classicsearch .item .minprice
{
	font-weight: bold;
	color: #3d6832;
	padding: 5px 0 5px 0;
}

/* 
========================================================================
KNOWLEDGEBASE
========================================================================
*/
#knowledgebase .inputform
{
	border-top: solid 3px #eee;
	border-bottom: solid 3px #eee;    
	padding: 20px 0 10px 0;
	height: 20px;
}

#knowledgebase .inputform .small
{
	width: 50px;
	text-align: right;
}

#knowledgebase .inputform label 
{
	display: inline;
	width: auto;
	float: none;
	margin: 0px 5px 0px 5px;
}

#knowledgebase .results
{
	padding: 13px 0 7px 0;    
}

#knowledgebase .results #searchsummary
{
	padding: 0;
	margin: 0 0 0 0;
	color: #666;
}

#knowledgebase .results #searchsummary strong
{
	color: #000;
}

#knowledgebase .results .item {
	padding: 5px 0 5px 0;
}

#knowledgebase .results .item h2 a
{
	text-decoration: underline;
	font-weight: normal;
}

#knowledgebase .results .item .highlight
{
	background-color: #fd6;
	font-style: italic;
}

#knowledgebase .summary
{
	color: #aaa;
	font-weight: normal;
	
}

#knowledgebase .updatedate
{
	color: #aaa;
	font-weight: normal;
	
}

#knowledgebase p.article
{
	padding: 10px 0 0 0;
}

/* 
========================================================================
SUPPORT TICKETS
========================================================================
*/
#supporttickets td.idfield
{
	width: 45px;
}

#supporttickets td.subject
{
	font-weight: bold;
}

#supporttickets td.opened
{
	width: 59px;
}

#supporttickets td.closed
{
	width: 59px;
}

#supporttickets td.selectfield
{
	width: 55px;
}

#supporttickets div.userreply
{
	margin: 10px 0 5px 0;
	padding: 3px 15px 10px 15px;
	background-color: #f5f5f5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#supporttickets div.ownerreply
{
	margin: 10px 0 5px 0;
	padding: 3px 15px 10px 15px;
	background-color: #ded;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#supporttickets p.details
{
	color: #999;
	padding-bottom: 5px;
}

#supporttickets p.message
{
	white-space: pre-wrap;
}


#supporttickets textarea
{
	width: 100%;
	height: 150px;
}

#supporttickets .expirywarning
{
	display: block;
	width: auto;
	border: dotted 1px #999;
	color: #999;
	background-color: #f6f6f6;
	padding: 3px 9px 3px 9px;
	margin: 2px 0 15px 0;
}

#supporttickets .expiredwarning
{
	display: block;
	width: auto;
	border: dotted 1px #f00;
	color: #f00;
	background-color: #f6e6e6;
	padding: 3px 9px 3px 9px;
	margin: 2px 0 15px 0;
}

#supporttickets .filled .sp_highlight_ticket td
{
	background-color: #fd5;
}

/* 
========================================================================
REVIEWS AND CROSS-SELLING
========================================================================
*/
.reviews {
	margin: 0 0 10px 0;
}

.reviews .reviews_list {
	margin: 5px 0 10px 0;
}

.reviews .box 
{

}

.reviews .ratingStar {
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.reviews .review 
{
	margin: 0 0 10px 0;
}

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

.reviews .review .stars
{
	display: inline;
	margin-right: 2px;
}

.reviews .review .reviewer {
	font-style: italic;
	color: #888;
}

.reviews .review .date {
	float: right;
	color: #3d6832;
}

.reviews .review strong {
	font-size: 110%;
	font-style: italic;
	color: #333;
}

/* Review add page */
.addreview
{
	margin: -2px 0 10px 0;
}
	
.addreview div.Kartris-DetailsView 
{
	width: auto;
}

.addreview span.Kartris-DetailsView-Value {
	width: auto;
}

.addreview form strong {
	display: block;
}

.addreview form p {
	margin: 0px 0px 5px 180px;
}

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

.addreview h3 {

}


/* 
========================================================================
PRODUCT ATTRIBUTES
========================================================================
*/
.attributes
{
	width: auto;
	margin: 5px 0 5px 0;
	display: block;
}

/* 
========================================================================
PRODUCT PROMOTIONS
========================================================================
*/
.section_promotions {

}

.section_promotions .promotion {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
	border-top: solid 2px #eee;
}

.section_promotions .promotion .box 
{
	width: 100%;
	margin: 0px 5px 5px 0px;
}

.section_promotions .promotion .box .pad 
{
	padding: 10px 10px 10px 0px;
	overflow: hidden;
}

.section_promotions .promotion .box .pad .imageblock
{
	float: left;
	margin: 0 20px 0 0px;
	width: 50px;
	text-align: left;
}

.section_promotions .promotion .box .pad .imageblock img
{
	float: none;
}

/* 
========================================================================
PRODUCT COMPARISON
========================================================================
*/
.comparison {

}

.comparison p {
	margin: 0 0 20px 0;
}

.comparison .items 
{
	border-top: solid 3px #eee;
	margin: 20px 0px 20px 0;
	padding: 20px 0 0 0;
}

.comparison .item {
	float: left;
	width: 42%;
	margin: 0 35px 30px 0px;
	text-align: center;
}

.comparison .item h2
{
	margin: 0 0 0 0;
	padding: 0;
	height: 30px;
}

.comparison .item h2 a
{
	font-weight: bold;
	color: #f07;
}

.comparison .item .imageblock
{
	float: none;
	margin: 0 0 5px 0;
}

.comparison .item p.minprice
{
	font-weight: bold;
	color: #3d6832;
	
	margin: 0 0 20px 0;
}

.comparison .item table
{
	margin-bottom: 10px;
	text-align: left;
}

.comparison .item table tr td
{
	border-top: solid 1px #fff;
	background-color: #eee;
	background-image: none;
	
	padding: 3px 10px 2px 5px;
}

.comparison .item .removelink 
{
	text-align: left;
}

/* 
========================================================================
LOGIN / MY ACCOUNT
========================================================================
*/
#login .recoverpassword
{
	margin-top: 30px;
	padding-top: 10px;
}

#login .radio strong 
{
	color: #000;
}

#login .Kartris-DetailsView-Data
{
	width: 100%;
}

/* 
========================================================================
PASSWORD STRENGTH
========================================================================
*/
.barIndicator_poor, 
.barIndicator_weak,
.barIndicator_good,
.barIndicator_strong,
.barIndicator_excellent 
{
	z-index: 100002;
	background-image: url(Images/pws_bar.png);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 3px 0 0 -9px;
}

.barIndicatorBorder
{
	margin: 2px 0 0 -10px;
	width: 110px;
	z-index: 100002;
	background-image: url(Images/pws_background.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* 
========================================================================
CARRY ON SHOPPING / CROSS SELLING
========================================================================
*/
.carryonshopping 
{

}

.carryonshopping h2 {

}

.carryonshopping h3
{
	margin: 0 0 20px 0;
}

.carryonshopping ul
{

}

/* 
========================================================================
CHECKOUT
========================================================================
*/

/* shipping */
#checkout .basket table.baskettable tr.product_row td div.info
{
	width: 180px;
}

#checkout span.ship_currency
{
	display: block;
	
	padding: 5px;
	text-align: left;
	color: #bbb;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

#checkout span.ship_currency span.figure
{
	color: #3d6832;
	font-weight: bold;
	padding: 0 0 0 5px;
}

#checkout span.free
{
	color: #3d6832;
	font-weight: bold;
	padding: 0;
}

#checkout span.extax,
#checkout span.inctax
{
	padding-right: 10px;
}

/* comments field */

#checkout textarea
{ 
	width: 100%; 
}

/* mailinglist, savebasket, etc. */
#checkout span.checkbox
{
	display: block;
	padding: 10px 0 10px 0;
}

#checkout span.checkbox label
{
	width: 300px;
}

#checkout .checkoutaddress 
{
	width: 45%;
	height: 210px;
	margin: 0 20px 0 0;
	overflow: hidden;
	float: left;
}

#checkout #confirmation .checkoutaddress 
{
	height: 160px;
}

#checkout .checkoutaddress .noaddress 
{
	width: 90%;
	height: 120px;
	margin: 10px 30px 10px 0;
	overflow: hidden;
	float: left;
	padding: 10px;
	border: dashed 1px #999;
}

#checkout #checkoutbasket 
{
	margin: 20px 0 20px 0;
}

/* 
========================================================================
ADDRESSES
========================================================================
*/
.address 
{
	padding: 0 0 10px 0;
}

.address .inputform select 
{
	margin: 3px 0 10px 0;
	width: 180px;
}

.address .inputform .bold 
{
	font-weight: bold;
}

.address div.phone 
{
	font-weight: bold;
	padding: 5px 0 5px 0;
}

/* 
========================================================================
BASKET (and ORDER DISPLAY in MY ACCOUNT)
========================================================================
*/
.basket .basketwarning {
	display: block;
	width: auto;
	border: dotted 1px #f00;
	color: #f00;
	background-color: #f6e6e6;
	padding: 3px 9px 3px 9px;
	margin: 2px 0 15px 0;
}

.basket .baskettable {

}

.basket .baskettable tr th
{

}

.basket table.baskettable tr td
{

}

.basket .products_imageonly
{
	padding: 0 0 0 0;
	text-align: center;
}

.basket td.image_cell
{
	width: 60px;
	text-align: center;
	padding: 0 0 0 10px;
}

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

.basket table.baskettable tr td div.name strong a,
.basket table.baskettable tr td div.name strong
{
	display: block;
	width: 100%;
	font-weight: bold;
	padding: 0;
	font-size: 105%;
	color: #000;
}

.basket table.baskettable tr td div.details
{
	display: block;
	font-size: 95%;
	color: #444;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 1px;
}

.basket table.baskettable tr td div.details div.info
{
	display: block;
	padding: 0 0 2px 0;
}

.basket table.baskettable tr td div.details div.info strong
{
	color: #777;
}

.basket table.baskettable tr td div.info
{
	padding: 0px 10px 1px 0px;
	width: 310px;
}

.basket table.baskettable tr.product_row td div.info
{
	width: 280px;
}

.basket td.quantity 
{
	vertical-align: top;
	width: 45px;
	text-align: right;
}

.basket td.quantity div
{
	float: right;
}

.basket td.quantity input 
{
	width: 25px;
	text-align: right;
}

.basket td.quantity div.smallupdateprogress  
{
	position: relative;
	float: left;
}

.basket td.extax,
.basket td.inctax,
.basket td.tax,
.basket td.price
{
	font-weight: bold;
	color: #3d6832;
	width: 75px;
	font-size: 100%;
	vertical-align: top;
}

.basket td.total
{
	font-weight: bold;
	color: #f00;
	width: 65px;
	font-size: 110%;
}

.basket td.remove 
{
	font-weight: bold;
	text-align: right;
	width: 25px;
	vertical-align: top;
}

.basket td.remove a.basket_delete_button
{
	margin-top: 2px;
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(Images/trashcan.png);	
	background-position: top left;
	background-repeat: no-repeat;
}

.basket .applycoupon td label
{
	color: #000;
	font-size: 110%;
	font-weight: bold;
}


.basket .applycoupon .Kartris-DetailsView-Name 
{
	background: none;
}

.basket .applycoupon .couponbox 
{
	width: 120px;
	margin-right: 5px;
}

.basket table tr.totals td
{

}

.basket table tr.totals #totallabel 
{
	text-align: right; 
}

.basket .controls 
{
	text-align: right;
	margin: 8px 0 20px 0;    
}

.basket .promotions 
{
	margin: 10px 0 10px 0;
}

.basket .links 
{
	margin: 10px 0 20px 0;
}

.basket .links div {
	width: 30%;
	margin: 10px 20px 0 0;
	padding: 0;
	float: left;
}

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

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

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

.basket .continueshopping .submit {
	float: left;
	text-align: left;
}

/* shipping select dropdown menu */
.basket select {
	width: 240px;
}

.basket tr.shippingrow div.smallupdateprogress  
{
	float: left;
	margin-top: -20px;
	margin-left: 250px;
}

.basket tr.couponrow div.smallupdateprogress  
{

}

.basket table .totals
{
	border-bottom: solid 1px #eee;
	background-color: #fff;
}

.basket table.baskettable tr.footerrow td
{
	background: none;
	font-weight: bold;
	color: #f00;
	text-align: right;
	white-space: nowrap;
	border-top: dotted 1px #bbb;
}

.basket table.baskettable tr.footerrow td.subtotal
{
	border-top: dotted 1px #bbb;
	color: #bbb;
}

.basket table.baskettable tr.footerrow td.subtotal span.totallabel
{
	color: #bbb;
}

.basket table.baskettable tr.footerrow td.grandtotal
{
	border-top: dotted 1px #daa;
	border-bottom: dotted 1px #daa;
	background-color: #fdd;
}

.basket table.baskettable tr.footerrow td span.totallabel
{
	float: left;
	width: 150px;
	color: #000;
	
	text-align: left;
}

/* 
========================================================================
WISHLIST
========================================================================
*/
#page_wishlist table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 2px;
	border-top: solid 2px #eee;
	margin-bottom: 10px;
}

#page_wishlist table th
{
	background-color: #fff;
	border-bottom: solid 1px #eee;
	border: none;
}

#page_wishlist table td
{
	color: #000;
	vertical-align: top;
	background-color: #fff;
	border-top: solid 1px #fff;
	background-image: url(Images/element_back.png);	
	background-position: top left;
	background-repeat: repeat-x;
	padding: 5px 5px 10px 5px;
}

#page_wishlist table td a
{
	display: block;
	color: #04d;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

#page_wishlist table td span.versioncode
{
	color: #888;
	
}

/* 
========================================================================
MY ACCOUNT / CUSTOMER AREA
========================================================================
*/
#customer table.filled td.itemname 
{
	width: 170px;
}

#customer .section
{
	margin-bottom: 30px;
}

#customer .vieworder .Kartris-DetailsView-Data ul li
{
	min-height: 0px;
	padding-top: 1px;
}

#customer .vieworder .Kartris-DetailsView-Data ul li img
{
	margin-right: 5px;
}

#customer .basket .baskettable {
	border-bottom: none;
	margin-top: 20px;
}

/* 
========================================================================
ORDER HISTORY / MY ACCOUNT
========================================================================
*/

#orderhistory table tr th.number
{
	width: 45px;
}

#orderhistory table tr th.orderdate
{
	width: 110px;
}

#orderhistory table tr th.lastupdate
{
	width: 80px;
}

#orderhistory table tr th.amount
{
	text-align: right;
	width: 60px;
}

#orderhistory table tr td.amount
{
	font-weight: bold;
	text-align: right;
}

#orderhistory .radio strong 
{
	color: #000;
}

/* 
========================================================================
AFFILIATES / MY ACCOUNT
========================================================================
*/
#affiliates table.filled td.value,
#affiliates table.filled th.value
{
	width: 70px;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

#affiliates table.filled td.value_percent,
#affiliates table.filled th.value_percent
{
	width: 70px;
	text-align: right;
	padding-right: 10px;
}

#affiliates table.filled td.commission,
#affiliates table.filled th.commission
{
	width: 80px;
	text-align: right;
	padding-right: 10px;
}

#affiliates table.filled td.total,
#affiliates table.filled th.total
{
	width: 70px;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

#affiliates table.filled td.paid,
#affiliates table.filled th.paid
{
	width: 40px;
	text-align: right;
}

#affiliates table.filled td.month,
#affiliates table.filled th.month
{
	width: 120px;
	text-align: left;
}

#affiliates div.halfwidth
{
	display: block;
	float: left;
	width: 48%;
}

#affiliates div#rawsales
{
	float: right;
}

/* 
========================================================================
NEWS - News page and front page news items (summary)
========================================================================
*/
#news div.news_strapline
{
	font-weight: bold;
	padding: 0 0 5px 0;
	color: #111;
}

#news div.news_lastupdated,
#news div.news_datecreated
{
	margin: 5px 0 5px 0;
	color: #999;
}

#news div.news_text
{
	margin: 5px 0 45px 0;
}

#news #summary ul li
{
	border-top: solid 2px #eee;
	padding: 0 0 10px 0;
}

.news #summary ul
{
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.news #summary ul li
{
	padding: 0 0 5px 0;
}

.news #summary ul div.news_lastupdated,
.news #summary ul div.news_datecreated
{
	display: block;
	width: 90px;
	margin: 5px 0 5px 0;
	color: #999;
	float: left;
}

.news #summary ul div.news_link
{
	font-weight: bold;
	margin: 5px 0 5px 0;
	float: left;
	font-size: 110%;
}

.news #summary ul div.news_text
{
	margin: 0 0 5px 90px;
}

/* 
========================================================================
POPUPS - customization, add to basket, etc.
========================================================================
*/
.popup_customization textarea
{
	width: 100%;
}

.popup_customization .price
{
	font-weight: bold;
	color: #3d6832;
}

.popup_addtobasket
{
	width: 350px;
	height: 60px;
}

.popup_addtobasket p
{
	margin: 0 0 15px 0;
}