/* 
========================================================================
SECTION
========================================================================
*/
.section                                { border-top: none; margin: 25px 0 0 0; padding: 10px 0 10px 0; width: 100%; }
/* 
========================================================================
PAGE - Home page and custom page (CMS)
========================================================================
*/
#custompagetext                         { margin: 10px 0 10px 0 }
#homepage div.chunk ul                  { list-style: none; margin: 0; padding: 0; }
#homepage div.chunk ul li               { padding: 0 0 5px 0 }
#homepage .news                         { margin-bottom: 40px; }
#homepage .news ul li                   { width: 245px; 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: #090; font-size: 12px; }
#homepage .news ul div.news_link a      { font-size: 14px; font-weight: bold; color: #000; margin: 5px 0 5px 0; line-height: 1.1em; }
#homepage .news ul div.news_text        { line-height: 15px; font-size: 13px; }

#homepage #featuredproducts             { margin-bottom: 50px; }
#homepage #newestitems                  { margin-bottom: 50px; }
/* 
========================================================================
ORBIT SLIDESHOW
========================================================================
*/
.orbit-container            { margin-top: 20px; width: 100%; height: 400px; }
.orbit-container ul li      { text-align: center; }
.orbit-container ul li a    { display: inline-block; margin: 0 auto; }
/* get slider progress off page, otherwise it messes up by appearing over basket menu */
.orbit-timer, .orbit-slide-number { margin-top: -1000px; }

/* 
========================================================================
CATEGORY - Single page category
========================================================================
*/
.category .main                         { display: block; padding: 2px 0 5px 0; border: 0; }
.category .main .imageviewer_holder     { text-align: center; float: none; margin: 0 30px 20px 30px; overflow: visible; }
.category .main .pad                    { margin: 0 0 0 0; zoom: 100%; overflow: hidden; }

