/* 
   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.16.2010 
   for SpecializedScuba.com 03.14.2010
   
   updated 05.22.2021
   
   Container layout of each page:

   body
     #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
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/


body,.counter,div.dropx a {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#ffffff;
}
p,dl,ul,ol,table td,pre.p2,.xword,.xtitle {
  font-family:verdana,helvetica,sans-serif; font-size:12px; color:#ffffff;
}
p.p4 {
  font-family:verdana,helvetica,sans-serif; font-size:12px; color:#ffffff;
}  
table.t3 td {
  font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#ffffff;
}
h2,h3,div.obox h1,#footer a.w3,.xbig {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#ffffff;
}
h2.g1,h2.g2,h2.g3,h2.g4,h2.g5,a.a1,a.b1 {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#ffffff;
}
h1 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#ffffff;
}
span.price {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#ffbf11;
}
h1.g1,h1.c1 {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#ffffff;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.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:#ffffff;
}
.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;
}
p.r2 {color:#ffbf11;}

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

body {
  text-align:center; margin:0; padding:0;
  color:#ffffff; background:#02598F url(images/body_bg.gif) center top repeat-x;
}

a:link,
a:visited {text-decoration:none; font-weight:bold; color:#7FCFFF;}
a:hover {text-decoration:underline; font-weight:bold; color:#ffffff;}

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000000; cursor:help; 
}
form {
  margin:0; padding:2px 0 0 12px;
}
h1 {
  margin:4px 4px 0 12px; padding:0; letter-spacing:1px;
}
h2 {
  margin:2px 2px 2px 12px; padding:0;
}
table td h2 {
  margin:2px 2px 2px 0px;
}
h3 {
  position:relative; text-align:right;
  margin:-12px 4px 0 0; padding:0;
}
img {
  margin:0; padding:0; border:0;
}
iframe {
  border:2px solid #ffffff;
}
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 12px; padding:0;
}
table td,table td p {
  line-height:130%;
}

/* this tag is used to hide text that should be visible when no stylesheet is available */
tt {display:none;} 

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/bullet04.gif) 0 2px no-repeat;
}
  

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


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

/* text menu links */
a.a1 {
  display:block; margin:1px 0 1px 0; padding:2px 0 2px 18px; width:120px;
  letter-spacing:1px;
}
a.a1:link,
a.a1:visited {text-decoration:none; font-weight:bold; color:#7FCFFF;}
a.a1:hover,a.b1:hover {
  text-decoration:none; font-weight:bold; color:#ffffff;
  background:transparent url(images/bullet02.gif) 0px 7px no-repeat; 
}

/* selected menu item */
a.b1 {
  display:block; margin:1px 0 1px 0; padding:2px 0 2px 18px; width:120px;
  letter-spacing:1px;
  text-decoration:none; font-weight:bold; color:#ffffff;
  background:transparent url(images/bullet02.gif) 0px 7px no-repeat; 
}
a.b1:link,
a.b1:visited {text-decoration:none; font-weight:bold; color:#ffffff;}


/* text menu sub-links */
a.a2 {
  margin:1px 0 1px 0; padding:0 0 4px 28px; line-height:18px;
  background:transparent url(images/bullet04.gif) 15px 4px no-repeat; 
}
a.a2:link,
a.a2:visited {text-decoration:none; font-weight:bold; color:#7FCFFF;}
a.a2:hover {
  text-decoration:underline; font-weight:bold; color:#ffffff;
}

a.a3 {
  margin:1px 0 1px 0; padding:0 0 4px 28px; line-height:18px;
  background:transparent url(images/bullet05.gif) 14px 3px no-repeat; 
}
a.a3:link,
a.a3:visited {text-decoration:none; font-weight:bold; color:#7FCFFF;}
a.a3:hover {
  text-decoration:underline; font-weight:bold; color:#ffffff;
}

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

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

/* links with a close button icon */
a.cbtn {
  margin:0; padding:4px 24px 4px 0; line-height:18px;
  background:transparent url(images/btn_close.gif) right no-repeat;
}
a.cbtn:link,
a.cbtn:visited {text-decoration:none; font-weight:bold; color:#ffffff;}  
a.cbtn:hover {text-decoration:underline; font-weight:bold; color:#ffffff;}


/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#7FCFFF;}
#footer a:hover {text-decoration:underline; color:#ffffff;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#004977;}
#footer a.w3:hover {text-decoration:none; color:#000000;}

br.clr {
  clear:both;
}
  
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;
}


/* Sets the minimum height of the page content, or can be a column divider */
div.minheight {
  position:relative; float:right; text-align:right;
  width:5px; height:500px;
}

div.navlinks table td {
  margin:0; padding:0 0 0 2px;
}

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 #0090DB;
}
div.ffield { /* form fields */
  position:relative; float:left; margin:0; padding:2px 12px 4px 0;
} 

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.widebox {
    position:absolute; top:60px; left:60px; width:600px;
    text-align:left; margin:0; padding:0;
    z-index:98;
    visibility:hidden;
    background:#004977; border:1px solid #ffffff;
  } 
    div.widebox h1 {
      margin:0; padding:12px 0 0 20px;
    }      
    div.widebox div {
      margin:0; padding:12px 6px 28px 20px;
    }      
    div.widebox span {
      position:relative; display:block;
      text-align:right; margin:8px 26px 0 0;
    }
    
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;
} 
  
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;
  }
  
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;
}

h1.m1 {
  margin:2px 2px 0 12px;
}
h1.c1 {
  text-align:center; margin:2px 2px 0 2px;
}

h2.f1 {
  margin:2px 2px 2px 2px;
}
h2.g2,h2.g3,h2.g5 {text-align:center;}

img.xpic {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 4px #ffffff;
}
img.xthumb {
  margin:2px; padding:0;
  border:solid 2px #ffffff;
}
img.prodthumb {
  margin:1px 3px 3px 1px; padding:0;
  border:solid 1px #888888;
  width:140px;
}
img.xblank {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
  width:140px;
}

img.xleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 0;
  border:solid 2px #ffffff;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 10px;
  border:solid 2px #ffffff;
}
img.dleft {  /* left aligned image for use with ul.dlist */
  float:left; margin:2px 10px 2px 12px;
  border:1px solid #666666;
}


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

