<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
   IMPORTANT NOTICE
   This XHTML and CSS layout is COPYRIGHT 2006-2022 Design215 Inc. 
   
   It MAY NOT be copied or used for any other web site without the express
   written permission of Design215 Inc. 954-630-3695 www.design215.com

   Design215.com CSS/110 stylesheet, VERSION 4.0, New 2018 HTML5 Responsive 
   
   for budgetvideo.com, updated 03.09.2025
   
   
   New 2018 HTML5 Container layout:

   body
     #pagehead
       .navbar
       .navlinks
       .navlinks2
     #menu1
     #menu2
     #menu3
     #container
       #pagebody
         .contentbg
           .contentbox
             [responsive containers]
     #footer
      
   -----------------------------------------------------------------------------
   
   
   Page Defaults and CSS Fixes
   ----------------------------------------------------------------------------- 
*/
html {
  line-height: 1.15; 
  -webkit-text-size-adjust: 100%; 
}
html,body {
  text-align:center; margin:0; padding:0; height:100%;
  box-sizing:border-box;
}

::-moz-selection {
  background: #222; color:#ffffcc;
  text-shadow: none;
}
::selection {
  background: #222; color:#ffffcc;
  text-shadow: none;
}
/*
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 

*/
body {
  font-family:'PT Sans',verdana,helvetica,sans-serif; font-size:12px; color:#222;
  background:#fff;
}
p,dl,ul,ol,table td,pre.p2,.xtitle,div.navlinks {
  font-family:'PT Sans',verdana,helvetica,sans-serif; font-size:16px; color:#222;
}
p {
  font-family:'PT Sans',verdana,helvetica,sans-serif; line-height:120%;
  margin:0 10px 0 6px; padding:0;
}
p.p1 {
  margin:4px; font-size:12px; color:#222;
}
p.p2 {
  font-family:'PT Sans',verdana,helvetica,sans-serif; font-size:14px; color:#222; 
  line-height:120%;
  margin:4px 6px 4px 6px; padding:0;
}
p.p4,
p.p5,
ul li,
dl.alist dt {
  font-family:'PT Sans',verdana,helvetica,sans-serif; font-size:16px; color:#222;
  line-height:130%; letter-spacing:1px; 
  margin:2px 2px 2px 6px;
}
p#emc,
p#hrc {
  font-weight:bold; font-size:22px;
}

/* drop-down menus */
div.dropx,div.dropx a {
  font-family:arial,helvetica,sans-serif; font-size:16px; color:#222;
}

.counter {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#222;
}
.xword {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#222;
}
p.pdesc {
  font-size:14px;
}
table.t3 td {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
h3,div.obox h1,#footer a.w3,.xbig,h2.g6 {
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#000;
}
h2 {
  font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; color:#000;
}
h2.g1,h2.g2,h2.g3,h2.g4,h2.g5 {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#0066CC;
}
h2.g1,h2.g6 {color:#002288;}
h2.g2 {font-size:30px;}
h2.g5 {font-size:20px;}

div.B_nav h2,
div.C_nav h2 {
  font-size:24px; color:#0035ad;
  padding:0 0 10px 0;
}

h1 {
  font-family:arial,helvetica,sans-serif; font-size:22px; font-weight:bold; color:#000;
}
h1.b2 {
  font-family:arial,helvetica,sans-serif; font-size:40px; font-weight:bold; color:#000;
}
h1.b3,h2.b3 {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#000;
}
span.price {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#000;
}
h1.g1,h1.c1,h1.blog {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#002288;
}
h1.c2 {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#002288;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.boxDisable,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#006000;
}
#footer p,#footer p.xnav,.xsmall {
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#444;
}
.fbutton,.spopup {
  font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold;
}
a.k {
  font-family:arial,helvetica,sans-serif; font-size:12px;
}
.searchFocus {
  font-family:arial,helvetica,sans-serif; font-size:14px;
}
div#bvr_searchbar b {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#fff;
}
h2.xfind,h2.xfind2 {font-size:16px;} 

div.warning {
  font-family:arial,helvetica,sans-serif;
  font-weight:bold; font-size:14px; color:#fff;
} 
  div.warning h1,div.warning p.p1 {color:#fff;} 

p.ptitle {font-size:14px;} /* product listings */

span.vidlink {   
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#dd0000;
}

div.headline p,
div.shipping p,
div.tagline p {font-size:24px;}
  p#taxheadline {
    font-size:28px; padding:0; 
  }  

div#intro p {font-size:22px; color:#fff;}

div#igfeed p,
div#igfeed a {font-size:20px; font-weight:bold; color:#fff;}


/* 
   Type Selectors
   ----------------------------------------------------------------------------- 
   Define the defaults for HTML elements in this section. 
*/