/* 
========================================================================
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 table                    { margin: 0 0 10px 0; background: none; border-bottom: solid 1px #ccc; }
.page_category table tr td              { background: #fff; padding: 1px; border: none; }
.page_category table tr td label        { color: #333; text-transform: none; font-size: 100%; }
/* 
========================================================================
SUBCATEGORIES - Multiple categories/subcategories per page listing
========================================================================
*/
.subcategories                          { padding: 0px 0px 10px 0px; overflow: hidden; }
.subcategories .pad                     { margin-bottom: 8px; padding: 0px; zoom: 100%; overflow: hidden; }
.subcategories h2 a                     { color: #000;}
/* 
------------------------------------------------------------------------
SUBCATEGORIES - NORMAL FORMAT
------------------------------------------------------------------------
*/
.subcategories_normal                   { padding-top: 0 }
.subcategories_normal .item             { padding: 3px 0; }
.subcategories_normal .item .imageholder
										{ padding: 5px; float: left; border: solid 1px #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); background-color: #fff; }
.subcategories_normal .item .details    { }
.subcategories_normal .item h2          { margin: 10px 0 0 0; }
.subcategories_normal .item h2 a        { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 90%; 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: calc(25% - 6px); display: inline-block; float: left; margin: 5px 3px 5px 3px; }
.subcategories_shortened .item.box          { height: 260px; }
.subcategories_shortened .item:hover .box   { }
.subcategories_shortened .item.box .pad     { overflow: hidden; padding: 1px; text-align: center; }
.subcategories_shortened .item .topsec      { height: 65px; }
.subcategories_shortened .item h2           { margin: 0; padding: 0 20px; line-height: 15px; font-weight: bold; }
.subcategories_shortened .item h2 a         { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 90%; }
.subcategories_shortened .imagelink         { display: block; float: left; margin: 0 0 10px 0; text-align: center; }
.subcategories_shortened .item .imageviewer_holder { background-color: #fff; display: block; margin: 0 auto 20px auto; padding: 15px; border: solid 1px #fff; }
.subcategories_shortened .item:hover        { box-shadow: 1px 1px 6px rgba(0,0,0,0.5); }
.subcategories_shortened                    { }
/* 
------------------------------------------------------------------------
SUBCATEGORIES - LINK FORMAT
------------------------------------------------------------------------
*/
.subcategories_link                     { padding: 10px 0 10px 0 }
.subcategories_link a                   { display: block; white-space: nowrap; margin-bottom: 5px; }
/* 
------------------------------------------------------------------------
SUBCATEGORIES - TEXT FORMAT
------------------------------------------------------------------------
*/
.subcategories_text                     { padding-top: 0px }
.subcategories_text h2                  { }
.subcategories_text .item .pad          { background: none; border: none; padding: 0; margin: 0; }
.subcategories_text .item .pad p        { margin: 4px 0 8px 0 }
/* 
========================================================================
PRODUCT - Single page product
========================================================================
*/
.product #strapline                     { display: block; margin: 10px 0px 12px 0px; padding: 0; color: #ff0000; font-weight: bold; font-size: 130%; font-style: italic;}
.product #strapline img			{ margin-bottom: -125px; z-index: 1; position:relative;}
.product #description                   { margin: 0 0 15px 0px }
.product div.imagecolumn                { margin: 0 0 40px 0; padding: 10px 20px 0 0; }
.product .mainimage                     { margin: 8px 20px 1px 0; padding: 10px; }
.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 pre.spectable                  { margin-top: 20px; color: #333; white-space: normal; font-family: 'Lucida Sans Unicode', 'Courier New'; overflow: hidden; } /* Imported specs field from CactuShop */
/* 
========================================================================
PRODUCTS - Multiple products per page listing
========================================================================
*/
.products                               { padding: 0px 0px 10px 0px; overflow: hidden; }
.products .minprice                     { display: inline-block; font-weight: bold; padding: 2px 5px; margin-top: 10px; color: #fff; background-color: #f60; }
.products .pad                          { margin-bottom: 8px; padding: 0px; zoom: 100%; overflow: hidden; }
#popup .pad                             { padding: 10px }
.products h2 a                          { color: #000; }
/* 
------------------------------------------------------------------------
PRODUCTS - NORMAL FORMAT
------------------------------------------------------------------------
*/
.products_normal                        { padding-top: 0px }
.products_normal .item					{ padding: 3px 0 20px 0; }
.products_normal .item .imageholder     { padding: 5px; float: left; }
.products_normal .item .details         { }
.products_normal .item .details h2      { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; 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        { display: inline-block; font-weight: bold; padding: 2px 5px; margin-top: 10px; color: #fff; background-color: #f60; }
.products_normal .item .strapline       { display: block; margin: 4px 0px 4px 0px; padding: 0; color: #ff0000; font-weight: bold; }
.products_normal .item .strapline img	{ display:none;}
.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               { text-align: center; width: calc(25% - 6px); display: inline-block; float: left; margin: 5px 3px 5px 3px;  }
.products_shortened .item.box           { height: 300px; }
.products_shortened .item:hover.box     { }
.products_shortened .item .box.pad      { overflow: hidden; padding: 1px; text-align: center; }
.products_shortened .item .topsec       { height: 65px; }
.products_shortened .item h2            { margin: 0; padding: 0 20px; line-height: 15px; font-weight: bold; }
.products_shortened .item h2 a          { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 90%; }
.products_shortened .item .strapline    { display: none; }
.products_shortened .item .imageblock   { box-shadow: none; background-color: #fff; display: block; margin: 0 auto 20px auto; padding: 15px; border: solid 1px #fff; }
.products_shortened .item:hover         { box-shadow: 1px 1px 6px rgba(0,0,0,0.5); }
.products_shortened .item .imageholder  { display: block; }
.products_shortened .imagelink          { display: block; float: left; margin: 0 10px 10px 0; text-align: center; }
.products_shortened .minprice           { }
/* 
------------------------------------------------------------------------
PRODUCTS - TABULAR FORMAT
------------------------------------------------------------------------
*/
.products_tabular .item                 { width: calc(33% - 10px); float: left; padding: 0; margin: 5px 10px 10px 0; }
.products_tabular .item:hover           { }
.products_tabular .item .imageblock     { float: left; margin: 0 10px 0 0; padding: 5px; width: 100px; height: 100px; }
.products_tabular .item.box             { text-align: left; height: 100px; }
.products_tabular .item:hover.box       { }
.products_tabular .item.box .pad        { overflow: hidden; text-align: left; }
.products_tabular .item .topsec         { height: 65px; }
.products_tabular .item h2              { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; line-height: 15px; font-weight: bold; font-size: 100%; }
.products_tabular .item .imageholder    { display: block; margin: 0 auto; }
/* this line below is a really nice trick, it overrides the hardcoded image block height/width for the imageholder element */
.products_tabular .item .imageholder[style]
										{ width: 90px !important; height: 90px !important; }
.products_tabular .item .details        { padding: 10px 0 0 0; }
/* 
------------------------------------------------------------------------
PRODUCTS - IMAGE ONLY FORMAT
------------------------------------------------------------------------
*/
.products_imageonly                     { padding-top: 0px; }
.products_imageonly .item               { vertical-align: top; padding: 3px; display: inline-block; float: left; margin: 3px 8px 3px 0; text-align: center; }
.products_imageonly .item:hover         { box-shadow: 1px 1px 6px rgba(0,0,0,0.3); }
.products_imageonly .box                { border: solid 3px #fff; 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 60px 0; }
.products_extended .item .imageholder   { padding: 5px; float: left; border: solid 1px #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); background-color: #fff; }
.products_extended .item .details       { }
.products_extended .item h2             { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; 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		{ margin: 10px 0 0 0; }


/* 
------------------------------------------------------------------------
CUSTOM PRODUCT (sample request)
------------------------------------------------------------------------
*/
.custom-product-sku     { color: #777; font-weight: normal; font-size: 100%; padding: 0 10px 20px 0; }
.custom-product-price   { color: #333; font-weight: bold; font-size: 260%; padding: 0 10px 20px 0; }
/* 
------------------------------------------------------------------------
VERSIONS
------------------------------------------------------------------------
*/
.versions                               { margin: 10px 0 10px 0; width: auto; }
.versions table                         { }
.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; font-weight: 600;}
.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: #333; width: 10%; white-space: nowrap; text-decoration: line-through; }
.versions td.price                      { font-weight: normal; color: #333; width: 10%; white-space: nowrap; }
.versions td.extax                      { font-weight: normal; color: #333; width: 10%; white-space: nowrap; }
.versions td.inctax                     { font-weight: bold; color: #333; width: 10%; white-space: nowrap; }
.versions td.tax                        { font-weight: normal; color: #333; 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 .mainimage,
.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                       { min-width: 160px; padding: 20px 0 0 0; color: #999; text-transform: uppercase; font-size: 11px; }
.versions span.tax,
.versions span.price,
.versions span.extax,
.versions span.inctax                   { display: block; padding: 0 0 10px 0; }
.versions span.weight                   { font-weight: normal; color: #89a; width: 10%; white-space: nowrap; }
.versions span.rrp                      { font-weight: normal; color: #333; width: 10%; white-space: nowrap; text-decoration: line-through; }
.versions span.rrp span.figure          { font-size: 130%; }
.versions span.tax span.figure          { color: #333; float: left; font-weight: normal; font-size: 180%; padding: 0 10px 10px 0; }
.versions span.price span.figure        { color: #333; float: left; font-weight: bold; font-size: 260%; padding: 0 10px 10px 0; }
.versions span.extax span.figure        { color: #333; float: left; font-weight: normal; font-size: 180%; padding: 0 10px 10px 0; }
.versions span.inctax span.figure       { color: #333; float: left; font-weight: bold; font-size: 260%; padding: 0 10px 10px 0; }
.versions .line                         { text-align: left; padding: 0 0 0 0; }
.versions .multipleversiondropdown      { margin-top: 20px; }
.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; }
.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                                { border-top: solid 1px #333; background-color: #fcfcfc; margin-top: 20px; padding-bottom: 10px; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); }
.options .pad                           { padding: 0 10px 0 10px; }
.options .addtobasket                   { text-align: right; padding: 5px; clear: both; }
.outofstockmessage em                   { display: block; margin-top: 10px; }
.options .option                        { border-bottom: none; clear: both; padding: 8px 5px 3px 0; margin: 0; }
.options .option label                  { font-size: 11px; display: block;  }
.options .option label.optiontitle      { text-transform: uppercase; 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: #666; line-height: 1em; text-transform: none; letter-spacing: 0px; font-size: 12px; }
.options table tr td                    { text-align: left; }
.options .option div                    { display: block; margin: 0px; }
.options .option select                 { width: 100%; }
.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
										{ text-transform: uppercase; color: #000; font-size: 85%; }
.options .highlight_error               { text-transform: uppercase; 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 div                     { display: inline }
/* Individual options lines */
.options table,
.options table tr td                    { border: none; background-image: none; background-color: Transparent; }
/* 
========================================================================
MEDIA (Video, audio, etc.)
========================================================================
*/
/* media gallery for product */
.imagecolumn .media_gallery             { padding: 35px 0 0 0 }
.imagecolumn .media_gallery h2			{ font-size: 130%; margin: 0; padding: 3px 0 5px 0; color: #000; font-weight: bold; }
.imagecolumn .media_gallery_inner       { margin: 1px 0 1px 0 }
.media_links .mediaholder_horiz a       { color: #333; text-align: left; padding: 1px; display: block; font-weight: bold; }
.media_links .mediaholder_horiz a:hover { color: #999; text-decoration: none; }
.media_links .mediaholder_horiz img     { vertical-align: middle; margin-right: 5px; }
.media_links .mediaholder_horiz         { display: block; margin: 0 1px 2px 0; vertical-align: middle; overflow: visible; } 
.media_links .mp3player                 { border: solid 1px #888; background-color: #888; margin: 2px 1px; border-radius: 3px; }
.media_links .customthumb img           { width: 100px; }
/* media gallery for versions, hide title */
.versions .media_gallery h2             { display: none }
/* v2.9 we apply a new class to popups for media, so can make them full screen, hide border and match Foundation lightbox look and feel */
.popup.popup_media                      { border: none; min-height: 100%; min-width: 100%; }
.popup.popup_media .closebutton         { font-size: 27pt; font-weight: bold; color: #000; top: 18px; right: 14px; }
/* 
========================================================================
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: #333; 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: 10px; 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
										{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #04d; font-weight: normal; text-decoration: underline; }
.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 15px 0 }
#knowledgebase .results .item h2 a      { font-size: 110%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 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                      { background-color: #f6e6e6; }
#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: #f5f5f5; }
#supporttickets div.ownerreply          { border-top: solid 1px #999;margin: 10px 0 5px 0; padding: 3px 15px 10px 15px; background-color: #fff; }
#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: #fff }
/* 
========================================================================
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: #333; }
.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                     { 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 h2                    { height: 30px; }
.comparison .item h2 a                  { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 100%; margin: 10px 0 0 0; margin: 0; padding: 0; }
.comparison .item .imageblock           { padding: 5px; float: none; border: solid 1px #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); background-color: #fff; }
.comparison .item p.minprice            { font-weight: bold; color: #333; margin: 0 0 20px 0; }
.comparison .item table                 { }
.comparison .item table tr td           { }
.comparison .item .removelink           { text-align: left; margin-bottom: 40px; }
/* 
========================================================================
LOGIN / MY ACCOUNT
========================================================================
*/
#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; border-top: solid 1px #333; }
.carryonshopping h3                     { margin: 0 0 15px 0; }
/* 
========================================================================
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)
========================================================================
*/
.basket .basketwarning                  { display: block; width: auto; border: solid 1px #f00; color: #d00; font-weight: bold; background-color: #fcc; 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         { }
.basket table.baskettable tr.excustomerdiscount td
										{ background-color: #eee; }
.basket .products_imageonly             { margin-top: 8px; }
.basket td.image_cell                   { width: 90px; text-align: center; padding: 0 10px 5px 5px; }
.basket .item                           { background-color: #fff; border: solid 1px #ccc; margin: 5px 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 table.baskettable tr td div.name strong a,
.basket table.baskettable tr td div.name strong
										{ display: block; width: 100%; font-weight: bold; padding: 0; font-size: 105%; color: #000; }
.basket table.baskettable tr td div.details
										{ display: block; 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;  }
.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: #333; width: 10%; font-size: 100%; vertical-align: top; white-space: nowrap;}
.basket td.inctax,
.basket td.price                        { font-weight: bold; color: #333; width: 10%; font-size: 100%; vertical-align: top; white-space: nowrap;}
.basket td.total                        { font-weight: bold; color: #333; width: 20%; font-size: 140%; white-space: nowrap; }
.basket th.remove,
.basket td.remove                       { width: 30px; }
.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: #000; font-weight: bold; }
.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      { 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 .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                   { }
.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: 15px 0 30px 0; }
#shippingestimate select                { }
#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 .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: #333; font-weight: bold; padding: 0 0 0 5px; }
#checkout span.free                     { color: #333; 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: 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 #euvatsection strong          { float: right; font-size: 130%; color: #999; }
#checkout tr.totals span                { display: inline-block; margin-left: 10px; }
/* 
========================================================================
WISHLIST
========================================================================
*/
#page_wishlist		                    { margin-bottom: 30px; }
#page_wishlist table                    { }
#page_wishlist table th                 { }
#page_wishlist table td                 { }
#page_wishlist table td a               { font-weight: bold; }
#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 #customer-balance				{ display:none; width: 200px; border: solid 1px #a3d7a3; 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; }
/* 
========================================================================
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: #111; }
#news div.news_lastupdated,
#news div.news_datecreated              { margin: 5px 0; color: #333; }
#news div.news_text                     { margin: 5px 0 45px 0 }
#news #summary ul li                    { background-color: #f9f9f9; border-bottom: solid 1px #ddd; padding: 0 0 10px 0; }
#news #summary ul                       { border-top: solid 1px #333; 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: #333; float: left; }
#news #summary ul div.news_link a       { font-weight: bold; margin: 5px 0 0 0; float: left; font-size: 13px; color: #000; }
#news #summary ul div.news_text         { font-size: 13px; margin: 0 0 5px 100px }
/* 
========================================================================
POPUPS - customization, add to basket, etc.
========================================================================
*/
.popup_customization textarea           { width: 100% }
.popup_customization .price             { font-weight: bold; color: #333; }
.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%; border: none; box-shadow: none; }
#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: #333; }
#mail_container a                       { font-weight: normal; color: #04d; }



/* 
========================================================================
MTMC Custom Styles
========================================================================
*/
.reveal-modal { max-height: 80%; overflow-y: scroll; }

.orbit-container .orbit-prev, .orbit-container .orbit-next {background:rgba(1,1,1,0.5);}

.partbrandlogo{
float: left;
margin: 0 20px 10px 0;
}

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

#description ul { 
  padding:0;
  margin: 0 0 10px 0;
  list-style-type: none;
  } 
 
#description li {
  } 

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

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

.shippingzone ul{
  padding:0;
  margin: 15px 0 15px 0;
  list-style-type: none;
}

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

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

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

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

#_UC_StoreStatus_updStoreStatus {
	display: none;
}

blockquote {
	   border:1px dashed #cccccc;
	   background: #f6f6f6;
	   margin: 15px;
	   padding-top: 10px;
	   padding-left: 40px;
	   padding-right: 40px;
	   padding-bottom: 10px;
}

#UC_MegaMenu_rptTopCats_lnkTopLevel_8 {
	background-color: red !important;
}

#UC_MegaMenu_rptTopCats_lnkTopLevel_8:hover {
	background-color: white !important;
}

.deliverydetailslink {
	font-size: 11px;
	letter-spacing: 1px;
	display: inline-block;
	margin-left: 10px;
	text-decoration: none;
	border-bottom: dashed 1px #000;
	cursor: pointer;
}