/* 
========================================================================
SECTION
========================================================================
*/
.section                                { border-top: none; margin: 25px 0 0 0; padding: 10px 0 10px 0; width: 100%; }


/* 
========================================================================
ORBIT SLIDESHOW
========================================================================
*/
#homepage_sliderholder #custompagetext  { margin: 0; }

.orbit-container            { margin-top: 15px; width: 100%; height: auto; }
.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 {  }
.orbit-container .orbit-prev, .orbit-container .orbit-next {background-color: transparent;}

/* 
========================================================================
CATEGORY - Single page category
========================================================================
*/
.category .main                         { display: block; padding: 2px 0 5px 0; border: 0; }
.category .main .description            { display: block; text-align: center; margin-bottom: 20px; }
.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%; }
.page_category .ajax__tab_header        { display: none; }
/* 
========================================================================
SUBCATEGORIES - Multiple categories/subcategories per page listing
========================================================================
*/
.subcategories                          { padding: 20px; overflow: hidden; background-color: #ddd; margin-bottom: 30px; }
.subcategories .pad                     { margin-bottom: 8px; 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: 'Nunito Sans', 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              { background-color: #fff;  text-align: center; width: calc(25% - 20px); display: inline-block; float: left; margin: 10px; overflow: hidden; position: relative; border-radius: 6px; }
.subcategories_shortened .item:before       { content: ""; display: block; padding-top: 100%; }
.subcategories_shortened .item .box         { padding: 0; }
.subcategories_shortened .item .box .pad    { overflow: hidden; padding: 3px; text-align: center; }
.subcategories_shortened .item .topsec      { height: 65px; }
.subcategories_shortened .item h2           { margin: 0; padding: 0 20px; font-weight: bold; white-space: nowrap; overflow: hidden; }
.subcategories_shortened .item h2 a         { font-family: 'Nunito Sans', Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 70%; color: #3c4858; }
.subcategories_shortened .imagelink         { display: block; float: left; margin: 0 0 10px 0; text-align: center; }
.subcategories_shortened .item .imageholder  { padding: 3px; position: absolute; top: 10px; }
.subcategories_shortened .item .imageviewer_holder { background-color: #fff; position: absolute; top: 0px; left: 5px; right: 5px; bottom: 10px; text-align: center; height: calc(100% - 63px); }

/* 
------------------------------------------------------------------------
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 h1                             { text-align: left; margin: 0 0 20px 0; padding: 10px 0; border-bottom: solid 2px #3c4858; color: #3c4858; letter-spacing: 0px; }
.product #strapline                     { display: block; margin: 0 0 22px 0; padding: 0; color: #3c4858; font-weight: normal; font-size: 90%; border: solid 2px #3c4858; border-radius: 5px; padding: 10px;}
.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.imagecolumn .carousel      {  }
.product div.imagecolumn .carousel > ul { margin: 0 auto; text-align: center; } /* centre the thumbs */
.product div.imagecolumn .carousel > ul li { float: none; display: inline-block; } /* centre the thumbs */
.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 */
.product .ajax__tab_header              { display: none; }
/* 
========================================================================
PRODUCTS - Multiple products per page listing
========================================================================
*/
.products                               { margin: 40px 0 30px 0; padding: 20px; background-color: #ddd; overflow: hidden; }
.products .minprice                     { display: inline-block; font-weight: bold; padding: 2px 5px; margin-top: 10px; color: #666; }
.products .pad                          { margin-bottom: 8px; padding: 0px; zoom: 100%; overflow: hidden; }
#popup .pad                             { padding: 10px }
.products h2 a                          { color: #666; }
/* 
------------------------------------------------------------------------
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-size: 110%; margin: 10px 0 0 0; letter-spacing: 0px; }
.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: #888; font-weight: normal; }
.products_normal .item p.description    { padding: 0 0 0 0 }
.products_normal .item a.link2          { display: inline-block; font-size: 90%; margin: 0 0 10px 0; }
/* 
------------------------------------------------------------------------
PRODUCTS - SHORTENED FORMAT
------------------------------------------------------------------------
*/
.products_shortened                     { }
.products_shortened .item               { border-radius: 10px; text-align: center; width: calc(25% - 40px); display: inline-block; float: left; margin: 20px; overflow: hidden; position: relative; background-color: #fff; }
.products_shortened .item:before        { content: ""; display: block; padding-top: 100%; }
.products_shortened .item .box          { padding: 0; }
.products_shortened .item .box .pad     { overflow: hidden; padding: 1px; text-align: center; margin-bottom: 20px; }
.products_shortened .item .topsec       { height: 65px; }
.products_shortened .item h2            { z-index: 9; margin: 0; padding: 0 20px; font-weight: bold; line-height: 0.9em; white-space: nowrap; overflow: hidden; }
.products_shortened .item h2 a          { font-size: 70%; letter-spacing: 1px; color: #39485a; }
.products_shortened .item .strapline    { display: none; }
.products_shortened .item .imageholder  { padding: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 33px; text-align: center; height: 100%; overflow: hidden; z-index: 0; margin-bottom: 20px; }
.products_shortened .item .imageholder img { max-height: 230px; }
.products_shortened .imagelink          { display: block; float: left; margin: 0 10px 10px 0; text-align: center; }
.products_shortened .minprice           { color: #39485a; font-size: 80%; }
.products_shortened .details			{ min-height: 140px; }
.products_shortened .description		{ font-size: 80%; padding: 0 10px; }
/* 
------------------------------------------------------------------------
PRODUCTS - TABULAR FORMAT
------------------------------------------------------------------------
*/
.products_tabular .item                 { padding: 0; float: left; margin: 0 13px; background-color: #fff; border-radius: 10px; height: 200px; width: 190px; }
.products_tabular .item:hover           { }
.products_tabular .item .imageblock     { margin: 0 0 0 0; height: 110px; padding: 10px 10px 0 10px; }
.products_tabular .item .box            { text-align: left; height: 170px; }
.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              { display: block; text-align: center; font-size: 0.80em; white-space: normal; margin: 20px 0 0 0; padding: 0; line-height: 18px; font-weight: bold; letter-spacing: 1px; }
.products_tabular .item .imageholder    { display: block; margin: 0 auto; box-shadow: #FFF 0 0 10px; background-color: #fff; border-radius: 10px; height: 110px; width: 110px; }
/* 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: 120px !important; height: 120px !important; }
.products_tabular .item .details        { padding: 10px 0 0 0; }
.products_tabular .item .imageblock .singleimage
										{ height: 130px !important; }
.products_tabular .item .minprice
										{ display: none; }
/* 
------------------------------------------------------------------------
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: 'Nunito Sans', 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; }
.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; margin: 30px 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                                { margin-top: 20px; padding-bottom: 10px; }
.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: 100%; display: block;  }
.options .option label.optiontitle      { text-transform: none; display: inline-block; padding: 0 10px 0 0; color: #000; font-weight: bold; width: 180px; float: left; }
.options .option label.optiontitle span.optiondesc
										{ display: block; font-weight: normal; color: #666; line-height: 1em; text-transform: none; letter-spacing: 0px; font-size: 1em; }
.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
========================================================================
*/
#cntMain_tabSearchContainer,
#cntMain_lnkNewSearch                   { display: none; }
.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-top: -30px; text-align: center; display: block; }
.search .results #searchsummary strong  { color: #000 }
.search h2                              { display: none; }
.search .products_shortened h2          { display: inline-block; }

/* 
========================================================================
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: 'Nunito Sans', 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                           { display: none; }
#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; }
#login .buttonholder                    { text-align: center; }
#login h2                               { display: none; }

/* 
========================================================================
PEKA MY ACCOUNT CHANGES
========================================================================
*/
#customer .button                       { border: none; text-transform: none; }
.button.selectedbutton                  { background-color: #ddd; color: #333; }



/* 
========================================================================
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 2px #ddd; }
.carryonshopping h3                     { margin: 0 0 15px 0; }
/* 
========================================================================
ADDRESSES
========================================================================
*/
.address                                { padding: 0 0 10px 0 }
.address select,
.address a,
.address h2 { display: none; }
.address inputform.row.collapse         { display: none; }
.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; 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: #666; letter-spacing: 1px; }

.basket table.baskettable tr td div.name .link2 { margin: 5px 0 0 0; display: inline-block; }
.basket table.baskettable tr td div.details
										{ display: block; width: 100%; margin: 0; color: #999; }
.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 span.hide-for-small-down
										{ display: inline-block !important; }
.basket td.quantity input               { margin-left: 4px; width: 35px; text-align: center; }
.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: #666; font-weight: bold; letter-spacing: 1px; }
.basket .applycoupon .couponbox         { width: 120px; margin: 0 0 5px 0; }
.basket table tr.totals td              { border: none; }
.basket table tr.totals #totaltaxrow,
.basket table tr.totals #totallabel     { text-align: right }
.basket table tr.totals .labeltext      { text-transform: uppercase; font-weight: bold; color: #999; float: left; clear: both; }
.basket table tr.totals .total			{ font-size: 120% }
.basket table tr.totals .total .value   { font-size: 130% }
.basket table tr.totals .extax .value   { font-size: 130% }

.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 .totalspecial                   { border-bottom: solid 2px #ccc; margin-right: -50px; width: 300px; float: right; padding: 20px 0; clear: both; }
.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 
										{ }
.basket .product_row { border-bottom: solid 2px #ccc;}

.baskettable { border-collapse: collapse;}

#cntMain_UC_BasketMain_btnCheckout { float: right; }
#cntMain_UC_BasketMain_btnEmptyBasket { float: left; background-color: #ccc; border-color: #ccc; }
.basket span.xqty                       { font-size: 1.1em; font-weight: bold; display: inline-block; float: left; margin-right: 4px; }

#shippingestimate {
	margin: 45px 0 70px 0;
}
#shippingestimate select                { }
#shippingestimate table                 { margin: 10px 0 0 0 }
#shippingestimate table td.name         { font-weight: bold; padding-right: 16px; letter-spacing: 1px; color: #666; }
#shippingestimate table td.datafield    { padding-right: 12px }
/* 
========================================================================
CHECKOUT
========================================================================
*/
/* shipping */
#checkout #checkout-stage               { font-weight: bold; color: #666; letter-spacing: 2px; text-align: center; font-size: 1.1em; margin-top: 20px; }
#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; }
#checkout #comments                     { max-width: 600px; }

#checkout #cntMain_updAddresses span.checkbox { display: none; }

#checkout #cntMain_btnProceed           { background-color: #3c4858; border-color: #3c4858; float: right; }
#checkout #cntMain_btnProceed:hover     { background-color: #5ebae2; border-color: #5ebae2; float: right; }

#checkout #cntMain_txtPurchaseOrderNo   { border-radius: 5px; }

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

.vieworder span.Kartris-DetailsView-Name { width: 150px; text-align: left; }

/* 
========================================================================
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: 'Nunito Sans', 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", 'Nunito Sans', 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", 'Nunito Sans', 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; }

/* 
========================================================================
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: 205px; 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: 10px; background-color: #eee; text-align: center; padding: 10px 0; }
#homepage #featuredproducts .products   { padding: 0; margin: 0; }
#homepage #featuredproducts h2          { text-transform: uppercase; color: #aaa; display: inline-block; margin: 10px auto 10px auto; padding: 0; font-size: 14px; }
#homepage #featuredproducts .sliderControl
										{ font-size: 200%; cursor: pointer; margin-top: 50px; display: inline-block; }

#homepage #featuredproducts .products_tabular                       { background-color: transparent; }
#homepage #featuredproducts .products_tabular .item                 { width: 171px !important; padding: 0; float: left; margin: 0 18px 20px 18px; background-color: #fff; border-radius: 10px; height: 190px; border: none; box-shadow: none; }
#homepage #featuredproducts .products_tabular .item:hover           { }
#homepage #featuredproducts .products_tabular .item .imageblock     { height: 130px; padding: 0 10px 0 10px; }
#homepage #featuredproducts .products_tabular .item .box            { text-align: left; height: 120px; }
#homepage #featuredproducts .products_tabular .item:hover .box      { }
#homepage #featuredproducts .products_tabular .item .box .pad       { overflow: hidden; text-align: left; }
#homepage #featuredproducts .products_tabular .item .topsec         { height: 65px; }
#homepage #featuredproducts .products_tabular .item h2              { display: block; text-align: center; font-size: 0.80em; white-space: normal; margin: 0 5px 0 5px; padding: 0; line-height: 13px; font-weight: bold; letter-spacing: 1px; }
#homepage #featuredproducts .products_tabular .item .imageholder    { display: block; margin: 0 auto 20px auto; box-shadow: #FFF 0 0 10px; background-color: #fff; border-radius: 10px; }
/* this line below is a really nice trick, it overrides the hardcoded image block height/width for the imageholder element */
#homepage #featuredproducts .products_tabular .item .imageholder[style]
										{ width: 120px !important; height: 120px !important; margin-top: 20px; }
#homepage #featuredproducts .products_tabular .item .details        { padding: 10px 0 0 0; }
#homepage #featuredproducts .products_tabular .item .imageblock .singleimage
										{ height: 130px !important; }
#homepage #featuredproducts .products_tabular .item .minprice
										{ display: none; }
#homepage #featuredproducts .sliderControl
										{ color: #ccc; }

#homepage #newestitems                  { margin-bottom: 10px; }

#homepage h2.blockheader {
   width: 100%; 
   text-align: center; 
   border-bottom: 2px solid #ddd; 
   line-height: 0.1em !important;
   margin: 0 0 20px 0; 
   padding: 0;
} 

#homepage h2.blockheader span { 
	background: #fff; 
	padding: 0 5px; 
}


/* 
========================================================================
PEKA
========================================================================
*/
#registration select { width: 100%; }
#cntMain_cblCategories input { width: auto; }

#cntMain_cblCategories { margin: 0; }
#cntMain_cblCategories tr td { border: none; padding: 2px; }

span.topmargin[style*="inline"] { margin-top: 20px; display: inline-block !important; }

.hide-me { display: none !important; }
div.narrow { margin: 0 auto; max-width: 700px; }

.aus-tax-warning { background-color: #fcc; padding: 5px; text-align: center; color: #c00; font-size: 14px; }
.aus-tax-warning strong { color: #c00; }
.aus-tax-warning p { color: #c00; letter-spacing: 0; }

.basket .aus-tax-warning { background-color: #f00; padding: 5px; text-align: center; color: #fff; font-size: 16px; }
.basket .aus-tax-warning strong { color: #fff; }
.basket .aus-tax-warning p { color: #fff; letter-spacing: 0; }