html {
  background: #E7E7E7 url(/img/bg-html.jpg) top left repeat-x;
}
body {
    font: 14px/18px Arial, Helvetica, Verdana, sans-serif;
}

input, select, textarea {
  border: 1px solid #CCC;
  padding: 2px;
}

a
{
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}

#All {
  text-align: center;
  background:  url(/img/bg.jpg) top center no-repeat;
  width: 100%;
}

#Out {
  width: 980px;
  min-height: 670px;
  text-align: left;
  margin: 0 auto;
  background: #FFF url(/images/bg-out.png) bottom left no-repeat;
}
#Header {
  height: 145px;
  position: relative;
  background: url(/img/bg-header.jpg) bottom center no-repeat;
}
.nav {
  position: absolute;
  top: 20px;
  font-size: 12px;
  right: 25px;
}
a, a:visited {
  color: #000;
}
a:hover {
  text-decoration: none;
}
.nav li {
  float: left;
  margin-left: 5px;
}
#Logo {
  padding-top: 26px;
  padding-bottom: 8px;
}
#Menu {
  position: absolute;
  bottom: 4px;
  list-style: none;
  width: 690px;
  padding-left: 15px;
}
#Menu li {
  float: left;
  text-transform: uppercase;
}
#Menu li a {
  font-size: 12px;
  font-weight: bold;
  color: #383838;
  text-decoration: none;
  padding: 6px 15px;
  display: block;
}
#Menu li a:hover {
  color: #60BD00;
}
#Menu li a.active {
  color: #FFF;
  background: #60BD00!important;
}

#Menu li a.active:hover {
  color: #FFF;
}
#Main {
  padding: 0 25px;
  width: 930px;
  min-height: 600px;  
   
  overflow: hidden;

}
#Content {
  font-size: 12px;
  width: 685px;
  margin-right: 0px;
  float: left;
  min-height: 500px;
  _height: 500px;
}
#Standard {
  padding: 17px 0 27px 0px;
}
#Standard p {
  font: 14px/16px Arial, Helvetica;
	margin-bottom: 1em;
  line-height: 1.4em;
}
#Sub {
  width: 222px;
  float: right;
  padding-top: 2px;
}
#Sub a:hover {
  text-decoration: underline;
}

.round-small {
  padding-top: 6px;
  width: 221px;
  float: left; 
  margin: 0 10px 10px 0;
  background: url(/img/round-small-top.gif) top left no-repeat;
}

.round {
  padding-top: 6px;
  width: 236px;
  float: left; 
  margin: 0 4px 4px 0;
  background: url(/img/round-top.gif) top left no-repeat;
}
.round-inside {
 padding: 11px;
 border-left: 1px solid #9A9A9A;
 border-right: 1px solid #9A9A9A;
}
.round-bottom {
  background: url(/img/round-bottom.gif) bottom left no-repeat;
  padding-bottom: 6px;
}

.round-small-bottom {
  background: url(/img/round-small-bottom.gif) bottom left no-repeat;
  padding-bottom: 0px;
  height: 6px;
}
.product-image {
  height: 180px;
  border-bottom: 1px dashed #9A9A9A;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
div.main-product-image {
  margin-bottom: 20px;
}
.submenu {
  margin: 0 0 16px 0;
}
.submenu li {
  _height: 1%;
}
.submenu ul {
  padding: 4px 0;
  background: #FCFCFC;
  margin-bottom: 1px;
}

a.cat, a.cat:visited {
   font-size: 12px;
  color: #FFF;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
}
table {
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #FAFAFA;
  border-right: 1px solid #FAFAFA;
  border-collapse: collapse;
  
}
table th,
table td {
  border-bottom: 1px solid #EFEFEF;
  border-left: 1px solid #FAFAFA;
  padding: 5px;
}
table th {
  background: #F2F2F2;
}
table.rows,
table.rows th, table.rows td {
  border: none;
}
table.rows th, table.rows td {
  padding: 8px;
}

.cat {
  line-height: 28px;
  height: 28px;
  text-transform: uppercase;
  display: block;
  padding-left: 10px;
  text-decoration: none;
}
.item {
  font-size: 11px;
  color: #333;
  display: block;
  line-height: 17px;
  padding-bottom: 2px;
  padding-left: 18px;
  background: #fCFCFC url(/img/arrow.gif) 10px 6px no-repeat;
  text-decoration: none;
}


.cat0 { background: #DCDCDC url(/img/cat0.jpg) top left repeat-x; color: #000; _height: 1%;}
.cat1 { background: url(/img/cat1.jpg) top left repeat-x; }
.cat2 { background: url(/img/cat2.jpg) top left repeat-x; }
.cat3 { background: url(/img/cat3.jpg) top left repeat-x; }
.cat4 { background: url(/img/cat4.jpg) top left repeat-x; }
.cat5 { background: url(/img/cat5.jpg) top left repeat-x; }
.cat6 { background: url(/img/cat6.jpg) top left repeat-x; }
.cat7 { background: url(/img/cat7.jpg) top left repeat-x; }
.cat8 { background: url(/img/cat8.jpg) top left repeat-x; }
.cat9 { background: url(/img/cat1.jpg) top left repeat-x; }
.cat10 { background: url(/img/cat2.jpg) top left repeat-x; }
.cat11 { background: url(/img/cat3.jpg) top left repeat-x; }
.cat12 { background: url(/img/cat4.jpg) top left repeat-x; }
.cat13 { background: url(/img/cat5.jpg) top left repeat-x; }

a.cat-active, a.cat-active:visited,
a.cat0, a.cat0:visited {
  _height: 1%;
  color: #000;
  padding-left: 10px;
  text-decoration: none;
  text-transform: none;
  display: block;
 
  padding-top: 5px;
  padding-bottom: 5px;
 
  
  font-weight: bold;
  border-bottom: 1px solid #FFF;
}
a.cat-active, a.cat-active:visited { background: #61BD00 url(/img/cat-active.jpg) top left repeat-x; color: #FFF}

h2 {
  position: relative;
  font-size: 22px;
  background: url(/img/dots.gif) left  23px repeat-x;
  margin-bottom: 24px;
  padding: 7px 0 0 0 !important;

}
h2 span {
  background: #FFF;
  padding-right: 20px;
}

h3 {
  font-size: 16px;
  margin: -19px 0 20px 0;
}
h4 {
  font-size: 13px;
  margin: 10px 0;
  font-weight: bold;
  text-transform: uppercase;
}
h4 span {
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}
.product {
  padding: 28px;
  overflow: hidden;

}
.product-left {
  width: 450px;
  float: right;

}
.product-left div.product-desc {
  
}
.product-right {
  width: 213px;
  float: left;
  
}
.product-right select {
  width: 90%;
}
#Price {
  font-size: 28px;
  display: block;
  padding-top: 15px;
}
#Price span {
  font-size: 11px;
  color: #999;
}
#Price div {
  font-size: 12px;
  color: #f00;
}
.submit {
  cursor: pointer;
  color: #FFF;
  border: none;
  width: 206px;
  height: 47px;
  line-height: 47px;
  font-size: 18px;
  font-weight: bold;
  background: url(/img/submit.jpg) top left no-repeat;
}

