/*----- Shop general header and footer template styles -----*/

body{
  margin:0px;
  background: #ffffff url(images/bgr.gif) repeat-x center top;
  color: #000000;
  font:12px arial,tahoma,verdana,sans-serif
}
a,table a{color:#000000}
a:hover{text-decoration:underline}
a img{border:0 none}
table{color:#000000}
div,h1,h2,h3,h4,h5,p,form{margin:0;padding:0;border:0 none}
input{border:1px solid #B2B2B2;padding-left:3px;font:12px tahoma,arial,sans-serif}
select{padding-left:3px;font:12px tahoma,arial,sans-serif}
input.checkbox{border:0}

#container{
  width: 975px;
  margin: 0 auto;
  border-left: solid 7px #ffffff;
  border-right: solid 7px #ffffff; 
  background: #ffffff
}
/*--- Header ---*/
#header {
  height: 95px;
}
#logo{
  float:left;
  width:auto;
  margin:0px;
  height:auto;
}
#logo img{
  height: auto
}
#slogan{  
  margin: 0px;
  float:left;
  width:450px;
  text-align:left;
  height:auto
}
#slogan h1{
  color:#666666;
  font:normal 12px arial,tahoma,verdana,sans-serif
}
#topmenu {
  background:url(images/topmenu-bgr.gif) #ffffff no-repeat center bottom;
  margin-bottom: 5px;
  height: 45px
}
#topmenu a {  
  width: 116px;
  max-width: 116px;
  color:#FFFFFF;
  background:#037da4 url(images/topmenu-item-bgr.gif) no-repeat left top;
  text-align: center;
  line-height:32px;
  display: block;
  margin-right: 5px;
  text-decoration:none
}
#topmenu a:hover{
  color:#ffffff;
  background:#6c6c6c url(images/topmenu-item-act-bgr.gif) no-repeat left top;
  text-decoration:none
}
#topmenu ul{
  margin:0;
  padding:0
}
#topmenu li{
  float:left;
  padding: 0px;
  display:inline;
  list-style:none;
}
#topmessage {
  float: right;
  width: 637px;
  height: 34px;
  margin: 14px 0 12px 0;
  color: #000000;
  font-weight: bold;
  text-align: right;
  background: url(images/topmessage-bgr.gif) no-repeat left bottom;
  clear:both;
}
/*--- Column layout ---*/
#columns{
  width:975px
}
#column-left{
  width:200px;
  float:left
}
#column-center{
  width:585px;
  float:left;
}
#column-right{
  float:right;
  width:180px;
  color:#000000
}
/*--- Serch block ---*/
#search {
  float:right; 
  width: 390px;
  height: auto;
  text-align: left;
  margin-left: 10px;
}

.search-input {
  float:left;
  margin-left: 8px; 
}

.search-title{
  float:left;
  font-weight: bold;
  color: #000000;
  margin-top: 5px;
}

.search-input input {
  height: 15px;
  width: 200px;
  background: #f5f5f5;
  border: none;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  color: #000000;
  font-size: 12px;
  padding: 5px
}

