/* 
   IMPORTANT NOTICE
   This XHTML and CSS layout is COPYRIGHT 2006-2010 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, v01.20.2006 
   for Exceedwetsuits.com V3
      
   Updated 03.16.2022
   
   Container layout of each page:

   body
     #menu1
     #menu2
     #menu3
     #container
       #pagehead
         .navbar
         .navlinks
         .navlinks2
       #pagebody
         #titlebar
         #contentbg
           #contentbox
             #contenthead
             .L_xxlarge (or other column classes)
             .minheight
             .R_xxsmall (or other column classes)
             .xclearline
           #endcap
     #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:verdana,helvetica,sans-serif; font-size:11px; color:#efefef;
}
p,dl,ul,ol,table td,div.xarticle {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:14px; color:#efefef;
}
pre.p2,.xword,.xtitle,a.a1,.c2s1 {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:10px; color:#ffee00;
}
p.p4 {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#efefef;
  line-height:120%; letter-spacing:1px;
}  
p.p5,p.c1,p.leader {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#efefef;
  line-height:160%; letter-spacing:1px;
} 
h3,#footer a.w3,.xbig,.hdate {
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#4A78FF;
}
h2 {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; 
  font-size:18px; color:#63b0ff;
  margin:0 2px 2px 0; padding:0; 
  letter-spacing:1px;
}
h1 {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; 
  font-size:24px; color:#fff; font-weight:700;
  margin:0 4px 0 0; padding:0; 
  letter-spacing:1px;
}
table.t3 td {
  font-family:arial,helvetica,sans-serif; font-size:12px; 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 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#002288;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:'courier new',courier,monospace; font-size:16px; color:#446644;
}
#footer p,.xsmall {
  font-family:arial,helvetica,sans-serif; font-size:11px; color:#888888;
  line-height:120%;
}
#footer p.xnav {
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff;
}
.fbutton,ul.alist li,.spopup {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#fff;
  line-height:120%; letter-spacing:1px;
}
a.k {
  font-family:arial,helvetica,sans-serif; font-size:12px;
}
div.dropx,div.dropx a {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#efefef;
}
p.quote {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#fff;
  line-height:160%; letter-spacing:1px;
}
div.navlinks2 p {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#fff;
  margin:0; padding:0;
}
.subhead,
.blogdate,
.blogdatebig {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; 
  font-size:14px; font-weight:700; color:#ffee66;
}
.blogdatebig {
  font-size:18px;
}


/* old styles */
.counter {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#efefef;
}
.c2h4,.c2h5 {
  font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#4A78ff;
}
.uline {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#63b0ff;
}
h2.gmap {color:#003852;}

div.obox h1 {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#4A78ff;
}
.c2h2 {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#fff;
}
.c2h1,.dealer {
  font-family:verdana,helvetica,sans-serif; font-size:18px; font-weight:bold; color:#71b4ff;
}
.dealer {
  font-size:14px;
}
.c2h3 {
  color:#63b0ff; font-weight:bold;
}

.boxBlur2,.boxFocus2 {
  font-family:courier new,courier,monospace; font-size:16px; font-weight:bold; color:#000;
}

#pag_products div.C_small,
#pag_products div.C_small p,
#pag_products div.C_small ul,
#pag_products div.C_small form,
#pag_products div.C_small table td {
  color:#222;
}
#pag_products div.proddesc p {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; font-size:16px; color:#222;
  line-height:130%; letter-spacing:1px;
}

#pag_products h1 {
  color:#000088;
}
#pag_products ul.alist li {
  color:#222;
}

#pag_guestbook p.r2 {
  font-family:'Source Sans Pro',arial,helvetica,sans-serif; 
  font-size:14px; font-weight:700; color:#ffee66;
  text-align:right; 
}
#pag_guestbook div.guestlist p.p5 {
  background:#222; padding:8px;
  border-radius:8px;
}
#pag_guestbook p.gb1 {
  font-size:20px; color:#ffffcc;
}

table.xchart {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000044;
  max-width:95%;
}
.mcap {font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold;}


span.prods {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#fff;
  margin:0; padding:0; background:transparent;
}


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