a {color:#0035ad; cursor:pointer;}

a:link,
a:visited {text-decoration:none; font-weight:bold; color:#0035ad;}
a:hover {text-decoration:underline; font-weight:bold; color:#000;}

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000; cursor:help; 
}
br.clear {
  clear:both;
}
form {
  margin:0; padding:2px 0 0 4px;
}
h1 {
  margin:4px 4px 0 4px; padding:0;
}
h1.blog {
  background:#ffee66; border:2px solid #000; padding:3px 6px 3px 4px;
}
h2 {
  margin:2px 2px 2px 4px; padding:0;
}
h3 {
  position:relative; text-align:right;
  margin:-12px 4px 0 0; padding:0;
}
img {
  margin:0; padding:0; border:0;
}
ol li {
  padding:2px 0 4px 0;
}
p {
  margin:2px 6px 2px 0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 4px; padding:0;
}
table td {
  vertical-align:top;
}
table td.rt {
  text-align:right;
}
table td,table td p {
  line-height:130%;
}

ul {
  list-style:none;
  margin:4px 0 0 4px; padding:0;
}
ul li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:98%;
  background:transparent url(https://budgetvideo.com/css/images/bullet04.gif) 0 2px no-repeat;
}
  

form table,form h2 { /* no left margin for elements inside forms */
  margin:2px 6px 2px 0; padding:0;
}

.vertspace {
  margin-bottom:36px !important;
}


/* 
   Class and ID Selectors
   ----------------------------------------------------------------------------- 
   Define styles for all elements except the layout containers 
*/

/* Mobile Menu button */
a.mobile {
  display:block; line-height:20px; margin:0; padding:6px 0 0 48px; width:120px; height:35px;
  font-family:verdana,helvetica,sans-serif; font-size:22px; font-weight:bold; color:#ffffff;
  background:transparent url(https://budgetvideo.com/css/images/mobilemenu.png) 1px 0px no-repeat;
  cursor:pointer;
}
a.mobile:link,
a.mobile:visited {text-decoration:none; font-weight:bold; color:#ffffff;}
a.mobile:hover {text-decoration:none; font-weight:bold; color:#ffffff;}

/* Mobile Submenu button */
a.subnavmenu {
  display:none;
}

/* text menu links inside yellow bar */
a.a1 {
  display:block; width:146px;
  font-size:11px; margin:0; padding:1px 2px 1px 2px; background:transparent;
}
a.a1:link,
a.a1:visited {text-decoration:none; font-weight:bold; color:#0035ad;}  
a.a1:hover {
  text-decoration:none; font-weight:bold; color:#ffffff; background:#0035ad;
}

/* text menu links underneath yellow bar */
a.a2 {
  font-size:11px; margin:0; padding:0;
}
a.a2:link,
a.a2:visited {text-decoration:none; font-weight:bold; color:#000;}  
a.a2:hover {text-decoration:underline; font-weight:bold; color:#000;}

/* Style for form "buttons" like "New", "Save", "Delete", etc */
a.btn {
  line-height:20px; font-weight:bold;
  margin:0 1px 0 0; padding:2px 4px 2px 4px; background:#ffffff;
  border:1px solid #000;
}
a.btn:link,
a.btn:visited {text-decoration:none; font-weight:bold; color:#0000aa;}
a.btn:hover   {
  text-decoration:none; font-weight:bold; color:#ffffff; background:#000099;
  border:1px solid #000;
}

  /* Style for link "buttons" like "Save", "Go", etc */
  input.btn2 {
    line-height:20px; vertical-align:middle;
    letter-spacing:1px; color:#fff; font-weight:400;
    margin:0 1px 0 4px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:4px; border:0;
    cursor:pointer;
  }

  a.btn2 {
    letter-spacing:1px; color:#fff;
    margin:0 1px -4px 4px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:4px;
    cursor:pointer;
  }
  a.btn2:link,
  a.btn2:visited {text-decoration:none; font-weight:400; color:#fdfdfd;}
  a.btn2:hover   {
    text-decoration:none; font-weight:400; color:#fff; background:#00cc00;
  }


/* detail pages */
a.info {
  margin:0; padding:4px 0 4px 26px; line-height:22px;
  background:transparent url(https://budgetvideo.com/css/images/infoicon.gif) no-repeat;
}
/* related items */
a.related {
  margin:0; padding:4px 0 4px 26px; line-height:22px;
  background:transparent url(https://budgetvideo.com/css/images/relatedicon.gif) no-repeat;
}
/* downloads, etc. */
a.xtra {
  margin:0; padding:2px 0 2px 18px; line-height:16px;
  background:transparent url(https://budgetvideo.com/css/images/bt1.gif) no-repeat;
}

/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#444499;}
#footer a:hover {text-decoration:underline; color:#000;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#ccc;}
#footer a.w3:hover {text-decoration:none; color:#000;}

br.clr {
  clear:both;
}
br.nb { /* use on mobile */
  display:none; 
}
  
code.bx {  /* outlined code like an input box */
  border:1px solid #999999; background:#eeeeee;
  padding:1px;
}
code.t2 {  /* indented block of example code */
  display:block;
  margin:4px 0 2px 8px; padding:0;
}     

/* Separators to clear column floats */
div.xclear {
  position:relative; clear:both; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:620px; 
  margin:0; padding:0;
}

div.navlinks table td {
  margin:0; padding:0 0 0 2px; font-size:11px;
}

div.xline { /* accent line */
  height:1px; line-height:1px;
  margin:3px; padding:0 0 3px 0;
  border-top:solid 1px #aaaaaa;
}
div.xbox1 { /* forms boxes */
  width:90%; 
  padding:4px 8px 4px 8px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.b1 {  /* border */
  line-height:120%; width:460px;
  margin:4px 0 0 4px; padding:4px;
  border:1px dashed #000099; background:#8bff21;
}  

div.ffield { /* form fields */
  position:relative; float:left; margin:0; padding:2px 12px 4px 0;
}
div.dthumb { /* product thumbs */
  float:left;
  margin:0 8px 4px 0;
  text-align:center;
}
div.grid { /* landing page grids */
  position:relative; display:inline-block;
  width:170px; height:170px;
  vertical-align:top;
  margin:0 15px 0 4px; padding:0;
  overflow:hidden;
}

div.instagram { /* instagram feed */
  float:left;
  margin:0; padding:0;
  width:315px; height:380px;
  overflow:hidden;
} 
  div.instagram p {
    margin:0 0 0 4px; padding:0;
  }

dl.alist {
  margin:0; padding:4px 0 0 0;
}
dl.alist dt {
  font-size:12px; color:#000099; line-height:150%;
  margin:0; padding:0 0 0 12px;
}
dl.alist dd {
  line-height:120%;
  margin:0; padding:0 0 0 20px;
}
dl.alist dd.mm {
  color:#008000; line-height:120%;
  margin:0; padding:0 0 8px 20px;
}
dl.t2 {  /* lists used inside table td's */
  margin:0; padding:0;
}
dl.t2 dt {margin:0; padding:0;}
dl.t2 dd {margin:0; padding:4px 0 2px 8px;}
  
dl.links {
  margin:0; padding:4px 0 0 0;
}
dl.links dt {
  line-height:150%;
  margin:0; padding:0 4px 0 20px;
}
dl.links dd {
  line-height:120%;
  margin:0; padding:0 10px 4px 28px;
}

form.catalog {
  margin:2px 0 4px 0; padding:0;
}
form.find2 {
  margin:0; padding:0;
}
  
h1.m1 {
  margin:2px 2px 0 4px;
}
h1.c1,h1.c2 {
  text-align:center; margin:2px 2px 0 2px;
}
h2.f1 {
  margin:2px 2px 2px 2px;
}
h2.g2,h2.g3,h2.g5,h2.g6 {text-align:center;}

/* Search results */
div.xsearch {
  position:relative;
  margin:8px 0 12px 4px; padding:0;
}
div.xsearch div {
  position:relative; display:inline-block; vertical-align:top;
  max-width:450px; min-width:420px;
  margin:2px 2px 0 4px; padding:0;
}
div.xsearch p {
  margin:2px 0 12px 4px; padding:0;
}
div.xsearch h2 {
  margin:6px 0 8px 4px; padding:0 0 8px 0;
  border-bottom:1px solid #ddd;
}
div.xsearch img {
  position:relative; display:inline-block; vertical-align:top;
  max-width:100px; height:auto;
  margin:2px 10px 2px 0; padding:0;
}

iframe.f1,div.L_large iframe {
  margin:0 0 0 4px; border:1px solid #000;
}


div.L_xsmall img,
div.L_large img,
div.R_xxsmall img {
  border-radius:6px;
}
  
img.xcheck {
  position:relative; top:2px; 
  margin:0; padding:0;
}

img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  max-width:100%; height:auto;
  background:#ddd;
}
img.xpic2 { /* left margin for images outside of &lt;p&gt; */
  margin:1px 3px 3px 4px; padding:0;
  max-width:100%; height:auto;
  background:#ddd;
}
  div.C_med img,
  div.C_large img {
    max-width:100%; height:auto;
  }

img.prodthumb {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
  width:160px;
}
img.xblank {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
  width:120px;
}
img.xleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 0;
  border:solid 1px #888888;
}
img.bleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 0;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 10px;
}
img.dleft {  /* left aligned image for use with ul.dlist */
  float:left; margin:2px 10px 2px 12px;
  border:1px solid #666666;
}
img.banner {
  border:solid 1px #888888;
}
img.bvrlogobar {
  position:relative; top:-20px;
}
img.redlogobar {
  position:relative; top:-34px;
}
img.playbutton {
  position:relative; top:12px;
}
img.iglogo {
  vertical-align:middle;
}
img.featpic {
  max-width:97%; height:auto;
  margin:0; padding:0;
  background:#ddd;
}

label.noshow,
h1.noshow,
h2.noshow,
span.tt,
span.noshow {display:none;}

object.p1 {
  margin:1px;
}

p.c1 { /* centered */
  text-align:center; line-height:normal;
  margin:2px 6px 2px 4px; padding:0;
}
p.p1 { /* normal line height for narrow columns */
  line-height:110%;
  margin:2px 6px 2px 4px; padding:0;
}
p.p1a { /* center column on homepage */
  line-height:110%;
  margin:2px 6px 2px 4px; padding:0;
}

p.p2,
p.p4,
p.p5 { 
  line-height:130%;
  margin:4px 6px 0 4px; padding:0;
}
p.p3 { /* normal right margin */
  line-height:150%;
  margin:4px 10px 0 4px; padding:0;
}
p.n1 { /* justified column like a newspaper */
  font-size:10px;
  margin:4px 2px 0 4px; padding:0; text-align:justify;
}
p.n2 { /* right column with vertical dashed line */
  font-size:10px;
  margin:0; padding:4px 2px 0 4px; border-left:1px dashed #aaaaaa;
}
p.r1 { /* used for the last updated date on links.php */
  text-align:right;
  line-height:normal;
  margin:-16px 4px 4px 0; padding:0;
}
p.r2 {
  text-align:right;
  line-height:150%;
  margin:4px 4px 4px 4px; padding:0;
}
p.nav {
  line-height:150%;
  color:#aaaaaa;
}
p.notify {
  border:1px solid #000;
  background:#ffffcc;
  padding:6px 6px 10px 6px !important; 
  margin:4px 4px 4px 0px !important;
}

.pleft {
  text-align:left;
}

#pagehead h1,#pagehead h2 {
  display:none;
}
#pagehead p.p1 {
  text-align:left; margin:0; padding:4px 0 0 0; /* padding for logo */
}

pre.p2 {
  line-height:150%;
  margin:4px 4px 0 4px; padding:0;
}

table.t1 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
}
table.catalog { 
  margin:2px 0 2px 4px; padding:0;
  width:94%;
}
  table.catalog td,table.catalog td p {
    margin:0; padding:0;
  }

table.prodopt {
  float:right;
  margin:2px; padding:0;
}
  
table.t2 {
  width:94%;
}
table.t3 {
  width:94%;
}
  table.t3 td {
    padding:4px;
  }

table.chart {
  margin:2px 2px 2px 4px; padding:0;
  background:#888888;
}
  table.chart td {
    background:#ffffff; padding:2px 4px 2px 2px;
  }

td.col2 {
  width:350px;
}

ul.alist {
  margin:6px 0 0 4px; padding:0;
}
ul.alist li {
  margin:4px 0 6px 0; padding:1px 0 0 18px; width:90%;
  background:transparent url(https://budgetvideo.com/css/images/bt5.gif) 4px 4px no-repeat;
}
 
ul.blist {
  margin:4px 0 0 0; padding:0;
}
ul.blist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:98%;
  background:transparent url(https://budgetvideo.com/css/images/bullet04.gif) 0 2px no-repeat;
}
  
dl.alist {
  margin:0; padding:4px 0 0 0;
}
  dl.alist dt {
    font-family:verdana,helvetica,sans-serif; font-size:11px; line-height:150%;
    margin:0; padding:0 0 0 22px;
  }
  dl.alist dd {
    font-family:verdana,helvetica,sans-serif; font-size:11px; line-height:120%;
    margin:0; padding:0 0 6px 30px;
  }
  
/* left aligned image with bullet list on the right */
ul.dlist {
  margin:4px 0 0 0; padding:0;
}
ul.dlist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:250px;
  background:transparent url(https://budgetvideo.com/css/images/bullet04.gif) 0 2px no-repeat;
}

/* Form fields */
.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"] {
  vertical-align:top;
  margin-bottom:8px;
  /* max-width:60%; */
}
textarea {
  /* max-width:80%; */
}

.boxBlur {
  border:1px solid #aaaaaa; color:#000; background:#eeeeee;
  margin:0; padding:6px;
}
.boxFocus {
  border:1px solid #aaaaaa; color:#000; background:#ffffcc;
  margin:0; padding:6px;
}
.boxDisable {
  border:1px solid #cccccc; color:#aaaaaa; background:#ffffff;
  margin:0; padding:6px;
}
  .boxError {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; background:#ffcccc; padding:6px; 
  }
  .boxRequired {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; color:#181818; background:#fcfcfb; padding:6px; 
  }
  .boxRequired:focus {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; color:#181818; background:#ffffdd; padding:6px; 
  }
.fbutton {
  border:1px solid #666666; color:#0047EA; background:#eeeeee;
  margin:0; padding:0;
}

.drop2 {
  font-family:arial,helvetica,sans-serif; font-size:12px; width:120px;
  border:1px solid #666666; color:#000; background:#ffffff; margin:0 0 4px 0;
}
.drop3 {
  font-family:arial,helvetica,sans-serif; font-size:12px; width:160px;
  border:1px solid #666666; color:#000; background:#ffffff; margin:2px 8px 4px 0;
}
.drop4 { /* no set width for detail page */
  font-family:arial,helvetica,sans-serif; font-size:12px;
  border:1px solid #666666; color:#000; background:#ffffff; margin:2px 8px 4px 0;
}

/* Form Field Placeholder Text */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ccc; opacity: 1; /* Firefox */
  font-weight:normal;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ccc;
  font-weight:normal;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:#ccc;
  font-weight:normal;
}


/* Radio Buttons */
label.radio {
  display:block; margin:6px 0 10px 0;
  font-size:16px;
  cursor:pointer;
}
input[type="radio"]:not(old) {
  display:none;
}
input[type="radio"]:not(old)+span:before {
  display:inline-block;
  content: url('https://budgetvideo.com/css/images/radio-unselected.png');
  width:30px; height:20px;
  margin:0; padding:0;
  vertical-align:bottom;
}
input[type="radio"]:not(old):checked+span:before {
  content: url('https://budgetvideo.com/css/images/radio-selected.png');
}

/* Checkboxes */
label.ckbox {
  display:block; margin:6px 0 10px 0;
  font-size:14px;
  cursor:pointer;
}
input[type="checkbox"]:not(old) {
  display:none;
}
input[type="checkbox"]:not(old)+span:before {
  display:inline-block;
  content: url('https://budgetvideo.com/css/images/checkbox.png');
  width:36px; height:20px;
  margin:0; padding:0;
  vertical-align:bottom;
}
input[type="checkbox"]:not(old):checked+span:before {
  content: url('https://budgetvideo.com/css/images/checkbox-checked.png');
}

/* contact form "required" */
p.cfreq {
  font-size:95%;
  padding:0 0 0 8px; margin:0;
}
span.cfreq {
  position:relative;
  font-weight:bold; color:#f00; 
}
/* contact/guestbook forms */
div.cfmsg,
#cf1,
#cf2,
#cf6,
#cf7,
#cf15,
#cf17 {
  width:80%; max-width:420px;
}
#cf12 {
  width:100%;
}   
 
  
/* Misc Classes */

.border1 {  /* used for images instead of border="1" */
  border:1px solid #666666;
}

.counter {color:#aaaaaa;}

.dash1 {
  position:relative; display:block; color:#000099;
  margin:0 2px 4px 2px; padding:0 0 2px 0;
  border-bottom:1px dotted #0035ad;
}
.dash2 {
  position:relative; display:block; color:#000099;
  margin:0 10px 4px 12px; padding:0 0 2px 0;
  border-bottom:1px dashed #888888;
}
.dash3 {  /* p2 paragraph separator, extra right margin */
  position:relative; display:block; line-height:4px;
  margin:0 80px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.dash4 {  /* p3 paragraph separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.hdate { /* dates under H2 headings (articles, etc) */
  position:relative; display:block; color:#000099;
  margin:0 10px 4px 4px; padding:0 0 2px 0;
}

span.price {
  color:#000099;
}
div.warning {
  width:90%; clear:both; 
  padding:4px 8px 4px 8px; margin:4px 0 0 0;
  border:solid 1px #000; background:#cc0000;
}

.sm {position:relative; top:-4px; font-size:9px; font-weight:normal;} /* service mark (sm) */
.super {position:relative; top:-4px; font-size:10px;} /* superscript */

.xbig {  
  font-size:18px; color:#000099;
}
.xdash {border:1px dashed #000;} 

.xline {
  position:relative; display:block; line-height:4px;
  margin:0 2px 8px 4px; padding:0;
  border-bottom:1px solid #aaaaaa;
}
.xred {color:#ff0000;} /* form errors */
.xword {font-weight:bold; color:#dddddd;}

.nbox {  /* remaining characters field, add.php */ 
  text-align:right; width:250px;
  border:0; color:#000; background:transparent;
}

span.st2,
span.st7 {
  display:none;
}


/* 
   Containers for this layout
   -----------------------------------------------------------------------------
   For this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/

/* Page Header, centered */
#pagehead {
  position:fixed; left:0; top:0; height:130px; width:100%;
  text-align:left; margin:0; padding:0;
  background:#eee; border-bottom:1px solid #ccc;
  overflow:visible; z-index:96; /* must be less than drop menu z-index */
}
  #headerbox {
    position:relative; max-width:100%; height:100%;
    text-align:left; margin:0 auto 0 auto; padding:0;
  }
    img#logo {
      max-width:164px;
    }
  #sitelogo {
    position:absolute; width:164px; height:114px; left:50%; top:6px; 
    margin:0 0 0 -82px; padding:0; 
  }  
  #pagehead div.navbar {  /* width and height necessary for image replacement */
    position:absolute; top:2px; right:10px; width:520px; height:30px; max-width:38%;
    text-align:right; margin:0; padding:0;
  }
  #pagehead div.navbar2 {  /* width and height necessary for image replacement */
    position:absolute; top:2px; left:10px; width:550px; height:30px; max-width:40%;
    text-align:left; margin:0; padding:0;
  }
    #pagehead div.navbar p,
    #pagehead div.navbar2 p {
      padding:0 0 0 4px; margin:0; line-height:14px;
    }
    #pagehead div.navbar img {
      margin:0; border:0; vertical-align:top; width:100%; max-width:380px;
    }
    #pagehead div.navbar2 img {
      margin:0; border:0; vertical-align:top; width:100%;
    }
   
  /* DIVs for navigation links */
  div.navlinks {
    display:none;
  }
  div.navlinks2 {
    display:none;
  }
  div.searchbox {
    position:absolute; top:80px; left:64px; height:38px; width:500px; max-width:30%;
    text-align:left; margin:0; padding:4px 24px 0 2px;
    background:#fff url('images/magnifier2.png') right center no-repeat;
    border:1px solid #aaa;
  }
    div.searchbox form {
      margin:2px 4px 0 4px; padding:0;
    }
    div.searchbox form p {
      margin:0; padding:0;
    }
    .searchFocus {
      border:1px solid #fff; color:#000; background:transparent;
      margin:0; padding:2px; width:96%; font-size:22px;
    }
    
  div.brands {
    display:none;
    position:absolute; top:125px; left:390px;
    text-align:center; margin:0; padding:0;
  }
  div.rentalquote {
    position:absolute; top:95px; right:6px; width:350px;
    text-align:right;
  }
    div.rentalquote img {
      position:relative; top:3px;
    }
  div.officehours {
    display:none;
  }
  div.mobilemenu {
    position:absolute; top:80px; left:10px; width:64px; height:44px; 
    margin:0; padding:0; overflow:hidden; z-index:99;
  }
    div.mobilemenu span {
      display:none;
    }

#container {
  position:relative; min-height:100%;
  text-align:center; margin:0; padding:0;
} 
  #pagebody {
    position:relative;
    text-align:left; margin:0; padding:150px 0 150px 0;
  }
    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
      position:relative; width:100%;
      text-align:left; margin:0; padding:0;
    }
      /* Inner content box for centered, fixed width content */
      div.contentbox {
        position:relative; max-width:1000px;
        text-align:left; margin:0 auto 0 auto; padding:0;
      }
      div.contentbox2 {
        display:flex; flex-flow:row wrap; justify-content:center;
      }
      div.contentbox3 {
        display:flex; flex-flow:row wrap; justify-content:center;
        max-width:70%; margin:0 auto 0 auto;
      }
      
          /* Columns, Total width must be &lt;= 760px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full {
            position:relative; float:left; margin:0; padding:0;
          }
          
          /* RIGHT columns */
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge {
            position:relative; float:right; margin:0; padding:0;
          }
          
          /* Column width combinations:  xxs+xxl, xs+xl, xs+xs+xxs, s+l, full */
          div.L_xxsmall {width:200px;}
          div.R_xxsmall {width:200px;}
          div.L_xsmall {width:290px;}
          div.R_xsmall {width:270px;}
          div.L_small,div.R_small {width:300px;}
          div.L_large,div.R_large {width:450px;}
          div.L_xlarge {width:480px;}
          div.R_xlarge {width:480px;}
          div.L_xxlarge {width:540px;}
          div.R_xxlarge {width:640px;}
          div.L_full {width:950px;}
          
          /* exceptions */
          #pag_home div.L_xsmall {width:280px;}
          
          #pag_sitemap div.L_xxsmall {width:200px;}
          
          