.search-go {
  float:right;
}
.search-go input{
  width:60px;
  height: 25px;
  background: #858585 url(images/search-btn-bgr.gif) no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  border: none;
}
/*--- basket styles ---*/
.basket-icon {
  float:left;  
  margin: 4px 7px 0 0
}
.basket-summary{
  float: left;
  width: 130px;
  line-height: 19px;
}
.basket-checkout{
  float:left;
}
.basket-checkout a{
  background: url(images/checkout-button-bgr.gif) no-repeat left top;
  color: #ffffff;
  font-weight:bold;
  line-height: 23px;
  width: 86px;
  margin-right: 3px;
  margin-top: 2px;
  text-align: center;
  text-decoration: none;
  display: block;
}
.basket-viewcart{
  float:left;  
}
.basket-viewcart a{
  background: url(images/viewcart-button-bgr.gif) no-repeat left top;
  color: #ffffff;
  font-weight:bold;
  line-height: 23px;
  width: 86px;
  margin-top: 2px;
  text-align: center;
  text-decoration: none;
  display: block;
}
/*--- Login box styles ---*/
.login-box{
  background: #ececec url(images/login-top-bgr.gif) no-repeat left top;
  width: 160px;
  padding: 10px;
  font-weight:bold;
}
.login-box input{
  height: 15px;
  width: 150px;
  background: #ffffff;
  border: none;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  font-size: 12px;
  margin-bottom: 7px;
  padding: 2px
}
.login-box .button {
  width:60px;
  height: 23px;
  background: #858585 url(images/login-btn-bgr.gif) no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  border: none;
}
.login-box-bottom{
  width: 180px;
  height: 4px;
  margin-bottom: 15px;
  background: url(images/login-bottom-bgr.gif) no-repeat left top;
}
.login-box a{
  color: #008ab5;
  font-size: 11px; 
  font-weight: normal;
}
/*--- Category tree styles ---*/
#category-list {
  width: 190px;
  background: #008ab5 url(images/categories-bgr-top.gif) no-repeat left top;
  color: #ffffff;
  padding: 5px;
}
#category-list ul{
  margin:0;
  padding:0
}
.categories-bottom {
  width: 200px;
  height: 4px;
  margin-bottom: 15px;
  background: url(images/categories-bgr-bottom.gif) no-repeat left top;
}
.leftmenu0, .leftmenuactive0{
  border-bottom:1px solid #007ca2;  
}
.leftmenu0 a{
  color:#FFFFFF;
  display: block;
  min-height:19px;
  padding: 5px 2px 2px 17px;
  background: url(images/arrow-l1.gif) no-repeat 8px;
  text-decoration: none;
}
.leftmenuactive0 a {
  color:#FFFFFF;
  display: block;
  min-height:19px;
  padding: 5px 2px 2px 17px;
  background: #009fd1 url(images/arrow-l1-act.gif) no-repeat 8px;
  text-decoration: none;
}
.leftmenu0 a:hover,.leftmenuactive0 a:hover{
  display: block;
  background: #009fd1 url(images/arrow-l1-act.gif) no-repeat 8px;
  text-decoration: none
}
.leftmenu1,.leftmenuactive1{
  border-bottom:1px solid #007ca2;
}
.leftmenu1 a,.leftmenuactive1 a{
  color:#FFFFFF;
  display: block;
  min-height:19px;
  padding: 5px 2px 2px 20px;
  background: #017194 url(images/arrow-l2.gif) no-repeat 12px;
  text-decoration: none;
}
.leftmenuactive1 a {
 text-decoration: underline
}
.leftmenu1 a:hover,.leftmenuactive1 a:hover{
  display: block;
  background: #017194 url(images/arrow-l2.gif) no-repeat 12px;
  text-decoration: underline
}
.leftmenu2,.leftmenuactive2 {
  border-bottom:1px solid #007ca2;
}
.leftmenu2 a,.leftmenuactive2 a{
  color:#FFFFFF;
  display: block;
  min-height:19px;
  padding: 5px 2px 2px 24px;
  background:#00516a url(images/arrow-l3.gif) no-repeat 15px;
  text-decoration: none;
}
.leftmenu2 a:hover,.leftmenuactive2 a:hover{
  display: block;
  background:#003b4d url(images/arrow-l3.gif) no-repeat 15px;
  text-decoration: none;
}
.leftmenu3,.leftmenuactive3{
  border-bottom:1px solid #007ca2;
}
.leftmenu3 a,.leftmenuactive3 a{
  color:#FFFFFF;
  display: block;
  min-height:19px;
  background: #003c4e;
  padding: 5px 2px 2px 24px;
  text-decoration: none;
}
.leftmenu3 a:hover,.leftmenuactive3 a:hover{
  display: block;
  font-weight:bold;
  text-decoration: none;
}
/* Column box styles */
#cmblock h4{
  padding-left:20px;
  margin-bottom: 5px;
  border-bottom:1px solid #F0F0F0;  
  font:bold 12px/20px Arial,sans-serif;
  background:url(images/category-title-bgr.gif) no-repeat top left
}
.mblock h4{
  padding-left:20px;
  margin-bottom: 5px;
  border-bottom:1px solid #F0F0F0;  
  font:bold 12px/20px Arial,sans-serif;
  background:url(images/category-title-bgr.gif) no-repeat top left
}
.mblock h5{
  padding-left:20px;
  margin-bottom: 5px;
  border-bottom:1px solid #F0F0F0;  
  font:bold 12px/20px Arial,sans-serif;
  background:url(images/category-title-bgr.gif) no-repeat top left
}

.mblock{
  margin:0 0 12px 0
}
.mblock p {
  padding:5px 0 2px 0;
  text-align: center;
  text-transform:capitalize
}
.mblock ul{
  margin:0;
  padding:0 10px
}
.mblock li{
  list-style:none;
  line-height:22px;
  padding-left: 20px;
  background:url(images/leftmenu-bullet.gif) no-repeat left
}
.mblock li a {
  color:#454545;
  text-decoration:none
}

.mblock li a:hover{
  text-decoration:underline
}
#column-right li a:hover{
  text-decoration:underline
}
#news-ul{
  padding: 0px
}
.mblock li.news{  
  line-height:14px;
  padding: 0;
  list-style:none;
  background:none
}
.mblock li.news img{ 
  border: 0px;
  margin: 0px 5px 20px 0px  
}
.mblock .newestproduct {
  border-bottom:1px solid #f0f0f0;
  clear:both;
  float:left;
  margin:0 0 10px;
  padding:0 0 5px;
  width:100%;
}
.mblock .newest-image {
  float:left;
  height:85px;
  margin:0 2px 0 0;
  text-align:center;
  width:80px;
}
.mblock .newest-content {
  float:left;
  text-align:left;
  width:92px;
}
.mblock .newest-content a {
  color: #333333;
  
  text-decoration: none
}
.mblock .newest-content strong {
  color: #008ab5;
}
/*--- Footer ---*/
#pagefooter{
  border-top: 1px solid #f0f0f0; 
  height:73px
}
#pagefooter a{
  color:#333333;
  text-decoration:underline
}
#pagefooter a:hover{
  text-decoration:none
}
#botmenu{
  padding:10px 0 20px 0;
  text-align:center;
  background:url(images/footer-bgr.gif) no-repeat center bottom;
  text-transform:capitalize
}
#copy{
  padding:5px;
  color:#939393;
  font-size:11px;
  text-align:center
}
#copy a {
  color:#939393;
  text-decoration:none;
}
/*--- Misc. ---*/
#cmblock{
margin:0
}
.fix{
clear:both
}