html,body {
  text-align:center; margin:6px 0 0 0; padding:0; height:100%;
  background:#000000 url(images/body_bg.gif) center top no-repeat;
}
body {
  display:flex; flex-direction:column;
}

a:link,
a:visited {text-decoration:none; font-weight:bold; color:#ff8400;}
a:hover {text-decoration:underline; font-weight:bold; color:#ffcc00;}

form {
  margin:0; padding:2px 0 0 0;
}
h2.ct {
  text-align:center;
}
img {
  margin:0; padding:0; border:0;
}
iframe {
  margin:0;
  border:0;  
}
ol li {
  padding:2px 0 4px 0;
}
p {
  margin:0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 12px; padding:0;
}
table td {  /* eliminates the need for valign="top" */
  line-height:130%; 
  vertical-align:top;
}
table td.rt {  /* eliminates the need for align="right" */
  text-align:right;
}
table td.ct {  /* eliminates the need for align="center" */
  text-align:center;
}

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

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


/* 
   Custom Styles
   ----------------------------------------------------------------------------- 
*/

/* 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:#000;
  background:transparent url(images/mobilemenu.png) 1px 0px no-repeat;
  cursor:pointer;
}
a.mobile:link,
a.mobile:visited {text-decoration:none; font-weight:bold; color:#000;}
a.mobile:hover {text-decoration:none; font-weight:bold; color:#000;}

/* menu bar links */
div.navlinks a {
  display:block; position:absolute; width:120px; height:51px;
  font-size:11px; margin:0; padding:0;
}
div.navlinks span {display:none;}

/*
  positions must be set using id, not class
  left=width of preceding button + 26px (menu buttons are 26px apart) 
*/
a#a1 {width:120px; left:0px;}
a#a2 {width:120px; left:120px;}
a#a3 {width:80px; left:240px;}
a#a4 {width:80px; left:320px;}
a#a5 {width:100px; left:400px;}
a#a6 {width:100px; left:500px;}

/* hover backgrounds */
a.m1:link,
a.m1:visited {background:transparent url(images/nav_products.gif) no-repeat;}
a.m1:hover   {background:transparent url(images/nav_products.gif) 0px -51px no-repeat;}

a.m2:link,
a.m2:visited {background:transparent url(images/nav_company.gif) no-repeat;}
a.m2:hover   {background:transparent url(images/nav_company.gif) 0px -51px no-repeat;}

a.m3:link,
a.m3:visited {background:transparent url(images/nav_info.gif) no-repeat;}
a.m3:hover   {background:transparent url(images/nav_info.gif) 0px -51px no-repeat;}

a.m4:link,
a.m4:visited {background:transparent url(images/nav_team.gif) no-repeat;}
a.m4:hover   {background:transparent url(images/nav_team.gif) 0px -51px no-repeat;}

a.m5:link,
a.m5:visited {background:transparent url(images/nav_gallery.gif) no-repeat;}
a.m5:hover   {background:transparent url(images/nav_gallery.gif) 0px -51px no-repeat;}

a.m6:link,
a.m6:visited {background:transparent url(images/nav_stores.gif) no-repeat;}
a.m6:hover   {background:transparent url(images/nav_stores.gif) 0px -51px no-repeat;}


/* homepage subnav links */
div#subnav div {
  position:relative; display:inline-block; vertical-align:top; 
  width:28%; max-width:270px; top:-20px;
  margin:0; padding:0 3% 0 0;
}
div#subnav div img {
  width:100%;
}
div#subnav div a {
  position:relative; display:block;
}

/* subnav hover backgrounds */
a.n1:link,
a.n1:visited {background:transparent url(images/subnav_men1.png) top no-repeat; background-size:contain}
a.n1:hover   {background:transparent url(images/subnav_men2.png) top no-repeat; background-size:contain}

a.n2:link,
a.n2:visited {background:transparent url(images/subnav_women1.png) no-repeat; background-size:contain;}
a.n2:hover   {background:transparent url(images/subnav_women2.png) no-repeat; background-size:contain;}

