/* +------------------------------------------------------------+ */
/* | Document Styles                                            | */
/* +------------------------------------------------------------+ */

body {color: #555555; 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: #F67522; 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                                           | */
/* +------------------------------------------------------------+ */

#kskin_head {border-top: 4px solid #F2B77B;}

#kskin_headinner {max-width: 1100px; margin: 0 auto 0 auto; padding: 0;}

#kskin_headhome {margin-bottom: .25em;}
#kskin_headhome img {margin: 0 auto 0 auto !important; max-height: 3em; display: block; width: auto;}

#kwidgetgroup_HEADER2 {float: right; background-color: #F2B77B; color: #FFFFFF;}
#kwidgetgroup_HEADER2 a {color: #FFFFFF;}

#kwidgetgroup_HEADER2 .kwidget_hoverbox {background-color: #F2B77B; border: 1px solid #F2B77B; box-shadow: none;}

#kwidgetgroup_HEADER2 .kbutton {background-color: #F67522; border: 1px solid #F67522; color: #FFFFFF;}
#kwidgetgroup_HEADER2 .kbutton:hover {background-color: #FFFFFF; border: 1px solid #FFFFFF; color: #F67522;}

@media all and (min-width: 600px) {

     #kskin_headhome {margin-bottom: .5em;}
     #kskin_headhome img {margin: 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 {color: #FFFFFF; font-size: 1.1em;}

#kskin_navinner {max-width: 1100px; background-color: #01BAB5; margin: 0 auto 0 auto;}

/* OVERRIDE: Navmenu Hover Colors */

#kskin_nav .kthemeinvert .kwidget_icondrop .kwidget_boxcontent, #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent,
#kskin_nav .kthemeinvert .kwidget_icondrop .kwidget_box:hover .kwidget_boxicon, #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #FEFEFE;}
#kskin_nav .kthemeinvert .kwidget_icondrop li a:hover, #kskin_nav .kthemeinvert .kwidget_fulldrop li a:hover {background-color: #C6C6C6;}
#kskin_nav .kthemeinvert .kwidget_fulldrop a, #kskin_nav .kthemeinvert .kwidget_fulldrop a:hover {color: #000000;}

#kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li {font-weight: bold;}
#kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li > ul {font-weight: normal;}

#kskin_nav .kthemeinvert .kwidget_icondrop .kwidget_boxcontent, #kskin_nav .kthemeinvert .kwidget_icondrop .kwidget_box:hover .kwidget_boxicon {background-color: #DFF3F3;}
#kskin_nav .kthemeinvert .kwidget_icondrop li a:hover {background-color: #DFF3F3;}

@media all and (min-width: 600px) {

     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li > ul {font-size: .8em !important;}

     #kskin_nav .kthemeinvert .kwidget_icondrop .kwidget_boxcontent:hover {background-color: #DFF3F3;}

     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent {background-color: inherit;}
     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #DFF3F3;}

}

@media all and (max-width: 959px) {

     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent, #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_fulldrop li a:hover {background-color: #DFF3F3;}

     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li {font-weight: normal;}
     #kskin_nav .kthemeinvert .kwidget_boxcontent.kwidget_click li ul {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #DFF3F3;}
     #kskin_nav .kwidget_fulldrop .kwidget_boxcontent {width: 100%;}
     #kskin_nav .kthemeinvert .kwidget_fulldrop a:hover {color: #01BAB5;}

}

@media all and (min-width: 960px) {

     #kskin_nav .kwidget_fulldrop .kwidget_boxcontent > ul,
     #kskin_nav .kwidget_fulldrop .kwidget_boxcontent > ul > li > ul {font-size: 1em !important;}

     #kskin_nav .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #DFF3F3;}
     #kskin_nav .kthemeinvert .kwidget_boxcontent > ul > li > a {color: #DFF3F3;}

     #kskin_nav .kwidget_boxcontent > ul > li:hover > a {color: #01BAB5 !important;}
     #kskin_nav .kwidget_boxcontent li ul {width: 20em; max-width: 100%;}

     #kskin_nav .kwidget_boxcontent > ul > li > ul > li:hover a {background-color: #FFFFFF !important;}
     #kskin_nav .kwidget_boxcontent > ul > li > ul > li:hover a {color: #01BAB5 !important;}

} 








#ecom_skinwidget_minisearch a, #ecom_skinwidget_minisearch a:hover {color: #01BAB5 !important;}
#ecom_skinwidget_minisearch input[type="submit"], input[type="submit"]:hover {color: #FFFFFF; background-color: #01BAB5;}
#ecom_skinwidget_minisearch .khoverbox .kpadvertmin a {font-size: .9em;}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_banner                                         | */
/* +------------------------------------------------------------+ */

#kskin_banner {max-width:1100px; margin: 0 auto 0 auto; background-color: #000000;}

#kskin_bannerinner {max-width:1100; 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_adverts_X                                      | */
/* +------------------------------------------------------------+ */

#kskin_adverts_banner {box-sizing: border-box; max-width: 1100px; margin: 0 auto 0 auto;}

@media all and (max-width: 959px) {

     #kskin_adverts_banner #kskin_advertsinner {padding: .5em;}

}

#kskin_adverts_footer {background-color: #F4F4F4;}

#kskin_adverts_footer #kskin_advertsinner {box-sizing: border-box; max-width: 1100px; margin: 0 auto 0 auto; padding: 1.5em 0 0 0;}

@media all and (max-width: 1100px) {

     #kskin_adverts_footer #kskin_advertsinner {padding: 1.5em .5em 0 .5em;}

}

/* +------------------------------------------------------------+ */
/* | Skin: kskin_foot                                           | */
/* +------------------------------------------------------------+ */

#kskin_foot {background-color: #01BAB5; 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"], .kwrap input[type="reset"] {background-color: #01BAB5; border: 1px solid #01BAB5; font-weight: bold;}
.kbutton                                                {background-color: #01BAB5; border: 1px solid #01BAB5; font-weight: bold;}

.kwrap input[type="submit"]:hover, .kwrap input[type="reset"]:hover {background-color: #C7C8CA; border: 1px solid #C7C8CA;}
.kbutton:hover                                                      {background-color: #C7C8CA; border: 1px solid #C7C8CA;}

.kwrap h1 {color: #999999;}
.kwrap h2 {color: #01BAB5;}
.kwrap hr {color: #F67522; background-color: #F67522;}
.kmirrortrow, .ktricktablerow {background-color: #DFF3F3;} 

h2.kmirrorthead      {color: #FFFFFF; background-color: #01BAB5;}
.ktricktablehead     {color: #FFFFFF; background-color: #01BAB5;}
.ktricktableheaditem {color: #FFFFFF; background-color: #01BAB5;}
.ktable th           {color: #FFFFFF; background-color: #01BAB5;}

/* OVERRIDE: Tabs */

.ktabheading {background-color: #DFF3F3; padding: .5em; margin-bottom: 0;}
.ktabcontent {border: 1px solid #DFF3F3; padding: .5em;}
.ktabcontent h2 {font-size: 1.1em;}
.ktabcontent > h2:first-child {margin-top: 0;}

/* OVERRIDE: Category Displays */

.kcatshow {border: none;}
.kcatshowname {display: none;}
.kcatshowdescwrap {background-color: #DFF3F3; font-size: .9em; padding: 1em;}

.kcatlistitem {background-color: #DFF3F3; border: 1px solid #DFF3F3;}
.kcatlistitemwrap {padding: .5em;}

/* OVERRIDE: Product Displays */

.kprodlistitem {background-color: #FFFFFF; border: 1px solid #FFFFFF;}
.kprodlistitem .kmirrorcell {margin-bottom: 1em;}
.kprodlistitemwrap {padding: .5em;}
.kprodlistitemwrap form {margin: 0;}

/* OVERRIDE: Reviews */

.kreviewsitem {border: 1px solid #DFF3F3; background-color: #DFF3F3;}
.kreviewsiteminfo {background-color: #FFFFFF; padding: .5em;}
.kreviewsitemtext {padding: 1em .5em 1em .5em;}

/* OVERRIDE: Shopping Cart */

.kcartitemname {color: #19647E;}

/* OVERRIDE: Articles Extension Module */

.kxmodarticlescatshow, .kxmodarticleslist {border: 1px solid #DFF3F3;}
.kxmodarticlescatshowdescwrap, .kxmodarticleslistdescwrap {background-color: #DFF3F3;}

.kxmodarticlescatlistitem {background-color: #DFF3F3; border: 1px solid #DFF3F3;}
.kxmodarticlescatlistitemwrap {padding: .5em;}

.kmodaltitle {color: #01BAB5;}

/* +------------------------------------------------------------+ */
/* | Mods                                                       | */
/* +------------------------------------------------------------+ */


@media screen and (max-width: 960px) {
.kwidget_icondrop li a, .kwidget_fulldrop li a {color: #01BAB5;}
}
.kwidget_icondrop li a:hover, .kwidget_fulldrop li a:hover {color: #FFFFFF;}

.kprodlistitemname a {color: #01BAB5;}

.kpricelabel {color: #01BAB5;}

.kpricex {color:red; font-weight:bold;}

.kpricepay {color:#F67522;}

.kpricesave {color:#01BAB5;font-weight:bold;}

.kstockin {color:#01BAB5;}

.kpriceinfoleft {color:#01BAB5;}

.kpriceinforight {color:#F67522;}

.prodlistreviews {padding:0.7em 0 0 0;}

.viewoptions {padding:0.5em 0 0.5em 0;}

.ui-widget-header {color: #01BAB5;}

#coform--terms .kmirrortrow {background-color: #ffebeb;}
#coform--deliverycontact .kmirrortrow {background-color: #ffebeb;}

.kprodlistitem {background-color: #DFF3F3;} 

/* +------------------------------------------------------------+ */
/* |Photo Gallery  Mods                                         | */
/* +------------------------------------------------------------+ */


#gallerypagewrap {margin: 30px auto;}

#gallerypagewrap h3 {text-align: center; font-size: 1.65em; margin: 0 0 30px;}

#gallerywrap {display: flex; flex-wrap: wrap; justify-content: space-around;}

#gallerywrap a {display: inline-block; margin-bottom: 8px; width: calc(50% - 4px); text-decoration: none; color: black;}

@media screen and (min-width: 50em) {#gallerywrap a {width: calc(20% - 5px);}}

figure {margin: 0; overflow: hidden;}

figcaption {margin-top: 2px; font-size: 0.8em;}

#gallerywrap img {border: none; max-width: 100%; height: auto; display: block; background: #ccc;}

/* +------------------------------------------------------------+ */
/* | Sprite Override                                            | */
/* +------------------------------------------------------------+ */

.kicon, .kbannercontl, .kbannercontr, .kslidecontl, .kslidecontr, .kmodalclose {background-image: url('../images/full-sprite.png');}
#kskin_headinner .kicon {background-image: url('../images/full-sprite-alt.png');}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */