/*** Footer Info ***/
div.custom_FooterInfo{position:relative;float:left; width:100%; margin-bottom:0px; background: #3a3a3a; border-left: 0; border-right: 0;}
.moduletable_FooterInfo{display: inline-block; width: 100%; position: relative; box-sizing: border-box; background: #fff; padding-bottom: 0px; border-bottom: 3px solid #fff;}
.moduletable_FooterInfo:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; background: url(../images/bg-location.png) no-repeat 0 0; content: " "; z-index: 100;}
#AnnouncementBottom{clear: both;}
div.FooterDiv{z-index: 3; position:relative;float:left; width:33.33%; padding:20px 2% 12px 2%; margin:0;box-sizing: border-box; color: #e1ba39; text-align: center; }
div.FooterDiv:before{content: " "; position: absolute; top: 0; right: 0; width: 1px; height: 105%;background: #616161}
div.FD2:before{content: " "; position: absolute; top: 0; right: 0; width: 1px; height: 115%;background: #616161}
div.FD3{margin-right:0;  width: 31%; padding-top: 20px;}
div.FD3:before{background: transparent;}
div.FooterDiv img{width:100%; height:auto; box-shadow:0px 0px 2px #999;}
div.FooterDiv h2{font-family: 'Ubuntu', sans-serif; font-size: 16px; margin-bottom: 19px; padding-bottom: 8px; font-weight: bold; color: #fdfdfd; background: url(../images/address.png) no-repeat 30% 50%; padding-top: 8px;background-size: auto 30px;}
div.FooterDiv.FD2 h2{background: url(../images/hours.png) no-repeat 34% 80%;background-size: auto 30px;}
div.FooterDiv p, div.FooterDiv em{ font-size: 14px; font-family: 'Ubuntu', sans-serif;  color: #fdfdfd; }
div.FooterDiv > p a{text-decoration: none; color: #fdfdfd; font-family: 'Ubuntu', sans-serif;font-weight: bold;}
div.FooterDiv p strong{  font-family: 'Ubuntu', sans-serif; font-weight: bold; color: #fdfdfd;}

/*** Common ***/

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}
/*** Coupon System 8-10-2016 ***/
.coupon{border:4px dashed #555; border-radius:20px; padding:1% 2%; max-width:760px; width:90%; margin:0 auto; margin-bottom:2%; background-color:white; box-shadow:2px 2px 4px #777; font-family:verdana; background-repeat:no-repeat; clear:left; text-align:center;}
.coupon img{max-width:400px; width:80%; height:auto;}
.offer{border:1px solid #888!important; color:#222!important; padding-top:12px;}
p.conditions{text-align:left!important; font-size:70%!important; color:#222!important; font-weight:normal; font-family:verdana;}
.coupon h1{text-align:center; font-size:400%; color:#222!important; font-weight:bold; letter-spacing:-1px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h2{text-align:center; font-size:200%; color:#222!important; font-weight:bold; letter-spacing:-1px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h3{text-align:center; font-size:150%; color:#222!important; font-weight:bold; letter-spacing:-1px;margin:0px; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.coupon h4{text-align:center; font-size:120%; color:#222!important; font-weight:bold; font-family:verdana!important; margin-top:0px!important; margin-bottom:12px!important;}
.offer p{text-align:center; font-size:100%; color:#222!important; font-weight:bold; margin-bottom:8px; font-family:verdana;}

/*** Sidebar Links for iphone & ipad***/
#Sidebar a{color:white;}

/*** Common Background Colors ***/
div.MenuButton p a{background-color:#fff;}
div.MenuButton p a:hover{background-color:#ccc;}

body{background-color:#3a3a3a;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3a3a3a, endColorstr=#828387);
 background-image:-moz-linear-gradient(top, #3a3a3a 0%, #828387 100%);
 background-image:-webkit-linear-gradient(top, #3a3a3a 0%, #828387 100%);
 background-image:-ms-linear-gradient(top, #3a3a3a 0%, #828387 100%);
 background-image:linear-gradient(top, #3a3a3a 0%, #828387 100%);
 background-image:-o-linear-gradient(top, #3a3a3a 0%, #828387 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#3a3a3a), color-stop(100%,#828387));}
#MainBG{ background-color: #f2f2f2;}
#CenterClass{background-color:#f2f2f2;}
#Header{background-color:transparent;}
#Sidebar{background-color:#5e0000; }
#Footer{background-color:transparent;}

.imagebox3{float:left;box-shadow:0 0 4px #D8D7D7;width:20%;height:auto;background-color:#000; margin-bottom:20px;}

/*** Common Styles ***/
li.print-icon{margin-bottom:8px; font-size:90%;}
body p{font-family: 'Ubuntu', sans-serif; color:#301700;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body a{font-family: 'Ubuntu', sans-serif; color:black;}

div.InnerBox{margin:0px auto; position:relative; max-width:1180px; width:100%;}
div#CenterClass{width:100%;}

#Navigation1{background-color:#fff; float:left; position:relative; width:100%;}
#Navigation2{background-color:#fff;float:left; position:relative; width:100%;}
#Navigation3{background-color:#fff; float:left; position:relative; width:100%;}
#Navigation4{background-color:#f2f2f2;float:left; position:relative; width:100%;}

#TopWide{float:left; position:relative; width:100%;}
#HeaderWide{float:left; position:relative; width:100%; background: #03274b;}
#NavWide{float:left; position:relative; width:100%;}
#CenterWide{float:left; position:relative; width:100%;}
#FooterWide{float:left; position:relative; width:100%;}

sup {vertical-align: super; font-size: smaller;}
sub {vertical-align: sub; font-size: smaller;}

/********** VRTables **********/
.vrtable1{width:100%; color:#070707; margin-bottom:0px; font-family: 'Ubuntu', sans-serif;}
.vrtable1 tr td{vertical-align:middle; color: #111; padding: 7px 0; line-height: 25px;}
.vrtable1 tr td strong{font-weight: bold;}
.vrtable1 tr.bold td{font-weight: bold}
.vrtable1_header{background-color:#727275; color:#fff !important;border-radius:12px; text-align:center; font-weight:bold; padding:5px;}
.vrtable1 tr .vrtable1_header{padding: 7px 0;}
.vrtable1_subhead{color:#070707; font-size:85%; text-align:center; font-weight:bold;}

div.column-1 ul, div.column-2 ul {font-family: 'Ubuntu', sans-serif;list-style: disc; list-style-position: inside; width: 100%; display: inline;  }
div.column-1 ul li, div.column-2 ul li {font-size: 115%; margin-right: 12px;line-height: 1.4;display: list-item; float: left;}
/*** Signup Button & Info ***/
.SignupButton{margin-top: 10px;}
div.Signup{width:100%; text-align:center; }

div.SignupButton a{color:#fff !important;font-family:arial;font-style:italic;font-size:15px!important;background-color:#bc0203;margin-top:5%;margin-bottom:6px;display:inline-block;text-decoration:none;position:relative;padding:1.3% 30px; font-weight: bold; box-shadow: 4px -1px 5px #222;}
div.SignupButton a:hover{color:#fff !important; box-shadow:none;}

/*** Contact Form ***/
div.contact img{display:none;}
div.contact legend{font-weight:bold; margin-bottom:8px;}
div.contact-form dd{margin-bottom:20px;}
div.contact-form dt{margin-bottom:4px;}
.contact h3{font-size:0%; display:none;}


/*** Sliders ***/
.vt_nivo_slider{background: url(../images/bg-slider.png) no-repeat center bottom; padding-bottom: 27px; }
.vt_nivo_slider > div{border: 5px solid #fff;}
.vt_nivo_slider > div > div{margin-bottom: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; }
div.moduletable_gallery{position:relative; float:left; width:100%; height:auto; margin:20px 0px;}

.lpx{}
.lpx li{list-style: disc; list-style-position: inside; line-height: 25px;}
/*** Gallery ***/
div.moduletable_gallery{position:relative; float:left; width:100%; height:auto; margin:20px 0px;}
div.moduletable_gallery #vt_nice_slideshow111{border:4px solid white; box-shadow:0px 0px 4px #333; background-color:#5E3415;}
div.moduletable_gallery #vt_nice_slideshow111  .ws_bullets {margin-top:8px;}

/*** Google Maps on all media ***/
div.directions{background-color:white; color:black;}

/*** Hide ***/
.hideNarrow{display:none;}
.hideMedium{display:none;}
.hideLarge{display:none;}
/********** Large Screens **********/
@media screen and (min-width:1025px)
{
body{font-family: 'Ubuntu', sans-serif; font-weight:normal;}
body p{font-family: 'Ubuntu', sans-serif; font-size:125%; color:#070707; line-height:1.3; margin-bottom:12px;}
body a{font-family: 'Ubuntu', sans-serif; font-size:125%; color:#070707; line-height:1.3;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:380%; margin-bottom:45px; margin-top: 10px; color: #070707;}
body h2{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:380%; margin-bottom:12px; color: #070707}
body h3{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:350%; margin-bottom:12px; color: #070707}
body h4{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:350%; margin-bottom:12px; color: #070707}
body h5{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:350%; color: #070707; margin-bottom:12px;}
body h6{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:150%;color: #070707; width: 100%; display: inline-block; clear: both; margin-top: 20px; margin-bottom:12px;}

/*** Large Styles ***/
#CenterClass{float:left;/*background-image:URL("../images/testbg2.jpg"); background-size:100%; background-repeat:repeat-y;*/}
#Header{float:left; position:relative; width:100%;}
#Main{background-color:transparent;float:left; position:static; width:100%;}
#Footer{float:left; position:relative; width:97%; padding:2.1% 1.5% 2.3% 1.5%;}
#MainBG{float:left; position:relative; width:100%; box-sizing: border-box; padding: 2% 2.5% 2% 2.5%;} /*** Width Total is 75% ***/
#AnnouncementBottom{padding: 0 2.5%;}
#Sidebar{float:right; position:relative; width:22%; padding:1.5%;} /*** Width Total is 25% ***/
#Sidebar h2{font-size:155%; margin-bottom:12px;}
#Sidebar p{font-size:90%;}
#Sidebar a{font-size:90%;}
div.moduletable_BottomMenu{display:none;}
#Header .custom > p{line-height: 0; margin-bottom: 0;}
#Navigation3{background: transparent; margin-bottom: 4px;position: absolute;bottom: 0;}

/*** Signup Button & Info ***/
.SignupButton{margin-top: 0px;}

/********** VRTables **********/
.vrtable1{font-size: 125%;}

/*** Joomla Contact Form ***/
.contact h2{font-family: 'Ubuntu', sans-serif; font-size:380%; font-weight: normal; margin-bottom:12px; color: #070707;}
div.contact{padding:20px; margin-top:8px;margin-bottom:20px;background-color:transparent; border-radius:12px; box-shadow:0px 0px 3px #333;}
div.contact input{margin-bottom:6px;}
#jform_contact_message{max-width:540px; max-height:300px; min-width:422px; min-height:200px;margin-bottom:12px;}
#jform_contact_name-lbl, #jform_contact_email-lbl, #jform_contact_emailmsg-lbl, #jform_contact_message-lbl{font-size:80%;}
form#contact-form{border:1px solid #999; padding:12px; border-radius:12px;}
.tip{border:1px solid #777; padding:6px 12px; font-size:80%;background-color:#bbb; border-radius:12px;box-shadow:2px 2px 2px #777;}
.tip-title{font-weight:bold;}
.tip-text{font-style:italic;}

/*** Joomla Columns ***/
div.column-1{width:59%; float:left;}
div.column-2{width:39%; float:right;}

.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:97%; height:auto; float:right; margin-bottom:4%; background-color:white;}
.imagebox1-main{max-width: 640px; float: none; margin: 0 auto; display: inherit;}
.imagebox3{width:25%; margin-bottom:20px; margin-top: 6px;}
.box3{clear: both; width: 100%; display: inline-block;}
.box3 p{width: 75%; float: right; box-sizing: border-box; padding-left: 15px;}

/*** Custom Classes ***/
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_MenuButton{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:50%;}
input#jform_contact_email{width:50%;}
input#jform_contact_emailmsg{width:50%;}
textarea#jform_contact_message{width:100%;}

.featured{display: -webkit-flex; /* Safari */ display: flex; width: 100%;}
.featured > div{width: 33%;  margin: 0 .65%; margin-bottom: 48px; position: relative; background: #88888d url(../images/top-product.png) no-repeat 0 0; float: left; text-align: center; padding-bottom: 20px;}
.featured > div:first-child{margin-left: 0}
.featured > div:last-child{margin-right: 0}
.featured > div:after{position: absolute; content: " "; bottom: -30px; height: 30px; left: 0; width: 100%; background: url(../images/bottom-product.jpg) no-repeat center top; background-size: 100% auto;}
.featured h3{text-align: center; margin-top: 10px; padding: 0 15px; line-height: 20px; margin-top: 25px; margin-bottom: 25px;}
.featured h3 a{font-family: 'Ubuntu', sans-serif; text-decoration: none !important; font-size: 25px; font-weight: bold; line-height: 20px; text-transform: uppercase; text-align: center; color: #fff;}
.featured div:hover a{color: yellow;}
.featured img{ width:300px; border: 1px solid #fff; border-radius: 2px; height:auto;}
.image-product{display: inline-block; width: 100%;}
.image-product div{width: 24%; margin: 1%; height:auto; float: left;}
.image-product img{ max-width: 100%; border: 1px solid #fff; border-radius: 2px;}
/*** Horizontal Menu (Top) ***/


    div.moduletable_TopMenu{     
      list-style:none;
      margin:0;
      padding:0;
      text-align:center;
    }
    div.moduletable_TopMenu li{
      position:relative; display:inline;
    }
    div.moduletable_TopMenu > ul > li{z-index: 1000; position:relative; display:inline-block;     width: 20%; box-sizing: border-box; padding-top: 4px; padding-left: 1px; padding-right: 1px;}
    div.moduletable_TopMenu a{
      display:inline-block; text-decoration:none!important;
      padding:13px 44px;
    }
    div.moduletable_TopMenu > ul > li:first-child{background: transparent; }
    div.moduletable_TopMenu > ul > li > a{display:block; padding: 22px 0 22px 0; }
    div.moduletable_TopMenu ul ul li.active a{background-color:#727275 !important; color: #fff; }
    div.moduletable_TopMenu .menu_HMenu{position: relative;display: -webkit-flex; display: flex;width: 100%;}
    div.moduletable_TopMenu .menu_HMenu ul{
      position:absolute; z-index:201; -webkit-transform: translate3d(0,0,0);
      /*top:100%; Uncommenting makes dropdowns work in IE7 but looks a little worse in all other browsers. */
      left:-9999px; background-color:white; box-shadow:1px 1px 2px #333;
      margin:0;
      padding:0;
      text-align:left;
    }
    div.moduletable_TopMenu .menu_HMenu ul li{display:block;}
    div.moduletable_TopMenu .menu_HMenu li:hover ul{left:0;}

div.moduletable_TopMenu .menu_HMenu a{font-family: 'Ubuntu', sans-serif;}

    div.moduletable_TopMenu li:hover a{
      text-decoration:underline;
      background:#f1f1f1;
    }
div.moduletable_TopMenu .menu_HMenu > li > a{font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: bold; color: #fff; background: url(../images/bg-menu.jpg) repeat-x center top; border-radius: 30px 30px 0 0; text-transform: uppercase;  border-radius: 30px 30px 0 0;}


div.moduletable_TopMenu .menu_HMenu ul a{font-family: 'Ubuntu', sans-serif;}

    div.moduletable_TopMenu .menu_HMenu li:hover ul a{
      text-decoration:none;
      background:none;
    }
    div.moduletable_TopMenu .menu_HMenu li:hover ul a:hover{
      text-decoration:underline;
      background-color:#727275;
      color: #fff;
    }
    div.moduletable_TopMenu .menu_HMenu ul a{
      white-space:nowrap;
      display:block;
      border-bottom:1px solid #ccc;
    }
    div.moduletable_TopMenu .menu_HMenu a{
      color:#000;
      text-decoration:none;
      font-weight:normal;
    }
    .coupon h3{line-height: 34px;}
    .blog-featured .left{float:left;width:28%;line-height:0;padding:0 2% 1% 0%; margin-top: 17px;}
   .blog-featured .left > div{display: inline-block;line-height: 0;}
   .blog-featured .left img{max-width:100%; position: relative;}
   .blog-featured .right{float:right;width:66%;box-sizing:border-box;}
   div.moduletable_TopMenu ul.menu_HMenu > li.current > a{cursor:default; background-color:#fff !important; color: #fff;}
   div.moduletable_TopMenu .menu_HMenu > li:hover > a, div.moduletable_TopMenu ul.menu_HMenu > li.current > a, div.moduletable_TopMenu ul.menu_HMenu > li.active > a{color: #fff; background: #bc0203 !important;}
   
   #Footer .custom p, #Footer .custom p a{clear: both; padding: 6px 0; font-size: 20px; font-family: 'Ubuntu', sans-serif; margin-bottom: 0; color: #e5ecea;}

} /*** End Large Screens ***/  

/********** Medium Screens **********/
@media screen and (min-width:481px) and (max-width:1024px)
{
body{font-family: 'Ubuntu', sans-serif; background: #03274b;}
body p{font-family: 'Ubuntu', sans-serif;  color:#070707; line-height:1.3; margin-bottom:16px; font-size:110%;}
body a{font-family: 'Ubuntu', sans-serif;  color:#070707; line-height:1.3;font-size:110%;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:330%;margin-bottom:30px;color: #070707;}
body h2{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:330%;margin-bottom:12px;color: #070707; line-height: 28px;}
body h3{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:330%;margin-bottom:12px;color: #070707;}
body h4{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:330%;margin-bottom:12px;color: #070707;}
body h5{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:330%;margin-bottom:12px;color: #070707;}
body h6{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:125%;color: #070707; width: 100%; display: inline-block; clear: both; margin-top: 20px; margin-bottom:12px;}

/*** Coupon System 6-30-2015 ***/
.coupon h3{line-height: 29px;}

/*** Medium Styles ***/

#Navigation3{background: #001331;}
#HeaderWide{border-bottom-width: 4px;}
#Header{float:left; position:relative; width:100%;}
#Main{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:95%; padding:2.5%;}
#MainBG{float:left; position:relative; width:95%; padding: 1.5% 2.5%; padding-bottom: 5%;} /*** Width Total is 100% ***/
#AnnouncementBottom{padding: 0; padding-bottom: 40px;}
#Sidebar{float:left; position:relative; width:95%; padding:2.5%; padding-top:5%!important;} /*** Width Total is 100% ***/
#Sidebar p{font-size:100%;}
#Sidebar a{font-size:100%;}
#Header .custom > p{line-height: 0; margin-bottom: 0;}
.blog-featured .left{display: none;}

/*** Hide Top of Page ***/
a#gototop{display:none!important;}

/*** Image Boxes ***/
.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:97%; max-width:640px; display:block; margin:0px auto 2px auto; background-color:white;}
.imagebox3{width:20%; margin-bottom:20px; margin-top: 4px; float: left;}
.box3 p{width: 80%; float: right; box-sizing: border-box; padding-left: 15px;}
.box3{clear: both; width: 100%; display: inline-block;}
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_TopMenu{display:none;}

div.column-1 ul li, div.column-2 ul li {font-size: 100%;}
/*** Contact Form ***/
input#jform_contact_name{width:50%;}
input#jform_contact_email{width:50%;}
input#jform_contact_emailmsg{width:50%;}
textarea#jform_contact_message{width:98%;}

/*** Menu Button ***/
div.MenuButton{border:1px solid black; border-radius:6px; margin:1% 20%;}
div.MenuButton p{margin-bottom:0;}
div.MenuButton p a{vertical-align:middle; display:block; padding:8px 20px;border-radius:6px; font-size:12pt; background-image:URL("../images/DownArrowBlack.png"); background-repeat:no-repeat; background-position:96% 57%; text-decoration:none;}

/*** Bottom Menu ***/
div.moduletable_BottomMenu ul.menu_HMenu{width:100%;float:left;position:relative; margin-bottom:12px;}
div.moduletable_BottomMenu ul.menu_HMenu li{width:100%; text-align:left; background-color:#bc0203; color: #fff; border-bottom:1px solid #680505; display:block; float:left;}
div.moduletable_BottomMenu ul.menu_HMenu li a{width:98%; text-decoration:none; padding:14px 0px; background-color:white; display:block; padding-left:2%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul{box-shadow:0px 0px 2px #777;float:left; width:100%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul a{width:95%; padding-left:5%;}
div.moduletable_BottomMenu ul.menu_HMenu li.parent>a{cursor:default; background-image:URL("../images/DownArrowBlack.png"); background-repeat:no-repeat; background-position:96% 57%;}
  
/*** HOVER COLORS AND CURRENT PAGE COLORS ***/
div.moduletable_BottomMenu ul.menu_HMenu li.current a{cursor:default; background-color:#bc0203!important; color: #fff;}
div.moduletable_BottomMenu ul.menu_HMenu li a:hover{background-color:#bc0203; color: #fff;}
div.moduletable_BottomMenu ul.menu_HMenu ul li a:hover{background-color:#bc0203; color: #fff;}

.image-product div{width: 30%; margin: 1%; float: left; text-align: center;}
.image-product img{ max-width: 100%; border: 1px solid #fff; border-radius: 2px;}
.featured{display:inline-block; width: 100%; text-align: center;}
.featured > div{width: 48%; margin: 1.5% 1%; vertical-align: top; position: relative; background: #88888d url(../images/top-product.png) no-repeat 0 0; display: inline-block; text-align: center; padding-bottom: 20px;}
.featured > div:after{position: absolute; content: " "; bottom: -30px; height: 30px; left: 0; width: 100%; background: url(../images/bottom-product.jpg) no-repeat center top; background-size: 100% auto;}
.featured > div:first-child{margin-left: 0}
.featured > div:last-child{margin-right: 0}
.featured > div:nth-child(2){margin-right: 0;}
.featured h3{text-align: center; padding: 0 15px; margin-top: 10px; line-height: 20px; margin-top: 25px; margin-bottom: 25px;}
.featured h3 a{font-family: 'Ubuntu', sans-serif; text-decoration: none !important; line-height: 20px; font-size: 23px; text-transform: uppercase; text-align: center; color: #fff;}
.featured div:hover a{color: yellow;}
.featured img{ max-width: 400px; width:90%; height: auto; border: 1px solid #fff; border-radius: 2px;}

/*** Footer Info & Signups ***/
.moduletable_FooterInfo{padding: 0; padding-bottom: 0px;}
div.custom_FooterInfo{position:relative;float:none; width:100%; margin-bottom:4px;border-top: 3px solid #fff; margin: 0; margin-left: auto; margin-right: auto; padding: 20px 0 20px 0; }
.moduletable_FooterInfo:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; background: url(../images/bg-location.png) no-repeat 0 0; content: " "; z-index: 100;}
div.FooterDiv{position:relative; float: none; width:100%; padding:0; box-sizing: border-box; margin:0; margin-bottom:10px !important; min-height:auto; background: transparent; max-width: 320px; margin-left: auto; margin-right: auto;}
div.FooterDiv:before{display: none; content: "";}
div.FooterDiv h2{background-size: auto 37px; background-position: 23% 93%;}
div.FooterDiv.FD2 h2 {background-size: auto 37px;background-position: 26% 84%;}
div.FD3{padding-top: 30px;}
div.FooterDiv h2{margin-bottom: 20px; padding-bottom: 0px;}
div.Signup{margin-top: 0}
#Footer .custom p, #Footer .custom p a{clear: both; padding: 10px 0 10px 0; font-size: 20px; font-family: 'Ubuntu', sans-serif; color: #e5ecea; margin-bottom: 0;}
}/*** End Medium Screens ***/

/********** Narrow Screens **********/
@media screen and (max-width:480px)
{
body{font-family: 'Ubuntu', sans-serif; background: #03274b;}
body p{font-family: 'Ubuntu', sans-serif;  color:#070707; line-height:1.3; margin-bottom:16px; font-size:96%;}
body a{font-family: 'Ubuntu', sans-serif;  color:#070707; line-height:1.3;font-size:96%;}
body p strong{font-family: 'Ubuntu', sans-serif; font-weight:bold;}
body em{font-family: 'Ubuntu', sans-serif; font-style:italic;}
body h1{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:260%;  margin-bottom:30px;color: #070707;}
body h2{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:260%; line-height: 28px; margin-bottom:12px;color: #070707;}
body h3{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:260%; margin-bottom:12px;color: #070707;}
body h4{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:260%; margin-bottom:12px;color: #070707;}
body h5{font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:260%; margin-bottom:12px;color: #070707;}
body h6{font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:125%;color: #070707; width: 100%; display: inline-block; clear: both; margin-top: 20px; margin-bottom:12px;}

/*** Medium Styles ***/
#Navigation3{background: #001331;}

/*** Coupon System 6-30-2015 ***/
.coupon h1{font-size:300%;}
.coupon h2{font-size:190%; }
.coupon h3{font-size:140%;line-height: 29px;}
.coupon h4{font-size:100%;}
.offer p{font-size:100%;}

/*** Narrow Styles ***/
#HeaderWide{border-bottom-width: 4px;}
#Header{float:left; position:relative; width:100%;}
#Main{float:left; position:relative; width:100%;}
#Footer{float:left; position:relative; width:90%; padding:5%;}
#MainBG{float:left; position:relative; width:94%; padding:1.5% 3%; padding-bottom: 5%;} /*** Width Total is 100% ***/
#Sidebar{float:left; position:relative; width:94%; padding:3%; padding-top:6%!important;} /*** Width Total is 100% ***/
#Sidebar p{font-size:80%;}
#Sidebar h2{font-size:220%; margin-bottom:6px;}
#Sidebar a{font-size:80%;}
#Header .custom > p{line-height: 0; margin-bottom: 0;}
.blog-featured .left{display: none;}
div.column-1 ul li, div.column-2 ul li {font-size: 100%;}
/*** Hide Top of Page ***/
a#gototop{display:none!important;}

/*** Image Boxes ***/
.imagebox1{border:4px solid white; box-shadow:0px 0px 4px #777; width:97%; height:auto; display:block; margin:0px auto 2px auto; background-color:white;}
.imagebox3{width:100%; margin-bottom:10px;}
.box3 p{width: 100%; box-sizing: border-box;}
div.moduletable_12{padding:12px;}
div.moduletable_20{padding:20px;}
div.moduletable_TopMenu{display:none;}

/*** Contact Form ***/
input#jform_contact_name{width:97%;}
input#jform_contact_email{width:97%;}
input#jform_contact_emailmsg{width:97%;}
textarea#jform_contact_message{width:97%;}

/*** Menu Button ***/
div.MenuButton{border:1px solid black; border-radius:6px; margin:1% 10%;}
div.MenuButton p{margin-bottom:0;}
div.MenuButton p a{vertical-align:middle; display:block; padding:8px 20px;border-radius:6px; font-size:12pt; background-image:URL("../images/DownArrowBlack.png"); background-repeat:no-repeat; background-position:92% 57%; text-decoration:none;}

/*** Bottom Menu ***/
div.moduletable_BottomMenu ul.menu_HMenu{width:100%; float:left; position:relative; margin-bottom:12px;}
div.moduletable_BottomMenu ul.menu_HMenu li{width:100%; text-align:left; background-color:#bc0203; color: #fff; border-bottom:1px solid #680505; display:block; float:left;}
div.moduletable_BottomMenu ul.menu_HMenu li a{width:98%; text-decoration:none; padding:14px 0px; background-color:white; display:block; padding-left:2%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul{box-shadow:0px 0px 2px #444;float:left; width:100%;}
div.moduletable_BottomMenu ul.menu_HMenu li ul a{width:92%; padding-left:8%;}
div.moduletable_BottomMenu ul.menu_HMenu li.parent>a{cursor:default; background-image:URL("../images/DownArrowBlack.png"); background-repeat:no-repeat; background-position:96% 57%;}
  
/*** HOVER COLORS & CURRENT PAGE COLORS ***/
div.moduletable_BottomMenu ul.menu_HMenu li.current a{cursor:default; background-color:#bc0203!important; color: #fff;}
div.moduletable_BottomMenu ul.menu_HMenu li a:hover{background-color:#bc0203; color: #fff;}
div.moduletable_BottomMenu ul.menu_HMenu ul li a:hover{background-color:#bc0203; color: #fff;}  

.image-product > div{text-align: center; margin-bottom: 15px;}
.image-product img{ max-width: 100%; border: 1px solid #fff; border-radius: 2px;}
.featured{display: inline-block; width: 100%; background: #88888d;}
.featured > div{width: 100%; margin: 0px 0 15px 0%; position: relative; background: #88888d url(../images/top-product.png) no-repeat 0 0; float: left; text-align: center; padding-bottom: 20px;}
.featured h3{text-align: center; padding: 0 15px; line-height: 20px; margin-top: 30px; margin-bottom: 25px;}
.featured h3 a{font-family: 'Ubuntu', sans-serif; text-decoration: none !important; line-height: 20px; font-size: 23px; text-transform: uppercase; text-align: center; color: #fff;}
.featured div:hover a{color: yellow;}
.featured img{ max-width:400px; width:88%; border: 1px solid #fff; border-radius: 2px;}

/*** Footer Info & Signups ***/
/*** Footer Info & Signups ***/
.moduletable_FooterInfo{padding: 0; padding-bottom: 0px;}
div.custom_FooterInfo{position:relative;float:none; width:100%; margin-bottom:4px; margin: 0; margin-left: auto; margin-right: auto; padding: 20px 0 20px 0;}
.moduletable_FooterInfo:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; background: url(../images/bg-location.png) no-repeat 0 0; content: " "; z-index: 100;}
div.FooterDiv{position:relative; float: none; width:100%; padding:0; box-sizing: border-box; margin:0; margin-bottom:10px !important; min-height:auto; background: transparent; max-width: 310px; margin-left: auto; margin-right: auto;}
div.FooterDiv:before{display: none; content: "";}
div.FD2{padding-top: 10px;}
div.FD3{padding-top: 30px;}
div.FooterDiv h2{margin-bottom: 20px; padding-bottom: 0;background-size: auto 33px;background-position: 23% 85%;}
div.FooterDiv.FD2 h2 {background-size: auto 33px;background-position: 26% 85%;}
#Footer .custom p, #Footer .custom p a{clear: both; padding: 10px 0 10px 0; font-size: 20px; font-family: 'Ubuntu', sans-serif; color: #e5ecea; margin-bottom: 0;}

}/*** End Narrow Screens ***/