/* Footer, extends to bottom edge of window */
#footer {
  position:relative; width:100%; min-width:480px; bottom:0px;
  margin:0; padding:10px 0 0 0; text-align:center; 
  background-color:#f1f1f1; border-top:1px solid #ccc;
}
  div#flinks {
    position:relative; margin:6px 0 6px 0;
  }
  div.fblock,
  div.social2 { /* footer link blocks */
    position:relative; 
    display:inline-block; vertical-align:top;
    width:170px;
    margin:8px 0 12px 8px; padding:0 0 0 3px;
    background:transparent url(https://budgetvideo.com/css/images/divider.gif) top left repeat-y;
  }
  div.social2 {
    width:200px; padding:10px 0 0 3px;
    text-align:right;
    background:none;
  }
    div.social img,div.social2 img {
      margin:0; padding:0 0 0 1px;
    }
  #footer p {
    position:relative; max-width:920px;
    text-align:center; margin:0 auto 0 auto; padding:0 5px 0 5px;
  }
  #footer p.xnav {
    width:100%; /* needed because otherwise it inherited the 920px width */
    text-align:left; margin:0 0 0 4px; padding:0;
    color:#aaaaaa;
  }
  
    
/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/

div.B_nav,
div.C_nav,
div.C_small,
div.C_small2,
div.C_small3,
div.C_small4,
div.C_prod,
div.C_med { /* centered column that wraps @ min-width */
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; max-width:500px; min-width:470px;
  margin:0 10px 0 0; padding:0; overflow:hidden;
}
div.B_nav {
  max-width:260px; min-width:260px;
}
div.C_nav {
  max-width:210px; min-width:210px;
  margin:0 2px 0 0;
}
div.C_small2 {
  border-left:6px solid #c3cd4e;
}
div.C_small3 {
  max-width:290px; min-width:290px;
}
div.C_small4 {
  max-width:200px; min-width:200px;
}
div.C_prod {
  max-width:470px; min-width:47%;
  margin:0 0 0 4px;
}
div.C_med {
  width:65%; max-width:650px;
}
div.C_flex {
  position:relative; flex:0 1 470px; align-self:flex-start;
}
div.C_flex2 {
  position:relative; flex:25%; align-self:flex-start;
  max-width:250px; margin:4px 6px 4px 6px;
}
div.C_flex3 {
  position:relative; flex:30%; align-self:flex-start;
  max-width:350px; margin:4px 6px 4px 6px;
}