.grid,
.grid td {
  border: none;
  font-size: 15px;
}
.input,
.grid input {
  padding: 5px;
  font-size: 15px;
}
.steps {
  margin: 0 0 10px;
  line-height: 23px;
  font-size: 13px;
  font-weight: bold;
}
.steps a {
  color: #525252;
}
.steps span {
  background: url(/img/greybg.png) center center no-repeat;
  padding: 10px;
}
.steps span.active {
  background: url(/img/greenbg.png) center center no-repeat;
  color: #FFF;
}
.line {
  padding-top: 10px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  
}
strong {
  font-weight:bold;
}
.flash {
  color: #FFF;
  background: green;
  padding: 4px;
  margin-bottom: 5px;
}
#Footer {
  margin: 3px 10px;
  border-top: 1px solid #DDD;
  font-size: 12px;
  color: #666;
  padding: 12px 0;
  margin-bottom: 3px;
}
#FooterHome {
  margin: 2px auto 10px auto;
  width: 980px;
  text-align: right;
  font-size: 11px;
  color: #555;
  
}
a.info{
    position:relative; /*this is the key*/ 
    z-index:0;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:2; background-color:#fff}

a.info span.inner{display: none}
a.info span.scheme{display: none}

a.info:hover span.inner{ /*the span will display just on :hover state*/
    display:block;
    z-index: 1000;
    position:absolute;
    top:1em; left:1em; width:240px;
    border:1px solid #DDD;
    background-color:#f2f2f2;
    padding: 7px;
    text-align: left;
    line-height: 1em !important;}

a.info:hover span p {
  line-height: 1em !important;
}    
    


a.info:hover span.scheme{ /*the span will display just on :hover state*/
    display:block;
    z-index: 1000;
    position:absolute;
    top:1em; right:1em; 
    text-align: left;
    background: #fff;
    padding: 10px;}

    
.note {
  font-size: 14px;
  background: #f2f2f2;
  text-align: center;
  padding: 4px;
  margin: 10px 0;
}
.order-online {
  margin-bottom: 5px;
  display: block;
}
.error {
  color: #FFF;
  background: #E03346;
  padding: 5px;
  margin: 10px 0;
}
.notice {
  color: #fff;
  background: #92C836;
  padding: 5px;
  margin: 10px 0;
}
#Promo {
  text-align: left;
  width: 465px;
 
}

.promo-shadow-over {
  float: right;
  width: 204px;
  font-size: 12px;
  margin-bottom: 4px;
}
.promo-shadow-over p {
  margin: 0;
  padding: 0;
}
.promo-shadow {
  padding: 2px;
  width: 200px;
  height: 80px;
  background: url(/img/promo-bg.png) top left no-repeat;
  overflow: hidden;
}
.promo-shadow a {
  display: block;
  border: none;
  width: 198px;
  height: 80px;
  overflow: hidden;
}

