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

/* 
========================================================================
SECTION
========================================================================
*/
.section 
{
    border-top: solid 3px #ddd;
}

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

#homepage div.halfwidth
{
    display: block;
    float: left;
    width: 48%;
    min-height: 100px;
}

#homepage div.halfwidth h2.blockheader
{    
    margin: 10px 0 10px 0;
    border-bottom: solid 3px #ddd;
    
}

#homepage div.halfwidth h2.blockheader span
{
    display: inline-block;
    font-size: 7.5pt;
    background-color: #ddd;
    padding-right: 10px;
}

#homepage div.halfwidth h2.blockheader span span
{
    padding: 4px 0px 4px 8px;
    background: none;
}

#homepage div.halfwidth #featuredproducts
{
    padding-right: 10px;
}

#homepage div.halfwidth .newestitems
{
    padding-right: 10px;
}

#newestitems .box li{
margin-left: 0px;
}


#homepage div.halfwidth .news #summary
{
    padding-right: 10px;
}

#homepage .products_tabular
{
    font-weight: normal;
    font-size: 7.5pt;
}

#homepage .products_tabular a
{
    font-weight: normal;
    font-size: 8pt;
}

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



#homepage .news #summary ul div.news_link
{
    width: 280px;
    font-weight: normal;
    font-size: 8pt;
}


/* 
========================================================================
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
{
}

.subcategories_normal .item 
{
	padding-top: 0px;
	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: 380px;
    text-align: left;
    margin: 0 0 0 0;
    overflow: visible;
}

.subcategories_normal .item h2
{
    margin-top: 0;
}

.subcategories_normal .item h2 a
{
    margin-top: 0;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
	text-decoration: underline;
}

.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;
	font-size: 7.5pt;
}

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

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

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

.subcategories_shortened .item .box
{
	font-size: 7.5pt;
    text-align: center;
	width: 160px;
	height: 180px;
	padding: 10px;
	border: solid 2px #eee;
}

.subcategories_shortened .item .box:hover
{
	border: solid 2px #aaa;
	cursor: pointer;
}

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

.subcategories_shortened .item h2
{
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

.subcategories_shortened .item h2 a
{
    font-weight: bold;
    color: #000;
}

.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
{
    font-size: 8pt;
}

.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: red;
	font-weight: bold;
	font-style: normal;
	font-size: 9pt;
}

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

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

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

.product div.imagecolumn .imageviewer
{
    float: right;
}

.product div.imagecolumn .singleimage
{
    float: right;
}

.product div.imagecolumn .largeview
{
}

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

.product div.textcolumn 
{

}

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

.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: 15px;
	padding-bottom: 15px;
	border-bottom: 1px grey dashed;
}

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

.products_normal .item .details
{
    display: inline-block;
    width: 75%;
    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-size: 9pt;
    font-weight: bold;
    color: #000;
    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: red;
	font-weight: bold;
	font-style: normal;
	font-size: 7.5pt;
}

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

.products_normal .item .link2
{
}

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

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

.products_shortened .item .box
{
	font-size: 7.5pt;
    text-align: center;
	width: 160px;
	height: 180px;
	border: solid 2px #eee;
}

.products_shortened .item .box:hover
{
	border: solid 2px #ccc;
	cursor: pointer;
}

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

.products_shortened .item h2
{
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

.products_shortened .item h2 a
{
    font-weight: bold;
    color: #000;
	text-decoration: underline;
}

.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;
	font-size: 7.5pt;
}

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

.products_tabular .item 
{
	padding: 1px 0 0 0;
	text-align: center;
}

.products_tabular .item .imageblock
{
    text-align: center;
    float: none;
    margin: 0 auto 0 auto;
    overflow: visible;
    width: 75px;
}

.products_tabular .item .details h2
{
    margin: 5px 0 0 0;
}

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

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

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

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

.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: 370px;
    text-align: left;
    overflow: visible;
}

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

.products_extended .item h2 a
{
    margin-top: 0;
    padding: 0;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
	text-decoration: underline;
}

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

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

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

.products_extended .item .link2
{
}

/* 
------------------------------------------------------------------------
VERSIONS
------------------------------------------------------------------------
*/
.versions
{
	clear: both;
	margin: 10px 0 10px 0;
}

.versions table {

}

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

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

.versions table tr.headrow th,
.versions table thead tr th,
.versions td {
	text-align: right;
	padding-right: 5px;
}

.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: 5px;
	font-size: 7.5pt;
}

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


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

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

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

.versions td.price 
{
    font-weight: bold;
	color: #090;
	font-size: 8pt;
	width: 80px;
}

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