div.C_large,
div.C_large2,
div.C_title,
div.C_title2, {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; width:97%; max-width:960px; min-width:470px;
  margin:0; padding:0; overflow:hidden;
}
div.C_title {
  margin:4px 0 0 0;
}
  div.C_title img {
    max-width:100%; height:auto;
    margin:0; padding:0;
  }
  
div.C_large2 {
  width:96%;
  margin:0 2px 0 10px;
}
div.C_large2 img {
  max-width:100%; height:auto;
}


div.flvPlayer {
  margin:0 0 0 12px;
}

#pag_home div.L_large {
  margin:0 0 0 12px;
}

/* homepage */
#fullphoto {
  position:relative; flex:50%; align-self:flex-start;
  min-width:480px;
  text-align:center;
  overflow:hidden;
}
#pag_home #pagebody {
  padding:0; min-height:100px;
}
#fullphoto img.leafpic {
  width:100%; margin:0; padding:0;
  vertical-align:top; /* gets rid of the space at the bottom */
}
  #photocredit {
    position:absolute; width:100%;
    left:0px; top:0px; margin:0; padding:0;
    z-index:95;
  }
  #photocredit img.slidecover {
    width:100%;
    vertical-align:top; /* gets rid of the space at the bottom */
  }

/* div next to slide show */  
#splitinfo {
  position:relative; flex:50%; width:100%;
  margin:0; padding:0; overflow:hidden;
  background:#303030;
}
  img.slidecover {
    width:100%;
    vertical-align:top; /* gets rid of the space at the bottom */
  }
  #rmessage {
    position:absolute; bottom:0px; left:0px;
    width:100%; margin:0; padding:0;
  }
    #rmessage img {
      width:100%;
      vertical-align:top; /* gets rid of the space at the bottom */
    }
  #shipping {
    position:absolute; bottom:0px; right:0px;
    width:60%;
  }
  #yelp {
    position:absolute; top:10px; right:10px;
  }
  #testimonial {
    position:absolute; top:0px; left:0px;
    width:100%;
  }
    #testimonial p {
      position:relative; text-align:left;
      margin:0; padding:10px 150px 4px 10px;
      color:#fff;
    }
    #testimonial a,
    #testimonial a:link,
    #testimonial a:visited {
      color:#fff; font-weight:normal;
    }

#pag_home div.C_small3 {
  max-width:280px;
}
#pag_home div.C_med {
  max-width:460px;
}

#toprow {
  padding:130px 0 0 0;
  border-bottom:1px solid #ccc;
}

#toprow div.fangrid,
#fanphotos div.fangrid {
  position:relative; width:98%; min-width:480px;
  margin:0 auto 0 auto; padding:0; text-align:center;
}
  img.fanpic {
    opacity:1;
    transition: .3s ease;
    width:14%;
    padding:3px;
    border:1px solid #fff;
  }
  img.fanpic:hover {
    border:1px solid #aaa;
    opacity:0.8;
    /*-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    /*filter: blur(5px);*/
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }

#taxmobile {
  display:none;
}  
  
div.headline {
  position:relative; width:100%;
  margin:0 auto 0 auto; padding:15px 0 20px 0; text-align:center; 
}
  div.headline p {
    position:relative;
    max-width:990px; margin:0 auto 0 auto; padding:0 10px 0 10px;
  }
div.headline2 {
  position:relative; width:100%;
  margin:0 auto 20px auto; padding:15px 0 0 0; text-align:center; 
  min-height:80px;
}
div.headline3 {
  position:relative; width:100%;
  margin:0 auto 5px auto; padding:15px 0 0 0; text-align:center; 
  min-height:50px;
}
  img#banner50off {
    width:90%; max-width:1200px;
  }

      
/* 
  By setting the instagram photo as a background image:
  - the column is never taller than the slideshow, regardless if the ig photo is portrait or landscape
  - the ig photo is displayed as large as possible
  - the ig logo and feed link floats over top of the ig photo
*/
#igfeed {
  background-color:#041041;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;  
  position:relative; flex:50%; 
  text-align:center;
  margin:0; padding:0; overflow:hidden;
}
  #igfeed p {
    margin:4px 0 2px 0;
  }
  #igfeed img {
    max-width:100%;
  }

div.bottomline {
  position:absolute; width:100%; height:350px;
  border-bottom:1px solid #cecece;
}
#wbox {
  position:relative; height:364px;
}
  #wbox p {
    width:420px;
  }

div.linkbox {
  position:relative; display:inline-block; vertical-align:top;
  width:238px; height:240px;
  margin:2px 0 12px 0; padding:4px 4px 0 4px;
  text-align:center;
} 
  div.linkbox p {
    position:relative; clear:both;
    text-align:left;
  } 
  
/* links.php */
div.linkgroup {
  display:none;
}
    
#pag_searchbox div.searchbox {
  position:relative; top:0; left:0px; width:auto;
  text-align:left;
}

