/* 
========================================================================
SECTION
========================================================================
*/
.section                                { margin: 25px 0 0 0; padding: 10px 0; width: 100%; }
/* 
========================================================================
PAGE - Home page and custom page (CMS)
========================================================================
*/
#custompagetext                         { margin: 0px 0 0px 0; font-size: 16px; line-height: 1.75; }
#homepage .chunks.row					{ width: 1200px; max-width: 100%; margin: 0 auto; padding: 10px 30px; }
#homepage div.chunk ul                  { list-style: none; margin: 0; padding: 0; }
#homepage div.chunk ul li               { padding: 0 0 5px 0 }
#homepage .news ul li                   { width: 20%; margin: 0 20px 30px 0; float: left; }
#homepage .news ul div.news_lastupdated,
#homepage .news ul div.news_datecreated { display: block; margin: 5px 0 0 0; color: #000; font-size: 12px; }
#homepage .news ul div.news_link a      { font-size: 15px; font-weight: bold; color: #000; margin: 5px 0 5px 0; }
#homepage .news ul div.news_text        { line-height: 15px; font-size: 13px; }

.orbit-container						{ background-color: transparent!important; /*height: 500px;*/ }
.orbit-container ul li div				{ min-height: 400px; max-width: 100%; width: 1200px; margin: 0 auto; padding: 100px 30px 60px 30px; overflow: hidden; text-align: center; }
.orbit-container ul li div h2 a			{ font-size: 200%; color: #000; }

/* 
========================================================================
FEATURED PRODUCTS / NEW PRODUCTS
========================================================================
*/
#featuredproducts .products_carousel	{  }
#newestitems .products_tabular			{ padding: 20px 0 0 0; }
/* 
========================================================================
CATEGORY - Single page category
========================================================================
*/
.category .main                         { display: block; padding: 2px 0 5px 0; border: 0; }
.category .main .imageviewer_holder     { text-align: center; float: left; margin: 0 30px 20px 0; overflow: visible; width: 150px; }
.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 */ }

