@charset "UTF-8";

div.masthead {
  background:url("/theme/default/img/mastheadBg.png');?>") repeat-x #092a53;
  padding:12px 0px 10px 0px;
  color:white;
  border-bottom:6px solid #004ea1;
}

/* ********************************************************************************* */






/* Sitewide Styles */
@font-face {
    font-family: 'DejaVuSansBook';
    src: url('/fonts/DejaVuSans-webfont.eot');
    src: url('/fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansOblique';
    src: url('/fonts/DejaVuSans-Oblique-webfont.eot');
    src: url('/fonts/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-Oblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-Oblique-webfont.svg#DejaVuSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('/fonts/DejaVuSans-Bold-webfont.eot');
    src: url('/fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBoldOblique';
    src: url('/fonts/DejaVuSans-BoldOblique-webfont.eot');
    src: url('/fonts/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSans-BoldOblique-webfont.svg#DejaVuSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('/fonts/DejaVuSansCondensed-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedOblique';
    src: url('/fonts/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-Oblique-webfont.svg#DejaVuSansCondensedOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('fonts/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.svg#DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCnBdOb';
    src: url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.eot');
    src: url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.woff') format('woff'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.ttf') format('truetype'),
         url('/fonts/DejaVuSansCondensed-BoldOblique-webfont.svg#DejaVuSansCnBdOb') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* League Gothic */

@font-face {
    font-family: 'LGR';
    src: url('/fonts/League_Gothic-webfont.eot');
    src: url('/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/League_Gothic-webfont.woff') format('woff'),
         url('/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { 
   width:100%; 
   height:100%;
}

body {
  font-family:'DejaVuSansBook', Tahoma, sans-serif;
  font-size:13px;
  text-align:justify;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'LGR';
  font-weight:normal;
  color:#5d9517;
  text-align:left;
  border-bottom:1px dotted #5d9517;
  padding-bottom:5px;
}

h1, h2 {
  font-size:35px;
  font-family:'LGR';
}

.greenBold {
  color:#5d9517;
  font-weight:bold;
  font-size:14px;
}

i.posfix {
  position:relative;
  top:0px;
  margin-right:5px;
}

.leftMar {
  margin-left:20px;
}

.rightMar {
  margin-right:20px;
}

.ctrTxt {
  text-align:center;
}

div.cart {
  margin-right:20px;
}

/* Main Navigation */
div.mainnav {
  background:url("/theme/default/img/menuBg.jpg") repeat-x center top #092a53;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  -moz-border-bottom-left-radius:8px;
  -moz-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}

/* remove the list style */
#nav {
  margin:0; 
  padding:0; 
  list-style:none;
}  


#nav li {
  float:left; 
  display:block; 
  position:relative;
  z-index:500;
}

/* this is the parent menu */
#nav li a {
  display:block; 
  padding:17px 16px 13px; 
  font-weight:normal;  
  text-decoration:none; 
  color:#fff;
}

#nav li a.first {
  border-bottom-left-radius:8px;
  -moz-border-bottom-left-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}

#nav li a:hover, #nav a.selected {
  background:url("/theme/default/img/menuRoll.jpg") repeat-x;
}

/* submenu, it's hidden by default */
#nav ul {
  position:absolute; 
  left:0; 
  display:none; 
  margin:0 0 0 -1px; 
  padding:0; 
  list-style:none;
  background:#032951;
  width:250px;
}

#nav ul li {
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
  display:block;
  padding: 8px; 
  color:#FFF;
  width:234px;
}

#nav ul a:hover {
  background:url("/theme/default/img/menuRoll.jpg") repeat-x;  
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
  margin:0 0 0 -2px;
}

div.mobileNav {
  display:none;
}

/* Subheader */
div.subheader {
  padding:20px 0px;
}

div.logo {
  text-align:center;
}

/* Phone */

div.phone {
  padding-top:55px;
  text-align:center;
}

img.phoneicon {
  float:left;
}

.phoneBlue {
  color:#144e8c;
  font-size:11px;
}

.phoneGreen {
  color:#65a018;
  font-family:'DejaVuSansBold', Tahoma, sans-serif;
  font-size:23.3px;
  line-height:40px;
}

.loginmobile {
  text-align:center;
  display:none;
}

/* Slider */
div.slider {
  background:url("/theme/default/img/sliderBg.jpg") no-repeat center top #13335a;
  border:2px solid #CCC;
  border-left:none;
  border-right:none;
}

.carousel-control {
  background:none !important;
  border:none !important;
}
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

#myCarousel {
  margin:0px !important;
}

div.gs1 {
  background:("/theme/default/img/gs1Bg.jpg") repeat-x center bottom #fff;
  padding:4px 0px;
  border-bottom:2px solid #CCC;
  color:#154885;
  font-size:12px;
}

div.iconBar {
  padding:20px 0px;
}

img.amazon {
  margin-top:20px;
}

img.ebay {
  margin-top:6px;
}

/* Content */

div.content {
  background:url("/theme/default/img/contentBg.jpg") repeat-x center top #FFF;
  padding:40px 0px;
  min-height:300px;
  border-top:2px solid #CCC;
}

ul.checklist {
  margin:0px;
}

