a:active,a:focus {
    outline:0;
}
html,body {
  margin:0;
  padding:0;
}

body {
  text-align:center;
  height:100%;
  background:url(../images/repeat_bg.png) repeat-y top center;
}
.cleaner {
    clear:both;
}
h1, h2, h3 {
  color:#421504;
  font-family:"Trebuchet MS";
  font-size:17px;
}
p {
  font-family:"Trebuchet MS";
  font-size:16px;
  line-height:16px;
}
a {
  color:#421504;
}
span.brown {
  color:#9A520C;
}
/*------------------------------------------*/
#wrapper {
  height:100%;
  min-width:1260px;
  height:auto!important;
  height:100%;
  min-height:100%;
  background:url(../images/bottom_bg.jpg) no-repeat bottom center;
}
#container {
  min-height:100%;
  position:relative;
  background:url(../images/header.png) no-repeat top center;
}
#header,#body,#footer,#top_menu,#footline {
  margin:0 auto;
  width:1038px;
  text-align:left;
}
#body {
  background:url(../images/body_bg.png) repeat-y top left;
}
#header {
  position:relative;
  height:205px;
}
#footline {
  height:12px;
  background:url(../images/footer_line.png) no-repeat 0 0;
}
/*-----------------header-----------*/
.lang {
  height:31px;
  width:1024px;
  background:url(../images/lang_bg.png) no-repeat top left;
  position:absolute;
  right:0;
  margin-right:-52px;
  padding:6px 0 0 27px;
}
.lang a {
  text-decoration:none;
  font-weight:bold;
  background:url(../images/lang_no_active.png) no-repeat top left;
  padding: 6px 6px 6px 6px;
  margin-right:10px;
}
.lang a:hover,.lang a.active {
  color:#fff;
  background:url(../images/lang_active.png) no-repeat top left;
}
#header img {
  position:absolute;
  right:0;
  top:37px;
  margin-right:-25px;
}
#header a img.logo {
  position:absolute;
  left:19px;
  top:58px;
}
.choise {
  width:469px;
  height:44px;
  position:absolute;
  right:0;
  top:162px;
  margin-right:-25px;
  background:url(../images/choise_bg.png) no-repeat top left;
}
#header .choise img {
  cursor: pointer;
  margin-right:58px;
  top:0;
}
#brandlisting {
  position:absolute;
  right: 33px;
  top: 205px;
  width: 445px;
  background: #930000;
  padding:20px 0px 15px 20px;
  -moz-border-radius: 7px 0 7px 7px;
  -webkit-border-radius: 7px 0 7px 7px;
  border-radius: 7px 0 7px 7px;
  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
}
#brandlisting ul {
  list-style:none;
}
#brandlisting ul li {
  float: left;
  width: 148px;
  padding:0;
}
#brandlisting ul li a {
  text-decoration:none;
  color:#fff;
  font-family:"Trebuchet MS";
  font-size:16px;
}
#brandlisting ul li a:hover,.brandlisting ul li a.active {
  color:orange;
}
/*------------------topmenu------------*/
#top_menu {
  height:49px;
  margin-top:5px;
  background:url(../images/top_menu_bg.png) no-repeat top left;
}
#top_menu a {
  float:left;
  display:table;
  text-decoration:none;
  color:#fff;
  font-size:20px;
  margin:11px 0 0 30px;
  padding:2px 30px 6px;
  background-color:orange;
}
#top_menu a:hover,#top_menu a.active {
  color:#421504;
  margin:0 0 0 30px;
  padding:13px 30px 6px;
  background-color:#fff;
}
/*------------------content------------*/
#content {
  float:left;
  width:756px;
  padding:25px 21px;
}
#content p {
  line-height:1.5;
  margin:0 0 20px;
}

#content img {
   border: 1px solid #ccc;
   padding: 5px;
   margin: 10px 10px 0;
}

#content img[align="right"] {
   margin: 5px 0 0 10px;
}
#content img[align="left"] {
   margin: 5px 10px 0 0;
}

#content ul {
   margin: 0 0 10px;
}

#content ul li {
   list-style-position: outside;
   list-style-type: circle;
   margin-left: 15px;
   font-family: "Trebuchet MS";
   font-size: 16px;
}