#pag_testimonials div.R_xxsmall {width:220px;}

#pag_quotesaved div.L_full {width:750px;}

#pag_catalog div.L_xxlarge {
  width:660px;
  padding:0 0 0 40px;
}
#pag_catalog div.sticker { /* product sidebar navigation */ 
  /* 
  width:280px; 
  position:fixed; 
  margin:0;
  */
}
a.produrl { /* offset the anchor links for products to account for the fixed header */
  position:relative;
  padding-top:250px; margin-top:-250px; 
}


/* Content Backgrounds */
.bvrblue,.bvrblue p {
  color:#fff;
  background:#0035ad;
}
  .bvrblue a {
    color:#fff;
  }
.bvryellow,.bvryellow p {
  color:#000;
  background:#ffce00;
}
.gray1 {
  color:#000;
  background:#eee;
}
.gray2,.gray2 p {
  color:#fff;
  background:#444;
}
  .pad2 {
    padding:12px;
  }
.yell2,.yell2 p {
  color:#000;
  background:#ffdd00;
}
.orange {
  color:#fff;
  background:#e4701e;
}
.orange p {color:#000;}

.green {
  background:#c3cd4e;
}
.green div p {color:#fff;}

.black {
  background:#111;
}


/* Design215 Guestbook/Comments v01.27.06 */
.xguest {  /* outside table */
  width:520px; margin:0;
}
table.xguest table {
  margin:0;
}
table.xtopics {
  width:90%; 
  margin:0 0 0 12px;
}
table.xtopics td {
  width:auto;
  margin:0 10px 0 0;
}
table.xtopics td p {
  margin:0 10px 0 0;
  border-bottom:1px dashed #888888;
} 

.gbox {  /* remaining characters field, guestbook */ 
  text-align:right; width:250px;
  border:0; color:#aaaaaa; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#aaaaaa; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff8800; 
}
.gline { /* user entries separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.xquote1 {
  font-family:serif; font-size:12px; color:#0d1117;
  background:transparent url(https://budgetvideo.com/css/images/quote1.gif) no-repeat;
  padding:0 0 0 8px;
}
.xquote2 {
  font-family:serif; font-size:12px; color:#0d1117;
  background:transparent url(https://budgetvideo.com/css/images/quote2.gif) no-repeat;
  padding:0 0 0 8px; margin:0 0 0 2px;
}
p.gst1 {margin:4px 0 8px 12px; font-size:11px; color:#000; line-height:120%;}
p.gst2 {margin:4px 60px 0 12px; font-size:11px; color:#000; line-height:130%;}


/* Design215 Slideshow, index.php */
#pag_home #xssw1,
#pag_home #xssw2 {
  /* 2012 update: opacity set with css on slideshow page */
  position:absolute; visibility:hidden;
  background:transparent;
  margin:0; padding:0;
  text-align:center; /* slideshow image will be centered in the div */
  width:100%; /* div will be the full width of its container */ 
}
#pag_home #xssw1 img,
#pag_home #xssw2 img {
  width:100%; display:block;
}
#pag_home #xslidetext,
#pag_home #xslidenum ,
#pag_home #slidecontrols {
  display:none;
}

/* Design215 Drop Menu, v11.22.2012 */
#xtooltip {
  position:absolute; left:-200px; top:5px; z-index:98;
  margin:0; padding:0 0 7px 0;
  background:transparent url(https://budgetvideo.com/css/images/tooltip_pointer.png) 14px bottom no-repeat;
}
#xtooltip p.tt1,
#xtooltip p.tt2 {
  color:#ffffff; text-align:left; margin:0; padding:6px 8px 8px 8px;
  font-family:verdana,helvetica,sans-serif; font-size:11px;
  background:transparent url(https://budgetvideo.com/css/images/tooltip.png);
  border-radius:4px; border:2px solid #000;
}

#menu1 {  /* mobile menu */
  position:fixed; visibility:hidden; z-index:99;
  min-width:420px; width:900px; max-width:94%;
  top:-999em; /* removes the extra vertical space from the long menu */
  background:#fff; color:#000; padding:12px 4px 4px 8px;
  border:2px solid #000;
  box-shadow:2px 2px 16px rgba(0,0,0,0.4);
}
  #menu1 div.B_nav p {
    width:250px; /* necessary for IE7 or menu height bug */
    margin:0; padding:4px 0 2px 0;
    white-space:nowrap; overflow:hidden;
  }
  #menu1 div.C_nav p {
    width:200px; /* necessary for IE7 or menu height bug */
    margin:0; padding:4px 0 2px 0;
    white-space:nowrap; overflow:hidden;
  }
  #menu1 h2 {
    font-size:22px; font-weight:bold; color:#0035ad;
  }

#menu2 {
  position:absolute; visibility:hidden; z-index:99; 
  width:300px; 
  top:-999em; /* removes the extra vertical space from the long menu */
  background:#fff; color:#000; padding:4px 4px 4px 0;
  border:1px solid #000;
}
  #menu2 p {
    /* width:196px; necessary for IE7 or menu height bug */
    margin:0; padding:4px 0 2px 0;
  }
  
#xfindList {  /* search suggestions */
  position:fixed; visibility:hidden; z-index:99;
  width:95%; max-width:600px; top:-999em; /* removes the extra vertical space from the long menu */
  overflow:hidden;
  text-align:left; background:#fff; color:#000; padding:8px 4px 12px 4px;
  border-radius:2px; border:1px solid #666;
  box-shadow:2px 2px 16px rgba(0,0,0,0.4);
}
  #xfindList p {
    white-space:nowrap;
  }
    
  /* Fix 2px whitespace under images, 04.14.2015 */
  div.dropx img,div.dropz img {
    vertical-align:top;
  }

  div.dropx {
    text-align:left;
    margin:0; padding:0;
  }
  div.dropx a {
    position:relative; display:block; height:16px; 
    margin:0 4px 8px 4px; padding:6px 3px 12px 4px;
    border-bottom:1px solid #ddd;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#000;}
  div.dropx a:hover {
    text-decoration:none; color:#ffffff; background:#0F2645;
  }
  div.dropx a.sx:link,
  div.dropx a.sx:visited {text-decoration:none; color:#000; background:#ffe05a; border:1px solid #999;}
  div.dropx a.sx:hover {
    text-decoration:none; color:#ffffff; background:#0F2645; border:1px solid #999;
  }
  div.sidebar a {border-bottom:1px solid #ccc;}

/* info box for full size images */
div#infobox {
  position:absolute; left:0px; right:0px; top:200px;
  margin:0 auto 0 auto; padding:20px;
  width:auto; max-width:800px;
  background:#eeeeee;
  border:4px solid #444444;
  text-align:center;
  visibility:hidden;
  z-index:98;
}

/* modal dialog */
.modal-overlay { /* the full INVISIBLE container */
  position:fixed;
  width:100%; left:0; top:120px;
  overflow:auto;
  transition:opacity .2s;
  z-index:-1;
}
.modal-overlay[aria-hidden="true"] {
  opacity:0;
  visibility: hidden;
}
.modal-overlay[aria-hidden="false"] {
  opacity:1;
  visibility:visible;
  z-index:96; /* must be below menu z */
}
.modal-content { /* the actual box INSIDE the container */
  position:relative; 
  margin: 0 22% 0 auto;
  width:94%; max-width:350px;
  background:#fff; color:#e4701e; padding:4px;
  border:4px solid #374880;
}
.modal-content p {
  padding:0 20px 0 20px;
}
.modal-overlay[aria-hidden="false"] .modal-content {
  transform: scale(1);
}
.btn-close {
  position:absolute;
  background:none; border:0; cursor:pointer; color:#000;
  font-family:arial; font-size:30px; font-weight:800;
  line-height:12px; padding:0;
  right:.25em; top:.3em;
  z-index:2;
}
.btn-close:hover {color: #ff0000;}

/* replace or resize images */
img.rp50 { /* small footer logo v12.29.2009 */
  position:relative; margin:-12px 0 0 0; top:12px;
}


/*
   PCart Shopping Cart Styles v2.5.1
   ----------------------------------------------------------------------------- 
   Merged here to prevent caching issues with mobile devices 

*/
p.pcart {
  position:relative; max-width:470px;
  line-height:normal;
  margin:2px 6px 2px 4px; padding:0;
}
div.pclear {
  position:relative; clear:both;
  margin:0; padding:0;
}

ul.pclist {
  list-style:disc inside none;
  margin:4px 0 0 4px; padding:0;
}
ul.pclist li {
  margin:2px 0 6px 0; padding:1px 0 0 4px; width:98%;
}

iframe#pcframe1 {
  border:1px solid #ddd;
  margin:0 0 0 12px;
  display:none;
}

iframe#pcframe2 {
  position:relative;
  margin:0; padding:0; border:0;
  display:none;
}

/* iframe box for adding items to cart */
div#cartbox {
  position:fixed; left:50%; top:50%;
  width:460px; min-height:240px;
  background:#fff;
  border:1px solid #888;
  margin:-120px 0 0 -235px; padding:8px 2px 2px 2px;
  text-align:left;
  visibility:hidden;
  z-index:999;
  border-radius:4px;
  box-shadow:2px 2px 16px rgba(0,0,0,0.4);
}
div.pcDiag {
  padding:20px 10px 10px 20px;
}
  div.pcDiag h1 {
    text-align:center;
  }
  div.pcDiag p {
    font-size:20px;
  }

