/* +------------------------------------------------------------+ */
/* | Document Styles                                            | */
/* +------------------------------------------------------------+ */
/*  MacGurus OVERRIDE CSS */

body {color: #000000; background-color: #F7F7E7;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px;}
/* body {color: #000000; background-color: #F1F1DE; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;} */
input, select, option, textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

a {color: #990000; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
.kmed {font-size: .9em;}

/* IMAGE MANAGEMENT*/
.kimgnice {display: block; margin: 0; width: auto; max-width: 100%; height: auto; padding: 0;}
.kimgnicecenter {display: block; margin: 0 auto 0 auto; width: auto; max-width: 100%; height: auto; padding: 0;}
/* changed images from stretching to fixed */
/*  most of our images are smaller than what is required by the shopping cart, so they look terrible when stretched */
.kimgstretch {display: block; margin: 0 auto 0 auto; width: auto; max-width: 100%; height: auto; padding: 0;} 
/* 
.kimgstretch {display: block;  width: auto; max-width: 100%; height: auto; 
padding: 3px;
	margin:  5px; 
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC; }
 */

.kwrap img { 
padding: 3px 0px 0px 0px;
	margin:  0 auto 0 auto; 
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC; }
/* .kimgstretch {display: block; width: 100%; height: auto; margin: 0 auto 0 auto; padding: 0;} */

.kimground {border-radius: 0 0 0 0; margin: 0 auto 0 auto; padding: 0;}

/* +------------------------------------------------------------+ */
/* | 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 {background-image: url('mgswatch.gif');}

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

#kskin_headhome {margin-bottom: .25em; }
#kskin_headhome img {margin: 0 auto 0 auto; max-height: 4em;  border: none;}

@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 {background-color: #333333; font-size: 18px;}

#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-image: url("mgswatch.gif"); border: 1px solid #000000; border-radius: 10px 10px 10px 10px; }

#kskin_maincontent {padding: .5em .5em 1em .5em;}

/* #kskin_col2 div.kwidget_boxcontent a {color: #000000;} */


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

     #kskin_maincontent {padding: 1em 1em 2em 1em; }
     
     /*  skin_col2 controls category list and any other sidebar info */
     #kskin_col2, #kskin_col3 {padding: 1em 1em 2em 1em; margin-top: 2em;  margin-bottom: .5em;
         }
}

/* +------------------------------------------------------------+ */
/* | 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 {color: #FFFFFF; background-color: #000000; border: 1px solid #000000; border-radius: 10px; }
.kbutton:hover {background-color: #333333; border: 1px solid #333333; }


/*  color changes */