.versions td.addtobasket {
	white-space: nowrap;
	width: 140px;
}

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

.versions .imageviewer
{
    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 
{
    font-size: 7.5pt;
	padding: 5px;
	text-align: right;
	color: #bbb;
	font-weight: bold;
}

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

.versions span.figure
{
    font-size: 8pt;
	color: #090;
	font-weight: bold;
}

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

.versions .addtobasket 
{
    clear: both;
}

.versions .addtobasket .dropdown {

}

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

.versions .addtobasket div.selector 
{
    display: inline-block;
    width: 120px;
    height: 30px;
}

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

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

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

.options .pad 
{
	background-image: url(Images/element_back.png);
	background-position: top left;
	background-repeat: repeat-x;
}

.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: 7.5pt;
	margin: 0;
}

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

.options .option label.optiontitle 
{
    display: inline-block;
    color: #000;
    font-size: 7.5pt;
    font-weight: bold;
    width: 130px;
	float: left;
}

.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;
    font-size: 7.5pt;
    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;
	background-image: url(Images/element_back.png);
	background-position: top left;
	background-repeat: repeat-x;
}

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

#section_quantitydiscounts table 
{
    border-bottom: solid 1px #eee;
}

#section_quantitydiscounts th.name  
{
    text-align: left;
    color: #000;
    font-size: 8pt;
}

/* 
========================================================================
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: 100%;
}

.search .results
{
    border-top: solid 3px #ddd;
	padding-top: 10px;
	margin-top: 10px; 
}

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

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

.search .results .products_classicsearch
{
    padding: 3px 0 7px 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 10px 0;
    overflow: visible;
    width: 75px;
}

.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: #090;
    padding: 5px 0 5px 0;
}

/* 
========================================================================
KNOWLEDGEBASE
========================================================================
*/
#knowledgebase .inputform
{
    border-top: solid 3px #ddd;
    border-bottom: solid 3px #ddd;    
    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;
    font-size: 7.5pt;
}

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

#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
{
    font-size: 7.5pt;
    color: #999;
    padding-bottom: 5px;
}

#supporttickets textarea
{
    width: 100%;
}

/* 
========================================================================
REVIEWS AND CROSS-SELLING
========================================================================
*/
.reviews {
	padding-top: 5px;
	margin: 5px 0 10px 0;
	text-align: left;
}

.reviews .box 
{

}

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

.reviews h2 a
{
	color: #d30;
	margin-bottom: 8px;
}

.reviews .review 
{
	margin: 0 0 3px 0;
	background-image: url(Images/element_back.png);
	background-position: top left;
	background-repeat: repeat-x;
}

.reviews .review .pad
{
	padding: 10px 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: #090;
}

.reviews .review strong {
	color: #000;
}

/* Review add page */
.addreview div.Kartris-DetailsView 
{
    width: auto;
}

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

.addreview form strong {
	display: block;
}

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

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

.addreview h3 {
	color: #000;
	font-weight: bold;
	font-size: 8pt;
}


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

