/* 
   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 2010 exceedwetsuits.com site, layout 02, v09.25.2010
   
   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 (moved outside of #container in 2010)
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/

body,table td,.counter,div.dropx a,p,dl,ul,form {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#efefef;
}
pre.p2,.xword,.xtitle,a.a1,.c2s1 {
  font-family:arial,helvetica,sans-serif; font-size:10px; color:#ffee00;
}
h3,.c2h4,.c2h5 {
  font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#4A78FF;
}
h2,.uline {
  font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; color:#63b0ff;
}
h2.gmap {color:#003852;}

div.obox h1,#footer a.w3,.xbig,.c2h3 {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#4A78FF;
}
h1,.c2h2 {
  font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; color:#FFFFFF;
}
.c2h1,.dealer {
  font-family:verdana,helvetica,sans-serif; font-size:18px; font-weight:bold; color:#71b4ff;
}
.dealer {font-size:14px;}
.c2h3 {color:#3c7cff;}

pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#446644;
}
.boxBlur2,.boxFocus2 {
  font-family:courier new,courier,monospace; font-size:16px; font-weight:bold; color:#000000;
}
#footer p,#footer p.xnav {
  font-family:arial,helvetica,sans-serif; font-size:11px; color:#888888;
  line-height:120%;
}
#footer p.xnav {color:#ffffff;}

#pag_products div.L_large,
#pag_products div.L_large p,
#pag_products div.L_large ul,
#pag_products div.L_large form,
#pag_products div.L_large table td {color:#222222;}

#pag_products h1 {color:#000088;}

.fbutton {
  font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold;
}

table.xchart {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000044;
}
.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:#ffffff;
  margin:0; padding:0; background:transparent;
}



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

body {
  text-align:center; margin:0; padding:0;
  background:#000000 url(images/body_bg.gif) center top no-repeat;
}

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

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000000; cursor:help; 
}
form {
  margin:0; padding:2px 0 0 0px;
}
h1 {
  margin:0 4px 0 0; padding:0; letter-spacing:1px;
}
h2 {
  margin:0 2px 2px 0; padding:0; letter-spacing:1px;
}
img {
  margin:0; padding:0; border:0;
}
p {
  line-height:130%;
  margin:0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 12px; padding:0;
}
table td {
  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;
}

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

/* 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 backgropunds */
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 a {
  display:block; position:absolute; width:270px; height:136px; top:-24px;
  font-size:11px; margin:0; padding:0;
}
div#subnav span {display:none;}

/*
  positions must be set using id, not class
  left=width of preceding button + 26px (menu buttons are 26px apart) 
*/
a#b1 {left:58px;}
a#b2 {left:346px;}
a#b3 {left:634px;}

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

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

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


/* Style for form "buttons" like "New", "Save", "Delete", etc */
a.btn {
  position:relative; top:-3px;
  margin:0 1px 10px 0; padding:2px 4px 2px 4px;
}

/* 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: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:#003852;}
#footer a.w3:hover {text-decoration:none; color:#ffcc00;}

br.clr {
  clear:both;
}
  
/* Separators to clear column floats */
div.xclear {
  clear:right; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:820px; 
  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.navlinks2 p {color:#888888;}
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 url(images/pencil01.jpg) right top no-repeat;
}
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 20px; padding:0;
  background:#444444; color:#000000; border:3px solid #00aeef;
}

/* Product Photo magnifier v1.3, 11.04.2010 */
div#fullpic {
  position:absolute;
  width:400px; height:600px; left:540px; top:30px;
  text-align:left;
}
div#zoombox {
  position:absolute;
  width:400px; height:400px; left:10px; top:116px;
  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;
}


/* 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.leftthumb {  /* gallery list */
  float:left; margin:4px 6px 2px 4px; padding:0;
  border:solid 1px #888888;
}

h1.noshow,
h2.noshow,
label.noshow,
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;
}
.boxBlur {
  border:1px solid #aaaaaa; color:#000000; background:#eeeeee;
  margin:0 0 2px 0; padding:1px;
}
.boxFocus {
  border:1px solid #aaaaaa; color:#000000; background:#ffffcc;
  margin:0 0 2px 0; padding:1px;
}
.boxFocus2 {
  border:2px solid #00aeef; color:#000000; background:#ffffcc;
  margin:0; padding:4px;
}
.fbutton {
  border:1px solid #666666; color:#0047EA; background:#eeeeee;
  margin:0; padding:0;
}
  