a.n3:link,
a.n3:visited {background:transparent url(images/subnav_kids1.png) no-repeat; background-size:contain;}
a.n3:hover   {background:transparent url(images/subnav_kids2.png) no-repeat; background-size:contain;}


  /* 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;
  }


/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#ff8400;}
#footer a:hover {text-decoration:underline; color:#ffcc00;}

#footer p.xnav a {
  position:relative; display:block; height:10px; 
  margin:0; padding:10px 3px 10px 0;
}  
#footer p.xnav a:link,
#footer p.xnav a:visited {text-decoration:none; color:#888888;}
#footer p.xnav a:hover {text-decoration:underline; color:#ffcc00;}

/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#222;}
#footer a.w3:hover {text-decoration:none; color:#ffcc00;}

br.clr {
  clear:both;
}
br.nb { /* use on mobile */
  display:none; 
}

/* 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:90%; line-height:3px; 
  margin:0; padding:0;
}
  

div.navlinks2 p {color:#ccc;}
div.navlinks2 img {
  position:relative; top:3px; /* shopping cart icon */
}

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 #666666;
  background:#ffffff;
}
div.xbox2 { /* outline box */
  width:90%;
  margin:0 0 0 12px; padding:8px 2px 8px 2px; 
  border:solid 1px #aaaaaa; background:#ffffff;
}
div.gadvert { /* Google ads */
  margin:0 0 0 12px;
}
div.gsearch { /* Google search box */
  position:absolute; width:500px; left:250px; top:20px;
}

div.vendormap { /* map on dealer locator */
  width:600px; height:500px; 
  margin:0 0 0 4px; padding:0;
  background:#444444; color:#000000; border:3px solid #00aeef;
}


/* homepage sidebox */
div.subbox {
  padding:4px 12px 4px 12px;
}
div.subbox img {
  border:2px solid #ffffff;
  float:left; margin:0 10px 10px 0;
}
div.subbox h2,div.subbox p {
  margin:0; padding:0;
}
div#sbox1 {
  margin:8px 0 0 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 16px 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;
}
  
h1.m1 {
  margin:2px 2px 0 12px;
}

img.xpic {
  margin:1px 2px 3px 1px; padding:0;
  border:solid 1px #9FB7FF;
}
img.xpic2 { /* third large icon on product page */
  margin:1px 0 3px 0; padding:0;
  border:solid 1px #000044;
}
img.xleft {  /* 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.imgBlock {
  padding:4px 0 0 0; clear:both;
}
img.xthumb {
  margin:4px 6px 0 0; padding:0;
  border:solid 1px #888888;
}
img.zthumb {
  margin:0 4px 6px 0; padding:0;
}
/* gallery list */
img.leftthumb {  
  float:left; margin:4px 6px 2px 4px; padding:0;
  border:solid 1px #888888;
  width:90px;
}
div.gthumb {
  position:relative; display:inline-block; 
  vertical-align:top;
  text-align:left; width:320px;
  margin:4px 0 10px 0; padding:0; overflow:hidden;
}
div.prodthumb {
  position:relative; display:inline-block; 
  vertical-align:top;
  text-align:left; width:160px; height:270px;
  margin:8px 0 10px 8px; padding:0; overflow:hidden;
}

p.p2 img,
p.p4 img,
p.p5 img {
  max-width:98%;
}

iframe.noshow {visibility:hidden;}

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


p.c1 {
  text-align:center;
}
p.watermark {
}
p.blog {
  line-height:130%; 
}
p.thumbs,p.r1 {
  text-align:right;
}

#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative;
  text-align:right; margin:0; padding:0 0 0 4px;
}
#footer p.xnav {
  position:relative;
  text-align:left; margin:0; padding:0 0 0 4px;
}
  
pre.p2 {
  line-height:150%;
  margin:4px 4px 0 12px; padding:0;
}

table.t1 { /* no left margin */
  margin:2px 6px 2px 0; padding:0;
}
  table.t1 td {
    width:280px; padding:0 40px 0 0;
  }
table.gsearch { /* Google Search box */
  width:480px;
  border:0; margin:0; padding:0;
}
table.gsearch table {
  margin:0; padding:0;
}
  
ul.alist {
  margin:8px 0 0 0; padding:0;
}
ul.alist li {
  margin:0 0 4px 0; padding:0 0 4px 18px; width:90%;
  background:transparent url(images/bullet.gif) no-repeat;
}
  
