* {
margin: 0px;
padding: 0px;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding-bottom: 40px;
}

p, ul, ol, li{
  margin: 5px 10px 5px 10px;
  padding: 0px;
  text-align: justify;

}

#head{
  margin: 0px auto;
  display: block;
  height: 120px;
  width: 1000px;
  position: relative;
  background: url(../design/bg_top_v_4.jpg) no-repeat 0% 0%
}


a{
  color: #0000FF
}


a:hover{
  color: #FF0000
}


#wellness_zone{
  font-size: 14pt;
  color: #000000;
  position: absolute;
  top: 20px;
  left: 50px;
  text-shadow: 5px 5px 2px #A9A9A9;
  FILTER: DropShadow(Color=#A9A9A9, OffX=5, OffY=5, Positive=2);
  font-weight: bold;
  display: block;
  height: 30px;
  width: 500px
}


#wellness_zone:hover{
  color: #FF0000;
}

#wellness_zone_p{
  position: absolute;
  top: 45px;
  left: 40px;
  font-weight: bold
}

#top_menu{
  display: block;
  left: 20px;
  top: 80px;
  position: absolute
}


#top_menu ul li {
  float: left;
  list-style-type: none;
  margin: 3px;
  padding: 3px
}


#top_menu ul li a{
  margin: 0px;
  padding: 8px 0px 0px 0px;
  display: block;
  min-height: 20px;
  min-width: 30px;
}


#top_menu ul li a#herbalife{
  background: url(../design/hl_logo.png) no-repeat 0% 50%;
  padding-left: 25px;
}

#top_menu ul li a#new{
  background: url(../design/button_new.png) no-repeat 0% 0%;
  padding-left: 25px;
}

 #search_box{
  position: absolute;
  right: 130px;
  top: 0px;
  float: left
}

#navigation{
  position: absolute;
  right: 10px;
  top: 0px
}


#navigation a, span.pointer, a.consulting{
  text-decoration: none;
  display: block;
  height: 20px;
  width: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  float: left;
  padding: 0px;
  margin: 0px 10px 0px 5px;
}


#navigation a#home{
  background-image: url(../design/home.png);
}


#navigation a#sign-in{
  background-image: url(../design/sign-in.png);
}

#navigation a#sitemap_icon{
  background-image: url(../design/sitemap.png);
}

#navigation a#sign-out{
  background-image: url(../design/sign-out.png);
}


#contact_us span{
  background-image: url(../design/customers.png);
}


span#calculator{
  background-image: url(../design/calculator.png);
}

span#protein_estimator_icon{
  background-image: url(../design/protein_estimator.png);
}

span#interesting{
  background-image: url(../design/special-offer.png)
}

span#business{
  background-image: url(../design/business-contact.png)
}

span#link{
  background-image: url(../design/link.png)
}

span#brainstorming{
  background-image: url(../design/brainstorming.png)
}

span#showreel{
  background-image: url(../design/showreel.png)
}

span#consulting, a.consulting{
  background-image: url(../design/consulting.png)
}

span#order_list{
  background-image: url(../design/order_list.png)
}

span#delete-user{
  background-image: url(../design/delete-user.png)
}

span#delete{
  background-image: url(../design/delete.png)
}

span#info{
  background-image: url(../design/info.png)
}

span#basket{
  background-image: url(../design/basket.png)
}

#contact_us button{
  background-image: url(../design/check.png);
  background-color: transparent;
}

#contact_info_data ul li#phone{
  background-image: url(../design/phone.png);
}

#contact_info_data ul li#e-mail{
  background-image: url(../design/email.png);
}

#contact_info_data ul li#skype{
  background-image: url(../design/skype.png);
}

span.action_sign{
  text-decoration: none;
  display: inline-block;
  height: 11px;
  width: 11px;
  background-image: url(../toolbar/images/ui-icons_888888_256x240.png);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px 3px 0px 3px;
  border: 0px
}


span#show_this_note{
background-position: -51px -83px
}

/*content*/

#content{
  position: relative;
  display: table;
  width: 1000px;
  margin: 10px auto;
}

#content div{
  position: relative;

}

#content div div{
  list-style-type: none;
  display: list-item;
  position: relative;
  float: left
}

/* bottom */

#bottom{
  position: relative;
  display: block;
  width: 1000px;
  margin: 10px auto;
  text-align: center
}


#bottom a{
  text-decoration: none
}

#bottom a img{
  border: 0px
}

a.addthis_button img{
  height: 16px;
  width: 125px;
  border: 0px
}


/* ikoni 32X32 */

span.icons{
  display: block;
  height: 40px;
  width: 40px;
  background: no-repeat 50% 50%;
}

span#futer-projects{
  background-image: url(../design/future-projects_32.png)
}

span#bestseller{
  background-image: url(../design/bestseller_32.png)
}

span#world{
  background-image: url(../design/world_32.png)
}


/*lqwoto menu*/

#left_menu{
  margin: 20px 0px 0px 10px;
  padding: 0px 10px 0px 0px;
  display: block;
  width: 250px;
  min-height: 50px;
  border-right: 1px solid #A9A9A9;
}

#left_menu p.category{
  border-bottom: 1px solid #A9A9A9;
  margin: 0px 0px 10px 0px;
  float: none;
  padding: 5px 10px 5px 0px;
  display: block;
  min-height: 20px;
  text-align: right
}

#left_menu p.category a{
  font-weight: bold;

}


