/**   RESET    **/
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;
    padding: 0; border: 0;font-size: 100%; font: inherit; vertical-align: baseline;  }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
    body {line-height: 1; }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	
* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
html, body {min-width:340px; padding:0; margin:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
body {background:#f0f8fb;  }
a {text-decoration:none;}
p {line-height:1.7em; padding:6px 0 6px 0}
h1 {font-size:150%; padding: 0.5em 0 1em 0;}
h2, h3 { padding: 15px 0 8px 0}
h3 {font-size:120%;}
strong {font-weight:bold;}
.fright {float:right;}
.fleft {float:left;}
.acenter {text-align:center;}

/* LAYOUT */
.wrapper {border:0px #009 dashed;  }


/* HEADER */
header {border-bottom:4px #960404 solid; overflow:hidden; text-align:center; background:#fff; padding:0 3em 0 3em;}
header h1 {font-size:190%;}
.top { margin-bottom:0px; }
.trim {height:15px; position:absolute; bottom:-17px; width:100%; background:url(../images/trim.png) repeat-x;}
.phone {float:right; font-size:105%; text-shadow:1px 1px #ebe4ed; border:1px #666 solid;background:#c3b9c6; padding:12px; margin-top:-24px; border-radius:16px;}
.h-logo { /*position:absolute; left: 20px; top:5px*/ display:block; padding:0.5em; text-align:left;}
.h-strap {font-size:140%; text-align:left;  padding:0.5em;}

/* MENU */
.menu {background:#006666;}
.menu li, .menu a, .sub-menu, .sub-menu a {color:#FFFFFF;}
.menu li {display:inline-block; padding:0.75em; background:#006666;}
.menu li:hover {background:#00aeae}

.sub-menu {background:#00aeae;}
.sub-menu li {display:inline-block; padding:0.75em; border:1px #666666 solid; margin:0.25em;}
.sub-menu li:hover {background:#006666;}
.sub-menu li:hover a {color:#FFFFFF;}

/* CONTENT */
.bg-blue {background:#00aeae; color:#FFFFFF; border-bottom:3px #006767 solid;}
.bg-blue a {color:#006767; font-weight:bold;}
.bg-red {background:#951e1e}
.bg-red a {font-weight:bold;}
.content {}

.inner-content {position:relative; margin:0 auto;  padding:1.5em 2em;  width:94%; max-width:1680px; min-width:320px;}

.crumbs {padding:1em 3em 1em 3em; background:#0057ae; color:#FFFFFF; font-size:96%; border-bottom:3px #023b74 solid}
.crumbs a {color:#FFFFFF; padding:0 0.5em 0 0.5em}

.button {background:#FFFFFF;border:2px #333333 solid; padding:0.6em; color:#000000; text-transform: uppercase;}
.button:hover {background:#00aeae; color:#FFFFFF; border:2px #000000 solid;}

.img-right {float:right; margin-left:1em; border:2px #333333 solid; border-radius:8px;}

.col-34 {border:0px #009 dashed; width:56%}
.col-14 {border:1px #009 dashed; width:25%}
.col-mr {margin-right:2%;}



.img {border:2px #e3e3e3 solid; border-radius:10px; margin:8px; padding:10px; background:#FFF;}

.sub-heading {font-size:140%;}
.w-text {line-height:1.7em; letter-spacing:1px;}

.c-box-heading {display:block;  background:#e98005; color:#fff; text-shadow:1px 1px #804501; font-weight:bold; border-radius:12px 0 0 0; padding:8px; text-align:center }

.c-box {  color:#FFF;  margin-bottom:3%; border-radius: 0 12px 0 12px; text-align:center }
.c-innerbox  {background:#fcfcfc url(../images/header-bg.png) repeat-x;  padding:8px; color:#000; border:6px #222222 solid;border-radius:0 0 12px 0; overflow:hidden; }
.c-innerbox img {border:1px #8b8b8b solid; border-radius:6px}
.c-innerbox a { color:#333;}
.sidebar-right .c-box-heading { border-radius: 0 12px 0 0;  }
.sidebar-right .c-innerbox { border-radius: 0 0 0 12px;  }

.cart-info {padding:4px; text-align:center;}


/* BANNERS */
.full-box {clear:both;}


/* MENU */


/*  GRIDS  */
.grid-wrapper {margin:0 auto; overflow:hidden; clear:both;}
.grid-wrapper a, .list-grid a {  display:block; }

.list-grid {border:1px #666 solid; overflow:hidden; padding:4px; margin-bottom:6px; border-radius:6px; background:#f5f5f5; }
.list-grid:hover {border:1px #e98005 solid;  background:#ffffff; }
.list-grid a {color:#333; }

.prodthumb {width:80px; height:80px; border:1px #000 solid; display:block; float:left; margin-right:10px; overflow: hidden; border-radius:4px; vertical-align:middle; text-align:center; background: #FFF;}
.prodthumb img {width:auto; height:100%; border-radius:4px;}
.prodhead {margin-left:90px; font-size:115%; padding:4px; background:#e98005; color:#FFF; text-shadow:1px 1px #333; border-radius:6px;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5 {display:block; margin: 4px 1% 4px 1%; vertical-align:top; padding:1%; overflow:hidden; float:left;}

.grid-1 {background:#FFFFFF; width:100%; float:none; margin:0; border:1px #333333 solid; border-radius:6px;}
.grid-2 {width:49%; }
.grid-2:nth-child(2n+1){margin-left:0; }
.grid-2:nth-child(2n+0) {margin-right:0;}

.grid-3  {width:32%; padding:1%; text-align:center; border:1px #333333 solid; border-radius:6px; background:#FFFFFF;}
.grid-3:nth-child(3n+1){margin-left:0; }
.grid-3:nth-child(3n+0) {margin-right:0;}
.grid-3 img, .grid-4 img  {width:90%; margin:6px; height:auto; vertical-align:bottom; max-width:200px; padding:10px; background:#FFF; border:3px #fff solid; border-radius:8px;}

.grid-3 h2 {font-weight:bold; line-height:1.5em;}

.grid-4 {width:23.5%;  text-align:center; padding:0;  border-radius: 8px; position:relative; background:#000; /*border-bottom:1px #CCC solid; border-right:1px #CCC solid*/}
.grid-4:nth-child(4n+1){margin-left:0; }
.grid-4:nth-child(4n+0) {margin-right:0;}
.grid-4 h2 {background:#e98005; color:#fff; text-shadow:1px 1px #804501; padding:8px 2px; min-height:50px; }

/* Revenue divs */
.rev-full {margin:1em;}

/* FOOTER */
footer {display:block; position:relative; clear:both; color:#efefef; font-size:80%; border-top:2px #222222 solid; padding: 8px 0 8px 0; background:#222222; overflow:hidden; }
footer a {text-decoration:none; color:#fff;}
footer a:hover {text-decoration:underline;}


/* Contact Form */

.contact-form {margin-top:15px;}
.contact-form input, .contact-form select, .contact-form textarea{width:65%; margin-bottom:12px; padding:6px;  border-radius:4px;}
.contact-form input, .contact-form select {height:30px; line-height:30px;}
.contact-form img {vertical-align:middle;}
label {  float:left;  width:120px;  margin-right:0.5em;  padding-top:0.3em;  text-align:right;  color:#000;  }
.frminput {background:#FFF;	border:2px  #CCC solid; overflow:hidden; padding:10px 5px 0px 10px;  margin-bottom:12px;}
.sbt {display:none;}
#send-button {height:35px;}

.required, .spam {border:solid 1px #ff0000;}
.correct {border:solid 1px #00ff00;}
.mark-correct {background:url(../images/checkmark.png) no-repeat;}
.mark-required {background:url(../images/crossmark.png) no-repeat;}
.submit {margin-left:125px; width:240px; height:30px; margin-top:25px;}

#submit, #clear_form {width:210px;height:40px; margin: 2px; }
#spam {width:100px;}
.error {color:#F00; background:#FFF; margin:0;}
#form-error-box {display:none; width:400px; height:130px; border:5px  #ec2222 solid; background:#0daff6; position:fixed; left:50%; margin-left:-200px; top:25%; padding:10px; text-align:center; color:#000;}




.left-box {background:#024c83;border:1px #024c83 solid; padding:6px; margin-top:8px;}
.left-box p {margin:4px 6px 8px 6px; padding:6px; border:2px #be3400 solid; background:#f5e334; color:#000;}

.right-content {float:right; width:76%; border:0px #e1e1e1 dashed; padding-right:1%;}
.right-content p {text-align:left; margin:1px; padding:6px; }


.left {width:40%; float:left; border-right:0px #999 dashed; margin-right:1%; max-width:480px; text-align:center; margin-bottom:12px;}
.right {width:59%; float:left;border:0px #000 dashed; margin-bottom:12px;}

.contact {clear:both;  border-radius:8px; border:3px #e3e3e3 solid; background:#fff; padding:10px; margin-top:15px; overflow:hidden;}
.contact h1 {margin:0; border-bottom:1px #CCC solid; font-size:1.5em; color:#333; text-shadow:1px 1px #f1f1f1; width:50%;}

.std-bullets, .lge-bullets {margin:0; padding:0 0 0 20px; list-style-type:square; font-size:90%; text-align:left;}
.std-bullets li {padding-bottom:6px;}
.lge-bullets {font-size:110%; margin-top:10px;}
.lge-bullets li {padding-bottom:6px;}

p.links {padding:6px; border:1px #f2f2f2 solid; border-radius:6px; background:#fff; margin:8px; }


@media screen and (max-width: 1280px) {
.inner-content {width:100%;}	
.c-innerbox img {width:100%; height:auto; }	
.sale-banner-side{width: 85%}
.prod-desc img {width:90%;}
}




@media screen and (max-width: 1160px) {
.topmenu {margin-right:20%; }
.grid-4 {width:32%; }
.grid-4:nth-child(4n+1), .grid-4:nth-child(4n+0){margin-left:1%; }
.grid-4:nth-child(3n+1){margin-left:0; }
.grid-4:nth-child(3n+0) {margin-right:0;}

}

@media screen and (max-width: 960px) {
.content {border-radius:0; }
.topmenu {margin-right:18%; }
.sidebar-left {width:24%;}
.sidebar-right {width:16%; }
}

@media screen and (max-width: 930px) {



}
@media screen and (max-width: 850px) {
nav li a {font-size:100%}
.topmenu  {display:none;}

.grid-1, .grid-3 {padding:5%;}
.grid-4 {width:49%;}
.grid-4:nth-child(3n+1), .grid-4:nth-child(3n+0){margin:1%; }
.grid-4:nth-child(2n+1){margin-left:0; clear:left;}
.grid-4:nth-child(2n+0) {margin-right:0;}
.grid-4 h2 {padding:6px 2px; min-height:40px; }

.sidebar-left {width:30%;}
.col-34 {width:66%}
.sidebar-right {display:none; }
}

@media screen and (max-width: 760px) {


.shopping-box {display:none;}


}

@media screen and (max-width: 650px) {

.mm-menu {display:block; }
.col-34, .sidebar-right { width:100%; float:none; clear:both;}
.c-box { padding:8px; border:6px #d1d1d1 solid; margin:0.5%; border-radius: 12px; text-align:center; float:left; width:49%; }
.grid-3  {width:100%; margin-left:0;}
.top { margin-bottom:10px; margin-top:10px;}
.phone {float:none; margin:0 auto; text-align:center; padding:10px;  }
.intro-text { font-size:110%;  line-height:22px;  }

}



@media screen and (max-width: 530px) {

.top { margin-bottom:10px; margin-top:10px; text-align:center;}
.content { margin-top:16px;  }
/*.img { background:#FFF;  width:90%; margin:5%; height:auto; }*/

.h-logo{position:relative; margin-top:-25px;  }
.h-tele{
    position:relative; content:url("../images/mm-telephone.png");
}

.promo-box img{width:100%; height:auto;}
}


@media screen and (max-width: 400px) {
.fright {float:none;  }


}