h1 b{
  font-size:30px;
  font-weight:normal;
  margin-right:10px;
}
.info {
  width:757px;
}
.info ul {
  list-style:none;
  height:276px;
  background:url(../images/ul_bg.png) repeat-y top center;
}
.info ul li {
  float:left;
  width:360px;
  background-color:#e4e4e4;
  height:276px;
  padding:0 5px;
}
.info ul li.left {
  float:left;
}
.info ul li.right {
  float:right;
}
.form {
  background-color:orange;
  border-top:1px solid #E7E7E7;
  padding:20px 20px 7px 20px;
  width:556px;
  float:right;
}
.form input {
  background:transparent url(../images/form_input_bg.png) no-repeat left top;
  border:0 none;
  margin-bottom:15px;
  padding:9px 0 6px 15px;
  width:556px;
  font-family:"Trebuchet MS";
  font-size:16px;
}
.form textarea {
  background:url(../images/form_textarea_bg.png) repeat-y left top;
  border:0 none;
  height:162px;
  width:541px;
  padding:15px 0 0 15px;
  font-family:"Trebuchet MS";
  font-size:14px;
}
.form a img {
  float:right;
  margin-top:10px;
}
/*#content ul {*/
  /*list-style-position: inside;*/
/*}*/
#content ul.lable {
  list-style:none;
  float:left;
}
#content ul.lable li {
  margin:28px 0;
  font-family:"Trebuchet MS";
  font-size:16px;
}
.article {
  background:url(../images/article_bg.png) repeat-x top left;
  height:184px;
  padding:15px 0 0 15px;
}
.newsitem {
  margin:20px 0;
}
.newsitem a {
  color:orange;
  font-family:"Trebuchet MS";
  font-size:16px;
}
.newsitem span {
  color:#636363;
  font-family:"Trebuchet MS";
  font-size:14px;
  margin:20px 0 0 0;
}
/*-----------------right----------*/
#rightside {
  float:right;
  width:231px;
  padding:4px;
  color:#fff;
}
#rightside p.advance {
  font-family:verdana;
  font-size:15px;
  font-weight:bold;
  padding-right:25px;
  background:url(../images/advance.png) no-repeat right 2px;
  margin:0 10px 20px 65px;
}
.sort {
  background-color:#421504;
  padding:5px 0 0 0;
  margin-bottom:7px;
}
.sort p.popular {
  margin:10px 0 0 12px;
}
.sort a img {
  float:right;
  margin-top:7px;
}
.aroma {
  float:left;
  width:91px;
  padding-left:8px;
  border-right:1px solid #5d3627;
}
.aroma p {
  margin:0 0 4px 4px;
}
.aroma span {
  margin-left:3px;
  color:#d09d06;
}
.price {
  float:right;
  text-align:right;
  width:123px;
  padding-right:8px;
}
.price p {
  margin-bottom:4px;
}
.price input {
  background:url(../images/input_bg.png) no-repeat left top;
  border:0;
  color:#421504;
  height:18px;
  text-align:center;
  width:70px;
}
.price span {
  margin-right:5px;
  color:#d09d06;
}
.ingred {
  margin:10px 0 0 10px;
}
.ingred p {
  margin-bottom:4px;
}
.ingred span {
  color:#d09d06;
  float:left;
}
.ingred input {
  background:url(../images/input_bg.png) no-repeat left top;
  border:0;
  color:#421504;
  height:18px;
  text-align:center;
  width:87px;
  float:right;
  margin:4px 8px 0 0;
}

/*-----------------footer-----------*/
#footer {
  margin:0 auto;
  position:relative;
  width:1000px;
  padding-bottom:7px;
}
#footer p.best {
  display:table;
  color:#FEE57D;
  font-family:verdana;
  font-size:16px;
  margin-left:11px;
  padding-bottom:10px;
  background:url(../images/best.png) no-repeat center bottom;
}
#footer p.footerpleft {
  color:#FEE57D;
  float:left;
  margin-left:10px;
}
#footer p.footerpright {
  color:#FEE57D;
  float:right;
  margin-right:10px;
}
#footer p.footerpright a {
  color:#FF7200;
}
#footer p.brands a {
  float: left;
}

.left { float: left; }
.right {float: right; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.socials {
    position: absolute;
    top: 0; left: 50px;
    width: 100px;
    z-index: 100;
}

.socials a {
    display: inline-block;
    width: 35px; height: 35px;
    margin-left: 5px;
    background-image: url('../images/socials.png');
}


.twitter { background-position: -37px 0;}
.facebook { background-position: 0 0;}