/*
Sticky Footer Solution
by Steve Hatcher
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

html, body, #wrap
{ font-family: sans-serif; color: ##3c3c3c; font-size: 12px; }

#main {
overflow:auto;
padding-bottom: 240px;  /* must be same height as the footer */
}

#footer {
position: relative;
margin-top: -240px; /* negative value of footer height */
clear:both;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

a, a:link, a:visited
{ color: #3c3c3c !important; text-decoration: underline; }

a:hover
{ color: #0d6a23 !important; text-decoration: underline; }

#main
{ background-image: url("images/top_bg.jpg"); background-position: center top; background-repeat: no-repeat; min-height: 630px;
  min-width: 1000px; }

* html #main
{ height: 630px; }

#footer
{ background-image: url("images/bottom_bg.jpg"); background-position: center bottom; background-repeat: no-repeat; height: 240px;
  min-width: 1000px; }

.holder
{ width: 1008px; margin: 0 auto; position: relative; }

#hat
{ height: 140px; }

#hat .logo
{ display: block; padding: 20px; text-decoration: none; width: 280px; }

#hat .logo:hover
{ color: #3c3c3c !important; }

#site_header
{ padding: 5px; padding-left: 0; }

#hat .top_menu
{ position: absolute; right: 200px; top: 40px; }

#hat .top_menu li
{ display: inline; padding: 0 10px; }

#hat .top_menu li a
{ text-transform: uppercase; font-size: 17px; }

#hat .basket
{ float: right; width: 160px; margin-right: 6px; margin-top: -100px; }

#hat .basket .b_header
{ text-transform: uppercase; font-size: 17px; padding-left: 40px; padding-top: 16px; }

#hat  .basket a, #hat  .basket
{ color:  #fffffe !important; }

#hat  .basket p
{ margin: 20px auto 0 auto; width: 100px; }

#hat .telephone
{ position: absolute; top: 110px; left: 20px; font-size: 14px; font-weight: bold; color: #595959; }

#body .layout
{ border-collapse: collapse; border-spacing: 0; width: 100%; }

#body .layout td
{ vertical-align: top; }

#body .menu
{ padding-top: 35px; background-image: url("images/sidemenu_top_bg.png"); background-repeat: no-repeat; margin-top: 160px; }

#body .menu .b_header
{ height: 15px; color: #fffffe; font-size: 15px; font-weight: bold; margin-left: 55px; }

#body .menu ul
{ background-image: url("images/sidemenu_bg.png"); background-repeat: repeat;
  min-height: 233px; padding-bottom: 20px; padding-top: 20px; }

* html #body .menu ul {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sidemenu_bg.png", sizingMethod="scale");
height: 253px;
}

* html #body .menu {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sidemenu_top_bg.png", sizingMethod="crop");
height: 5px;
}

#body .menu ul li
{ position: relative; margin-bottom: 10px; background-image: url("images/sidemenu_li_bg.gif"); background-repeat: no-repeat; background-position: 25px 7px; }

#body .layout .sidebar
{ width: 279px; }

#body .layout .content
{ padding-top: 40px; padding-left: 30px; padding-right: 8px; }

#body .menu a
{ color: #fffffe !important; font-size: 15px; display: block; padding-left: 55px; }

#body .menu ul li a.this, #body .menu a:hover
{ color: #CCCCCC !important; }



.banner
{ padding-bottom: 15px; }

#body .sidebar .block
{  margin-left: 20px; padding-bottom: 20px; }

#body .sidebar .block.s4
{ background-image: url("images/sidebar_block_bg.jpg"); background-repeat: no-repeat; }

#body .sidebar .block .more
{ margin-left: 130px; }

#body .sidebar .block .b_header
{ padding-top: 20px; padding-bottom: 10px; font-weight: bold; color: black; font-size: 15px; }

#body .sidebar .showcase li
{ padding-bottom: 10px; }

#body .sidebar .news li
{ padding-bottom: 15px; }

#body .sidebar .news li span
{ font-weight: bold; font-size: 14px; display: block; }

#footer .site_copy
{ position: absolute; top: 90px; left: 20px; font-size: 15px; }

#footer .wcs_copy
{ position: absolute; top: 90px; right: 30px; font-size: 10px; }

#footer .wcs_copy img
{ float: left; margin-right: 4px; }

#footer .search input
{ background: none; border: none; outline: none; position: absolute; top: 95px; left: 480px; width: 175px; }

#footer .search .submit
{ left: 664px; width: 20px; cursor: pointer; }


/* SHOP SECTION */
#section
{ border-collapse: collapse; width: 100%; border-spacing: 0; }

#section .item td
{ }

#section .item .b_header
{ display: block; font-size: 16px; padding-top: 5px; padding-bottom: 10px; }

#section .item .description
{ padding-right: 15px; padding-left: 15px;  }

#section .item .description p
{ height: 60px; overflow: hidden; clear: both; }

#section .item .description .more
{ float: right; margin-right: 10px; }

#section .preview
{ width: 134px; }

#section .preview table
{ border-collapse: collapse; width: 133px; height: 120px; margin-bottom: 15px;  }

#section .preview table td
{ text-align: center; vertical-align: middle !important; border: 2px solid #89b39e; }

#section .meta
{ width: 105px; }

#section .meta .price
{ width: 105px; height: 36px; overflow: hidden; display: block; text-align: center; color: #FFFFFE; background-color: #90b398;
  background-image: url("images/section_price_bg.jpg"); font-size: 14px; padding-top: 22px; font-weight: bold; }

#section .meta .buyit
{ display: block; margin-top: 25px; background-color: #90b398; color: #FFFFFE !important; font-weight: bold; text-align: right; padding-right: 9px; padding-top: 6px;
  background-image: url("images/section_buyit_rollover.jpg"); height: 22px; background-position: 0 0;	}

#section .meta .buyit:hover
{ background-position: 0 28px; }

#section .delete_button
{ padding: 15px; margin-top: 10px; text-align: center; display: block; background-color: #eeeeee; }

#section .delete_button:hover
{ background-color: #dddddd; }

#basket_controls
{ background-color: #eeeeee; height: 60px; font-size: 14px; padding: 40px 25px 0 25px; }

#basket_controls .commit
{ float: right; }


/* SHOP ITEM */

.item_header
{ font-size: 18px; margin-bottom: 15px; }

.image_holder.main
{ border: 2px solid #89b39e; width: 270px; height: 255px; }

.image_holder td
{ text-align: center; vertical-align: middle !important;  width: 100px; height: 100px; }

.image_holder.main td
{ width: 270px; height: 255px; }

#shop_item .main_desc
{ padding-left: 15px; }

.item_previews
{ width: 355px; height: 110px; padding-top: 10px; }

.item_previews .preview
{ float: left; margin-right: 5px; margin-left: 1px; }

.item_previews table
{ border: 1px solid #ccded5; }

.item_meta
{ width: 105px; padding-top: 10px; float: right; margin-right: 50px; }

.item_meta .price
{ width: 105px; height: 36px; overflow: hidden; display: block; text-align: center; color: white; background-color: #90b398;
  background-image: url("images/section_price_bg.jpg"); font-size: 14px; padding-top: 22px; font-weight: bold; }

.item_meta .buyit
{ display: block; margin-top: 19px; background-color: #90b398; color: white !important; font-weight: bold; text-align: right; padding-right: 9px; padding-top: 6px;
  background-image: url("images/section_buyit_rollover.jpg"); height: 22px; background-position: 0 0;	}

.item_meta .buyit:hover
{ background-position: 0 28px; }

.item_meta_holder
{ width: 100%; border-collapse: collapse; }

.order_form .lable
{ display: block; }

.order_form textarea, .order_form input
{ width: 200px; }

.order_form .submit
{ display: block; margin-left: 105px; width: 100px; margin-top: 10px; cursor: pointer; }



/* RICHTEXT */
.richtext img
{ border: 4px solid #89b39e; margin: 15px; }

.richtext p
{ padding-top: 20px; }

.richtext h1
{ font-size: 18px; }

.richtext ul
{ padding-top: 10px; }

.richtext li
{ margin-left: 15px; list-style-type: square; }



.newslist p
{ padding: 0; margin: 0; padding-bottom: 10px; }


#serts_lnk
{ font-size: 14px; margin-left: 20px; display: block; margin-top: 15px; font-weight: bold; }