.page_category .ajax__tab_tab			{ }
.page_category .ajax__tab_default .ajax__tab_header
										{ border-bottom: solid 1px #999; }
.page_category .ajax__tab_outer			{ }
.page_category .ajax__tab_default .ajax__tab_body
										{ background-color: transparent; padding: 0; border: none;  }
.page_category .ajax__tab_active .ajax__tab_outer
										{ border: solid 1px #999; background-color: transparent; border-bottom: solid 1px #f2f2f2; color: #999; font-weight: bold; }
/* 
========================================================================
CATEGORY FILTERS - if you have the PowerPack installed
========================================================================
*/
.page_category #filterbar_pad				{ padding: 3px 10px 10px 0; background: #fff; }
.page_category #customprice					{ padding: 5px 0; }
.page_category .filterattributes			{ padding: 15px 0 10px 0; }
.page_category .shorttext					{ display: inline-block; }
.page_category select,
.page_category input						{ margin: 1px 0 3px 0; }
.page_category label,
.page_category span.attribute_title			{ font-size: 11px; text-transform: uppercase; display: inline-block; letter-spacing: 0px; color: #777; margin-bottom: 3px; font-weight: normal; vertical-align: top; }
.page_category .filterbar table				{ margin: 0 0 10px 0; background: none; border-bottom: solid 1px #ccc; }
.page_category .filterbar table tr td		{ background: #fff; padding: 1px; border: none; }
.page_category .filterbar table tr td label	{ color: #333; text-transform: none; font-size: 100%; }
.page_category .description					{ padding: 10px 0 40px 0; }
/* 
========================================================================
SUBCATEGORIES - Multiple categories/subcategories per page listing
========================================================================
*/
.subcategories                          { padding: 10px 0px 10px 0px; overflow: visible; }
.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: #000;}
/* 
------------------------------------------------------------------------
SUBCATEGORIES - NORMAL FORMAT
------------------------------------------------------------------------
*/
.subcategories_normal                   { padding-top: 0 }
.subcategories_normal .item             { padding: 20px 20px 0 20px; /* border: solid 1px #ccc; */ background-color: #fff; margin-bottom: 30px; border-radius: 14px; box-shadow: 0px 0px 10px 0px #dddddd; }
.subcategories_normal .item  .item		{ box-shadow: none;}
.subcategories_normal .item .imageblock { text-align: center; margin-top: 5px; }
.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                     { margin-top: 10px; }
.subcategories_shortened .item               { background-color: #fff; text-align: left; width: calc(25% - 10px); display: inline-block; float: left; margin: 0 10px 10px 0; position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0px 0px 10px 0px #dddddd; /*border: solid 1px #ccc; */}
.subcategories_shortened .item:before        { content: ""; display: block; padding-top: calc(100% + 95px); }
.subcategories_shortened .item .box          { }
.subcategories_shortened .item .box .pad     { overflow: hidden; padding: 10px; }
.subcategories_shortened .item .details      { background-color: #fff; color:#000; padding: 0; margin: 30px 0 0 0; padding: 10px; text-align: center; bottom: 0; position: absolute; width: 100%; overflow: hidden; height: 20%; }
.subcategories_shortened .item .details h2   { font-size: 100%; font-weight: bold; letter-spacing: 0px; padding: 10px 0 0 0; line-height: 1.1; }
.subcategories_shortened .item .imageholder  { background-color: transparent; position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; text-align: center; width: auto !important; }
.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: 10px 0; }
.subcategories_text h2                  { }
.subcategories_text .item .pad          { background: none; border: none; padding: 10px 0; margin: 0; }
.subcategories_text .item .pad p        { margin: 4px 0 8px 0 }
/* 
========================================================================
PRODUCT - Single page product
========================================================================
*/
.product								{ }
.product #strapline                     { display: block; margin: 0 0 32px 0px; padding: 0; color: #111; font-weight: bold; font-size: 110%; font-style: italic; }
.product #description                   { margin: 0 0 15px 0px }
.product div.imagecolumn                { margin: 0 0 40px 0; padding: 10px 20px 0 0 !important; }
.product div.imagecolumn div.pad        { padding: 10px 0 10px 0 }
.product div.imagecolumn .imageholder   { width: calc(100% - 80px); margin-left: 80px; }
.product div.imagecolumn.showlargeimageinline .imageholder
										{ width: 100%; margin: 0; /* centres the image */}
.product div.imagecolumn .imageholder img 
										{ border: solid 1px #ccc; background-color: #fff; padding: 5px; }
.product div.imagecolumn .media_gallery { width: calc(100%); }
.product div.imagecolumn .media_gallery h2
										{ border-top: solid 1px #ccc; padding: 15px 0 0 0; margin-top: 15px; }
.product div.imagecolumn .media_gallery .media_links
										{ border: solid 1px #ccc; background-color: #fff; padding: 5px; margin: 0 0 5px 0; }
.product div.imagecolumn .media_gallery .media_links audio
										{ background: transparent; }
audio::-webkit-media-controls-enclosure,
video::-webkit-media-controls-enclosure {
	height: 20px;
	background: transparent;
}
.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 div.spectable                  { color: #333; font-family: 'Lucida Sans Unicode','Courier New;'; white-space: pre; } /* Imported specs field from CactuShop */

.product .clearing-thumbs				{ position: absolute; top: 10px; left: 0; width: 80px; }
.product .versions .clearing-thumbs		{ position: relative; top: 0px; }
.product .versions .clearing-thumbs li	{ box-shadow: none; position: relative; width: 70px !important; height: 70px !important; margin: 0 3px 3px 0; padding: 0; }
.product .clearing-thumbs li			{ width: 70px; height: 70px; margin: 0 3px 3px 0; padding: 5px; }
.product .clearing-thumbs li a			{ }
/* 
========================================================================
PRODUCTS - Multiple products per page listing
========================================================================
*/
.products                               { padding: 10px 0px 10px 0px; overflow: hidden; }
.products .minprice                     { display: block; font-weight: bold; padding-top: 10px; color: #000; }
.products .pad                          { 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: #000; }
/* 
------------------------------------------------------------------------
PRODUCTS - NORMAL FORMAT
------------------------------------------------------------------------
*/
.products_normal                        { padding-top: 0px }
.products_normal .item					{ padding: 20px 20px 0 20px; border: solid 1px #ccc; background-color: #fff; margin-bottom: 15px; }
.products_normal .item .imageblock      { text-align: center; margin-top: 5px; }
.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
------------------------------------------------------------------------
*/
@keyframes prod-short-in {
	from { background-color: rgba(255,255,255,0.5); height: 65px; }
	to   { background-color: rgba(0,0,0,0.8); height: 60%; color: #fff; }
}
.products_shortened                     { }
.products_shortened .item               { background-color: #fff; text-align: left; width: calc(25% - 10px); display: inline-block; float: left; margin: 0 10px 10px 0; position: relative; border: solid 1px #ccc; }
.products_shortened .item:before        { content: ""; display: block; padding-top: calc(100% + 95px); }
.products_shortened .item .box          { }
.products_shortened .item .box .pad     { overflow: hidden; padding: 10px; }
.products_shortened .item .details      { background-color: #fff; color:#000; padding: 0; margin: 30px 0 0 0; padding: 10px; text-align: center; bottom: 0; position: absolute; width: 100%; overflow: hidden; height: 20%; }
.products_shortened .item .details h2   { font-size: 100%; font-weight: bold; letter-spacing: 0px; padding: 10px 0 0 0; line-height: 1.1; }
.products_shortened .details .minprice  { padding: 3px 0; font-weight: normal; font-size: 90%; }

.products_shortened .item .imageholder  { background-color: transparent; position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; text-align: center; width: auto !important; }
.products_shortened .imagelink          { display: block; float: left; margin: 0 10px 10px 0; text-align: center; }

/* 
------------------------------------------------------------------------
PRODUCTS - TABULAR FORMAT
------------------------------------------------------------------------
*/
@keyframes prod-tab-in {
	from { border-top: none; height: 65px; }
	to   { height: 70%; color: #000; }
}
.products_tabular                       { padding: 0; margin: 30px 0 40px 0; }
.products_tabular .item                 { text-align: left; width: calc(15% - 34px); display: inline-block; float: left; margin: 10px 10px 10px 0; overflow: hidden; position: relative; }
.products_tabular .item:before          { content: ""; display: block; padding-top: 100%; }
.products_tabular .item .box            { padding: 0; }
.products_tabular .item .box .pad       { overflow: hidden; padding: 0; margin: 0 !important; }
.products_tabular .item .details        { display: none; color:#000;  padding: 0; margin: 0; text-align: center; background-color: rgba(255,255,255,0.7); bottom: 0; margin: 0; position: absolute; width: 100%; overflow: hidden; height: 65px; }
.products_tabular .item .details h2     { font-size: 13px; font-weight: bold; letter-spacing: 0px; padding: 10px; line-height: 1.1; }
.products_tabular .details .minprice    { display: none; }
.products_tabular .item:hover .details  { display: block; color: #000; height: 70%; animation-name: prod-tab-in; animation-duration: 0.24s; }
.products_tabular .item:hover .details h2 
										{ color: inherit; }
.products_tabular .item .imageholder    { padding: 10px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; text-align: center; border: solid 1px #ccc; }
.products_tabular .imagelink            { display: block; float: left; margin: 0 10px 10px 0; text-align: center; }
/* 
------------------------------------------------------------------------
PRODUCTS - IMAGE ONLY FORMAT
------------------------------------------------------------------------
*/
@keyframes prod-img-in {
	from { opacity: 0.8;  }
	to   { opacity: 1; }
}
.products_imageonly                     { padding-top: 0px; margin: 30px 0 40px 0; }
.products_imageonly .item               { opacity: 0.8; width: 110px; overflow: hidden; display: inline-block; float: left; margin: 3px 8px 3px 0; text-align: center; }
.products_imageonly .item:hover         { opacity: 1; animation-name: prod-img-in; animation-duration: 0.54s; }
.products_imageonly .box                { background-color: #fff; text-align: center; width: auto !important; border: solid 1px #ccc; padding: 10px; height: auto !important; }
.products_imageonly img                 { margin: 0 auto; float: none; }
/* 
------------------------------------------------------------------------
PRODUCTS - EXTENDED FORMAT
------------------------------------------------------------------------
*/
.products_extended                      { padding-top: 0 }
.products_extended .item                { padding: 20px 20px 1px 20px; border: solid 1px #ccc; background-color: #fff; margin-bottom: 15px; overflow: visible; }
.products_extended .item .imageblock    { text-align: center; margin-top: 5px; }
.products_extended .item .details       { }
.products_extended .item h2             { font-size: 16px; 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 .optionpricing	{ margin: 0 0 0 0; }
.products_extended .item .optionpricing span.callforprice	{ float: left; }
/* 
------------------------------------------------------------------------
PRODUCTS - HOME PAGE CAROUSEL FORMAT
------------------------------------------------------------------------
*/
.products_carousel						{ }
.products_carousel .item				{ text-align: center; width: 210px; float: left; height: 300px; padding: 5px; background-color: #fff; border: solid 1px #ccc; margin-right: 8px; }
.products_carousel .item .details		{ display: block; position: absolute; top: 200px; padding: 0 10px; width: 200px;  }
.products_carousel .item .details h2	{ display: block; font-size: 100%; font-weight: bold; letter-spacing: 0px; padding: 10px 0 0 0; line-height: 1.1; }
.products_carousel .details .minprice	{ padding: 3px 0; font-weight: normal; font-size: 90%; }

/* 
------------------------------------------------------------------------
VERSIONS
------------------------------------------------------------------------
*/
.versions                               { margin: 10px 0 50px 0; width: auto; }
.versions table                         { border: none }
.versions table tr.description          { }
.versions table tr td                   { 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; }
.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 10px 0; display: block; color: #555; }
.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: bold; color: #000; }
.versions td.rrp                        { font-weight: normal; color: #666; width: 10%; white-space: nowrap; text-decoration: line-through; }
.versions td.price                      { font-size: 1.1em; font-weight: bold; color: #000; width: 10%; white-space: nowrap; }
.versions td.extax                      { font-weight: bold; color: #000; width: 10%; white-space: nowrap; }
.versions td.inctax                     { font-weight: bold; color: #000; width: 10%; white-space: nowrap; }
.versions td.tax                        { font-weight: normal; color: #000; width: 10%; white-space: nowrap; }
.versions td.addtobasket img            { float: none }
.versions td.addtobasket                { 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 .imageholder                  { margin: 0; padding: 0; max-width: 100px; max-height: 100px; text-align: left; }
.versions .largeview                    { display: none; }      

.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 0; }
/* --- versions in dropdown format --- */
.versions .prices                       { display: block; min-width: 160px; margin: 40px 0 0 0; color: #999; text-transform: uppercase; min-height: 40px; }
.versions span.tax,
.versions span.price,
.versions span.extax,
.versions span.inctax                   { display: inline-block; padding: 0 0 5px 0; clear: both; font-size: 0.99em; }
.versions span.weight                   { display: inline-block; padding: 0 0 10px 0; font-weight: normal; color: #89a; white-space: nowrap; }
.versions span.rrp                      { display: inline-block; padding: 0 0 10px 0; font-weight: normal; color: #777; white-space: nowrap; text-decoration: line-through; }
.versions span.rrp span.figure          { font-size: 130%; }
.versions span.tax span.figure          { color: #000; float: left; font-weight: normal; font-size: 1.5em; padding: 0 10px 0 0; width: 100px; margin-top: -5px; }
.versions span.price span.figure        { color: #000; float: left; font-weight: bold; font-size: 1.8em; padding: 0 10px 0 0; width: 100px; margin-top: -5px; }
.versions span.extax span.figure        { color: #000; float: left; font-weight: bold; font-size: 1.8em; padding: 0 10px 0 0; width: 100px; margin-top: -5px; }
.versions span.inctax span.figure       { color: #000; float: left; font-weight: bold; font-size: 1.8em; padding: 0 10px 0 0; width: 100px; margin-top: -5px; }
.versions span.callforprice				{ color: #000; float: right; font-weight: bold; font-size: 1.8em; padding: 0 10px 0 0; width: 100px; margin-top: -5px; }
.versions .optionpricing span.callforprice
										{ float: left; }
.versions .line                         { text-align: left; padding: 0 0 0 0; }
.versions .multipleversiondropdown      {  }
.versions .multipleversiondropdown .large-9 select
										{ margin-top: 13px; }
.versions .addtobasket                  { clear: both; }
.versions .addtobasket select           { margin: 3px 0 0 0; width: 450px; max-width: 99%; } /* version name and price */
.versions .addtobasket .dropdown        { width: 45px } /* qty */
.versions .addtobasket .textbox         { width: 45px }
.versions .addtobasket div.selector     { display: block; vertical-align: bottom; padding: 0 0 0 0; margin-top: 10px; }
.versions .addtobasket div.outofstock   { color: #f00; font-weight: bold; }
.versions .addtobasket span.outofstock  { color: #f00; font-weight: bold; }
.versions .addtobasket div.stocknotification
										{ display: block; }
/* 
------------------------------------------------------------------------
OPTIONS
------------------------------------------------------------------------
*/
.options                                { margin-top: 20px; padding-bottom: 20px; }
.options .pad                           { padding: 0 0 0 0; }
.options .addtobasket                   { text-align: right; padding: 5px; clear: both; }
.outofstockmessage em                   { display: block; margin-top: 10px; }
.options .option                        { clear: both; padding: 8px 5px 3px 0; margin: 0; }
.options .option label                  { font-size: 1em; display: block;  }
.options .option label.optiontitle      { display: inline-block; padding: 0 10px 0 5px; color: #000; font-weight: bold; width: 180px; float: left; letter-spacing: 1px; }
.options .option label.optiontitle span.optiondesc
										{ display: block; font-weight: normal; color: #333; line-height: 1em; text-transform: none; letter-spacing: 0px; font-size: 0.9em; margin-bottom: 10px; }
.options table tr td                    { text-align: left; }
.options .option div                    { display: block; margin: 0px; }
.options .option select                 { }
.options .option table.checkboxlist input,
.options .option table.radiobuttonlist input
										{ display: block; float: left; margin-right: 5px; border-style: none; background-color: transparent; width: 16px; }
.options .option ul.radiobuttonlist li label
										{ color: #000; font-size: 85%; }
.options .highlight_error               { font-size: 85%; padding: 0 5px 0 3px; display: inline-block; color: #fff; font-weight: bold; background-color: #000; }
.boxinset .addtobasket .prices			{ display: block; text-align: left; }
.options div.addtobasket img            { float: none; text-align: right; }
div.addtobasket                         { width: auto; text-align: left; }
div.addtobasket .selector 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: #000; 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                        { padding-top: 40px; margin-top: 5px; }
.search .results #searchsummary         { padding: 0; margin: 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
										{ padding-top: 5px; text-align: center; float: left; margin: 0 14px 0 0; overflow: visible; width: 80px; background-color: #fff; box-shadow: rgba(0,0,0,0.1) 2px 2px 2px; }
.search .results .products_classicsearch .item .details
										{ float: left; max-width: calc(100% - 110px); }
.search .results .products_classicsearch .item h2
										{ font-size: 110%; padding: 0; margin: 0 0 3px 0; }
.search .results .products_classicsearch .item h2 a
										{ color: #000; font-weight: normal; text-decoration: none; border-bottom: dashed 1px #000; }
.search .results .products_classicsearch .item .highlight
										{ background-color: #fd6; color: #d30; }
.search .results .products_classicsearch .item .minprice
										{ font-weight: bold; color: #000; 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: #666; }
#knowledgebase .results #searchsummary strong
										{ color: #000 }
#knowledgebase .results .item           { padding: 5px 0 5px 0; max-width: 630px; }
#knowledgebase .results .item h2 a      { font-size: 80%; color: #04d; font-weight: normal; text-decoration: underline; }
#knowledgebase .results .item .highlight
										{ background-color: #fd6; font-style: italic; }
#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 .section                { border: none; }
#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           { border-top: solid 1px #ccc; margin: 10px 0 5px 0; padding: 3px 15px 10px 15px; background-color: #fff; }
#supporttickets div.ownerreply          { border-top: solid 1px #fc5;margin: 10px 0 5px 0; padding: 3px 15px 10px 15px; background-color: #fe9; }
#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 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: #000; }
.reviews .review strong                 { font-size: 110%; font-style: italic; color: #333; }
/* 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                     { border-top: solid 1px #fc5; padding: 10px 0 0 0; }
.section_promotions .promotion          { clear: both; vertical-align: middle; margin: 8px 0px 8px 0px; display: block; }
.section_promotions .promotion .box     { width: 100%; margin: 0; }
.section_promotions .promotion .box .pad
										{ padding: 0; overflow: hidden; }
.section_promotions .promotion .box .pad strong
										{ color: #000 }
.section_promotions a                   { text-decoration: none; color: #777; border-bottom: dotted 1px #777; }
.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 .pad					{ padding: 20px; border: solid 1px #ccc; background-color: #fff; margin-bottom: 15px; }
.comparison .item h2                    { margin-top: 20px; }
.comparison .item h2 a                  { color: #000; }
.comparison .item .imageblock           { margin: 0 auto 10px auto; text-align: center; width: 200px; height: 200px; overflow: hidden; }
.comparison .item p.minprice            {  }
.comparison .item table                 { max-width: 350px; margin: 0 auto; }
.comparison .item table tr td           { }
.comparison .item .removelink           { margin: 10px 0 0 0; text-align: right; }
/* 
========================================================================
LOGIN
========================================================================
*/
#login .recoverpassword                 { margin-top: 30px; padding-top: 10px; }
#login .radio                           { min-height: 120px; }
#login .radio label                     { max-width: 80vw; white-space: normal; }
#login .radio strong                    { color: #000; }
#login .Kartris-DetailsView-Data        { width: 100% }
#login .GDPR .checkbox                  { width: 30px; }

/* 
========================================================================
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 }
.carryonshopping .products				{ }
/* 
========================================================================
ADDRESSES
========================================================================
*/
.address                                { padding: 0 0 10px 0 }
.address .inputform div.Kartris-DetailsView-Value
										{ width: 260px; max-width: 100%; }
.address .inputform .bold               { font-weight: bold }
.address div.phone                      { font-weight: bold; padding: 5px 0 5px 0; }
.address input.shorttext                { width: 80px; }
.address .inputform .lookupbutton       { float: left; }
.address .popup .lookuppopup            { margin-top: -45px; }
.address .lookuppopup h2                { position: relative; margin-left: -10px; }
.address .addresslistbox                { width: 100%; display: block; }
/* 
========================================================================
BASKET (and ORDER DISPLAY in MY ACCOUNT)
========================================================================
*/
#page_basket							{ }
.basket .errors							{ text-align: center; }
.basket .basketwarning                  { display: block; width: auto; border: solid 1px #f00; color: #fff; font-weight: bold; background-color: #f00; padding: 9px 18px; margin: 2px 0 15px 0; }
.basket .baskettable                    { }
.basket .baskettable tr th              { }
.basket .baskettable tr th.name         { }
.basket table.baskettable tr td         { padding-top: 8px; }
.basket table.baskettable tr.excustomerdiscount td
										{ }
.basket .products_imageonly             { margin-top: 8px; }
.basket td.image_cell                   { width: 90px; text-align: center; padding: 3px 10px 20px 5px; }
.basket .item                           { background-color: #fff; margin: 0 0 0 0; padding: 4px; }
.basket .item .box                      { margin: 0; padding: 2px; }
.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 span.repairitem					{ display: inline-block; background-color: #fc5; color: #000; text-transform: uppercase; letter-spacing: 1px; font-size: 80%; padding: 1px 5px; border-radius: 4px; margin: 0 6px; }

.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: 108%; color: #000; letter-spacing: 0px; }
.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.details div.info strong
										{ color: #777 }
.basket table.baskettable tr td div.info
										{ padding: 0px 5px 1px 0px; color: #777 }
.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: 45px; text-align: right; }
.basket td.quantity div.smallupdateprogress
										{ position: relative; float: left; }
.basket td.extax,
.basket td.tax                          { font-weight: normal; color: #000; width: 10%; font-size: 100%; vertical-align: top; white-space: nowrap;}
.basket td.inctax,
.basket td.price                        { font-weight: bold; color: #000; width: 10%; font-size: 100%; vertical-align: top; white-space: nowrap;}
.basket td.total                        { font-weight: bold; color: #000; width: 20%; font-size: 140%; white-space: nowrap; }
.basket th.remove,
.basket td.remove                       { width: 30px; }
.basket td.remove a.basket_delete_button
										{ color: #000; font-size: 1.5em; }
.basket .applycoupon td label           { color: #000; font-weight: bold; font-size: 1em; }
.basket .applycoupon .couponbox         { width: 120px; margin: 0 0 5px 0; }
.basket table tr.totals td              { }
.basket table tr.totals #totaltaxrow,
.basket table tr.totals #totallabel     { text-align: right }
.basket table tr.totals .labeltext      { display: inline-block; margin-top: 20px; font-size: 85%; text-transform: uppercase; font-weight: normal; color: #999; }
.basket table tr.totals .total			{ font-size: 120% }
.basket table tr.totals .total .value   { font-size: 190% }
.basket table tr.totals .extax .value   { font-size: 140% }

.basket .controls                       { text-align: center; margin: 8px 0 20px 0; }
.basket .controls input					{ float: left; }
.basket .controls input.highpriority	{ font-weight: bold; background-color: #eee; font-size: 110%; float: right; }
.basket .controls input.highpriority:hover
										{ background-color: #444; }

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

.basket tr.couponrow div.smallupdateprogress
										{ }
.basket table .totals                   { border-bottom: solid 1px #000; }
.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
										{ }
 
#shippingestimate                       { margin: 25px auto 20px auto; padding: 20px 0 40px 0; }
#shippingestimate select                { margin-bottom: 2px; }
#shippingestimate table                 { margin: 10px 0 0 0 }
#shippingestimate table td.name         { font-weight: bold; color: #000; padding-right: 16px; }
#shippingestimate table td.datafield    { padding-right: 12px }
/* 
========================================================================
CHECKOUT
========================================================================
*/
/* shipping */
#checkout								{ margin: 0 auto; }
#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: block; padding: 10px 0 10px 0; }
#checkout span.checkbox label           { max-width: 300px }
#checkout .checkoutaddress              { height: 280px; }
#checkout #confirmation .checkoutaddress
										{ height: auto; margin-bottom: 10px; }
#checkout .checkoutaddress .address		{ background-color: #fff; border: solid 1px #ccc; padding: 20px; min-height: 265px; }

#checkout .row .checkoutaddress:nth-child(1) .address {
  margin-right: 5px;
}
#checkout .row .checkoutaddress:nth-child(2) .address {
  margin-left: 5px;
}
#checkout .row .checkoutaddress:nth-child(2) h2 {
  margin-left: 5px;
}
#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 #euvatsection strong          { float: right; font-size: 130%; color: #999; }
#checkout .section label				{ font-weight: bold; }
#checkout tr.totals span                { display: inline-block; margin-left: 10px; }

#checkout .submitbuttons #cntMain_btnProceed
										{ font-weight: bold; background-color: #eee; font-size: 110%; float: right; }
#checkout .submitbuttons #cntMain_btnProceed:hover
										{ background-color: #444; }

/* 
========================================================================
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; 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 .Kartris-LoginStatus.button   {  }

#customer #customer-balance				{ width: 200px; border: solid 1px #ccc; padding: 10px 20px; float: right; margin-top: 40px; background-color: #fff; text-align: center; }
#customer #customer-balance	span.label	{ font-size: 13px; color: #333; background-color: transparent; }
#customer #customer-balance	span.figure { display: block; color: #090; font-size: 140%; font-weight: bold; }

#customer #savebasketform				{ background-color: #fff; border: solid 1px #ccc; padding: 20px; margin-top: 30px; }
#customer #wishlist						{ background-color: #fff; border: solid 1px #ccc; padding: 20px; margin-top: 30px; }
.manageaddresses .address				{ background-color: #fff; border: solid 1px #ccc; padding: 20px; margin: 10px 0 20px 0; }
/* 
========================================================================
ORDER HISTORY / MY ACCOUNT
========================================================================
*/
#orderhistory table tr th.number        { width: 45px }
#orderhistory table tr th.orderdate     { width: 160px }
#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: #111; }
#news div.news_lastupdated,
#news div.news_datecreated              { margin: 5px 0; color: #000; }
#news div.news_text                     { margin: 5px 0 45px 0 }
#news #summary ul li                    { padding: 0 0 10px 0; }
#news #summary ul                       { margin: 0 0 20px 0; list-style-type: none; padding: 0; }
#news #summary ul div.news_lastupdated,
#news #summary ul div.news_datecreated  { font-size: 12px; display: block; width: 90px; margin: 5px; color: #000; float: left; }
#news #summary ul div.news_link a       { font-weight: bold; margin: 5px 0 0 0; float: left; font-size: 16px; color: #000; }
#news #summary ul div.news_text         { font-size: 14px; margin: 0 0 5px 100px }
/* 
========================================================================
CONTACT
========================================================================
*/
#contact .contactlabel			{ display: inline-block; width: 130px; text-align: right; padding-right: 10px; font-size: 13px; }
#contact .phonenumber			{ display: inline-block; background-color: transparent; color: #090; font-weight: bold; font-size: 140%; padding: 1px 11px; border-radius: 10px; margin: 2px; border: solid 1px transparent; }
#contact .phonenumber:hover		{ background-color: #fff; border-color: #090; }
#contact .email					{ display: inline-block; background-color: transparent; color: #0d7ae4; font-weight: bold; font-size: 120%; padding: 1px 11px; border-radius: 10px; margin: 2px; border: solid 1px transparent; }
#contact .email:hover			{ background-color: #fff; border-color: #0d7ae4; }
/* 
========================================================================
POPUPS - customization, add to basket, etc.
========================================================================
*/
.popup_customization textarea           { width: 100% }
.popup_customization .price             { font-weight: bold; color: #000; }
.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                         { background-color: #fff; 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; }