ul.blist {
  margin:8px 0 0 0; padding:0;
}
ul.blist li {
  margin:0 0 8px 0; padding:0 0 4px 18px; width:90%;
  background:transparent url(images/bulletdark.png) no-repeat;
}
  
#pagehead ul {
  display:none;
}

/* 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 {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  padding:8px;
}
.boxBlurDisable {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#828282; background:#ececec;
  padding:8px;
}
.boxBlur:focus,.boxFocus {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #444; color:#181818; background:#ffffdd;
  padding:8px;
}
.boxBlurR {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  text-align:right; padding:8px;
}
.boxBlurR:focus,.boxFocusR {
  font-family:verdana,helvetica,sans-serif; font-size:22px;
  border:1px solid #444; color:#181818; background:#ccffcc;
  text-align:right; padding:8px;
}
  .boxError {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; background:#ffcccc; padding:8px; 
  }
  .boxRequired {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; color:#181818; background:#fcfcfb; padding:8px; 
  }
  .boxRequired:focus {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; color:#181818; background:#ffffdd; padding:8px; 
  }
  .boxDisable {
    display:none;
  }
  .boxClear {
    text-align:right;
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  }

.fbutton {
  border:1px solid #000000; color:#ffffff; background:#333333;
  margin:0; padding:4px; 
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold;
}

/* 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%;
} 
  

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

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

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

/* the rest of the formfield CSS is in the pcart section */
div.formfield p {
  font-size:16px;
}

/* forms on other pages */
textarea#textcount {
  width:500px;
}
textarea#compress1,
textarea#text1,
textarea#text2 {
  width:600px;
}
input#flines {
  width:250px;
}
  
/* Misc Classes */

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

.counter {color:#aaaaaa;}

.dash2 {
  position:relative; display:block; color:#002288; font-size:10px;
  margin:0 10px 4px 0; padding:2px 0 4px 0;
  border-bottom:1px dashed #888888;
}
.uline { /* blue line under headings */
  position:relative; display:block;
  margin:0; padding:10px 0 2px 0;
  border-top:1px solid #9FB7FF;
}
.uline2 { /* blue line under headings, no subheading */
  position:relative; display:block;
  margin:0; padding:2px 0 5px 0; line-height:2px;
  border-top:1px solid #9FB7FF;
}
.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 #000000;} 

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


/* 
   Containers for this layout
   -----------------------------------------------------------------------------
*/

#container {
  position:relative; flex:1 0 auto;
  text-align:center; margin:0; padding:0;
  background:transparent url(images/body_topbar.gif) center -19px repeat-x; 
}
  /* Page Header, full width of container */
  #pagehead {
    position:relative; height:102px; width:100%; max-width:1000px;
    text-align:center; margin:0 auto 0 auto; padding:0;
    background:transparent url(images/navbar.gif) center top no-repeat;
    overflow:visible; z-index:97;
  }
    #pagehead div.navbar {  /* width and height necessary for image replacement */
      position:absolute; left:22px; top:6px; 
      text-align:left; margin:0; padding:0;
    }
  /* DIVs for navigation links */
  div.navlinks {
    position:absolute; top:49px; right:30px; width:600px; height:52px;
    text-align:left; margin:0; padding:0;
  }
  div.telephone {
    position:absolute; top:26px; right:30px; width:166px; height:20px;
    margin:0; padding:0;
  }
  div.navlinks2 {
    position:absolute; top:0px; right:30px; width:500px; height:24px;
    text-align:right; margin:0; padding:0;
  }
  div.mobilemenu {
    display:none;
  }

  /* Page body, full width of container */
  #pagebody {
    position:relative; 
    width:100%; /* needed for flex mode */
    min-height:500px;
    text-align:left; margin:0; padding:0;
  }
    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
      position:relative; width:100%;
      text-align:left; margin:0; padding:24px 0 0 0; /* bottom padding needed for flex mode?? */
    }
      /* 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 0 0 40px;
      }
      div.contentbox2 {
        display:flex; flex-flow:row wrap; justify-content:center; 
        margin:0; padding:0;
      }
        /* Content above columns - used for slideshow on homepage */
        #contenthead {
          position:relative; margin:0 auto 0 auto; padding:0; height:24px;
        }

          /* OLD Column width combinations, here for reference */
          div.L_xxsmall,div.R_xxsmall {width:140px;}
          div.L_xsmall,div.R_xsmall {width:160px;}
          div.L_small,div.R_small {width:260px;}
          div.L_large,div.R_large {width:480px;}
          div.L_xlarge,div.R_xlarge {width:550px;}
          div.L_xxlarge,div.R_xxlarge {width:600px;}
          div.L_full,div.R_full {width:900px;}
          div.L_full2 {width:952px;}
                    
          
    /* Footer, extends to bottom edge of window */
    #footer {
      display:flex; flex-wrap:wrap; justify-content:center;
      margin:30px 0 0 0; padding:30px 0 30px 0;
      border-top:1px solid #002c3c;
      background:#111;
    }
      div.L_footer {
        flex:1 1 110px; max-width:110px;
        margin:0; padding:0 0 20px 8px;
        text-align:left;
      }
      div.L_footer2 {
        flex:1 1 170px; max-width:170px;
        margin:0; padding:0 0 20px 8px;
        text-align:left;
      }
      div.R_footer {
        flex:1 1 470px; max-width:470px;
        margin:0; padding:0 10px 20px 8px;
      }

    