/* 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
   -----------------------------------------------------------------------------
   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:relative;
  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: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:999;
  }
    #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; left:370px; width:600px; height:52px;
    text-align:left; margin:0; padding:0;
  }
  div.telephone {
    position:absolute; top:26px; left:810px; width:166px; height:20px;
    margin:0; padding:0;
  }
  div.navlinks2 {
    position:absolute; top:0px; left:570px; width:400px; height:24px;
    text-align:right; margin:0; padding:0;
  }

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:left; margin:0; padding:0;
  }
    /* 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:1000px;
      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;
        line-height:normal;
        text-align:left; margin:0 0 0 24px; padding:0;
      }
        /* Content above columns */
        #contenthead {
          position:relative; margin:0; padding:0; height:24px;
        }
          /* Columns, Total width must be <= 950px */
          
          /* 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;
          }
          div.L_full2 {
            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,
          div.R_full {
            position:relative; float:right; margin:0; padding:0;
          }
          
          /* Column width combinations:  xxs+xxl+s, full */
          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;}
          
          /* extras + exceptions */
          
          
      /* Bottom of content box, no bottom margin */
      #endcap {
        position:relative; width:900px; height:20px;
        clear:both; margin:0 0 0 12px;
      }

    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative; height:200px;
      margin:0; padding:40px 0 0 0;
    }
      div.ftcenter {
        position:relative; width:960px;
        margin:0 auto 0 auto; padding:15px 0 0 0;
        border-top:1px solid #002c3c;
      }
      div.L_footer {
        position:relative; float:left; width:150px; margin:0; padding:0;
      }
      div.L_footer2 {
        position:relative; float:left; width:180px; margin:0; padding:0;
      }
      div.R_footer {
        position:relative; float:right; width:470px; margin:0; padding:0;
      }

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

#pag_home #contentbg {
  background:transparent url(images/homefade_bg.jpg) 12px 376px no-repeat;
}
#pag_home #contenthead {
  width:976px; height:360px; left:-12px; margin:0;
  background:transparent url(images/contenthead_bg.png) no-repeat;
}
#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 {
  height:140px; /* spacing under subnav images */
  text-align:center;
}
  #pag_home #subnav img {
    visibility:hidden;
  }
#pag_home div.L_large,#pag_home div.R_large {
  width:450px; padding:0 20px 0 0;
}
  
#pag_products #contentbg {
  background:transparent url(images/products_bg.png) 12px 10px no-repeat;
}
#pag_products div.L_full {margin:4px 0 0 8px;}
#pag_products div.L_large {width:400px; padding:0 0 0 10px;}
#pag_products div.L_xxsmall {width:120px; height:600px; margin:12px 0 0 0;}

#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_guestbook div.L_small {width:400px;}

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

#pag_cart div.R_xxlarge {margin:0 16px 0 0;}


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

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

/* Design215 Slideshow, index.php */
#xssw1,
#xssw2 {
  position:absolute; visibility:hidden;
  filter:alpha(opacity=100);
  background:transparent;
}
#xssw1 img,#xssw2 img {
  padding:0; border:3px solid #00acef;
}
#xslidetext {
  position:absolute; left:10px; top:415px;
  background:transparent;
}
#xslidenum {
  position:absolute;
  background:transparent;
}
#slidecontrols {
  position:absolute; left:10px; top:290px; width:150px; height:35px; 
  background:transparent;
  z-index:150;
  filter:alpha(opacity=70); opacity: 0.7;
}

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

#menu1,#menu2,#menu3,#menu4 {
  position:absolute; visibility:hidden; z-index:99;
}
#menu1 {width:160px;} /* products */
#menu2 {width:140px;} /* company */
  #menu2 h1 {display:none;} /* hide "Menu" */

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

  div.dropx {
    text-align:left;
    background:#000000;
    border:1px solid #00aeef;
    margin:0 0 8px 0; padding:4px;
  }
  div.dropx a {
    position:relative; display:block;
    font-weight:bold; color:#ffffff;
    margin:0; padding:3px; border:1px solid #000000;
  }
  div.dropx a:link,
  div.dropx a:visited {text-decoration:none; color:#ffffff;}
  div.dropx a:hover {
    text-decoration:none; color:#000000; background:#ff8400;
    border:1px solid #ff8400;
  }
  div.dropx table {
    width:100%;
    margin:0; padding:0; border:0;
  } 
  /* menu divider */ 
  div.dropx span.dline {
    display:block; width:100%;
    line-height:1px; font-size:1px; height:4px;
    border-bottom:1px dashed #ffbf11;
    margin:0 0 4px 0; padding:0;
  }
  

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


/* 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:100%;
  margin:2px 6px 2px 2px; 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 #aaaaaa;
  }
  table.pcart td.quan {
    width:40px;
  }
  table.pcart td.ch1 {
    color:#888888;
  }
  table.pcart td.ch2,table.pcart td.quan {
    border-left:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;
  }
table.pcartrental {
  margin:2px 6px 2px 12px; padding:0;
}

table.prodopt {
  padding:0; margin:2px 0 0 0;
  width:360px;
}
table.prodopt td {
  color:#222222; padding:0 4px 0 0;
}
table.prodopt td.price {
  width:120px; padding:0 8px 0 0;
}
table.prodopt p {
  font-family:arial,helvetica,sans-serif; font-size:14px;
}

span.price {
  position:relative; top:16px;
  font-family:arial,helvetica,sans-serif; font-size:18px; color:#000066;
}
span.cartTotal {
  font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:18px;
}
p.offer {
  width:350px; padding:6px 0 6px 6px; 
  background:#c5e6ff; border:1px solid #82c9ff;
}
  
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:#000000;
  margin:0; padding:3px; border:2px solid #ff9900;
  background:#ffcc00;
  cursor:pointer;
}
input.cartbtn3 { /* add to cart image */
  position:relative; top:1px;
  border: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 url(images/bt5.gif) 4px 0px no-repeat;
}
/* Shopping Cart end */