object.p1 {
  margin:1px;
}

ol.alist li {text-align:justify;}

p.c1 { /* centered */
  text-align:center; line-height:normal;
  margin:2px 6px 2px 12px; padding:0;
}
p.p1 { /* normal line height for narrow columns */
  line-height:110%;
  margin:2px 6px 2px 12px; padding:0;
}
p.p2,p.p4 { 
  text-align:left;
  line-height:130%;
  margin:4px 6px 0 12px; padding:0;
}
p.p3 { /* normal right margin */
  line-height:150%;
  margin:4px 10px 0 12px; padding:0;
}
p.n1 { /* justified column like a newspaper */
  font-size:10px;
  margin:4px 2px 0 12px; padding:0; text-align:justify;
}
p.n2 { /* right column with vertical dashed line */
  font-size:10px;
  margin:0; padding:4px 2px 0 12px; 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 12px; padding:0;
}
p.nav {
  line-height:150%;
  color:#aaaaaa;
}
p.gb1 {
  font-family:verdana,helvetica,sans-serif; font-size:10px;  color:#ffbf11;
  margin:4px 2px 0 12px; padding:0;
}

#pagehead h1,#pagehead h2 {
  display:none;
}
#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative; width:760px;
  text-align:center; margin:0 auto 0 auto; padding:0;
}
#footer p.xnav {
  position:relative; width:760px;
  text-align:center; margin:0 auto 0 auto; padding:0;
  color:#aaaaaa;
}
  
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.catalog { 
  margin:2px 6px 2px 8px; padding:0;
  width:94%;
}
  table.catalog td,table.catalog td p {
    margin:0; padding:0;
  }

table.t2 {
  width:94%;
}
table.t3 {
  width:270px;
}

table.chart {
  margin:2px 2px 2px 12px; padding:0;
  background:#888888;
}
  table.chart td {
    background:#ffffff; padding:2px 4px 2px 2px;
  }
  
ul.alist {
  margin:4px 0 0 12px; padding:0;
}
ul.alist li {
  margin:2px 0 6px 0; padding:1px 0 0 14px; width:90%;
  background:transparent url(images/bullet03.gif) 0px 4px no-repeat;
}
  
ul.blist {
  margin:4px 0 0 12px; padding:0;
}
ul.blist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:98%;
  background:transparent url(images/bullet03.gif) 0 4px no-repeat;
}
  
#pagehead ul {
  display:none;
}

/* Form fields */

form.catalog {
  margin:0; padding:0;
}

.ckBox { /* checkboxes */
  margin:1px; padding:0;
}
.boxBlur {
  border:1px solid #7fcfff; color:#000000; background:#eeeeee;
  margin:0; padding:6px;
}
.boxFocus {
  border:1px solid #7fcfff; color:#000000; background:#ffffcc;
  margin:0; padding:6px;
}
.boxDisable {
  border:1px solid #cccccc; color:#aaaaaa; background:#ffffff;
  margin:0; padding:6px;
}
.boxError {
  border:1px solid #cc0000; color:#000000; background:#ffeeee;
  margin:0; padding:6px;
}
.fbutton {
  border:1px solid #666666; color:#0047EA; background:#eeeeee;
  margin:0; padding:0;
}


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

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