ul.checklist li {
  list-style:none;
  background:url("/theme/default/img/iconCheckmark.png") no-repeat left 16px;
  padding:1.8px 30px;
  border-bottom:1px dotted #CCC;
}

img.badgeIcon {
  margin-left: -15px;
    margin-right: 22px;
}

/* Footer */

div.footer {
  margin-top:50px;
  padding-top:20px;
  border-top:2px solid #0f226f;
}

div.individualError {
  background: none repeat scroll 0 0 #FFF2EF;
    border: 1px dotted red;
    color: red;
    left: -1px;
    margin-bottom: 0 !important;
    margin-top: -56px;
    padding: 44px 15px 0;
    position: relative;
    width: 384px;
    z-index: 1000;
  display:none;
}

.addCodeHeader {
  background:url("/theme/default/img/purchaseHeader.jpg") repeat-x center bottom;
  padding:16px;
  font-family:"LGR",Tahoma,sans-serif;
  font-weight:normal;
  color:white;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  -moz-border-top-left-radius:6px;
  -moz-border-top-right-radius:6px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  font-size:28px;
}

.addCodeBox {
  background:url("/theme/default/img/grayGrad.jpg") repeat-x center bottom #FFF;
  border:1px solid #1b358a;
  border-top:none;
  padding:20px;
}

input.upcQty {
  float: left;
    font-family: "LGR",Tahoma,sans-serif;
    font-size: 23px;
    margin-right: 20px;
    padding: 6px 20px;
    text-align: center;
    width: 146px;
}

button#upcSubmit {
  margin:0px !important;
}

#addLeft {
  float:left;
  font-family: "LGR",Tahoma,sans-serif;
    font-size: 28px;
  color:#5c5c5c;
}

#addRight {
  float:right;
  font-family: "LGR",Tahoma,sans-serif;
    font-size: 50px;
  color:#5D9517;
}

div.checkoutdiv {
  float:right;
  background:white;
  border:4px solid #ebebeb;
  padding:15px;
}

div.checkoutdiv h3 a {
  font-size:20px;
  cursor:pointer;
}

div.checkoutrow {
  border-bottom:1px solid #CCC;
  padding:10px 0px;
}

div.totalText {
  font-weight:bold;
  float:left;
  font-size:18px;
  width:250px;
  font-style:italic;
}

div.totalPrice {
  font-weight:bold;
  float:left;
  font-size:18px;
  font-style:italic;
}

a.proceed {
  position:relative;
  top:18px;
}

div.promocode {
  display:none;
}

input.short {
  width:200px;
}

.alert, .alert h4 {
  color:#87581B !important;
}

div#mask {
  position:fixed;
  width:100%;
  height:100%;
  z-index:500000000;
  background:url("/theme/default/img/transBlack.png");
  display:none;
}

div#greenLoader {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 140px;
   height: 130px;
   margin-top: -70px; /* Half the height */
   margin-left: -70px; /* Half the width */
   background:white;
   text-align:center;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   padding-top:35px;
}

ul#myTab {
  border:none; 
}

ul#myTab > li {
    width: 100%;
  text-align:left;
  text-transform:capitalize;
}

/* Large desktop */
@media (min-width: 1200px) { 
first
  div#myCarousel div.item img{
    position:relative;
    left:107px;
  }
  
  img.badgeIcon {
    margin-left: 40px;
    margin-top: 0px;
  }
  
  ul.checklist li {
    padding:8.5px 30px;
  }

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
  .gsTxt {
    float:none !important;
  }
  
  img.badgeIcon {
     height: auto;
    margin-left: 0;
    margin-right: 10px;
    width: 34px;
  }
  
  ul.checklist li {
    padding:9.8px 30px;
    background:url("/theme/default/img/iconCheckmark.png") no-repeat left center;
  }
  
  .footerLeft, .footerRight {
    text-align:center;
    float:none !important;
  }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
  div.masthead {
    padding:12px 20px 10px 20px;
  }
  
  div.translate {
    float:right !important;
    clear:both !important;
    padding-top:10px;
  }
  
  ul#nav {
    display:none;
  }
  
  div.mobileNav {
    display:block !important;
  }
  
  div.mainnav {
    padding:8px;
  }
  
  div.logo {
    float:none !important;
  }
  
  div.phone {
    float:none !important;
    text-align:center;
    border-top:1px dotted #65a018;
    border-bottom:1px dotted #65a018;
    padding:10px 0px 5px 0px !important;
    margin-top:20px;
  }
  
  img.phoneicon {
    display:none;
  }
  
  .gsTxt {
    float:none !important;
  }
  
  .iconItem {
    padding:10px 0px;
    margin-bottom:10px;
    border-bottom:1px dotted #CCC;
  }
  
  div.content {
    padding:20px 40px;
  }
  
  img.badgeIcon {
    height: auto;
    margin-left: 0;
    margin-right: 9px;
    width: 40px;
  }
  
  .footerLeft, .footerRight {
    text-align:center;
    float:none !important;
  }
  
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

  div.cart, div.translate {
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  
  div.cart a {
    width:91%;
  }
  
  a.logbutton {
    clear:both;
  }
  
  .logindesktop {
    display:none;
  }
  
  .loginmobile {
    display:block;
  }
  
  div.slider {
    display:none;
  }
  
  img.badgeIcon {
    display:none;
  }
  
  h1, h2 {
    text-align:center;
  }

}