#pcartItemCount {
  position:relative; 
  text-align:center;
  margin:0 0 0 2px; 
}
#pcartItemCount a {
  text-decoration:none; font-weight:normal;
  background-color:transparent;
  padding:0; margin:0;
  border-radius:0;
}
#pcartItemCount a:hover {
  text-decoration:none; font-weight:normal; color:#ffaf00;
}
img.pccarticon {
  vertical-align:middle;
}

/* Form fields generated by makeFormField()  */
div.formfield {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; min-width:50px;
  margin:0 10px 15px 0; padding:0;
}
p.charcount {
  position:absolute; width:80px; top:0px; right:4px;
  text-align:right; margin:0; padding:0;
}

/* 06.11.2023 I made the form a flexbox container so I could make the inner divs align to thee right */
form.pcartAddBtn {
  display:flex; flex-flow:row wrap;
  justify-content:flex-end; align-items:flex-end;
  width:100%;
  margin:2px; padding:0;
}
div.pcaddopt {
  position:relative; 
  width:100%;  /* expand to full width of column */
  min-width:460px;
  margin:0; padding:0 0 10px 0;
}
  div.pcaddopt p.pcgt {
    font-size:22px; font-weight:bold;
  }
  
/* add to cart button 2020 */
div.pcaddbtn {
  display:flex; flex-flow:row nowrap; 
  justify-content:flex-end; align-items:flex-end;
  min-width:300px; 
  margin:0 4px 0 0; padding:0;
}
  div.pcquanbox {
    position:relative;
    text-align:center;
    margin:0 30px 0 0; padding:0;
  }
    div.pcquanbox p {
      font-weight:bold;
      padding:4px;
    }
  div.pcaddbox {
    position:relative;
    text-align:right;
  }
  /* overwrite any styles set in main site stylesheet */
  input[type="number"].addBtnQuan {
    font-size:24px; font-weight:bold; width:30px; height:32px;
    text-align:center;
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
    margin:0 12px 0 12px; padding:5px; 
  }
  input[type="number"].addBtnQuan:focus {
    font-size:24px; font-weight:bold; width:30px; height:32px;
    text-align:center;
    border:1px solid #8fd700; color:#181818; background:#ffffdd;
    margin:0 12px 0 12px; padding:5px;
  }

  a.pcadjQuan {
    display:inline-block;
    line-height:30px; width:20px; text-align:center;
    font-family:arial,san-serif; font-size:30px; font-weight:bold; 
    vertical-align:middle; color:#fff; background:#555;
    margin:0; padding:7px 12px 7px 12px;
    border:0; border-radius:0;
    cursor:pointer;
    user-select:none;
  }
  a.pcadjQuan:link,
  a.pcadjQuan:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.pcadjQuan:hover   {text-decoration:none; font-weight:bold; background:#777; color:#fff;}


/* select boxes */
.pcitemdrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:250px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:8px 0 8px 0; padding:4px;
}
  .pcitemdrop option {
    padding:4px;
  }
.pcdatedrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:120px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:4px 0 8px 0; padding:4px;
}
  .pcdatedrop option {
    padding:4px;
  }
.pcyeardrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:90px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:4px 0 8px 0; padding:4px;
}
  .pcyeardrop option {
    padding:4px;
  }
  
.pcSubGroup {
  margin:0 0 0 10px; padding:0 0 0 20px;
  border-left:1px solid #ccc;
}  


/* Option Quantity fields 2020 */
div.optQuan {  
  display:block; margin:14px 0 18px 0;
  font-size:18px;
}
  /* overwrite any styles set in main site stylesheet */
  input[type="number"].addOptQuan {
    font-size:20px; font-weight:bold; width:26px; height:28px;
    text-align:center;
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
    margin:0 12px 0 12px; padding:2px; 
  }
  input[type="number"].addOptQuan:focus {
    font-size:20px; font-weight:bold; width:26px; height:28px;
    text-align:center;
    border:1px solid #8fd700; color:#181818; background:#ffffdd;
    margin:0 12px 0 12px; padding:2px;
  }

  a.pcoptQuan {
    display:inline-block;
    line-height:28px; width:18px; text-align:center;
    font-family:arial,san-serif; font-size:28px; font-weight:bold; 
    vertical-align:middle; color:#fff; background:#777;
    margin:1px 0 1px 0; padding:2px 8px 2px 8px;
    border:0; border-radius:0;
    cursor:pointer;
    user-select:none;
  }
  a.pcoptQuan:link,
  a.pcoptQuan:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.pcoptQuan:hover   {text-decoration:none; font-weight:bold; background:#777; color:#fff;}


p.pcitemprice {
  padding:0;
  font-family:'Montserrat',sans-serif; font-size:24px; 
  line-height:120%;
  font-weight:bold; color:#000;
}
p.pcitemprice span.pcitemtxt { /* text appended to price */
  font-size:14px;
}
p.pcpricetxt { /* text if no price */
  font-size:16px; font-weight:bold; color:#000;
}

div.pcartlogin {
  width:100%; padding:0; margin:0;
}
div.pcartlogin p {
  padding:2px 0 2px 4px; margin:0 0 4px 4px;
  font-size:20px;
}
div.pcartlogin p.rt {
  text-align:right;
  margin:0;
}

form#pcartForm p {
  font-size:16px;
}

div#pcartLogin {
  position:relative;
  width:100%; max-width:400px; min-height:400px;
  padding:0; margin:0;
}
div#pcartAccount {
  position:relative;
  width:100%; max-width:480px; min-height:400px;
  padding:0; margin:0;
}
div#errmsg h2,
div#errmsg p {
  color:#ff0000;
}

div.pcbox1 {
  position:relative; display:inline-block;
  padding:5px 0 8px 0; margin:0 5px 5px 12px;
  min-width:300px; min-height:180px;
  background:#ffffee;
  border:1px solid #aaa;
  vertical-align:top;
}
  p.topr {
    position:absolute; top:4px; right:4px;
  }

img.pcprodimg {
  margin:0; padding:4px 0 8px 0;
  width:120px; height:auto;
}  
img.pcplaceholder {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
}  
div#pcartDiv {
  position:relative;
  width:100%;
  padding:0; margin:0;
}
div.pcartrow {
  position:relative;
  margin:0 0 0 12px; padding:0;
  width:96%; min-width:480px; min-height:12px; 
}
div.pc1 {
  position:relative; display:inline-block;
  width:10%; min-width:100px; margin:0; padding:4px 4px 2px 4px;
  vertical-align:top;
}
div.pc2 {
  position:relative; display:inline-block;
  width:6%; min-width:60px; margin:0; padding:4px 4px 2px 0;
  vertical-align:top;
}
div.pc3 {
  position:relative; display:inline-block;
  width:56%; margin:0; padding:4px 4px 2px 0;
  vertical-align:top;
}
div.pc4 {
  position:relative; display:inline-block;
  width:10%; min-width:90px; margin:0; padding:4px 4px 2px 0;
  text-align:right;
  vertical-align:top;
}
div.pc5 {
  position:relative; display:inline-block;
  width:47%; margin:0; padding:4px 0 2px 0;
  text-align:left;
  vertical-align:top;
}
div.pc6 {
  position:relative; display:inline-block;
  width:50%; margin:0; padding:4px 0 2px 0;
  text-align:right;
  vertical-align:top;
}
div.pc7 {
  position:relative; display:inline-block;
  width:50%; margin:0; padding:4px 0 2px 0;
  text-align:left;
  vertical-align:top;
}
.pcbg1 {
  background:#eee;
}
.pcbg2 {
  background:#fff;
}
.pcdivline {
  border-bottom:1px solid #ccc;
}

/* View Cart table */
table.pcviewcart {
  width:96%; margin:0 0 0 4px; padding:0;
  border-collapse:collapse;
}
  table.pcviewcart td {
    vertical-align:top; border-bottom:1px solid #ccc;
    padding:2px 0 2px 0;
  }
  table.pcviewcart td.chd {
    text-transform:uppercase;
    border-bottom:1px solid #000;
  }
  table.pcviewcart td.c1 {
    width:40px!important; text-align:left;
  }
  table.pcviewcart td.c2 {
    width:80px!important; text-align:left;
  }
  table.pcviewcart td.c3 {
    text-align:left;
  }
  table.pcviewcart td.c4 {
    width:90px!important; text-align:right;
  }

