#image {width: 250px; height: 250px;}
.ortoprice {display:none;border: 1px solid #96cc00; padding:2px; border-radius: 5px;}
.s_price {display: none;}
.new {
position: absolute;
top: 0;
left: 0;

}

#salon_contacts  b{font-size: 16px;}

#brest b, #pinsk b {background-color: #71b013; color: #fff;}

#brest span {font-size: 16px;}#brest {border: 1px solid #96cc00;border-radius: 20px;}#brest{  width: 350px;  top: 14px;  margin: 0px 10px 0px 20px;  padding: 7px 10px 7px 10px;}#brest {  right:330px;  z-index: 10;  position: absolute;  font-size: 12px;}#pinsk span {font-size: 16px;}#pinsk {border: 1px solid #96cc00;border-radius: 20px;}#pinsk{  width: 290px;  top: 14px;  margin-left: 5px;  z-index: 10;  position: absolute;  font-size: 12px;  padding: 7px 10px 7px 10px;}#pinsk {  right: 10px;}


/******** Clear Fix ************/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/*****************************************************/
/******   L A Y O U T   ******************************/
/*****************************************************/
.layout {
  padding: 30px 0;
  background-repeat: repeat;
  background-position: top left;
}
.layout #wrapper {
  width: 998px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/*****************************************************/
/******   Ц В Е Т О В Ы Е  Р Е Ш Е Н И Я    **********/
/*****************************************************/


.layout {
	background-color: #fffbe5;
}
#twitter li span a, .s_item .more, .s_box h2, .box .top {
	color: #7ebd1e;
}
.s_main_color_bgr, #cart .s_icon, #salon_contacts .s_icon, .s_list_1 li, .s_item .more .s_icon, #intro .s_button_prev, #intro .s_button_next, .buttons .button, #prokat .s_icon {
	background-color: #7ebd1e;
}
.s_secondary_color, a:hover, #categories > ul > li > a, #footer_categories h2, .pagination a, #view_mode .s_selected a {
	color: #ff7700;
}
#content a:hover, #salon_info a:hover, #footer a:hover, #intro h1 a:hover, #intro h2 a:hover, #content a:hover, #salon_info a:hover, #footer a:hover, #breadcrumbs a:hover {
	color: #ff9900 !important;
}
.s_secondary_color_bgr, #show_search, #view_mode .s_selected .s_icon, #view_mode a:hover .s_icon, #menu_home a:hover, .pagination a:hover, .s_item .more:hover .s_icon, .s_cart_item .s_button_remove:hover {
	background-color: #ff7700;
}
#intro, #contact_form_icon {
	background-color: #def5d0;
}
#intro, #breadcrumbs a {
	color: #395218;
}
#intro h1, #intro h1 *, #intro h2, #intro h2 * {
	color: #64a619;
 ~background-color: #def5d0;
}
#intro .s_rating {
 ~background-color: #def5d0;
}
.s_price {
	background-color: #c0e388;
}
.s_promo_price {
	background-color: #ff9900;
}
.s_price, .s_price .s_currency {
	color: #405c13;
}
.s_promo_price, .s_old_price, .s_promo_price .s_currency {
	color: #ffffff;
}







/*****************************************************/
/******   В Ы Д Е Л Е Н И Е    ***********************/
/*****************************************************/
*::-moz-selection {
 background-color: #71b013;
}
*::-webkit-selection {
 background-color: #71b013;
}
*::selection {
 background-color: #71b013;
}














/******** Информация о салоне ***/
#salon_info {
  clear: both;
  margin: 20px 0 27px 0;
  padding: 19px 0 0 0;
  font-size: 11px;
  color: #555;
  background: url(../images/salonbg.gif) repeat-x top left;
}
#salon_info_wrap {
  padding: 0 0 28px 0;
  background: url(../images/salonbg.gif) repeat-x bottom left;
}
#salon_info h2 {
  margin-bottom: 14px;
  font-size: 20px;
  color: #888;
  border-bottom: 1px solid #e3e3e3;
}
#salon_description {font-size: 12px;}
#salon_description h2 {
  text-indent: 30px;
  background: url(../images/leaf.png) no-repeat -1px 7px;
}
#salon_description p {margin-right: 10px;}
#salon_catalog {
  font-size: 12px;
}
#salon_catalog h2 {
  text-indent: 30px;
  background: url(../images/leaf.png) no-repeat 0 8px;
}
#salon_contacts {
  font-size: 12px;
}
#salon_contacts h2 {
  text-indent: 30px;
  background: url(../images/leaf.png) no-repeat 0 8px;
}










/***ФУТЕР***/

#footer {
  padding-bottom: 10px;
}
#copy {
  padding-left: 10px;
  line-height: 18px;
  font-size: 11px;
  color: #ccc;
}
#web img {
  display: inline;
  margin: 2px 10px 10px 0;
}






#banners_1 {
  clear: both;
  margin-bottom: 32px;
}







#brest2 b {background-color: none; color: #71b013;}
#brest2 span {font-size: 18px;}
#brest2 {border: 1px solid #96cc00;border-radius: 20px;}
#brest2{  width: 320px;  top: 7px;  margin: 0px 30px 0px 20px;  padding: 7px 10px 7px 10px;}
#brest2 {  right:330px;  z-index: 10;  position: absolute;  font-size: 12px;}
#brest2 a {text-decoration: underline;}


 #pinsk2 b {background-color: #71b013; color: #fff;}
#pinsk2 {border: 1px solid #96cc00;border-radius: 20px;}
#pinsk2{  width: 320px;  top: 7px;  margin-left: 5px;  z-index: 10;  position: absolute;  font-size: 12px;  padding: 7px 10px 7px 10px;}
#pinsk2 {  right: 10px;}



*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}

.wrapper-demo {
    margin: 15px 0 0 0;
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}


/* DEMO 5 */

.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 12px 15px;
text-transform: uppercase;
    /* Styles */
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #67bc00 transparent;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #67bc00;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/* No CSS3 support: none */

.wrapper-dropdown-5:focus {
    border-radius: 5px 5px 0 0;
    background: #67bc00;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5:focus:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5:focus .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}





