HTML { height:auto !important; height:100%; min-height:100%; WIDTH:100%;}
BODY { height:auto !important; height:100%; min-height:100%; WIDTH:100%; BACKGROUND: url(/keramashop.ru/images/fb.jpg) bottom right no-repeat #eeeae0;FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;} 
* { 	PADDING: 0px; MARGIN: 0px; }

#wrapper {height:100%;WIDTH:100%;border:0;}

#menu { vertical-align: middle; height:29px; BACKGROUND-COLOR:#c7caa6}


#foot { vertical-align: middle; font-size: 12px}


#phone { vertical-align: middle; height: 120px; width:210px;}


#head {POSITION:absolute; top:0px; left:0px; z-index:3; width:298px; height:532px;BACKGROUND: url(/keramashop.ru/images/h2.png) top left no-repeat;}
#subhead {POSITION:absolute; top:0px; left:0px; z-index:2; width:298px; height:532px; BACKGROUND: url(/keramashop.ru/images/fon2.jpg) top left no-repeat;}

#rblock   { padding: 25px 10px 150px 10px ; text-align:justify; width:200px; font-size: 14px}
#rblock UL { list-style: square inside;  padding-left:10px }
#lblock {padding: 530px 10px 30px 10px; font-size: 14px}
#leftcol {width:298px;}

TD {vertical-align: top;}

IMG {border:0}


A {color:#000000; text-decoration: none; }

#h{POSITION:absolute; top:1px; left:310px; z-index:8;vertical-align: middle; right:250px}
#h H1{ font-size:90%; vertical-align: middle; font-style:italic; text-align:justify;text-transform:uppercase;}
#h A{ font-size: 26px; color:#90955F}
.cname { font-size:133%; vertical-align: middle; font-style:italic; color:#ff6600;text-transform:uppercase;}

#content { padding: 1em 1em 2em 1em; text-align:justify; FONT-SIZE: 14px; line-height:150%}
#content .nav A{ color:#90955F; font-style:italic; text-align:justify; }
.nav { font-size: 115%; color:#90955F; font-style:italic; text-align:justify;margin: 1.5em; text-transform:uppercase;}
#content P {padding: 7px}
#content UL {  list-style: square inside;  padding:20px } 
#content P A {color:#ff6600;} 
#content B {font-weight: normal;} 
#content I {font-style: normal }


.z { font-size: 115%; color:#90955F; text-align:center; padding-left: 10px}

#mList {font-size: 95%; PADDING-top:10px;}
#mList TD a {display:block; padding-left: 22px; }
#mList TD a:hover { BACKGROUND: url(/keramashop.ru/images/s.jpg)  no-repeat left 0;  }
#mList A:link {text-decoration:none;}
#mList A:hover{text-decoration:underline;}

#bSize { font-size: 95%; PADDING-top:10px;}
#bSize TD a {display:block; padding-left: 100px; }
#bSize TD a:hover {BACKGROUND: url(/keramashop.ru/images/s.jpg) no-repeat 70px 50%; }
#bSize A:link {text-decoration:none;}
#bSize A:hover{text-decoration:underline;}

#coll {width: 95%; margin-top:1.5em; margin-bottom:1.5em; FONT-SIZE: 14px; border-collapse: collapse; border: 1px #e4e4e4 solid}
#coll IMG {border:0; padding:5px}
#coll TD {border: 1px #e4e4e4 solid; border-collapse: collapse; padding: 5px}
.headers {BACKGROUND-COLOR: #c7caa6;vertical-align: middle; FONT-SIZE: 13px; color:#000; font-weight:bold}
.types {BACKGROUND-COLOR: #c7caa6;vertical-align: top; FONT-SIZE: 13px; color:#000; font-weight:bold }

H1, H2, H3 { font-size: 135%; color:#90955F;}


.im { margin:7px; border:3px #c7caa6 solid; padding:3px}


#description{padding:20px}
input.btn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border:1px solid;
  border-color: #696 #363 #363 #696;
}

#leftcol {width:298px}

#orderview {border-collapse: collapse; border: 1px #e4e4e4 solid; width:95%; FONT-SIZE: 11px; padding:50px; margin:5px}
#orderview TD {padding:5px}
#zvalue TD {FONT-SIZE: 11px; }

#fform {margin: 0 auto; width: 95%; margin-top: 20px}
input, textarea {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#eeeae0;
  border:1px solid;
  border-color: #90955F;
  margin: 2px;

}

#fname {width:90%}
#fregdata{width:90%; height: 50px}
#fcomment{width:90%; height: 150px}
#clist {padding-top: 25px;}

.names{color:#90955F;font: bold 105% 'trebuchet ms',helvetica,sans-serif;padding-top: 5px}
.qsa{padding: 5px;color:#000;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}
.qsq{padding: 5px; padding-bottom:15px;color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}
.newstitle A { font-size: 135%; color:#90955F;}
.newstitle  { font-size: 125%; color:#ff6600;}
.news:first-letter{font-size: 135%;}
.news A {color:#ff6600;}
.news IMG {border: 3px solid #90955F; margin:10px; padding: 1px}
.newsdate {font-size:83%; color:#ff6600;}
#news {text-align:justify; font-size:95%; color:#000;}

UL A {color:#ff6600;}

#yasearch {height:18px; padding:0;margin:0; vertical-align:middle;}
#yasearch input {height:18px; padding:0;margin:0; vertical-align:middle;font: 11px 'trebuchet ms',helvetica,sans-serif;}

.elem{width:190px; text-align:center;vertical-align:middle;float: left;margin:3px}
.element{width:180px; text-align:center;vertical-align:middle;float: left;margin:2px}
.price{color:#ff6600;font-weight: bold}
.elem A {display:block;}
.element A {display:block;}
UL, LI {list-style-type: circle }
#collection{ width:49%;float:left;padding-top:10px}
#descr {width:49%;float:left;padding-top:10px;}
#descr TD{font: normal 84% 'trebuchet ms',helvetica,sans-serif;}
#descr A{color:#ff6600;font-weight: bold}