.viewCartQuan {
  font-size:24px; font-weight:bold; width:36px; height:32px;
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  text-align:center;
  padding:5px;
}
.viewCartQuan:focus {
  font-size:24px; font-weight:bold; width:36px; height:32px;
  border:1px solid #8fd700; color:#181818; background:#ffffdd;
  text-align:center;
  padding:5px;
}
  
/* Online Orders Chart */
h1.pcchart {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#000;
  margin:2px 2px 2px 4px; padding:0;
  text-shadow:none;
}
table.pcchart {
  width:98%; margin:0 0 0 4px; padding:0; min-width:476px; max-width:980px; overflow:scroll;
  border-collapse:collapse;
}
  table.pcchart td {
    vertical-align:top;
    padding:8px 4px 8px 4px;
    font-size:16px;
  }
  /* alternating row backgrounds */
  table.pcchart tr.c4 {background:#ffffff;}
  table.pcchart tr.c5 {background:#dfdfdf;}
  
  /* xml transfer speed indicators */
  .fail4 {background:#e4d5b2;}
  .fail5 {background:#d0be94;}
  .speed1 {background:#aa0000; color:#fff; font-weight:bold;}
  .speed2 {background:#ff0000; color:#fff; font-weight:bold;}
  .speed3 {background:#eeab00;}
  .speed4 {background:#eee600;}
  .speed5 {background:#aaee00;}
    
/* Add to Cart popup */
table.pcaddpopup {
  width:96%; margin:0 0 0 4px; padding:0;
  border-collapse:collapse;
}
  table.pcaddpopup td {
    vertical-align:top; border-bottom:1px solid #ccc;
    padding:0;
  }
  table.pcaddpopup td.chd {
    text-transform:uppercase; font-size:12px;
    border-bottom:1px solid #000;
  }
  table.pcaddpopup td.c1 {
    width:80px!important; text-align:left;
  }
  table.pcaddpopup td.c2 {
    width:40px!important; text-align:center;
  }
  table.pcaddpopup td.c3 {
    text-align:left;
  }
  table.pcaddpopup td.c4 {
    width:70px!important; text-align:right;
  }

table.pctotal {
  position:relative; float:right;
  width:300px; margin:0 4px 0 0; padding:0;
}
  table.pctotal td {
    font-size:14px;
  }

table.pchistory {
  width:97%; max-width:720px;
  border:1px solid #888;
}
  table.pchistory td {
    vertical-align:top;
    padding:2px 8px 8px 2px;
    border-bottom:1px solid #ddd;
  }
  table.pchistory td:first-child {
    width:200px;
  }
  table.pchistory td p {
    padding:0 0 8px 0;
  }

a.pcUpdateBtn {
  color:#000099;
  font-weight:bold;
  cursor:pointer;
}

a.pcRemoveBtn {
  display:inline-block; line-height:20px;
  font-family:arial,helvetica,san-serif; font-size:30px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#ff0000;
  margin:8px 0 8px 4px; padding:6px 10px 6px 10px; background:#fff;
  border:2px solid #ff0000; border-radius:6px;
  cursor:pointer;
}
a.pcRemoveBtn:link,
a.pcRemoveBtn:visited {text-decoration:none; font-weight:bold; color:#ff0000;}
a.pcRemoveBtn:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#ff0000;
}
  
.pcNavBtns {
  position:relative;
  text-align:right;
}

input.btn2 {
  line-height:20px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:6px 12px 6px 12px; background:#fd5100;
  border:0; border-radius:0; text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
input.btn2:hover {
  background:#aacc00;
}

a.pcBtn {
  display:inline-block;
  line-height:30px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:8px 12px 8px 12px; background:#fd5100;
  border:0; border-radius:0; text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
a.pcBtn:link,
a.pcBtn:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#ffaf00;
}

a.addQuoteBtnImg {
  display:inline-block;
  line-height:30px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:8px 12px 8px 12px; background:#fd5100;
  border:0; border-radius:0; text-transform:uppercase; white-space:nowrap;
  cursor:pointer;
  user-select:none;
}
a.addQuoteBtnImg:link,
a.addQuoteBtnImg:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.addQuoteBtnImg:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#ffaf00;
}

a.addCartBtnImg {
  display:inline-block;
  line-height:30px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:8px 12px 8px 12px; background:#fd5100;
  border:0; border-radius:0; text-transform:uppercase; white-space:nowrap;
  cursor:pointer;
  user-select:none;
}
a.addCartBtnImg:link,
a.addCartBtnImg:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.addCartBtnImg:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#ffaf00;
}

a.pcBtn2 {
  display:inline-block;
  line-height:22px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 4px 4px; padding:6px 12px 6px 12px; background:#ea6100;
  border:0; border-radius:0; text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
a.pcBtn2:link,
a.pcBtn2:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn2:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#aacc00;
}

a.pcBtn3 {
  display:inline-block;
  line-height:60px;
  font-family:arial,sans-serif; font-size:50px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 4px 4px; padding:20px 30px 20px 30px; background:#ea6100;
  border:0; border-radius:0; text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
a.pcBtn3:link,
a.pcBtn3:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn3:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#aacc00;
}

table.relatedTable {
  width:98%;
}
table.relatedTable td {
  padding:4px 0 8px 0;
}

span.storeclosed {
  line-height:30px;
  display:inline-block;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:8px 12px 8px 12px; background:#888;
  border:0; border-radius:0; text-transform:uppercase;
}

span.soonBtn {
  line-height:30px; 
  display:inline-block; min-width:220px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#000;
  margin:0 1px 0 0; padding:8px 12px 8px 12px; background:#ffee00;
  text-align:center; text-transform:uppercase;
}

div.topR {
  position:absolute; top:6px; right:8px;
  padding:0; margin:0; width:24px; height:24px;
}
a.boxClose {
  display:block; width:24px; height:24px;
  font-family:verdana,sans-serif; font-size:16px; font-weight:bold; 
  text-align:center; vertical-align:middle; color:#666;
  margin:0; padding:0; background:#fff;
  border-radius:5px;
  cursor:pointer;
}
a.boxClose:link,
a.boxClose:visited {text-decoration:none; font-weight:bold; color:#666;}
a.boxClose:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#cc0000;
}

span.req {
  font-family:verdana,sans-serif; font-size:12px; font-weight:bold; color:#ff0000;
} 

div.rentDaysBox {
  width:94%; max-width:500px; border:1px solid #999999;
  background:#ffffee;
  margin:2px 2px 2px 12px; padding:4px 4px 20px 4px;
}

label.radio {
  display:block; margin:6px 0 10px 0;
  font-size:16px;
  cursor:pointer;
}

label.ckbox {
  display:block; margin:6px 0 10px 0;
  font-size:16px;
  cursor:pointer;
}
 
 
/* pcart field length defaults */
#pcacctemail {width:400px;}
#pccompname {width:400px;}
#pcaddress1,
#pcaddress2 {width:400px;}
#pczip {width:160px;}
input#pcart1,
input#pcart2 {width:300px;}

/* get rid of number spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
}  
input[type=number] {
  -moz-appearance:textfield;
}


/* extra pcart styles for this site */
iframe#pcframe3 {
  position:relative;
  margin:0; padding:0; border:0;
  width:98%; min-width:450px; height:500px; 
}

div.ctitle2 {
  max-width:1000px; margin:0 auto 0 auto;
}
div.ctitle2 h1 {
  color:#000;
  margin:10px 0 0 0; padding:8px;
  background:#f1f1f1;
}


/* position:fixed add to cart button, updated 05.08.2024 */
body.cartItemFixed div.pcaddbtn {
  position:fixed; flex:none; left:0; bottom:0; min-height:120px; width:100%;
  justify-content:center; align-items:flex-end;
  padding-bottom:40px;
  background:rgba(240,240,240,0.95); border-top:1px solid #ccc; 
  z-index:99;
}
body.cartItemFixed #footer,
body.cartItemFixed #locations {
  display:none;
}
body.cartItemFixed #container {
  padding-bottom:120px;
}
  /* fix add to cart buttons on "You may also want..." items */
  table.catalog div.pcaddbtn {
    position:relative; flex-flow:row nowrap; 
    justify-content:flex-end; align-items:flex-end;
    min-height:90px;
    background:none; border:none;
    padding-bottom:10px;
    z-index:98;
  }


/* calendar menu for rentals */
#mcal {  
  position:absolute; visibility:hidden; z-index:99;
  top:-999em; /* removes the extra vertical space from the long menu */
  background:#e1ded8; border:1px solid #878787;
  box-shadow:4px 4px 16px rgba(0,0,0,0.5);
	padding:10px;
  font-family:arial,helvetica,san-serif; font-size:12px;
}

#mcal select.calendar-month {
	width:90px;
}
#mcal select.calendar-year {
	width:60px;
}
#mcal table {
	margin:0; padding:0;
}
#mcal table tr.header td {
	padding:8px 0 2px 0;
}
#mcal table td {
	font-family:arial,helvetica,san-serif; font-size:12px;
  margin:0; padding:2px 0 2px 0;
}
#mcal .calendar-title {
	text-align:center;
}
#mcal a {
	padding:6px 10px 6px 10px;
  line-height:24px;
	background:#fdfdfd;
  border:1px solid #c9c9c9;
}
#mcal a:link,
#mcal a:visited {text-decoration:none;}
#mcal a:hover   {text-decoration:none; background:#323232; color:#fefefe;}