/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/
div.ctitle,
div.ctitle2 {
  position:relative; text-align:center;
  margin:0; padding:0 0 20px 0; overflow:hidden;
}
  div.ctitle img {max-width:100%; height:auto;}
  
.colgray {
  background:#eee;
}  
  
div.C_inline,
div.C_small,
div.C_small2,
div.C_small3,
div.C_thumbs,
div.C_prodpic,
div.C_med { /* centered column that wraps @ min-width */
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; max-width:620px; min-width:460px;
  margin:0; padding:0; overflow:hidden;
}

/* equal to flex groups */
div.C_large,
div.C_title {
  position:relative; text-align:left;
  width:100%; max-width:1012px; margin:0 0 4px 0;
}
div.C_title {
  padding:20px 0 4px 0;
}
.padleft {padding:0 0 0 12px;}

div.C_small {
  flex:48%; align-self:flex-start;
  max-width:450px; margin:0 0 4px 0;
}

/* individual product pages */
div.C_prodpic {
  flex:48%; align-self:flex-start;
  max-width:480px; margin:20px 0 4px 0; padding:0;
}
div.C_thumbs {
  max-width:64px; min-width:64px;
  margin:0 0 0 6px; padding:0;
}

/* flex group 2 - 70%, 1000px + 12px between */
div.C_flex {
  position:relative; flex:45%; align-self:flex-start;
  max-width:750px; margin:0 0 4px 0; padding:0;
}
div.C_flex2 {
  position:relative; flex:25%; align-self:flex-start;
  max-width:250px; margin:4px 20px 4px 0; /* 20px between cols when used as left sidebar */
}

/* flex group 2 - 70%, 1000px + 12px between */
div.C_small2 {
  position:relative; flex:40%; align-self:flex-start;
  max-width:650px; margin:0 0 4px 0;
}
div.C_flex3 {
  position:relative; flex:30%; align-self:flex-start;
  max-width:350px; margin:4px 0 4px 0;
}

div.C_small3 {
  max-width:340px; min-width:300px;
}

/* flex group 3 - this with two C_flex2 */
div.C_flex4 {
  position:relative; flex:40%; align-self:flex-start;
  max-width:490px; margin:4px 0 4px 0;
}

/* order flex columns */
div.column1 {
  order:1;
}
div.column2 {
  order:2;
}

div.scroll2,
table.scroll2 {
  overflow-x:scroll;
}

div.C_inline {
  max-width:440px; min-width:440px;
  margin:0;
}
div.C_flex {
  position:relative; flex:0 1 470px; align-self:flex-start;
}



#pag_home div.contentbg {
  background:transparent url(images/homefade_bg.jpg) center 376px no-repeat;
  padding:0;
}
#pag_home #contenthead {
  width:100%; max-width:976px; height:360px; left:-8px; margin:0;
  background:transparent url(images/contenthead_bg.png) no-repeat;
  overflow:hidden;
}
#pag_home #sidebox {
  position:absolute; width:268px; height:304px; top:27px; left:708px;
  background:#000000 url(images/sidebox_home.png) no-repeat;
}
#pag_home #subnav {
  position:relative; text-align:center;
  width:99%; padding:0;
}
#pag_home div.contentbox {
  overflow:hidden;
}
  

