/* Standard Styles */	
body { background-color: #333333; text-align: center; margin: 0px; }
p { font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#2b2b2b; margin:0px 0px 1em; 0px; padding:0px;}
h1 { font-family: Helvetica; font-size: 1.2em; color:#5e249b; margin:0px; }


/* Header */

#header { width:751px; height:163px; margin:auto; text-align:left;}
#header-background { background-image:url('/images/header_background.gif'); }
#brand {float:right;}


/* Homepage */

#homepage-middle { width:751px; margin:auto; text-align:left; }
  #homepage-middle .left { width:505px; padding:0px 0px 20px 0px;}
  #homepage-middle .right { width:231px; float:right; }
#homepage-background { background-image:url('/images/home_background.gif'); background-repeat:repeat-x; background-color:#252525; }


/* Navigation */

#nav-holder { width:360px; padding:109px 0px 0px 0px;}

#nav-main { width: 360px;}
#nav-main ul.main { padding: 0; margin: 0; list-style-type: none; height: 42px; }
#nav-main ul.main li { padding: 0px 13px 0px 0px; margin: 0; float: left; }
#nav-main ul.main a { overflow: hidden; position: relative; height: 21px; display: block; }
  #nav-main ul.main li.home a { width: 29px; }
  #nav-main ul.main li.aboutus a { width: 46px; }
  #nav-main ul.main li.products a { width: 44px; }
  #nav-main ul.main li.gallery a { width: 36px; }
  #nav-main ul.main li.contactus a { width: 54px; }
  #nav-main ul.main li.specials a { width: 44px; }
#nav-main ul.main a img { position: absolute; top: 0; left: 0; }
#nav-main ul.main a:hover img { top: -22px; }
#nav-main ul.main li.selected a img { top: -21px; } 
#nav-main ul.main a:hover { background:; }

/* Products */

#middle { background-color:#2b2b2b; }
#products-middle { width:751px; margin:auto; text-align:left; }
  #products-middle .left { width:516px; background-color:white; float:left; margin:0px 0px 20px 0px; padding:0px 0px 18px 0px;}
  #products-middle .right { background-image:url('/images/products_catbackground.jpg'); background-repeat:no-repeat; height:313px; width:235px; float:right;}
  #products-middle .content { width:464px; padding:28px 0px 0px 28px; line-height:0em;}
  #products-middle img.title { padding:0px 0px 20px 0px;}
  #products-middle .category { background-color:#46a6b0; margin:0; }
  #products-middle p.category { margin:0px 0px 10px 0px; padding:0.2em 0em 0.2em 0.4em; font-family:Arial; font-size: 0.9em; color:white;}

#product-box { border:#e1e1e1 solid 1px; margin: 0px 0px 10px 0px;}
#product-text-holder { width:235px; float:right; padding: 20px 10px 10px 0px;}
#product-text-holder p.description { font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#2b2b2b; }
#product-text-holder p.brand { font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#46a6b0; margin:0em 0em 0.7em 0em;}
#product-text-holder p.model { font-family:Arial; font-size: 1em; font-weight:bold; line-height:1.2em; color:#46a6b0; margin:0px;}
#product-text-holder a {color:#46a6b0; text-decoration: none;}
#product-text-holder a:hover {color:#2b2b2b;}
#product-text-holder p.pricespecial { font-family:Arial; font-size: 1em; font-weight:bold; line-height:1.2em; color:#2b2b2b; margin:0px;}
#product-text-holder p.pricerrp { font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#2b2b2b; margin:0em 0em 0.7em 0em; }
#product-image-holder { width:180px; float:left; padding:21px 0px 0px 21px; text-align:center;}
  #product-image-holder p.enlarge { padding:10px 0px 0px 0px; margin:0px 0px 21px 0px; font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#cccccc; }
#product-clear { clear:both; }

#product-category-holder { width: 199px; padding:65px 0px 0px 23px; margin:0; background:no-background; }

#category { width: 100%; padding:0; font-family:Arial; font-size: 0.9em; color: white; }
#category ul { list-style: none; margin: 0; padding: 0; border: none; }
#category li { filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; border:#2b2b2b solid 1px; margin: 0px 0px 2px 0px; padding:0.2em 0px 0.2em 1em; background:#2b2b2b; background-image:url('/images/category_listarrow.gif'); background-repeat:no-repeat; background-position:.4em .5em;}
#category li a { display: block; color: #fff; text-decoration: none; }
html>body #category li a { width: auto; }
#category li a:hover { color:#46a6b0; }

a.top { font-family:Arial; font-size: 0.7em; font-weight:bold; line-height:1.2em; color:#46a6b0;}
a.top:hover { color:black; }

/* Gallery */

#gallery-middle { width:751px; margin:auto; text-align:left; }
  #gallery-middle .left { width:751px; background-color:white; float:left; margin:0px 0px 20px 0px; padding:0px 0px 18px 0px; }
  #gallery-middle .content { padding:28px 28px 0px 28px; line-height:0em; }
  #gallery-middle img.title { padding:0px 0px 20px 0px; float:left;}
    #gallery-middle .pulldown { padding:0px 0px 0px 0px; float:right;}
  #gallery-middle .category { background-color:#46a6b0; margin:0; }
  #gallery-middle p.category { margin:0px 0px 10px 0px; padding:0.2em 0em 0.2em 0.4em; font-family:Arial; font-size: 0.9em; color:white; }

#gallery-box { display: table; height: 190px; _position: relative; overflow: hidden; width:200px; border:#e1e1e1 solid 1px; margin: 0px 14px 14px 0px; float:left; text-align:center; }
#gallery-box .center { _position: absolute; _top: 50%;display: table-cell; vertical-align: middle; }
#gallery-box img { _position: relative; _top: -50% }

#gallery-clear { clear:both; }

#gallery-box-holder { border:red solid 1px; text-align:center; }

/* About Us */

#aboutus-image-box { border:#e1e1e1 solid 1px; margin: 0px 14px 0px 0px; float:left; text-align:center; }
.aboutus-right { background-image:url('/images/generic_sidebackground.jpg'); background-repeat:no-repeat; height:313px; width:235px; float:right;}
#aboutus-text-box li { font-family:Arial; font-size: 0.7em; line-height:1.2em; color:#2b2b2b; margin:0px 0px 1em; 0px; padding:0px;}


/* Form */

#form-name { float:left; width:120px; height:1em; }
  #form-name p { font-family:Arial; font-size: 0.7em; color:#2b2b2b; margin:0px 0px 0px 0px; padding:0px;}
#form-element { float:left; width:335px;}
  #form-element input { border:grey solid 1px; width:100%; height:1.4em; margin:0 0 .4em 0; font-family:Arial; font-size: 0.7em; color:#2b2b2b;}
  #form-element textarea { border:grey solid 1px; width:100%; font-family:Arial; font-size: 0.7em; color:#2b2b2b; margin:0 0 .4em 0;}



/* Footer */

#footer { width:751px; height:27px; margin:auto; text-align:left;}
  #footer .copyright { padding: 10px 0px 0px 0px; }
#footer-background { background-color:#252525; }