html
{ height: 100%;}

*
{ padding: 0;
  margin: 0;}

body
{ font: normal .78em arial, sans-serif;
   background: #53534F;
/*  background: #FFF; */
  color: #4C4C40;}

p
{ padding: 0 0 22px 0;
  line-height: 1.5em;}

h1, h2, h3, h4, h5, h6
{ font: normal 170% 'lucida sans unicode', arial;
  padding: 7px 0 15px 0; 
  margin: 5px 0 8px 0; 
  color: #BD0100;}

h2, h4
{ color: #093EE4;
  font: normal 145% arial;
  letter-spacing: 0;}

h3, h5
{ color: #888;
  font: italic 95% arial;
  letter-spacing: 0;
  margin: 0;
  padding: 0 0 10px 0;}

h6
{ font: normal 100% arial;
  text-transform: none;}
  
h4, h5
{ color: #A2AB3B;}

img
{ border: 0;}

a, a:hover
{ outline: none;
  color: #028FD0;
  text-decoration: underline;}

a:hover
{ text-decoration: none;
  color: #4C4C40;}

ul
{ margin: 2px 0 18px 16px;}

ul li
{ list-style-type: square;
  margin: 0 0 6px 0; 
  padding: 0 0 0 8px;}

ol
{ margin: 2px 0 0 24px;}

ol li
{ margin: 0 0 6px 0;}

#main, #header, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#main
{ width: 970px;
   background: url(images/back.png) repeat-y; 
/*  background: #FFF; */
  padding: 20px;} 

#header
{ background: #FFF;
  width: 930px;}

#logo
{ width: 930px;
  height: 215px;
  position: relative;
  background: #FFF url(images/logo.jpg) no-repeat}

#menubar
{ background: #0680F2 url(images/menu.png) repeat-x;
  width: 930px;
  height: 44px;} 

ul#menu
{ text-align: center; 
  margin: 0;}

ul#menu li
{ float: left;
  margin: 0px 0 0 0;
  padding: 0;
  list-style: none;}

ul#menu li a, ul#menu li.first a, ul#menu li.last a
{ font: normal 105% 'lucida sans unicode', arial;
  display: block; 
  float: left; 
  height: 24px;
  text-decoration: none; 
  padding: 12px 35px 8px 35px;
  text-align: center;
  background: transparent;
  color: #FFF;
  border-right: 1px solid #02417C;
  border-left: 1px solid #55ABFB;} 

ul#menu li.first a
{ border-left: 0;}

ul#menu li.last a
{ border-right: 0;}

ul#menu li a.selected, ul#menu li a.selected:hover
{ background: #0680F2 url(images/menu_select.png) repeat-x;
  color: #FFF;}

ul#menu li a:hover, ul#menu li a.selected:hover
{ background: #0680F2 url(images/menu_select.png) repeat-x;
  color: #FFF;}

#site_content
{ overflow: hidden;
  margin: 20px 0 0 0;
  padding: 0 20px;
  background: url(images/content.png) repeat-y;} 

#sidebar
{ float: left;
  width: 215px;
  padding: 10px 0px 15px 0px;
  border-top: 1px solid #E6EEF6;}

#sidebar ul.category
{ width: 215px; 
  padding: 4px 0 0 0; 
  margin: 4px 0 30px 0;}

#sidebar ul.category li
{ margin: 0;list-style: none; 
  padding: 0;}

#sidebar ul.category li a, #sidebar ul.category li a:hover
{ padding: 5px 0 5px 20px;
  display: inline-block;
  background: #ABC9E5;
  border-bottom: 1px solid #78A8D4;
  border-top: 1px solid #DDE9F5;
  color: #000;
  text-decoration: none;
  width: 195px;} 

#sidebar h1
{ padding: 6px 0 6px 20px;}

#sidebar p
{ padding: 0 20px;}

#sidebar ul.category li a.selected, #sidebar ul.category li a:hover
{ background: #0571D7;
  color: #FFF;} 

#content, #content_full
{ text-align: left;
  width: 657px;
  float: left;
  padding: 10px 29px 5px 29px;
  min-height: 420px;
  border-top: 1px solid #E6EEF6;}

#content_full
{ width: 905px;}
  

.box, .box_selected, .box_padded, .paging
{ padding: 5px;
  width: 640px;
  border: 3px solid #E6EEF6;
  margin: 0 0 25px 0;
  float: left;}


.box_padded, .box_padded_selected
{ padding: 15px 10px;
  width: 620px;}

.box_selected, .box_padded_selected
{ border: 3px solid #55ABFB;}

.paging
{ padding: 15px 10px;
  width: 650px;}


.box img, .box_selected img
{ margin-right: 5px; 
  float: left;}

.box h1, .box_selected h1
{ margin: 0;
  padding: 0 0 10px 0;
  font-size: 110%;}

.order_product
{ float: left;
  width: 130px;}

.product_image
{ float: left;}

.product_description
{ float: left;
  width: 170px;
  height: 23px;
  padding: 7px 0px 0px 0px;
  text-align: center;
  font: normal 100% "lucida sans unicode", arial;
  text-transform: uppercase;
  color: #FFF;
  background: #067EEE;}
  
.order_desc
{ float: left;
  padding: 0 15px 0 25px;
  width: 289px;}

.order_desc h1
{ padding: 0 0 8px 0;}

.order_desc img
{ margin: 5px 0 0 10px;
  float: right;}


.desc_amount
{ padding-bottom: 14px;
  font: bold 120% tahoma, arial, sans-serif;}

.order_quantity
{ float: left;
  padding: 0 0 0 15px;
  width: 160px;}

input.quantity
{ width: 85px;}

.desc
{ font: bold 100% tahoma, arial, sans-serif;}

.basket_qty
{ padding: 0 10px 10px 10px;
  font: bold 120% arial;}

.in_basket
{ font-weight: bold; 
  padding: 8px 0;
  float: left; 
  color: #BD0100;}

#footer
{ width: 930px;
  height: 35px;
  font: normal 95% tahoma, arial, sans-serif;;
  padding: 40px 0 12px 0;
  text-align: center; 
  background: #0571D7 url(images/footer.png) repeat-x;
  color: #FFF;
  line-height: 20px;}

#footer a, #footer a:hover
{ color: #FFF;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}




form
{ padding: 10px 0 28px 0;
  float: left;}

div.row1 span.formlabel 
{ float: left;
  text-align: left;
  margin: 3px 0;
  padding: 4px 0;
  font-weight: bold;}

div.row1 span.forminput
{ float: right;
  text-align: right;} 

div.row1
{ float: left;
  clear: both;}

input, textarea
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #ACACA0;
  margin: 3px 0 1px 2px;
  padding: 4px 0 4px 4px;}
  

.button
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #0011A6;
  background: #046BCB url(images/button.png) repeat-x;
  color: #FFF;
  height: 24px;
  cursor: pointer;
  padding: 0 10px 2px 10px;
  margin-bottom: 1px;}

.a_submit, .a_submit:hover
{ font: normal 100% tahoma, arial, sans-serif; 
  border: 1px solid #0011A6;
  background: #046BCB url(images/button.png) repeat-x;
  color: #FFF;
  height: 19px;
  cursor: pointer;
  padding: 3px 10px 0px 10px;
  text-decoration: none;
  vertical-align: bottom;
  display: inline-block;
  margin: 0 0 1px 0;}

span.label
{ font: bold 100% tahoma, arial, sans-serif;
  vertical-align: middle;}





#search
{ float: left;}

#search_field
{ width: 115px;}

#search .button
{ padding: 0 10px 0px 10px;
  width: 44px;}


/* login form */
#login div.row1
{ width: 500px;
  float: left;}

#login .row1 span.formlabel 
{ width: 200px;}

#login input, #login textarea
{ width: 238px;}

#login .button
{ width: 80px;
  margin: 4px 0 0 46px;}




/* contact form */
#contact .row1
{ width: 450px;}

#contact .row1 span.formlabel 
{ width: 120px;}

#contact input, #contact textarea
{ width: 300px;}

#contact .button
{ width: 80px;
  margin: 4px 0 0 120px;}




/* register */
#register .row1
{ width: 526px;}

#register .row1 span.formlabel 
{ width: 200px;}

#register input, #register input.small, #register textarea
{ width: 300px;}

#register span.small input
{ width: 100px;}

#register .button
{ width: 80px;
  margin: 4px 0 0 225px;}

#register input.checkbox
{ border: 0;
  width: 15px;
  float: left;
  padding: 6px 0 0 17px;}



/* sitemap */
ul#sitemap
{ margin: 0; 
  padding: 0;}

ul#sitemap li
{ list-style: none;
  background: none;
  padding: 5px 0 5px 0;}
  
ul#sitemap li a, ul#sitemap li a:hover
{ padding: 8px 0 8px 30px; 
  background: transparent url(images/page.png) no-repeat left center; 
  border: 0;}

ul#sitemap li.sub_menu
{ list-style: none; 
  padding: 5px 0 5px 30px;}




table tr td
{ padding: 0 0 1px 0;
  font: normal 100% arial, sans-serif;}
  
table tr td.separator
{ line-height: 10px;}

table tr td.total
{ padding: 10px 0;border-top: 1px dotted #888;
  font: bold 120% tahoma, arial, sans-serif;}

.error_message
{ color: red;}

.paging
{ text-align: center;
  padding: 10px 0;
  margin-bottom: 0px;}

.paging img
{ vertical-align: top;}

.paging_text
{ display: inline;line-height: 25px;font-weight: bold;}

#search_form
{ margin-top: -10px;}




.sidebaritem
{ padding: 0 20px;}

.sidebaritem ul li
{ width: 150px;}

.basket
{ background: #fff;
  color: #000;
  border: 5px solid #C00000;}
  
table.sizing
{ margin: 10px 0 30px 0;}

table.sizing tr th, table.sizing tr td
{ background: #0680F2;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table.sizing tr td
{ background: #ABC9E5;
  color: #47433F;
  border-top: 1px solid #FFF;}



  .gallery {
    position:relative;
    height:210px
  }
    .gallery a {
      float:left;
      position:absolute;
    }
    
    .gallery a img {
      border:none;
    }
    
    .gallery a.show {
      z-index:500
    }
  
  .gallery2 {
    position:relative;
    height:210px;
    width: 200px;
    float: right;
    margin: 0 0 0 20px;
  }
    .gallery2 a {
      float:left;
      position:absolute;
    }
    
    .gallery2 a img {
      border:none;
    }
    
    .gallery2 a.show {
      z-index:500
    }