/* +------------------------------------------------------------+ */
/* | K9.03 QEL_Flex Document Styles | */
/* +------------------------------------------------------------+ */

body {color: #333333; background-color: #FFFFFF; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px;}
input, select, option, textarea {font-family: 'Roboto', Arial, Helvetica, sans-serif;}

a {color: #3366cc; text-decoration: none;}
a:hover {text-decoration: underline;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_flex  | */
/* +------------------------------------------------------------+ */

#kskin_flex  {box-sizing: border-box; width: 100%; padding: 0; margin: 0;}
#kskin_flexmain  {box-sizing: border-box; width: 100%; margin: 0;}
#kskin_flexheader {box-sizing: border-box; width: 100%; margin: 0;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_head  | */
/* +------------------------------------------------------------+ */

/* SDN Hack 13 03 2022 - Fixed CLS issue */
@media all and (max-width: 599px) {
#kskin_headinner {min-height: 70px;}
}

#kskin_headinner {max-width: 1050px; margin: 0 auto 0 auto;}
#kskin_headhome {margin-bottom: .25em;}
#kskin_headhome img {margin: 0 auto 0 auto; max-height: 5.6em;}

@media all and (min-width: 600px) {
#kskin_headinner {min-height: 114px;}
#kskin_headhome {margin-bottom: .5em;}
#kskin_headhome img {margin: 9px 0 0 0; max-height: none;}
#kskin_headwidgets {text-align: right;}
#kskin_headwidgets div.kwidget_box {float: right;}
}

/* OVERRIDE: Mini Shopping Cart - Width, Float Hoverbox to Right */

#ajaxminicart {width: 18em; max-width: 18em;}

#kskin_headwidgets #ecom_skinwidget_minicart--CONTENT > .kwidget_padmax {position: relative;}
#kskin_headwidgets #ajaxminicart {right: 0;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_nav| */
/* +------------------------------------------------------------+ */

#kskin_nav {background-color: #000000; font-size: 16px;}

#kskin_navinner {max-width: 1100px; margin: 0 auto 0 auto;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_banner | */
/* +------------------------------------------------------------+ */

#kskin_banner {background-color: #000000;}

#kskin_bannerinner {margin: 0 auto 0 auto;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_main  | */
/* +------------------------------------------------------------+ */

#kskin_maininner {max-width: 1100px; margin: 0 auto 0 auto;}

#kskin_col2, #kskin_col3 {padding: .5em .5em 0 .5em; background-color: #F4F4F4;}

#kskin_maincontent {padding: .5em .5em 1em .5em;}

#kskin_col2 div.kwidget_boxcontent a {color: #000000;}

@media all and (min-width: 960px) {

 #kskin_maincontent, #kskin_col2, #kskin_col3 {padding: 1em 1em 2em 1em;}

}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_foot  | */
/* +------------------------------------------------------------+ */

#kskin_foot {background-color: #000000; padding: .5em;}

#kskin_footinner {max-width: 1100px; margin: 0 auto 0 auto;}

#kskin_footcopy {font-size: .7em; margin-top: 1em;}

/* +------------------------------------------------------------+ */
/* | Override Styles in {public}/media/skins/css/all.css Below | */
/* +------------------------------------------------------------+ */

/* OVERRIDE: Grey to Dark Grey Internal Class Color Change */
.kwrap input[type=submit]:hover, .kwrap input[type=reset]:hover {background-color: #333333; border: 1px solid #333333;}
.kbutton:hover {background-color: #333333; border: 1px solid #333333;}

h2.kmirrorthead {background-color: #333333;}
.ktricktablehead {background-color: #333333;}
.ktricktableheaditem {background-color: #333333;}
.ktable th  {background-color: #333333;}

/* OVERRIDE: Navmenu Hover Colors */
.kthemeinvert .kwidget_icondrop .kwidget_boxcontent, .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent,
.kthemeinvert .kwidget_icondrop .kwidget_box:hover .kwidget_boxicon, .kthemeinvert .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #222222;}
.kthemeinvert .kwidget_icondrop li a:hover, .kthemeinvert .kwidget_fulldrop li a:hover {background-color: #333333;}

@media all and (min-width: 600px) {
 /* Navmenu - Main Headings */
 .kthemeinvert .kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #00ab59;}
 .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {background-color: #666666;}
 /* Navmenu - Main Headings Bar */
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent {background-color: #000000;}
 /* Navmenu - Main-Cat Dropdown Background */
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #555;}
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul a:hover{background-color: #888;}
#ecom_skinwidget_breadcrumbs {font-size: 0.8em; min-height: 56px;}
}

@media all and (max-width: 959px) {
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {background-color: #00ab59;}
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul li a:hover {background-color: #00ab59;}
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #333333;font-size: 1.1em;}
 /* Navmenu - Sub-Cat Background */
 .kthemeinvert .kwidget_boxcontent.kwidget_click li ul {background-color: #666666;}
 .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #999999;}
 /* Navmenu - Sub-Sub-Cat Background */
 .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #666666;}
 .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #999999;}
#ecom_skinwidget_breadcrumbs {font-size: 0.85em; min-height: 38px;}
}

@media all and (min-width: 960px) {
 /* Navmenu - Main-Cat Heading Hover */
 .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #00ab59;}
 .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #999999;}
#ecom_skinwidget_breadcrumbs {font-size: 0.85em; min-height: 38px;}
}

@media all and (min-width: 1100px) {
 .kwidget_fulldrop .kwidget_boxcontent ul > li a:hover > div.kwidget_hoverbox {width: 1100px; left: 50%; margin-left: -550px;}
}

/* OVERRIDE: Tabs */

.ktabheading {background-color: #F4F4F4; padding: .5em; margin-bottom: 0;}
.ktabcontent {border: 1px solid #F4F4F4; padding: .5em;}
.ktabcontent h2 {font-size: 1.1em;}
.ktabcontent > h2:first-child {margin-top: 0;}

/* OVERRIDE: Category Displays */

.kcatshow {border: 1px solid #F4F4F4;}
.kcatshowdescwrap {background-color: #F4F4F4;}
.kcatlistitem {background-color: #F4F4F4; border: 1px solid #F4F4F4;}
.kcatlistitemwrap {padding: .5em;}

/* OVERRIDE: Product Displays */

.kprodlistitem {background-color: #F4F4F4; border: 1px solid #F4F4F4;}
.kprodlistitem .kmirrorcell {margin-bottom: 1em;}
.kprodlistitemwrap {padding: .5em;}
.kprodlistitemwrap form {margin: 0;}

/* OVERRIDE: Reviews */

.kreviewsitem {border: 1px solid #F4F4F4; background-color: #F4F4F4;}
.kreviewsiteminfo {background-color: #FFFFFF; padding: .5em;}
.kreviewsitemtext {padding: 1em .5em 1em .5em;}

/* OVERRIDE: Shopping Cart */

.kcartitemname {color: #2e549b;}

/* OVERRIDE: Breadcrumbs - Moved to @media above*/
/* #ecom_skinwidget_breadcrumbs {font-size: 0.9em; min-height: 38px;} */

/*-----------------------------------------------*/
/* QEL CUSTOM DIVS AND CLASSES: Product Displays */
/*-----------------------------------------------*/

.kwrap h1 {font-size: 1.6em; font-weight: bold; margin: 1em 0 .4em 0; color: #333333;}
.kwrap h1:first-child, .kwrap h2:first-child {margin-top: 0;}
.kwrap h2 {font-size: 1.4em; font-weight: 500; margin: 1em 0 .4em 0; color: #222222;}
.kmodal h2 {font-size: 1.1em;}
h2.kmirrorthead {background-color: #454851; color: #FFFFFF; padding: .5em; font-size: 1em;}
.kthemeinvert h2.kmirrorthead {background-color: #222222; color: #FFFFFF; padding: .5em; font-size: 1em;}
.kprodshowname {font-weight: 500; font-size: 1.5em;}
.kprodlistitemname {font-size: 0.9em;}

#prodshowemail, #prodshowimg, #prodshownotifyinv, .ironbluemed {
background:url(//quasarelectronics.co.uk/skins/QEL_Flex/css/sprite_prod.png) no-repeat;
}
#prodshowemail {background-position:0 0; display:block; height:21px; width:22px;}
#prodshowimg {background-position:0 -22px; display:block; height:21px; width:22px;}
#prodshownotifyinv {background-position:0 -44px; display:block;height:21px; width:22px;}
.freeukdelivery {background-position:0 -66px; height:64px; width:64px; z-index:99999;}
.ironbluemed {background-position:0 -135px; height:15px; padding-left:68px;width:63px;}

img.pdf {border:0; padding:0 3px 0 0;}

img.nb {border:0;}

.redbold {
color:#e10000;
font-weight:600;
}

.redtext {
color:#e10000;
}

.greenbold {
color:#008a00;
font-weight:600;
}

.h3_title {
color:#666666;
display:block;
font-size:1.1em;
font-weight:500;
margin:20px 0 0 5px;
padding:0;
text-decoration:none;
}

.prodformatdesc {
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
color:#666666;
display:block;
font-size:0.7em;
font-weight:600;
margin:0 0 10px;
padding:5px 0;
text-decoration:none;
}

.prodspecs, .tbody {
color:#666666;
font-size:0.8em;
vertical-align:top;
width:100%;
margin-top:15px;
border:1px solid #cccccc;
}

.prodspecs td, .tbody th {
padding:3px 15px 0px 5px;
vertical-align:top;
}

.prodspecs td:first-child {
font-weight:600;
}

.prodspecs tr:nth-child(even) {background-color:#ffffff;}
.prodspecs tr:nth-child(odd) {background-color:#f7f7f7;}

/* For width 400px and larger: */
@media only screen and (max-width: 1100px) {
.ecom_prodlist 
{
font-size:0.9em;
vertical-align:top;
width:100%;
}
.prodspecs td a {
line-height: 28px;
}
}

.imgfloatrt {display:inline;float:right;margin:0 0 8px 8px;}

#fenav, .mains, .mpg, .pdf, .wav, .icon_icon-openclose, #social_facebook, #social_googleplus, #social_instagram, #social_linkedin, #social_pinterest, #social_twitter, #social_youtube, .star_half, .star_off, .star_on, #tooltip, .ukplug, .zip, #cart, #newsicon, #rssicon, .mainsearch, .phone, .contact {
background:url(sprite_icons.png) no-repeat;
}
.mains {background-position:0 -256px;height:16px;padding-left:22px;width:16px;}
.mpg {background-position:0 -272px;height:16px;padding-left:22px;width:16px;line-height: 2.0em;}
.pdf {background-position:0 -52px;height:16px;padding-left:22px;width:16px;line-height: 2.0em;}
.wav {background-position:0 -106px;height:16px;padding-left:22px;width:16px;line-height: 2.0em;}
.icon_icon-openclose {background-position:0 -30px;height:16px;padding-left:19px;width:16px;}
.ukplug {background-position:0 -90px;height:14px;padding-left:22px;width:16px;}
.zip {background-position:0 -70px;height:16px;padding-left:22px;width:16px;line-height: 2.0em;}

.versionspecs {
width:100%;
}
.versionspecs th {
vertical-align:top;
padding: 2px 15px 0px 0px;
color: #202020;
font-weight: bold;
background-color: #E6E6CC;
}
.versionspecs td {
vertical-align:top;
padding: 2px 15px 0px 0px;
border-bottom: 1px dotted #CCCC99;
}

.webpagetablecol1 {
width:150px;
padding: 2px 15px 0px 5px;
vertical-align:top;
background-color: #F4F4F4;
}
.webpagetableheader {
background-color:#222222;
color:#ffffff;
border:none;
padding: 10px 5px;
font-weight:500;
}

.catshowbanner {
background-color:#2E549B;
color:#ffffff;
border:none;
font-size:0.9em;
margin:0px -7px -23px -7px;
padding:6px 10px;
text-align:center;
}

.abilityiconleft{
float:left;
margin:0 5px 0 0;
width:30px;
height:30px;
display:block;
clear: none;
}

.prodformatktas{
float:none;
margin:0;
width:258px;
height:30px;
display:block;
clear: none;
}

.iconmadeinuk{
float:right;
margin:0;
width:41px;
height:30px;
display:block;
clear: none;
}

.kstockpre {color: #e10000;}
.kpriceinforight .kstockpre {font-weight: bold;}

.qpadding {padding: 8px 10px 0px 0px;}


/* +------------------------------------------------------------+ */
/* | QUASAR Colour Scheme: THEMEINVERT | */
/* +------------------------------------------------------------+ */

#ecom--minisearch--ecom--prodsearch--string {border: 1px solid #008a00; width: 86%; margin: 0 -0.25em 0 0; padding: .25em .4em .25em 1.8em; font-size: 1em;
background-image: url("search.png"); background-position: 0.1em 0.1em; background-repeat: no-repeat; background-size: auto 90%; max-width: 86%;}


.kthemeinvert {color: #FFFFFF;}
/* | Navbar Text | */
.kthemeinvert a {color: #FFFFFF;}

/* | Green Buttons | */
.kbutton,
.kwrap input[type="submit"][id^="ecom--CART--updatecart--SUBMIT"]
{background-color:#008a00; border:1px solid #008a00; border-radius: 3px;}

/* | Orange Buttons | */
.kwrap input[type="submit"][id^="ecom--minisearch--SUBMIT"],
.qbuttoncheckout,
.qbuttonviewcart
{background-color:#008a00; border:1px solid #008a00;}

/* | Add to Cart Button | */
.kwrap input[type="submit"][id^="ecom--addcart--SUBMIT"], .kwrap input[type="submit"][id^="PAYMENT--SUBMIT"]
{background-color:#008a00; border:0; width: 100%; font-size: 1.25em; font-weight: 500; height: 45px; border-radius: 3px;}

/* | Blue Buttons | */
.kwrap input[type="submit"],
.qbuttoncontshop
{background-color:#2E549B; border:1px solid #2E549B; border-radius: 3px;}

.qbuttonviewcart {font-size:1.1em;}

/* | Wishlist Cart Button | */
.kwrap input[type="submit"][id^="ecom--addcart--WISHLIST"],
#WISHLIST
{background-color:#767676; border:1px solid #767676; border-radius: 3px;}


/* | Grey Hover Buttons | */
#WISHLIST:hover,
.kwrap input[type="submit"][id^="ecom--addcart--WISHLIST"]:hover,
.kwrap input[type="submit"][id^="ecom--addcart--SUBMIT"]:hover, 
.kwrap input[type="submit"][id^="PAYMENT--SUBMIT"]:hover, 
.kwrap input[type="submit"][id^="ecom--minisearch--SUBMIT"]:hover,
.kwrap input[type="submit"][id^="core--accountmaint--SUBMIT"]:hover,
.kwrap input[type="submit"][id^="ecom--coshipaddsin--SUBMIT"]:hover,
.kwrap input[type="submit"][id^="core--contact--SUBMIT"]:hover,
.kwrap input[type="submit"][id^="ecom--CART--updatecart--SUBMIT"]:hover
{background-color:#333333; border:1px solid #333333;}

/* | Add to Cart Hover | */
.kwrap input[type="submit"][id^="ecom--addcart--SUBMIT"]:hover
{background-color:#333333; border:0; width: 100%; font-size: 1.25em; font-weight: 500; height: 45px;}

.kwrap input[type="submit"][class^="ecom--coform--customone--APPLY"]
{background-color:#94bd31; border:1px solid #94bd31;}

/* | Mini Shopping Cart Link | */
#minicart-link {font-size:1.1em; font-weight:bold; color:#008a00;}

.kimground {border-radius:10%;}

.kpricesave {color:#e10000;}

.kfilterwrap {background-color: #f4f4f4;border: 1px solid #000000;}

/* | Important - Fix GWT Mobile Errors | */
.core_skinwidget_social--CONTENT .kicon {margin-right: .5em !important;}

/* | Important - Fix GWT Mobile Errors | */
.kslidecontl, .kslidecontr {box-sizing: border-box; width: 2em; height: 4em; float: left; position: absolute; top: 50%; margin-top: -3em; cursor: pointer; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.kslidecontr {right: 0;}
.kslide {box-sizing: border-box; margin: 0 2.5em 0 2.5em; overflow: hidden; position: relative;}
.kicon {margin: 0 5px 3px 0;}
.kwidget_icondrop {margin: 0 10px 0 0;}
.kicon_wrapwidget {margin: 0 0 0 10px;}
.kpricepay   {color: #0d811b;}
.kstockin    {color: #0d811b;}
.kstockout   {color: #e10000;}
.ksmall     {font-size: 0.9em;}
.kicon_wrapsmallplus {width: 1.5em; height: 1.5em; margin: 0 0 0 -5px;}
/*.kpricepay   {color: #007600;}
.kstockin   {color: #B12704;}
.kpricesave   {color: #007600;}*/

/*.kslide {margin-left: 3em; margin-right: 3em;}*/

.kprodshowdesc a:link, .kprodshowdesc a:visited, #ecom_skinwidget_breadcrumbs a:link {text-decoration: underline;}

.knotify.kbordered {color: #008a00; border: 1px solid #008a00;}

/* +------------------------------------------------------------+ */
/* | Print Optimisation - SDN HACK | */
/* +------------------------------------------------------------+ */

@media print {
/* Remove unwanted elements */
#kskin_headwidgets, #kskin_banner, #kskin_nav, #kskin_col2, #ecom--addcart--priceautoupdate--name, #ecom--addcart--priceautoupdate--price, #ecom--addcart--quantity, #ecom--addcart--SUBMIT, #ecom--addcart--WISHLIST, .kprodlistheader, .kprodlistitemwrap, .kprodlistitem, .kslidewrap, #core_skinwidget_account, #core_skinwidget_social, .trustedsite-floating-element, .prodformatdesc {display: none;}

/* Ensure the content spans the full width */
#kskin_flex, #ecom_skinwidget_breadcrumbs, .kprodshow, #kskin_maincontent, #ecom--addcart {width: 100%; margin: 0; float: none; overflow: visible; display: inline;}

#ajaxminicart, #kskin_maininner, .kprodshowdesc, .kbotmarginfull, .kgridbox, .kgridxcol60, .kgridlpadmid, .kgridlpadwide, .kbotmarginfull, .kprodshowright, #core_skinwidget_companyinfo--CONTENT {width: 100%; margin: 0; float: none; overflow: visible; display: inline;}

.site-description {display:none;}
.site-title {display:none;}

body {font: 12pt Georgia, serif; line-height: 1.2; background: none; color:#333333;}

#page {width: 100%; margin: 0; padding: 0; background: none;}

#printed-article {border: 1px solid #666; padding: 10px;}

h1 {font-size: 18pt;}
h2 {font-size: 14pt; margin-top: 20px;}
aside h2 {font-size: 14pt;}
blockquote, ul {margin: 0;}
img {max-width: 300px;}
#content img {display:inline;page-break-after: avoid;page-break-inside: avoid;}
#content ul, li {display:inline;page-break-inside:avoid;}
#content table {display:block;page-break-inside:avoid;}

header:after {content: "quasarelectronics.co.uk";}
#prodshowemail, #prodshowimg, #prodshownotifyinv, .ironbluemed {background:url(//quasarelectronics.co.uk/skins/QEL_Flex/css/sprite_prod.png) no-repeat;}
.ironbluemed {background-position:0 -135px;height:15px;padding-left:68px;width:63px;}
#fenav, .mains, .mpg, .pdf, .wav, .icon_icon-openclose, #social_facebook, #social_googleplus, #social_instagram, #social_linkedin, #social_pinterest, #social_twitter, #social_youtube, .star_half, .star_off, .star_on, #tooltip, .ukplug, .zip, #cart, #newsicon, #rssicon, .mainsearch, .phone, .contact 
{background:url(//quasarelectronics.co.uk/skins/QEL_Flex/css/sprite_icons.png) no-repeat;}
.mains {background-position:0 -254px;height:16px;padding-left:19px;width:16px;}
.mpg {background-position:0 -272px;height:16px;padding-left:19px;width:16px;}
.pdf {background-position:0 -50px;height:16px;padding-left:19px;width:16px;line-height: 1.8em;}
.wav {background-position:0 -106px;height:16px;padding-left:19px;width:16px;}
.icon_icon-openclose {background-position:0 -30px;height:16px;padding-left:19px;width:16px;}
.ukplug {background-position:0 -90px;height:14px;padding-left:19px;width:16px;}
.zip {background-position:0 -68px;height:16px;padding-left:19px;width:16px;}

} /* | End "@media print{" | */

/* +------------------------------------------------------------+ */
/* | End| */
/* +------------------------------------------------------------+ */