.kpromo {color: #E7921E;}
.kconfirm {color: #E7921E;}
.kspecialoffer {color: #FF0000;}
.kconfirm.kbordered {color: #E7921E; border: 1px solid #E7921E;}
.kpricelabel    {color: #000000;}
.kpricelabelfix {color: #000000;}
.kprice         {color: #000000;}
.kpricepay      {color: #000000;}
.kpricepayrecur {color: #339933;}
.kpricefree     {color: #339933;}
.kpricex        {color: #000000; text-decoration: line-through;}
.kpricesave     {color: #000000;}
.kstockin       {color: #339933;}
.kstockout      {color: #FF0000;}



/* menu backgrounds and body backgrounds */
/*  this section copied from base css file to preserve settings before upgrade */
/* */

/* the following command controls background color of dropdown menus on hover over icon */
.kwidget_icondrop .kwidget_boxcontent,

.kwidget_icondrop .kwidget_box:hover .kwidget_boxicon   {background-color: #F7F7E7; border: inset; }


.kwidget_fulldrop .kwidget_boxcontent,
 .kwidget_fulldrop .kwidget_box:hover .kwidget_boxicon {background-color: #F7F7E7;  }

.kwidget_icondrop li a:hover, .kwidget_fulldrop li a:hover {background-color: #F1F1DE; border-left: 1px;}
.kwidget_icondrop li a {color: #F1F1DE;}
.kwidget_fulldrop li a {text-decoration: none;}

.kwidget_hoverbox {border: 1px solid #F4F4F4; background-color: #FFFFFF; box-shadow: 1px 1px 2px #222222;}
.kwidget_icondrop .kwidget_hoverbox, .kwidget_fulldrop .kwidget_hoverbox {box-shadow: none; border: none; background-color: inherit;}

@media all and (min-width: 600px) {
/* this one controls hover when pointing at a menu item */
     .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {background-color: #F1F1DE; border-radius: 10px; border: inset; }
     .kwidget_fulldrop .kwidget_hoverbox {background-color: #F1F1DE; border-left: 1px solid #000000;}
     .kwidget_fulldrop .kwidget_boxcontent {background-color: inherit; }
/* this one controls drop down list box on menu items that have sub menus */
       .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #F1F1DE; border-radius: 10px; border: inset;}


     .kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #F1F1DE; border-top: 1px solid #000000; }

}

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

     .kwidget_boxcontent.kwidget_click li ul {background-color: #FFFFFF; }
     .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #F1F1DE; }
     .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #FFFFFF; }
     .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #F1F1DE; }

}

/* 
02/25/17 margins for ul > li:hover > ul  are to control the flyout of the first level on the desktop category menu 
 */
/* 
@media all and (min-width: 960px) {

    
      .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {display: block;}
        .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > ul {margin: -2em 0 0 5em; }
  
}
 */

@media all and (min-width: 960px) {
 .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #F1F1DE; }
.kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {display: block; position: relative;}
.kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > ul {position: absolute; left: 60px; top: 0px;}
  
}
/* end preserve */



/* popup windows  color change*/
.kmodalbox {background-color: #FFFFFF; color: #000000; box-shadow: 1px 1px 2px #222222;}
.kmodalbar {background-color: #F1F1DE;}
.kmodaltitle {color: #000000;}

.kmodalbox .kmirrortrow , .kmodalbox .ktricktablerow, .kmodalbox .ktable tr {background-color: #FFFFFF;}


.kmodalinner {min-height: 10em; max-height: 28em; box-sizing: border-box; padding: 1em; }
.kmodalcontent {position: relative; height: auto; min-height: 10em; max-height: 28em; clear: both; overflow: auto;}
.kmodal {position: absolute; top: 10%; left: 0; z-index: 9003; width: 100%; display: none; }
.ktricktablehead     {background-color: #333333;} 
.ktricktableheaditem {background-color: #000000;}
.ktable th           {background-color: #333333;}
/* .ktable tr           {background-color: #F1F1DE;} */
.ktable tr {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}

/* tricktable used to display shopping cart contents */
.ktricktablerow {background-image: url('mgswatch.gif'); margin-top: 0px; margin-bottom: 0px; } 
.ktricktableheaditem {border-left: 2px solid #000000; border-right: 1px solid #000000;  border-top: 1px solid #000000; border-radius: 10px 10px 0px 0px; }

.ktricktablehead {border-left: 2px solid #000000; border-right: 1px solid #000000;  border-top: 1px solid #000000; border-radius: 10px 10px 0px 0px; }
h2.kmirrorthead {background-color: #333333; color: #F7F7E7; padding: .5em; font-size: 1em;}
.kmirrorthead { border-left: 2px solid #000000; border-right: 1px solid #000000;  border-top: 1px solid #000000; border-radius: 10px 10px 0px 0px; margin-bottom: 0; }
.kmirrortrow  {background-image: url('mgswatch.gif'); border-left: 1px solid #000000; border-right: 1px solid #000000;  border-bottom: 1px solid #000000; border-radius: 0px 0px 10px 10px; }


/* .mirrortrow = product offer item grid */
.kmirrortrow { padding: 0.5em .5em 0 .5em; background-image: url('mgswatch.gif'); }


/* OVERRIDE: Tabs */
.kaccordwrap {margin-bottom: 2em;}
.kaccorditem {margin-bottom: 0;}
.ktabheading {background-color: #F7F7E7; 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;}

/* product tabs  borders and background colors */
.kaccordhead {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-top: 2px solid #000000;border-radius: 10px 10px 0px 0px; margin-bottom: 0; }
.kaccordcontent { background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}

/* put border on pictures */
.kfloatleft {display: block; clear: both; float: left; margin: 0; 
	}
.kfloatleftcn {display: block; clear: none; float: left; margin: 0; 
	}
.kfloatright {display: block; clear: right; float: right; margin: 0; 
	}
.kfloatrightcn {display: block; clear: none; float: right; margin: 0; 
	}




/* OVERRIDE: Category Displays */

.kcatshow {border-top: 1px solid #000000; }
.kcatshowdescwrap {background-color: #F7F7E7;}

.kcatlistitem {background-image: url('mgswatch.gif'); border: 1px solid #000000; border-radius: 10px;}
.kcatlistitemwrap {padding: .5em;}

/* OVERRIDE: Product Displays */

.kprodlistitem {background-image: url('mgswatch.gif'); border: 1px solid #000000; border-radius: 10px;}
.kprodlistitem .kmirrorcell {margin-bottom: 1em;}
.kprodlistitemwrap {padding: .5em;}
.kprodlistitemwrap form {margin: 0;}

/* OVERRIDE: Reviews */

.kreviewsitem {background-image: url('mgswatch.gif'); border: 1px solid #000000; border-radius: 10px;}
.kreviewsiteminfo {background-color: #FFFFFF; border-radius: 10px 10px 0px 0px; padding: .5em; }
.kreviewsitemtext {padding: 1em .5em 1em .5em;}

/* OVERRIDE: Shopping Cart */

.kcartitemname {color: #E7921E;}
.kaddtocart {border-radius: 10px;}

.kitalics {font-style: italic; }
.korange {color: #E7921E;}
.kblue {color: #03F;}
.kred {color: #FF0000;}
.kpurple {color: #602e92;}
.clearboth {
     clear: both;
     }
.box {
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	padding: 3px;
	border-width: thin;
	border-style: solid;
	background-image: url('../media/mgswatch.gif');
	background-repeat: repeat;
}
/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */


/* +------------------------------------------------------------+ */
/* | Color Scheme: THEMEINVERT                                  | */
/* +------------------------------------------------------------+ */

.kthemeinvert {color: #F7F7E7;}
.kthemeinvert a {color: #F6F6F0;}

.kthemeinvert a.kbasecolor {color: #F7F7E7;}

.kthemeinvert hr {color: #222222; background-color: #222222;}

.kthemeinvert input[type="text"], .kthemeinvert input[type="password"], .kthemeinvert select, .kthemeinvert textarea {color: #000000; background-color: #F7F7E7; border: 1px solid #F7F7E7;}
.kthemeinvert input[type="submit"], .kthemeinvert input[type="reset"] {color: #000000; background-color: #F6F6F0; border: 1px solid #F6F6F0;}
.kthemeinvert input[type="submit"]:hover, .kthemeinvert input[type="reset"]:hover {background-color: #6E717A; border: 1px solid #D8D5DB;}

.kthemeinvert input[type="text"]:focus, .kthemeinvert input[type="password"]:focus, .kthemeinvert select:focus, .kthemeinvert textarea:focus {color: #000000; background-color: #F7F7E7; border: 1px solid #F7F7E7;}

.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: #333333;}
.kthemeinvert .kwidget_icondrop li a:hover, .kthemeinvert .kwidget_fulldrop li a:hover {background-color: #5F626A;}

.kthemeinvert .kwidget_hoverbox {border: 1px solid #000000; background-color: #000000; box-shadow: 1px 1px 2px #222222;}
.kthemeinvert .kwidget_icondrop .kwidget_hoverbox, .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {box-shadow: none; border: none; background-color: inherit;}

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

     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover {background-color: #333333;}
     .kthemeinvert .kwidget_fulldrop .kwidget_hoverbox {background-color: #333333;}
   .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent {background-color: inherit;} 
/*  this next line controls the theme inverted navmenu items.  added border none to get rid of the top line on the main black nav menu */
     .kthemeinvert .kwidget_fulldrop .kwidget_boxcontent ul {background-color: #333333; border: none;}
     .kthemeinvert .kwidget_midwide .kwidget_fulldrop .kwidget_boxcontent > ul > li:hover > a {background-color: #333333;}

}

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

     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul {background-color: #5F626A;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li a:hover {background-color: #6E717A;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul {background-color: #6E717A;}
     .kthemeinvert .kwidget_boxcontent.kwidget_click li ul li ul a:hover {background-color: #5F626A;}

}

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

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

}

.kthemeinvert .kbordered {border: 1px solid #222222;}
.kthemeinvert .kborderedfield {border: 1px solid #F7F7E7;}
.kthemeinvert .kfilled {background-color: #222222;}

.kthemeinvert .kbutton {color: #000000; background-color: #F6F6F0; border: 1px solid #F6F6F0;}
.kthemeinvert .kbutton:hover {background-color: #D8D5DB; border: 1px solid #6E717A;}

.kthemeinvert .koverlay {background-color: #000000;}

.kthemeinvert .kaccordhead {background-color: #222222;}
.kthemeinvert .kaccordcontent {border-left: 1px solid #222222; border-right: 1px solid #222222;  border-bottom: 1px solid #222222;}

.kthemeinvert .ktip {color: #000000; background-color: #F6F6F0; 6px solid transparent; border-right: 6px solid transparent;}
.kthemeinvert .ktip:after {border-top: 6px solid #F6F6F0;}
.kthemeinvert .ktip.ktiptop:after {border-bottom: 6px solid #222222; border-top-color: transparent;}

.kthemeinvert h2.kmirrorthead {background-color: #222222; color: #F7F7E7; padding: .5em; font-size: 1em;}
.kthemeinvert .kmirrortrow {padding: .5em .5em 0 .5em; background-color: #353A47; }

.kthemeinvert .ktricktablehead {background-color: #222222;}
.kthemeinvert .ktricktableheaditem {padding: .5em; color: #F7F7E7; background-color: #222222;}
.kthemeinvert .ktricktablerow {background-color: #353A47;}
.kthemeinvert .ktricktableitem {padding: .5em;}

.kthemeinvert .ktable tr {background-color: #353A47;}
.kthemeinvert .ktable th {background-color: #333333; color: #F7F7E7; border-bottom: .5em solid #000000;}

.kthemeinvert .kajaxcontainer {background-color: #000000;}


/* +------------------------------------------------------------+ */
/* | Category Feature Grids                                     | */
/* +------------------------------------------------------------+ */

.kcatfeatgrid {width: 100%;}
.kcatfeatgridname {font-weight: bold !important;}

@media (max-width: 599px) {

.ktable tr {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}
       .kcatfeatgrid tr:after {content: ''; display: block; clear: both; height: 0;}
     .kcatfeatgrid tr:nth-child(2n) td {padding-top: 0;}
     .kcatfeatgrid tr:last-child td {padding-bottom: 0;}
     .kcatfeatgrid td {display: block; padding: 0 1em 0 1em;}
     .kcatfeatgrid td:not(.kcatfeatgriditemfix):before {margin-bottom: 0; margin-right: .5em; width: 40%; float: left;}

     td.kcatfeatgriditem, td.kcatfeatgriditemfix {padding-top: 1em !important;}
     td.kcatfeatgridadd  {padding-top: 1em !important;}

     .kcatfeatgridmatrix > .kbotmarginhalf {margin-bottom: .25em !important;}
     .kcatfeatgrid .kpadvertmin {padding: 0;}
     .kcatfeatgridname {font-size: 1.1em;}
     .kcatfeatgridwl {padding: .25em 0 .25em .5em;}
     .catfeatgridiconwrap {padding: .5em 0 .5em 0;}

}

@media (min-width: 600px) {

   .ktable tr {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}

     .kcatfeatgrid {font-size: .8em;}

     th.kcatfeatgriditemfix   {width: 22em;}
     th.kcatfeatgridicons     {width: 6.5em; min-width: 6.5em;}
     th.kcatfeatgridadd       {width: 7em; min-width: 7em;}

     .kcatfeatgrid .kbutton {width: 100%;}
     .kcatfeatgridwl {display: block; font-size: .9em; margin-top: .5em;}
     td.kcatfeatgridadd {text-align: center;}

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

.ktable tr {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}
}
@media all and (min-width: 960px) {
.ktable tr {background-image: url('mgswatch.gif'); border-left: 2px solid #000000; border-right: 2px solid #000000;  border-bottom: 2px solid #000000; border-radius: 0px 0px 10px 10px;}
}