/* Product Photo magnifier v1.3, 11.04.2010, updated 08.12.2020 */
div#fullpic {
  position:relative; display:inline-block; vertical-align:top;
  width:400px; height:600px; margin:0; padding:0;
  text-align:left;
}
div#zoombox {
  position:absolute;
  width:400px; height:400px; left:40px; top:60px;
  overflow:hidden;
  padding:1px; border:1px solid #9FB7FF;
  visibility:hidden;
}
div#zoompic {
  position:absolute;
  width:1000px; height:1500px; left:0; top:0;
}
div#magnifier {
  position:absolute;
  width:160px; height:160px; left:0; top:0;
  border:1px solid #9FB7FF;
  background:transparent url(images/magnifier.png);
  visibility:hidden;
  z-index:99;
}
div#magmsg {
  position:absolute;
  width:260px; height:30px; left:60px; top:140px;
  border:1px solid #9FB7FF;
  background:transparent url(images/magnifier60.png);
  padding:5px 5px 5px 10px;
  z-index:99;
}
#magmsg h1 {color:#ffffff;}
#magmsg p {
  font-family:arial,helvetica,sans-serif; font-size:14px; color:#ffffff;
}


#pag_products div.contentbg {
  background:transparent url(images/products_bg.png) center 16px no-repeat; 
}
#pag_products div.prodend {
  position:relative; width:100%; height:36px;
  text-align:left; margin:0; padding:0;
  background:transparent url(images/products_bg_end.png) center top no-repeat; 
}
#pag_products div.C_title {
  margin:4px 0 0 8px;
}
#pag_products div.C_small {
  padding:0 0 0 10px;
}

#pag_catalog div.L_full div {
  margin:0 0 0 20px;
}

#pag_teamriders div.R_xxlarge {width:660px;}

#pag_dealers div.L_small {width:300px;}
#pag_dealers div.R_xxlarge {width:612px;}

#pag_gallery div.C_large {
  max-width:980px;
}

#pag_blog div.R_full img { /* borders on blog images */
  margin:6px 0 4px 0;
  border:1px solid #888888;
}


#xprogress {
  position:absolute; left:20px; top:180px;
  background:#ffbf11; border:2px solid #000044;
  padding:0 10px 0 10px;
}

#imgprev {
  position:absolute; left:15px; top:50%; width:50px; height:100px; margin:-50px 0 0 0;
  z-index:90;
}
#imgnext {
  position:absolute; right:15px; top:50%; width:50px; height:100px; margin:-50px 0 0 0;
  z-index:90;
}
#imgprev a,
#imgnext a {
  display:block; padding:30px 20px 30px 10px;
  border-radius:4px; font-size:30px;
}
#imgprev a:link,
#imgprev a:visited,
#imgnext a:link,
#imgnext a:visited {
  text-decoration:none; font-weight:bold; color:rgba(255,255,255,0.8); background:rgba(0,0,0,0.2);
  border:1px solid rgba(255,255,255,0.4);
}
#imgprev a:hover,
#imgnext a:hover {
  text-decoration:none; font-weight:bold; color:rgba(255,255,255,1); background:rgba(0,0,0,0.4); 
  border:1px solid rgba(255,255,255,1);
}

#xthumb1 {
  padding:0 0 0 10px;
}
#thumbbar {
  position:relative; max-height:150px; 
  overflow-x:auto; overflow-y:hidden;
  text-align:center;
  padding:4px;
  white-space:nowrap;
}


/* Tables used for charts */
table.xchart {
  width:600px; margin:4px 0 0 12px;
  border:2px solid #00afef;
  background:#63b0ff;
}
table.xchart td {
  margin:0; padding:3px; 
  text-align:center;
  background:#00222f; 
}