#left_menu #page_links, #left_menu #menu_list, #left_menu .left_menu_boxes{
  margin: 5px;
  padding: 0px 0px 30px 0px;
  display: block;
  min-height: 50px;
  width: 95%;
}

#left_menu #page_links ul, #left_menu #menu_list ul, #left_menu .left_menu_boxes ul{
  width: 95%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: right;
}

#left_menu #page_links ul li ul, #left_menu .left_menu_boxes ul li ul{
  width: 100%;
  margin: 0px 0px 20px 0px;
}


#left_menu #page_links ul li, #left_menu .left_menu_boxes ul li{
  width: 100%;
  margin: 2px 0px 2px 0px;
  padding: 0px;
  list-style-type: none;
  text-align: right;
}

#left_menu #page_links ul li.first_li, #left_menu #page_links ul li.first_sub_li,
#left_menu .left_menu_boxes  ul li.first_li, #left_menu .left_menu_boxes  ul li.first_sub_li{
  font-weight: bold
}

/*pach za kataloga*/
#left_menu #page_links ul.level-1-2{
  margin-top: 20px;
}

#left_menu #page_links ul.level-2-3{
  margin: 0px;
  width: 95%;
}

#left_menu #page_links ul.level-3-2{
  margin-top: -20px;
}

#left_menu #page_links ul.level-2-3 li, #left_menu #page_links ul.level-3-2 li{
  font-weight: normal;
}
/*pach za kataloga*/

#left_menu #menu_list ul li{
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
  display: block;
  min-height: 20px;
  width: 95%;
  list-style-type: none;
  text-align: left;
  border-bottom-color: #F5F5F5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}


#left_menu #menu_list ul li.select_meals_link{
  text-align: right;
  border: 0px;
}

#left_menu #menu_list p{
  margin: 0px 5px 0px 5px;
  padding: 5px 0px 0px 0px;
  display: block;
  min-height: 20px;
  font-weight: bold
}

#left_menu #menu_list #ajax_menu_list img{
  margin: 50px 10px 0px 40px;
}

#article {
  margin: 20px 10px 0px -1px;
  padding: 5px 5px 5px 10px;
  border-left: 1px solid #A9A9A9;
  position: relative;
  display: block;
  min-height: 700px;
  max-width:  690px;
}

/* Layout dependent adjustments
@media screen, projection
{
#article {
  margin: 20px 10px 0px -2px;
  padding: 5px 5px 5px 0px;
  border-left: 1px solid #A9A9A9;
  position: relative;
  display: block;
  min-height: 700px;
  max-width:  690px;
}
}  */

#article_type_2 {
  margin: 20px 0px 0px -1px;
  padding: 5px 10px 5px 10px;
  border-left: 1px solid #A9A9A9;
  border-right: 1px solid #A9A9A9;
  position: relative;
  display: block;
  min-height: 800px;
  width:  550px;
}

#right_menu{
  margin: 20px 5px 0px -1px;
  padding: 0px 0px 0px 10px;
  display: block;
  width: 200px;
  height: 100%;
  text-align: left
}


#right_menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none
}


#right_menu ul li{
  margin: 5px;
  padding: 0px;
  list-style-type: none
}

/* stranicite*/
h1, .h1{
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  color: #FF0000;
  text-decoration: none;
  letter-spacing: 3px;
  margin: 10px 80px 10px 10px;
}

.h1 a:hover{
  color: #CC00FF;
}


h2, .h2, #item_title{
  font-size: 11pt;
  text-align: center;
  font-style: italic;
  color: #009900;
  margin: 0px 0px 20px 0px;
  padding-top: 10px;
  font-weight: bold
}

h3, .h3{
  font-size: 10pt;
  text-align: right;
  font-style: italic;
  color: #009900;
  margin: 0px 80px 20px 0px;
  padding-top: 10px;
}


h4, .h4, h5,.h5, h6, .h6{
  font-size: 10pt;
  text-align: left;
  font-style: italic;
  color: #009900;
  padding: 5px;
}

h4, .h4{
  text-align: center;
  margin: 30px 0px 20px 0px;
}

.important{
  color: #FF0000;
  font-weight: bold
}

/* legend*/
legend{
  color: #000000;
  font-weight: bold
}

/* players */
#video_{
  margin: 30px 10px 0px 30px;
  display: block;
  height: 450px;
  width: 650px;
}

#item_title, .item_title{
  margin: 15px 0px 0px 0px;
  padding: 5px;
  text-align: left
}

#item_desc, .item_desc, .important_note{
  margin: 0px 0px 0px 0px;
  padding: 5px;
  text-align: left;
  border: 1px solid #A9A9A9;  /*#6B8E23*/
  background-color: #F0F0F0;    /*#F5F5DC*/
}

p.notes{
  padding: 5px;
  border: 1px solid #A9A9A9;
  color: #909090;
  font-size: 8.5pt
}

#promotion{
  margin: 5px 0px 0px 0px;
  padding-bottom: 30px;
  display: block;
  min-height: 170px;
  width: 100%;
  background-color: #F0F0F0;
  border: 1px solid #A9A9A9;
}

#promotion h1{
  margin-right: 10px;
  font-size: 1.1em;
  min-height: 30px;
}


span#futer-projects{
  float: left;
  margin: 10px 30px 0px 10px;
}

#share_this_buttons{
  position: absolute;
  bottom: 10px;
  right: 50px;
  border: 0px
}

#share_this_buttons img{
  border: 0px
}

.popup_feed_container{
  display: none;
  width: 0px;
  height: 0px;
  visibility: hidden;
}