#mcal .today a {
	padding:6px 10px 6px 10px;
	color:#000; background:#ffff99;
  border:1px solid #ffcc00;
} 
#mcal .today a:link,
#mcal .today a:visited {text-decoration:none;}
#mcal .today a:hover   {text-decoration:none; background:#444; color:#181818;}

#mcal .selected a {
	padding:6px 10px 6px 10px;
	color:#000; background:#c9ff8b;
  border:1px solid #c9c9c9;
}

/* PCart Styles End */


@media all and (max-width:996px) {
  /* Style adjustments for viewports that meet the condition */
  div.searchbox {
    width:300px; max-width:24%;
  }

  div.social {
    display:none;
  }
  div.navlinks {
    border-radius:0;
  }
  div.fblock,
  div.social2 { /* footer link blocks */
    display:none;
  }
  #igfeed {
    display:none;
  }
}

@media all and (min-width:1200px) {
  #rmessage p {
    font-size:24px;
  }
  #testimonial p {
    font-size:22px;
  }
}
@media all and (min-width:1500px) {
  #rmessage p {
    font-size:24px;
  }
  #testimonial p {
    font-size:26px;
  }
}
@media all and (min-width:1800px) {
  #rmessage p {
    font-size:30px;
  }
  #testimonial p {
    font-size:36px;
  }
}
@media all and (max-width:1250px) {
  #rmessage p {
    font-size:18px;
  }
  #testimonial p {
    font-size:16px;
  }
  p#emc,
  p#hrc {
    font-weight:bold; font-size:18px;
  }
}

@media all and (max-width:950px) {
  /* Style adjustments for viewports that meet the condition */
  div.officehours {
    display:none;
  }
  div#menu2 {
    position:absolute;
    visibility:hidden;
  }
    #pagehead div.navbar p,
    #pagehead div.navbar2 p {
      font-size:14px;
    }
}

@media all and (max-width:800px) {
  /* Style adjustments for viewports that meet the condition */

  h1.b2 {font-size:30px;}

  div.navlinks,
  div.navlinks2,
  div.translate {
    display:none;
  }
  #pagehead {
    position:absolute;
    height:160px;
  }
  #sitelogo {
    top:4px; left:4px; margin:0; padding:0;
  }
    img#logo {
      width:140px;
    }
  #pagehead div.navbar {
    top:6px; width:70%; max-width:70%;
  }
  #pagehead div.navbar2 {  /* width and height necessary for image replacement */
    display:none;
    position:absolute; top:6px; left:140px; width:42%;
    text-align:left; margin:0; padding:0;
  }
    #pagehead div.navbar img,
    #pagehead div.navbar2 img {
      max-width:60%;
    }
    #pagehead div.navbar2 p {
      display:none;
    }
    p#etx {
      display:none;
    }

  div.contentbox3 {
    max-width:100%; margin:0;
  }

  #menu1 {
    position:absolute; min-width:440px; width:440px;
  }

  .modal-content { /* the actual box INSIDE the container */
    margin: 60px auto 0 auto;
  }
  
  /* slideshow */
  #fullphoto {
    padding:0; min-width:0;
  }
  #pag_home #xssw1,
  #pag_home #xssw2 {
    margin:0; padding:0;
  }
  
  div.searchbox {
    top:110px; right:8px; left:auto; height:36px; width:400px; max-width:75%;
    padding:2px 24px 0 2px;
  }
    .searchFocus {
      font-size:18px;
    }
  #xfindList {  /* search suggestions */
    max-width:450px; margin-left:-76px;
  }
    
  div.mobilemenu {
    top:110px;
  }
  div.rentalquote {
    top:70px;
  }
  #pagebody {
    padding:160px 0 200px 0;
  }
  #catname,
  #subnavcol {
    display:none; position:absolute;
  }
  #toprow {
    padding:160px 0 0 0;
  }
  #taxmobile {
    display:block;
  }  
  
  div.C_small3,
  div.C_small4 {
    max-width:760px; min-width:460px;
  }  

  div.C_med img,
  div.C_large img {
    max-width:100%; height:auto;
  }

  div.headline {
    position:relative; width:100%;
    margin:0 auto 0 auto; padding:10px 0 20px 0; text-align:center; 
  }
  #splitinfo {
    flex:100%;
  }
  div.headline p {
    font-size:24px;
    position:relative;
    max-width:90%; margin:0 auto 0 auto;
  }
  div.headline3 p img {
    width:95%;
  }
  div#intro p {
    font-size:18px; color:#fff;
  }
  #shipping {
    padding:15px 0 60px 0;
    background:#0035ad url("images/banner_plane.png") -30px bottom no-repeat;
  } 
    div.shipping p {
      margin:0;
    }

  img.fanpic {
    width:30%;
    padding:3px;
    border:1px solid #fff;
  }
  
  /* Mobile Subnav Menu button */
  a.subnavmenu {
    position:relative; display:block; height:22px; font-size:20px;
    font-weight:bold; color:#0035ad; background:transparent; 
    margin:6px 16px 16px 4px; padding:6px 3px 8px 0px; 
  }
  a.subnavmenu:link,
  a.subnavmenu:visited {text-decoration:none; color:#000;}
  a.subnavmenu:hover {
    text-decoration:none; color:#ffffff; background:#0F2645;
  }
  
  /* menus */
  div.dropx a {
    font-size:18px;
  }

  .mhide {display:none;}
  br.nb {display:block;}
}

@media all and (max-width:480px) {
  /* Style adjustments for viewports that meet the condition */

    #pagehead div.navbar img,
    #pagehead div.navbar2 img {
      max-width:90%;
    }
    #pagehead div.navbar p {
      font-size:14px;
    }
    p#etx {
      display:none;
    }
}

@media print {
  #pagehead,
  #container {
    /* overall page width, not the columns, 900px = good readability, 1000px = magazine font size */
    width:900px;
  }
  #contentbar,
  div.rentalquote,
  div.navlinks,
  div.searchbox {
    display:none;
  }

  html,body {
    height:auto;
  }
  body {
    background:#fff;
  }
  a {color:#000 !important;}
  a:link,
  a:visited {text-decoration:underline; font-weight:bold; color:#000 !important;}
  
  div.bvrblue p,
  div.tagline p,
  div#intro p,
  div#igfeed p,
  div#igfeed a {color:#000;}

  .bvrblue {
    background:#fff;
  }

  #container {
    min-height:0;
    margin-bottom:0; 
  }
  div.dropx {
    display:none;
  }
  div.mobilemenu {
    display:none;
  }
  #pagebody { 
    padding:120px 0 20px 0;
  }
  #pagehead {
    position:relative;
    overflow:hidden;
    background:#fff;
    height:110px;
  }
    p#emc {
      display:block;
    }
    p#emc span {
      display:none;
    }

  div.C_med,
  #pag_home div.C_med {
    width:95%; max-width:900px;
    display:block; /* needed for Firefox */
  }

  #homepageBlocks {
    display:none;
  }
  #pag_home div.vbox {
    display:none;
  }
  div.contentbg {
    display:block;
    margin:0;
  }
  #wbox {
    position:relative;
    margin:0; height:400px;
    overflow:hidden;
  }
  #pag_home #homeLeftCol { 
    width:700px; max-width:700px;
  }
  #pag_home #homeMidCol { 
    float:left;
  }
  #pag_home #homeRightCol { 
    display:block;
    float:left;
  }
  #mc_embed_signup {
    display:none;
  }
  br.nb {display:none;}
  
  #catalogNavCol {
    display:none;
  }
  #footer {
    clear:both;
    border:0;
  }
  /* cart button */
  body.cartItemFixed div.pcaddbtn,
  body.cartItemFixed div#mainprod {
    position:relative;
  }
}

/* @media all and (max-width:640px) { */
@media all and (orientation:landscape) and (max-width:640px) {
  #pagehead {
    position:absolute; 
  }
}

</pre></body></html>