.gray1 {background:#aaaaaa;}
table.gray1 td {background:#ffffff;}
table.gray1 td.ht1 {background:#eeeeee;}  /* td hightlight */
table.gray1 td.ht2 {background:#eeeeff;}  /* td hightlight */
table.gray1 h2 {margin:0;}


/* Design215 Guestbook/Comments v01.26.06 */
.xguest {  /* outside table */
  width:520px; margin:0;
}
table.xguest table {margin:0;}

.gbox {  /* remaining characters field, guestbook */ 
  text-align:left; width:250px;
  border:0; color:#ffcc00; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#ffcc00; background:transparent;
}
.guestErr {
  font-weight:bold; color:#ff6600; 
}
.gline { /* user entries separator */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dashed #888888;
}
.xquote1,.xquote2 {display:none;}
p.gst1 {margin:0 0 8px 12px}
p.gst1 span {font-weight:bold;}
p.gst2 {margin:0 60px 0 12px}

/* _getcomments.php */
input#gname,
input#gemail {
  width:240px;
}
textarea#gtext {
  width:360px;
}

/* slideshow container */
#fullphoto {
  position:absolute; 
  top:25px; left:0; width:690px; height:300px;
  margin:0; padding:0; 
  border:3px solid #00acef;
  text-align:center;
  background:#000;
  overflow:hidden;
}
#fullphoto img.leafpic {
  width:100%; margin:0; padding:0;
  vertical-align:top; /* gets rid of extra space under image */
}

/* 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%;
}
#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(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(images/tooltip.png);
  border-radius:4px; border:2px solid #000000;
}

#menu0,#menu1,#menu2,#menu3,#menu4 {
  position:absolute; visibility:hidden; z-index:99;
}
#menu0 { /* mobile menu */
  width:420px; top:-999em; /* removes the extra vertical space from the long menu */
  box-shadow:8px 8px 24px rgba(0,0,0,0.5);
}
  div.menucol,
  div.menucol2 {
    position:relative; width:58%; margin:0; padding:0;
    display:inline-block; vertical-align:top;
  }
  div.menucol2 {
    width:36%;
  }
    div.menucol p,
    div.menucol2 p {
      margin:0; padding:0; 
    }

#menu1 {width:250px;} /* products */
#menu2 {width:200px;} /* company */
  #menu2 h1 {display:none;} /* hide "Menu" */

#menu3 {width:180px;} /* info */
#menu4 {width:140px;} /* team */

  /* 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;
    background:#000;
    border:1px solid #00aeef;
  }
  div.dropx p {
    color:#fff;
  }
  div.dropx a {
    font-family:'Source Sans Pro',sans-serif; font-size:20px;
    text-transform:uppercase;
    position:relative; display:block; height:20px; 
    font-weight:bold; color:#fff; background:transparent;
    margin:0; padding:14px 3px 14px 12px;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#fff;}
  div.dropx a:hover {
    text-decoration:none; color:#fd5100; background:#fff;
  }

  /* menu divider */ 
  div.dropx span.dline {
    display:block; width:100%;
    line-height:1px; font-size:1px; height:4px;
    border-bottom:1px dotted #00aeef;
    margin:0 0 4px 0; padding:0;
  }


/* modal dialog */
.modal-overlay {
  position:fixed;
  width:100%; height:100%; left:0; top:0;
  background:rgba(255,255,255,.6);
  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:999;
}
.modal-content {
  position:relative; top:10%;
  margin:auto;
  overflow:auto;
  width:94%; min-height:360px; max-width:600px;
  background:#fff; color:#e4701e; padding:4px;
  border-radius:8px; border:6px solid #e4701e;
  box-shadow:8px 8px 24px rgba(0,0,0,0.5);
}
.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;
  font-family:arial; font-size:4em; font-weight:800;
  line-height:12px; padding:0;
  right:.25em; top:.25em;
  z-index:2;
}
.btn-close:hover {color: #e4701e;}
  

/* gallery page, images.php */
#xpic {
  position:relative;
}


