/* 
========================================================================
SECTION
========================================================================
*/
.section                                { margin: 0; padding: 10px 0 10px 0; width: 100%; }
/* 
========================================================================
PAGE - Home page and custom page (CMS)
========================================================================
*/
.custompagetext                         { margin-top: 5px }
#homepage div.chunk ul                  { list-style: none; margin: 0; padding: 0; }
#homepage div.chunk ul li               { padding: 0 5px 5px 0 }
#homepage .news ul div.news_lastupdated,
#homepage .news ul div.news_datecreated { display: block; margin: 5px 0 5px 0; color: #999; }
#homepage .news ul div.news_link        { font-weight: bold; margin: 5px 0 5px 0; }
#homepage .news ul div.news_text        {  }
/* 
========================================================================
CATEGORY - Single page category
========================================================================
*/
.category .main                         { display: block; padding: 2px 0 5px 0; border: 0; }
.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 */ }
.category-pad                           { font-family: 'Open Sans',"Segoe UI Light",Arial,Sans-Serif; padding: 0 0.9375em; font-size:115%; margin-bottom:10px;}
.category-pad h1                        { font-size:185%;}
/* 
========================================================================
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 h2 a                     { color: #0C314B; }

/* 
------------------------------------------------------------------------
SUBCATEGORIES - NORMAL FORMAT
------------------------------------------------------------------------
*/
.subcategories_normal                   { padding-top: 0 }
.subcategories_normal .item             { padding: 3px 0; border-top: solid 1px #888; }
.subcategories_normal .item .imageblock { text-align: center; float: left; width: 170px; overflow: visible; display: inline-block; margin: 10px 30px 0 0; }
.subcategories_normal .item .details    { }
.subcategories_normal .item h2          { font-size: 110%; margin: 10px 0 0 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     { display: inline-block; font-size: 90%; margin: 0 0 10px 0; }
/* 
------------------------------------------------------------------------
SUBCATEGORIES - SHORTENED FORMAT
------------------------------------------------------------------------
*/
.subcategories_shortened                    { }
.subcategories_shortened .item              { text-align: center; width: 200px; height: 260px; border: solid 1px #888; background-color: #fff; display: inline-block; float: left; margin: 5px 6px 5px 4px; }
.subcategories_shortened .item .box         { }
.subcategories_shortened .item .box .pad    { overflow: hidden; padding: 10px; text-align: center; }
.subcategories_shortened .item h2           { margin: 0; padding: 0; }
.subcategories_shortened .item h2 a         { font-size: 80% }
.subcategories_shortened .item .imageholder { display: block; margin: 0 auto; padding-bottom: 10px; }
.subcategories_shortened .imagelink         { display: block; float: left; margin: 0 0 10px 0; text-align: center; }

/* 
------------------------------------------------------------------------
SUBCATEGORIES - LINK FORMAT
------------------------------------------------------------------------
*/
.subcategories_link                     { padding: 10px 0 10px 0 }
.subcategories_link a                   { display: inline-block; white-space: nowrap; margin-bottom: 5px; padding:0 10px 0 0; }
.subcategories_link a:hover             { text-decoration:underline; }
/* 
------------------------------------------------------------------------
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: #888; font-weight: bold; font-size: 110%; font-style: italic; }
.product #description                   { margin: 0 0 15px 0px }
.product div.imagecolumn                { margin: 0 0 15px 0; padding: 10px 20px 0 0; }
.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                 { padding: 0 0 20px 10px; }
.product div.versions-holder            { float: right; }
.product .section_promotions            { }
.product .social-icons                  { margin: 10px 0; display:block;}
.product .eea                           { text-align:right; color: #AF3E27; }
.product .trustpilot-box                { clear: both; padding:10px; border: solid 1px #ccc;}
.product .trustpilot-box a              { display:block;}
.product .trustpilot-box p              { word-break: break-all;}
.product .trustpilot-box .count         { margin:-8px 0 0 0; padding-bottom: 5px;}
.product .trustpilot-box .header        { font-size:130%; color: #0C314B; border-bottom: solid 1px #ccc; padding-bottom:10px; word-break:normal; }
.product .trustpilot-box .top .trustpilot-logo
                                        { width: 140px;}
.product .trustpilot-box .stars         { width:85px; margin-bottom: 15px;}
.product .trustpilot-box .author        { float:left;}
.product .trustpilot-box .date          { float: right;}
.product .trustpilot-box h3             { font-weight:bold; font-size:110%;}

.product .tweet-button                  { margin-top:5px;}
/* 
========================================================================
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 h2 a                          { color: #0C314B; }
/* 
------------------------------------------------------------------------
PRODUCTS - NORMAL FORMAT
------------------------------------------------------------------------
*/
.products_normal                        { padding-top: 0px }
.products_normal .item					{ padding: 3px 0; border-top: solid 1px #888; }
.products_normal .item .imageblock      { text-align: center; }
.products_normal .item .details         { }
.products_normal .item .details h2      { font-size: 110%; 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: normal; padding: 0 0 10px 0; }
.products_normal .item .strapline       { display: block; margin: 4px 0px 4px 0px; padding: 0; color: #888; font-weight: normal; }
.products_normal .item p.description    { padding: 0 0 0 0 }
.products_normal .item a.link2          { display: inline-block; font-size: 90%; margin: 0 0 10px 0; }
/* 
------------------------------------------------------------------------
PRODUCTS - SHORTENED FORMAT
------------------------------------------------------------------------
*/
.products_shortened                     { }
.products_shortened .item               { margin-bottom:10px; text-align: center; width: 100%; height: 270px; border: solid 1px #DDD; background-color: transparent; display: inline-block; float: left; }
.products_shortened .item:hover         { border-color:#0C314B;}
.products_shortened .item .box          { }
.products_shortened .item .box .pad     { overflow: hidden; padding: 10px; text-align: center; }
.products_shortened .item h2            { margin: 0; padding: 0; line-height: 16px; max-height:70px; overflow:hidden; }
.products_shortened .item h2 a          { 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: normal; font-size:120%; }
/* 
------------------------------------------------------------------------
PRODUCTS - TABULAR FORMAT
------------------------------------------------------------------------
*/
.products_tabular .item               { display: inline-block; padding: 0; margin: 0; }
.products_tabular .item .imageblock   { margin: 0; }
.products_tabular .item .box          { text-align: center; height: 230px; border: solid 1px #ccc; margin: 5px 0;}
.products_tabular .item .box .pad     { overflow: hidden; padding: 10px; text-align: center; }
.products_tabular .item h2            { margin: 0; padding: 0; line-height: 15px; font-weight: bold; font-size: 100%; }
.products_tabular .item .imageholder  { display: block; margin: 0 auto; padding-bottom: 10px; }
/* 
------------------------------------------------------------------------
PRODUCTS - IMAGE ONLY FORMAT
------------------------------------------------------------------------
*/
.products_imageonly                     { padding-top: 0px; }
.products_imageonly .item               { display: inline-block; width: 76px; float: left; border: solid 1px #888; margin: 3px 8px 3px 0; padding: 3px; background-color: #fff; text-align: center; }
.products_imageonly .box                { background-color: #333; text-align: center; }
.products_imageonly img                 { margin: 0 auto; float: none; }
/* 
------------------------------------------------------------------------
PRODUCTS - EXTENDED FORMAT
------------------------------------------------------------------------
*/
.products_extended                      { padding-top: 0 }
.products_extended .item                { padding: 10px 0; border-top: solid 1px #888; }
.products_extended .item .imageblock    { text-align: center; float: left; width: 170px; overflow: visible; display: inline-block; margin: 0 30px 0 0; }
.products_extended .item .details       { }
.products_extended .item h2             { font-size: 110%; margin: 10px 0 0 0; margin: 0; padding: 0; }
.products_extended .item h2 a,
.products_extended .item h2 a:hover		{ margin-top: 0; font-weight: bold; text-decoration: none; }
.products_extended .item .strapline     { display: block; margin: 4px 0px 4px 0px; padding: 0; color: #888; font-weight: normal;  }
.products_extended .item p.description  { padding: 0 }
.products_extended .item a.link2        { font-size: 90% }
.products_extended .item .versions		{ width:100%; margin: 10px 0 0 0; }
/* 
------------------------------------------------------------------------
VERSIONS
------------------------------------------------------------------------
*/
.versions                               { margin: 10px 0 10px 0; width: 100%; }
.versions table                         { border: none; margin: 0; }
.versions table tr.description          { }
.versions table tr td                   { text-align: right; padding-right: 5px; vertical-align: middle; }
.versions table tr.description td       { border: none }
.versions table tr.headrow th,
.versions table thead tr th             { 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: 4px 0 15px 0; display: block; color: #ccc; }
.versions .description .imageholder     { float: left; margin: 0 10px 10px 0; }
/* --- cells (td only) --- */
.versions th.price                      { white-space: nowrap; }
.versions td.info                       { color: #777 }
.versions td.info .name                 { font-weight: normal; color: #0C314B; }
.versions td.rrp                        { font-weight: normal; color: #f55; width: 10%; white-space: nowrap; text-decoration: line-through; }
.versions td.price                      { font-weight: bold; color: #319809; width: 10%; white-space: nowrap; }
.versions td.price.extax                { font-size:90%; color: #CB2B0C; }
.versions td.addtobasket img            { float: none }
.versions td.addtobasket                { padding-left:15px; white-space: nowrap; width: 10%; }
.versions td.addtobasket div            { background-color: transparent; background-image: none; display: inline; }
.versions .imageviewer_holder           { float: left; margin: 0 10px 0 0; }
.versions .cancustomizetag,
.versions td.addtobasket div.cancustomizetag
                                        { vertical-align: middle; display: inline-block; width: 15px; height: 15px; background-image: url(Images/icon_customizable.png); background-position: top left; background-repeat: no-repeat; float: left; margin: 5px 5px 0 5px; }
/* --- versions in dropdown format --- */
.versions .prices                       { text-align: right; color: #666; text-transform: uppercase; }
.versions span.inctax                   { margin-left: 5px }
.versions span.figure                   { color: #090; font-weight: bold; font-size: 130%; }
.versions .extax span.figure                   { font-weight: normal; font-size: 115%; }
.versions .line                         { text-align: right; padding: 5px 0 5px 5px; }
.versions .addtobasket                  { clear: both }
.versions .addtobasket .dropdown        { width: 45px; background-color: #ddd; color: #111; padding: 1px 0 3px 5px; margin: 0; }
.versions .addtobasket .textbox         { width: 30px }
.versions .addtobasket div.selector     { white-space: nowrap; text-align: right; 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 1px #ccc }
.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; margin: 0; }
.options .option label                  { display: block; float: left; margin-right: 5px; text-align: left; }
.options .option label.optiontitle      { display: inline-block; color: #0C314B; font-weight: normal; float: left; }
.options .option label.optiontitle span.optiondesc
                                        { display: block; font-weight: normal; color: #999; }
.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; width: 20px; }
.options .option ul.radiobuttonlist li  { }
.options .highlight_error               { padding: 0 5px 0 3px; display: inline-block; color: #fff; font-weight: bold; text-decoration: blink; background-color: #f00; border-radius: 3px; }
.boxinset .addtobasket .prices			{ display: block; text-align: right; }
.options div.addtobasket img            { float: none; text-align: right; }
div.addtobasket                         { width: auto; text-align: left; padding: 5px 0 5px 5px; }
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: #fff; 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: #090; font-weight: bold; }
#section_quantitydiscounts p            { margin: 0 0 20px 0 }
/* 
========================================================================
SEARCH
========================================================================
*/
.search .inputform                      { padding: 0; height: 40px; }
.search .inputform .small               { width: 50px; text-align: right; }
.search .inputform span                 { display: inline; float: none; margin: 0px 5px 0px 5px; }
.search .inputform input                { display: inline;  }
.search .inputform div.advanceline      { margin: 5px 0px 0px 5px; display: block; }
.search .results                        { border-top: solid 1px #888; padding-top: 10px; margin-top: 5px; }
.search .results #searchsummary         { padding: 0; margin: 0; color: #999; }
.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: 70px; }
.search .results .products_classicsearch .item .details
                                        { float: left; }
.search .results .products_classicsearch .item h2
                                        { font-size: 110%; padding: 0; margin: 0 0 3px 0; }
.search .results .products_classicsearch .item h2 a
                                        { color: #437598; font-weight: normal; text-decoration: underline; }
.search .results .products_classicsearch .item .highlight
                                        { background-color: #CB5C00; color: #fff; }
.search .results .products_classicsearch .item .minprice
                                        { font-weight: normal; color: #319809; padding: 5px 0 5px 0; }
/* 
========================================================================
KNOWLEDGEBASE
========================================================================
*/
#knowledgebase .inputform               { 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: #999; }
#knowledgebase .results #searchsummary strong
                                        { color: #eee }
#knowledgebase .results .item           { padding: 5px 0 5px 0; max-width: 630px; }
#knowledgebase .results .item h2 a      { font-size: 80%; color: #59d; font-weight: normal; text-decoration: underline; }
#knowledgebase .results .item .highlight
                                        { background-color: #d40; color: #fff; }
#knowledgebase .summary                 { color: #aaa; font-weight: normal; padding: 0 0 10px 0; }
#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: 100px }
#supporttickets td.closed               { width: 100px }
#supporttickets td.selectfield          { width: 55px; text-align: right; }
#supporttickets div.userreply           { margin: 10px 0 5px 0; padding: 3px 15px 10px 15px; background-color: transparent; }
#supporttickets div.ownerreply          { margin: 10px 0 5px 0; padding: 3px 15px 10px 15px; background-color: #111; }
#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: #f50 }
/* 
========================================================================
REVIEWS AND CROSS-SELLING
========================================================================
*/
.reviews                                { margin: 0 0 10px 0 }
.reviews .reviews_list                  { margin: 5px 0 20px 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: block; margin-right: 2px; width: 100%; }
.reviews .review .reviewer              { padding: 2px 0 5px 0; font-style: italic; color: #888; }
.reviews .review .date                  { float: right; color: #090; }
.reviews .review strong                 { font-size: 110%; font-style: italic; color: #fff; }
/* Review add page */
.addreview                              { margin: -2px 0 10px 0 }
.addreview form strong                  { display: block }
.addreview form p                       { margin: 0px 0px 5px 180px }
.addreview textarea                     { height: 100px; }
.addreview h3                           { }
/* 
========================================================================
PRODUCT ATTRIBUTES
========================================================================
*/
.attributes                             { width: auto; margin: 5px 0 25px 0; display: block; }
/* 
========================================================================
PRODUCT PROMOTIONS
========================================================================
*/
.section_promotions  img                { float:right; margin-top: -30px;}
.section_promotions .promotion          { display: inline; }
.section_promotions .promotion p        { color: #fff; font-size: 120%;}
.section_promotions .promotion .box     { width: 100%; margin: 0; background-color:#CB2B0C;}
.section_promotions .promotion .box .pad
                                        {line-height:normal; padding: 10px 30px; overflow: hidden;  height:60px; margin-top:25px; display:table-cell; vertical-align:middle; }
.section_promotions .promotion .box .pad strong
                                        {display:inline-block; vertical-align:middle; color: #fff; font-weight:normal; font-family: 'Open Sans',"Segoe UI Light",Arial,Sans-Serif; font-size: 150%}
.section_promotions a                   { text-decoration: none; color: #FFF; text-decoration:underline; }
.section_promotions a:hover             { color:#0C314B;}
.section_promotions .promotion .box .pad .imageblock
                                        { float: left; margin: 0 20px 0 0px; width: 70px; text-align: center; }
.section_promotions .promotion .box .pad .imageblock img
                                        { float: none }
/* 
========================================================================
PRODUCT COMPARISON
========================================================================
*/
.comparison                             { }
.comparison p                           { margin: 0 0 20px 0 }
.comparison .items                      { }
.comparison .item                       { text-align: center; }
.comparison .item h2                    { font-size: 105%; margin: 0 0 0 0; padding: 0; height: 30px; }
.comparison .item h2 a                  { color: #fff; }
.comparison .item .imageblock           { float: none; margin: 0 0 5px 0; }
.comparison .item p.minprice            { font-weight: bold; color: #090; 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: #0C314B }
#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                        { margin: 30px 0 0 0; border-top: solid 1px #ccc}
/* 
========================================================================
ADDRESSES
========================================================================
*/
.address                                { padding: 0 0 10px 0 }
.address .inputform div.Kartris-DetailsView-Value
                                        { width: 260px; }
.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 .baskettable tr th.name         {  }
.basket table.baskettable tr td         { border-bottom: solid 1px #ccc; }
.basket .products_imageonly             { margin-top: 8px; }
.basket td.image_cell                   { width: 70px; text-align: center; padding: 0 10px 5px 5px; }
.basket .extax,
.basket .inctax,
.basket .price,
.basket .quantity,
.basket .remove                         { width: 10%; text-align: right; white-space: nowrap; }
.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: #0C314B; }
.basket table.baskettable tr td div.details
                                        { display: block; width: 100%; margin: 0; }
.basket table.baskettable tr td div.details div.info
                                        { display: block; padding: 0 0 2px 0; }
.basket table.baskettable tr td div.info
                                        { padding: 0px 5px 1px 0px;  }
.basket table.baskettable tr.product_row td div.info
                                        {  }
.basket td.quantity                     { vertical-align: top; width: 10%; 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: #319809; width: 10%; font-size: 100%; vertical-align: top; white-space: nowrap;}
.basket td.extax                        { font-weight:normal; color:#CB2B0C;}
.basket td.total                        { font-weight: bold; color: #319809; width: 20%; font-size: 110%; white-space: nowrap; }
.basket .remove                         { width:1%; }
.basket td.remove a.basket_delete_button
                                        { margin-top: 2px; display: block; height: 24px; width: 24px; background-image: url(Images/trashcan.png); background-position: top left; background-repeat: no-repeat; }
.basket .applycoupon td label           { color: #0C314B; 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              { vertical-align:bottom; font-size:140%; }
.basket table tr.totals #totaltaxrow,
.basket table tr.totals #totallabel     { text-align: right }
.basket table tr.totals .total			{ font-size: 180% }
.basket .controls                       { text-align: right; margin: 8px 0 20px 0; }
.basket .promotions                     { margin: 10px 0 10px 0 }
.basket .links                          { display: none; 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 tr.shippingrow div.smallupdateprogress
                                        { float: left; margin-top: -20px; }
.basket tr.couponrow div.smallupdateprogress
                                        { }
.basket table .totals                   { border-bottom: solid 1px #eee; }
.basket table.baskettable tr.footerrow td
                                        { background: none; font-weight: bold; color: #319809; 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; }
.basket table.baskettable tr.footerrow td span.totallabel
                                        { float: left; width: 150px; color: #666; text-align: left; }
#shippingestimate                       { margin: 15px 0 30px 0; }
#shippingestimate select                { }
#shippingestimate table                 { margin: 10px 0 0 0 }
#shippingestimate table td.name         { font-weight: bold; color: #0C314B; padding-right: 16px; }
#shippingestimate table td.datafield    { padding-right: 12px }
/* 
========================================================================
CHECKOUT
========================================================================
*/
/* shipping */
#checkout .basket table.baskettable tr.product_row td div.info
                                        { }
#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: #090; font-weight: bold; padding: 0 0 0 5px; }
#checkout span.free                     { color: #090; font-weight: bold; padding: 0; }
#checkout span.extax,
#checkout span.inctax                   { padding-right: 10px }
#checkout textarea                      { width: 100% }
#checkout span.checkbox                 { display: inline-block; padding: 10px 0 10px 0; }
#checkout span.checkbox label           { max-width: 300px }
#checkout .checkoutaddress              { height: 240px; }
#checkout #confirmation .checkoutaddress
                                        { height: 180px }
#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 }
#checkout .basket th.total,
#checkout .basket td.total              { width: 10%; }
#checkout select                        { font-size:120%;}
#checkout .checkbox input[type="checkbox"]
                                        { margin-top:3px;}
#checkout .paymentmethod img            { height:35px;}
#checkout .paymentmethod label          { vertical-align:middle;}
#checkout .paymentmethod .title         { margin-bottom:25px;}
#checkout .paymentmethod .Kartris-RadioButtonList ul li
                                        { height:60px;}
#checkout .paymentmethod .Kartris-RadioButtonList ul li input
                                        { float:none;}
#checkout h2.title                      { padding: 5px 0; border-top: 1px solid #0c314b; border-bottom: 1px solid #0c314b;}

/* 
========================================================================
WISHLIST
========================================================================
*/
#page_wishlist		                    { margin-bottom: 30px; }
#page_wishlist table                    { }
#page_wishlist table th                 { }
#page_wishlist table td                 { color: #000; vertical-align: top; background-color: #fff; border-top: solid 1px #fff; background-position: top left; background-repeat: repeat-x; padding: 5px 5px 10px 5px; }
#page_wishlist table td a               { display: block; color: #0C314B; 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; }
#customer .changecustomercode           { margin-bottom: 0; padding-bottom: 0;}
#customer .supporttickets               { margin-bottom: 0;} 
/* 
========================================================================
ORDER HISTORY / MY ACCOUNT
========================================================================
*/
#orderhistory table tr th.number        { width: 45px }
#orderhistory table tr th.orderdate     { width: 130px }
#orderhistory table tr th.lastupdate    { width: 120px }
#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: #999; }
#news div.news_lastupdated,
#news div.news_datecreated              { margin: 5px 0; color: #999; }
#news div.news_text                     { margin: 5px 0 45px 0 }
#news #summary ul li                    { padding: 0 0 10px 0; }
#news #summary ul                       { border-top: solid 1px #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 0; }
#news #summary ul div.news_lastupdated,
#news #summary ul div.news_datecreated  { display: block; width: 100%; 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 0 }
/* 
========================================================================
POPUPS - customization, add to basket, etc.
========================================================================
*/
.popup_customization textarea           { width: 100% }
.popup_customization .price             { font-weight: bold; color: #090; }
.popup_addtobasket                      { width: 350px; height: 120px; max-width: 100%; }
.popup_addtobasket p                    { margin: 0 0 15px 0 }
/* 
========================================================================
HTML EMAIL STYLING
The emails themselves contain this stylesheet, but we include it here
so that email text displayed as order confirmation can be styled to 
match the same format as the email
========================================================================
*/
#mail_container                         { border: solid 1px #999; padding: 20px; width: 600px; max-width: 100%; }
#mail_container p                       { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 13px; font-weight: normal; color: #555; padding: 5px 0; margin: 0; }
#mail_container h1                      { font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, Sans-Serif; font-weight: lighter; font-size: 180%; letter-spacing: 0px; color: #000; margin: 3px 0 10px 0; }
#mail_container h2                      { font-family: "Segoe UI Light", Segoe UI, Arial, Helvetica, Sans-Serif; font-weight: lighter; font-size: 140%; letter-spacing: 0px; color: #000; margin: 8px 0 3px 0; }
#mail_container .line                   { margin-top: 10px; border-bottom: solid 1px #ccc; }
#mail_container table                   { background-color: #eee; border-collapse: collapse; width: 100%; }
#mail_container th                      { background-color: #fff; border-bottom: solid 1px #000; padding: 2px 5px; text-transform: uppercase; font-size: 85%; color: #999; }
#mail_container td                      { border-bottom: solid 1px #ccc; padding: 2px 5px; text-align: right; }
#mail_container .col1                   { text-align: left; }
#mail_container .col2                   { text-align: right; vertical-align: top; }
#mail_container .row_totals strong      { color: #f00; }
#mail_container .row_item .col2         { color: #090; }
#mail_container a                       { font-weight: normal; color: #04d; }