.product-shadow-over {
  float: left;
  width: 204px;
  margin-right: 35px;
  _margin-right: 33px;
  margin-bottom: 35px;
  font-size: 14px;

}
.product-shadow {
  padding: 2px;
  width: 202px;
  height: 182px;
  background: url(/img/product-bg.png) top left no-repeat;
  overflow: hidden;
}
.product-shadow a {
  display: block;
  border: none;
  width: 198px;
  height: 170px;
  overflow: hidden;
}
.banner-over .product-shadow a{
  height: 175px;
}
.shadow-big-over {
  padding: 4px;
  width: 224px;
  height: 260px;
  background: url(/img/shadow-big.png) top left no-repeat;
  float: left;
  margin-right: 13px;
  font-size: 14px;
}
.shadow-big-over p {
  margin: 7px 0;
}
.shadow-big {
  width: 226px;
  height: 200px;
  overflow: hidden;
  text-align: center;
}

.phone {
  background: #D6E4F1;
  padding: 8px;
  border-top: 1px solid #D8DFEA;
  border-bottom: 1px solid #D8DFEA;
  margin-bottom: 7px;
}

.fb {
  background: #EDEFF4;
  padding: 8px;
  height: 54px;
  width: 426px;
  border-top: 1px solid #D8DFEA;
  border-bottom: 1px solid #D8DFEA;
  float: left; 
  margin-right: 30px;
}
.messangers {
  background: #FFF;
  padding: 8px 0;
  height: 54px;
  width: 210px;
  border-top: 1px solid #D8DFEA;
  border-bottom: 1px solid #D8DFEA;
  float: right; 

}
#Promo {
  float: left;
}
.banner-over {
  float: right;
  width: 210px;
  overflow: hidden;
}
.infobar {
  line-height: 15px;
  overflow: hidden;
}
.first h4 {
  margin: 2px 0;
}
.infobar .first {
  height: 34px; 
  padding-top: 4px;
  font-size: 11px;
  float: left;
  width: 200px;
  margin-right: 7px;
  background: url(/img/phone.png) top left no-repeat;
  padding-left: 30px;
}
.infobar .second {
  width: 200px;
  float: left;
  
}
.infobar .third {
 width: 60px;
 float: left;
 padding: 5px 3px 0 35px;
 height: 38px;
 background: url(/img/fbnew.png)left 5px no-repeat;


}

.infobar .four {
  width: 129px;
  float: left;
   padding: 3px;
 
  padding-left: 19px;

}
.product-desc ul {
  margin: 5px 0;
  font-size: 14px;
 
}
.product-desc li {
  margin-left: 15px;
  list-style-type: disc;
}
.more-images {
  margin-bottom: 15px;
  width: 100%; overflow: hidden;
}
.more-images a{
  display: block;
  background: #CCC;
  float: left;
  padding: 4px 8px;
  margin-right: 1px;
}

.status { position: absolute; font-size: 11px;top: 0; right: 0}
.status1 { background: #555555; padding: 4px; color: #FFF }
.status2 { background: #ffd800; padding: 4px; color: #FFF}
.status3 { background: #00b200;padding: 4px; color: #FFF }
.status5 { background: #0000b2; padding: 4px; color: #FFF }
.status4 { background: #ff0000; padding: 4px; color: #FFF }

/********** HOME PAGE **********/
#Content{min-height:785px}
* html #Content{height:785px}
.hp-bnnr{position:absolute;width:708px;margin:0 0 0 -25px;padding:120px 0 0 2px;background:url(/img/purchase.jpg) no-repeat}
* html .hp-bnnr ul{margin:0 0 0 -23px}
.hp-bnnr ul li{float:left;display:block;width:213px;margin:0 0 23px 23px}
.hp-bnnr ul li.dbl{width:449px}
.hp-bnnr ul li a{display:block;height:200px;background-repeat:no-repeat}
.hp-bnnr ul li a#a1{background-image:url(/img/001.jpg)}
.hp-bnnr ul li a#a2{background-image:url(/img/002.jpg)}
.hp-bnnr ul li a#a3{background-image:url(/img/003.jpg)}
.hp-bnnr ul li a#a4{background-image:url(/img/004.jpg)}
.hp-bnnr ul li a#a5{background-image:url(/img/005.jpg)}
.hp-bnnr ul li a#a6{background-image:url(/img/006.jpg)}
.hp-bnnr ul li a#a7{background-image:url(/img/007.jpg)}
.hp-bnnr ul li a#a8{background-image:url(/img/008.jpg)}
.hp-bnnr ul li a span{display:none}


/****** search page ********/

.searchLabel
{
font-size: 14px;
padding: 10px 0px;
display: block;
}

.searchCategory
{
font-size: 13px;
font-weight: bold;
}

.searchResult
{
padding: 0px 5px;
}

.searchResultPreview
{
padding: 5px 10px;
}

#searchBox
{
	border: 1px solid #63BE00;
	color: #63BE00;
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
}

#searchBtn
{
	background: url(/images/search.jpg) center;
	border: none;
	width: 30px;
	height: 100%;
	cursor: pointer;
}