/* 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, modified for Exceed Wetsuits
   ----------------------------------------------------------------------------- 
   Merged here to prevent caching issues with mobile devices 

*/
p.pcart {
  position:relative; max-width:620px;
  font-size:14px; color:#fff;
  line-height:130%; letter-spacing:1px;
  margin:2px 2px 2px 4px; padding:0;
}
  /* keep this default */
  div.pcbox1 p.pcart {
    line-height:normal; letter-spacing:normal;
    margin:2px 6px 2px 12px; 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%;
  background:transparent;
}

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#pcframe3 {
  position:relative;
  margin:0; padding:0; border:0;
  width:98%; min-width:450px; height:500px; 
}

/* 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#cartbox p,
  div#cartbox table td {
    color:#000;
  }
  div#cartbox h2 {
    padding:0 0 0 8px;
  }
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;
}
div.formfield label,
div.formfield p,
div.formfield p b {
  font-weight:normal; color:#fff;
}
p.charcount {
  position:absolute; width:80px; top:0px; right:4px;
  text-align:right; margin:0; padding:0;
}

form.pcartAddBtn {
  width:100%;
  margin:2px; padding:0;
}
div.pcaddopt {
  position:relative;
  min-width:460px; max-width:640px;
  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 0 4px 0;
  font-family:'Montserrat',sans-serif; font-size:30px; 
  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:#111;
  border:1px solid #444;
  vertical-align:top;
}
  p.topr {
    position:absolute; top:4px; right:4px;
  }

img.pcprodimg {
  margin:0; padding:4px 0 8px 0;
  width:60px; height:auto;
}  
img.pcplaceholder {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
}  
div#pcartDiv {
  position:relative;
  width:100%; max-width:960px;
  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 #555;
    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:800px; overflow:scroll;
  border-collapse:collapse;
}
  table.pcchart td {
    vertical-align:top; color:#000;
    padding:8px 4px 8px 4px;
  }
  /* alternating row backgrounds */
  table.pcchart tr.c4 {background:#fbfbfb;}
  table.pcchart tr.c5 {background:#e9e9e9;}
  
  /* 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.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;
}

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; width:100%;
  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;}
#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 */
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(255,255,255,0.9); border-top:1px solid #ccc; 
  z-index:99;
}
body.cartItemFixed #footer {
  display:none;
}
body.cartItemFixed #container {
  padding-bottom:200px;
}

/* PCart Styles End */


@media only screen and (max-width:1016px) {
  /* Style adjustments for viewports that meet the condition */
  h1 span,
  div.navlinks {
    display:none;
  }
  div.telephone {
    right:8px;
  }
  div.navlinks2 {
    right:8px; width:60%;
  }
  #pagehead {
    background:transparent url(images/navbar2.png) center top repeat-x;
  }
  #pagehead div.navbar {  
     left:8px; top:10px;
  }
    #pagehead div.navbar img.sitelogo {
      height:110px;
    }

  div.contentbox {
    margin:0; padding:0; min-width:470px;
  }
  div.mobilemenu {
    display:block;
    position:absolute; top:52px; right:24px; width:44px; height:44px; 
    margin:0; padding:0; overflow:hidden; display:block;
  }
  div.C_title,
  div.C_large,
  div.C_med,
  div.C_small,
  div.C_small3,
  div.C_flex2,
  div.C_flex3 {
    width:95%;
    min-width:460px;
    padding:0 6px 0 6px
  }
  #mainphoto {
    text-align:center;
  }
  #mainphoto img {
    max-width:99%;
  }
  
  #pag_home #contenthead {
    width:100%; max-width:976px; height:360px; left:0; margin:0;
  }

  #pag_products div.contentbg {
    background:transparent url(images/products_bg2.png) center 16px repeat-x; 
  }
  #pag_products div.contentbox {
    background:#fff;
  }
  #pag_products div.prodend {
    background:transparent url(images/products_bg_end2.png) center top repeat-x; 
  }
}

@media only screen and (max-width:700px) {
  #pag_home #sidebox {
    display:none;
  }
  #pag_home div.contentbg {
    background:transparent url(images/homefade_bg.jpg) center 266px no-repeat;
  }
  #pag_home #contenthead {
    width:100%; height:auto; margin:0; padding:0 0 40px 0;
    left:0; overflow:visible;
  }
  #fullphoto {
    position:relative;
    top:0; left:0; width:100%; height:auto;
    margin:0; padding:0; 
    border:0; border-bottom:3px solid #00acef;
  }
}

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