/* 
========================================================================
PRODUCT PROMOTIONS
========================================================================
*/
.promotions {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.promotions .promotion {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotions .promotion .box 
{
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

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

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

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

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

}

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

.comparison .items 
{
    border-top: solid 3px #ddd;
    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;
	font-size: 8pt;
	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: #090;
	font-size: 7.5pt;
	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;
	font-size: 7.5pt;
	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;
    font-size: 8pt;
}

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

/* 
========================================================================
CARRY ON SHOPPING / CROSS SELLING
========================================================================
*/

/* 
========================================================================
CARRY ON SHOPPING - NEIL ADDITION FOR MULTIFORMAT
========================================================================
*/

.carryonshopping .item
{
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #ccc;
}

.carryonshopping .item .box
{
  text-align: center;
	width: 140px;
	height: 130px;
	padding: 3px;
}

.carryonshopping .item h2 a{
    font-size: 8pt; 
    font-weight: normal;
    
}

.carryonshopping .item h2 a:hover{
    font-size: 8pt;
    font-weight: normal;
    color: black;
}



/* 
========================================================================
CHECKOUT
========================================================================
*/
/* shipping */
#checkout span.ship_currency
{
    display: block;
    font-size: 7.5pt;
	padding: 5px;
	text-align: left;
	color: #bbb;
	font-weight: bold;
    padding: 5px 0 5px 0;
}

#checkout span.ship_currency span.figure
{
    font-size: 8pt;
	color: #090;
    font-weight: bold;
    padding: 0 0 0 5px;
}

#checkout span.free
{
    font-size: 8pt;
	color: #090;
    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: 190px;
	margin: 0 20px 0 0;
	overflow: hidden;
	float: left;
}

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

#checkout .checkoutaddress .noaddress 
{
	width: 90%;
	height: 100px;
	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 .baskettable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 2px;
    border-top: solid 2px #ccc;
    margin-bottom: 10px;
}

.basket .baskettable td
{
    color: #000;
    vertical-align: top;
    background-color: #fff;
	border-top: solid 1px #fff;
	padding-left: 5px;
}

.basket .baskettable th
{
    background-color: #fff;
	border-bottom: solid 1px #eee;
	border: none;
}


.basket .baskettable td.name strong
{
    display: block;
    padding: 0 0 3px 0;
}

.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
{
    min-height: 30px;
}

.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: 8pt;
    color: #000;
}

.basket table.baskettable tr td div.details
{
    display: block;
	font-size: 7.5pt;
    color: #777;
    vertical-align: top;
    width: 100%;
    margin: 0;
}

.basket table.baskettable tr td div.details div.info
{
    display: block;
    padding: 0 0 3px 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;
}

.basket td.quantity 
{
	vertical-align: top;
	width: 50px;
	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;
	margin-top: 0px;
	margin-right: 3px;
}

.basket td.extax,
.basket td.inctax,
.basket td.tax,
.basket td.price
{
    font-weight: bold;
    color: #090;
    width: 75px;
	font-size: 8pt;
	vertical-align: top;
}

.basket td.total
{
    font-weight: bold;
    color: #f00;
    width: 70px;
	font-size: 8pt;
}

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

.basket .applycoupon td label
{
	color: #000;
	font-size: 8pt;
	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-top: 8px;    
}

.basket .promotions 
{
    margin-top: 15px;
    border-top: solid 3px #ddd;
}

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

.basket .links div {
	width: 30%;
	margin: 10px 10px 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;
	font-size: 8pt;
	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;
    font-size: 7.5pt;
    text-align: left;
}

/* 
========================================================================
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;
    font-size: 8pt;
}

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

#news div.news_lastupdated
{
	color: #666;
	font-size: 7pt;
    padding: 0 0 5px 0;
}

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

#news #summary ul li
{
	padding: 0 0 5px 0;
	background-image: url(Images/element_back.png);
	background-position: top left;
	background-repeat: repeat-x;
}

.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
{
    display: block;
    width: 90px;
	margin: 5px 0 5px 0;
	color: #666;
	font-size: 7pt;
	float: left;
}

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

.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: #090;
	font-size: 8pt;
}

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

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

/* 
========================================================================
Neil's additions
========================================================================
*/

#description { 
  padding: 0;
  margin: 0;  } 

#description ul { 
  padding:0;
  margin: 0 0 10px 0;
  } 
 
#description li {
  } 

#description ul li:before {
	content: "\00BB \0020";
}

#news .news_text ul li:before {
	content: "\00BB \0020";
}

.shippingzone {
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	border: thin dashed #999999;
}

.shippingzone li{
        margin-bottom:5px;
}

.shippingzone img{
        margin-right : 3px;
}

.shippingzonepricetable{
        border-collapse:collapse;
        border: 1px solid #CCCCCC;
        width : 400px;
}

.shippingzonepricetable tr td{
        width: 50%;
        font-weight: bold;
        border: 1px solid #CCCCCC;
        background-image: none;
}

#ctl00_cntMain_UC_BasketView_UC_ShippingMethodsDropdown_ddlShippingMethods{
   display: none;
}

#contact .contactimg{
   margin-right: 20px;
}

#contact .submitbuttons{
   border-top: none;
   margin-top: none;
   margin-bottom: 10px;
   border-bottom: thin dashed #999999;
   padding-top: none;
}

#contact input.button{
   margin-left: 140px;
}

.versions table tr td{
   border-top: 1px dashed #cccccc;
   padding-top: 5px;
   padding-bottom: 5px;
}

#featuredproducts .products_tabular .item {
	padding: 5px 0 0 0;
}

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

#featuredproducts .item .box{
  text-align: left;
}

#statuslabel{
	color: #666;
}

.quote {
       border:1px dashed #cccccc;
       background: #f6f6f6;
       margin-bottom: 15px;
       margin-top: 15px;
       padding-top: 10px;
       padding-left: 40px;
       padding-right: 40px;
       padding-bottom: 10px;
       font-style:normal;
       font-variant:normal;
       font-weight:normal;
       font-size:13px;
       font-family:Arial;
       line-height: 155%;
    }

.quote div {
     padding-right: 40px;
     padding-bottom: 40px;
    }