.drop2 {
  font-family:arial,helvetica,sans-serif; font-size:12px; width:120px;
  border:1px solid #666666; color:#000000; background:#ffffff; margin:0 0 4px 0;
}
.drop3 {
  font-family:arial,helvetica,sans-serif; font-size:12px; width:160px;
  border:1px solid #666666; color:#000000; background:#ffffff; margin:2px 8px 4px 0;
}
.drop4 { /* no set width */
  font-family:arial,helvetica,sans-serif; font-size:12px;
  border:1px solid #666666; color:#000000; background:#ffffff; margin:2px 8px 4px 0;
}
  
/* 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 #0090DB;
}
.dash2 {
  position:relative; display:block;
  margin:0 24px 0 24px; padding:2px 0 2px 0; line-height:2px;
  background:transparent url(images/dotted.gif)0 2px repeat-x;
}
.dash3 {  /* p2 paragraph separator, extra right margin */
  position:relative; display:block; line-height:4px;
  margin:0 20px 4px 20px; padding:0;
  border-bottom:1px dotted #0090DB;
}
.dash4 {  /* no margins separator */
  position:relative; display:block;
  margin:0 10px 0 0; padding:1px 0 1px 0; line-height:2px;
  background:transparent url(images/dotted.gif)0 2px repeat-x;
}
.hdate { /* dates under H2 headings (articles, etc) */
  position:relative; display:block; color:#000099;
  margin:0 10px 4px 12px; padding:0 0 2px 0;
}
.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:#ff6600;} /* form errors */
.xword {font-weight:bold; color:#dddddd;}

.nbox {  /* remaining characters field */ 
  text-align:right; width:250px;
  border:0; color:#000000; 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.
*/

#container {
  position:static; /* fixes IE6 bug where background image doesn't appear */
  text-align:center; margin:0; padding:0;
  background:transparent url(images/page_bg.jpg) center top repeat-x;
}
  /* Page Header, full width of container */
  #pagehead {
    position:relative; width:800px; height:180px;
    overflow:visible; z-index:999;
    text-align:center; margin:0 auto 0 auto; padding:0;
    background:transparent url(images/header_bg.jpg) top center no-repeat;
  }
    #pagehead div.navbar {  /* width and height necessary for image replacement */
      position:absolute; top:0px; left:0px; width:320px; height:120px;
      text-align:left; margin:0; padding:0;
    }
  /* DIVs for navigation links */
  div.navlinks {
    display:none;
    position:absolute; top:12px; left:16px; width:500px; height:64px;
    text-align:left; margin:0; padding:0;
  }
  div.navlinks2 {
    position:absolute; top:170px; left:560px; width:200px; height:28px;
    text-align:right; margin:0; padding:0;
  }
    div.navlinks2 div {
      margin:0; padding:0; color:#ffffff; 
    }
    div.navlinks2 img {
      position:relative; top:3px;
    }

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:left; margin:0; padding:0;
    background:transparent url(images/body_bg2.jpg) center top no-repeat;
  }
    /* Titlebar, content above content box */
    #titlebar {
      position:relative;
      text-align:left; margin:0 13px 0 5px; line-height:1px; /* removes 2px space under leaf.jpg */
    }
    
    /* Outer content box, defines outer width of content (use width:??px ), NO MARGINS */
    #contentbg {
      position:relative; width:800px;
      text-align:left; margin:0 auto 0 auto; padding:0;
    }
      /* Inner content box for MARGINS and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        color:#555555; line-height:normal;
        text-align:left; margin:0 0 0 10px; padding:0;
      }
        /* Content above columns */
        #contenthead {
          position:relative; margin:0; padding:0;
        }
          /* Columns, Total width must be <= 750px */
          
          /* 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+xs, s+l, full */
          div.L_xxsmall,div.R_xxsmall {width:160px;}
          div.L_xsmall,div.R_xsmall {width:250px;}
          div.L_small,div.R_small {width:300px;}
          div.L_large,div.R_large {width:450px;}
          div.L_xlarge,div.R_xlarge {width:500px;}
          div.L_xxlarge,div.R_xxlarge {width:610px;}
          div.L_full {width:750px;}
          
          /* exceptions */
          #pag_sitemap div.L_xxsmall {width:200px;}
          
          
      /* Bottom of content box, no bottom margin */
      #endcap {
        position:relative; width:720px; height:20px;
        clear:both; margin:0 0 0 12px;
      }

    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative;
      margin:0; padding:0; text-align:center; 
    }

    
/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/

    

/* Tables used for charts */
.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.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:#ffbf11; background:transparent;
}
.cbox {  /* remaining characters field, comments */ 
  width:250px;
  border:0; color:#ffbf11; 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:#02598F;
  background:transparent url(images/quote1.gif) no-repeat;
  padding:0 0 0 8px;
}
.xquote2 {
  font-family:serif; font-size:12px; color:#02598F;
  background:transparent url(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:#aaaaaa; line-height:120%;}
p.gst2 {margin:4px 60px 0 12px; font-size:11px; color:#aaaaaa; line-height:130%;}



/* Design215 Drop Menu, v02.04.06 */
#xtooltip {text-align:left;}
#xtooltip table {margin:0; padding:0;}
td.tt1 {color:#ffffff; background:#132A47; text-align:left;}
td.tt2 {color:#000000; background:#cccccc; text-align:left;}
td.tt3 {font-weight:bold; color:#ffffff; cursor:pointer;}
.ttbg1 {background:#7FCFFF;}
.ttbg2 {background:#7FCFFF;}
.ttbg3 {background:#7FCFFF;}

/* info box for full size images */
div#infobox {
  position:absolute; left:150px; top:200px;
  background:#444444;
  border:4px solid #ffffff;
  margin:0; padding:20px;
  text-align:center;
  visibility:hidden;
  z-index:999;
}

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

/* Design215 Shopping Cart CSS v02.06.08 */
form.pcart {
  margin:2px 6px 2px 0; padding:0;
}
p.pcart {
  line-height:normal;
  margin:0 6px 2px 2px; padding:0;
}
p.pcartmsg { /* pcart_send.php */
  line-height:normal;
  margin:2px 6px 2px 12px; padding:0;
} 
h2.pcartmsg {
  line-height:normal;
  margin:2px 6px 6px 12px; padding:0;
}  
table.pcart {
  width:95%;
  margin:2px 6px 2px 12px; padding:0;
}
  table.pcart td, table.pcartrental td {
    font-family:verdana,helvetica,sans-serif; font-size:10px; color:#ffffff; line-height:130%;
    padding:3px;
  }
  table.pcart td.thumb {
    width:90px; padding:0;
  }
  table.pcart td.thumb img {
    margin:0; padding:0;
    border:solid 1px #0090DB;
  }
  table.pcart td.quan {
    width:40px;
  }
  table.pcart td.ch1 {
    color:#ffcc00; background:#004977;
  }
  table.pcart td.ch2,table.pcart td.quan {
    border-left:1px solid #0090DB; 
    border-bottom:1px solid #0090DB;
  }
  table.pcart td.ch2 {
    width:124px;
  }
table.pcartrental {
  margin:2px 6px 2px 12px; padding:0;
}

table.prodopt {
  float:right;
  padding:6px 0px 0px 10px; margin:4px 0 0 0; width:400px;
}

table.prodopt td.col1 {
  padding:0 30px 0 0;
}

span.price {
  position:relative;
  font-family:arial,helvetica,sans-serif; font-size:18px; color:#ffcc00;
}
  
span.reserved {
  font-weight:bold; color:#003454;
}
  
input.cartquan { /* quantity field */
  border:1px solid #aaaaaa; color:#000000; background:#ffffcc;
  margin:2px 12px 0 0; padding:1px;
}
input.cartbtn1 {
  font-family:verdana,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#000000;
  margin:0; padding:2px; border:1px solid #888888;
  background:#cccccc;
  cursor:pointer;
}
input.cartbtn2 {
  font-family:verdana,helvetica,sans-serif; font-size:11px; font-weight:bold; color:#ffffff;
  margin:0; padding:3px; border:2px solid #7FCFFF;
  background:#222222;
  cursor:pointer;
}
.coupon {
  font-family:arial,helvetica,sans-serif; font-size:14px; font-weight:bold;
  border:1px solid #000000; color:#000000; background:#ffffcc;
  margin:0; padding:4px;
}

input.cartbtn3 { /* add to cart image */
  position:relative;
  border:0; padding:4px 0 0 0;
}
input.cartckbx { /* checkbox */
  margin:4px 0 0 0; padding:0;
}
div.pcartlogin {
  padding:0; margin:0;
}
div.pcartlogin p {
  padding:2px 0 2px 0;
}
div.pcartlogin p.r1 {
  text-align:right;
  font-family:arial,helvetica,sans-serif; font-size:11px;
  margin:0;
}

div.rentbox {
  width:100%; border:1px solid #999999;
  background:#ffffee;
  margin:2px 2px 2px 12px; padding:4px 4px 20px 4px;
}

ul.pcart {
  margin:4px 0 0 12px; padding:0;
}
ul.pcart li {
  margin:2px 0 4px 0; padding:1px 0 0 18px; width:90%;
  background:transparent;
}
/* Shopping Cart end */