@import url("ooyes.framework.css");
 #TheOverlay{
  position: absolute;
  z-index: 999;
  
  height: 100%;
  background: white;
  top: 0px;
  left: 0px;
  width: expression(document.body.offsetWidth + 'px');
  height: expression(document.body.offsetHeight + 'px');

}
a{
  color: #5B2E5F;
}


body{
  background: #fff url(img/body_bg.jpg) no-repeat center top;
/*  background: #fff url(img/beck_3.jpg) no-repeat center top;   */
  font-family: Verdana;
  font-size: 12px;
}
html, body{
  height: 100%;
}


#container{
  width: 979px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 10px;
}
#container_bg{
  position: absolute;
  width: 100%;
  height: 100%;
  -height:expression(this.parentNode.offsetHeight + 'px');
  z-index: 0;
  background: #fff;
  opacity:.32;
  filter:alpha(opacity=32);
  top: 0;
  left: 0;
}

#wrapper{
    margin: 0 auto;
    width: 959px;
    position: relative;
    z-index: 1;
    background: #fff;
}
#header{
  width: 959px;
  /*background: url(img/headerbg.jpg) no-repeat center top;*/
  padding-bottom: 5px;
}
#logo{
  display: block;
  float: left;
  background: url(img/logo_hoe1_2.jpg) no-repeat;
  width: 500px;
  height: 93px;
  text-indent: -9999px;
  margin: 20px 0 0 30px;
}




#header_cart{
  float: right;
  width: 205px;
  font: 11px Verdana;
  color: #636363;
  margin: 66px 0 7px 0;
  padding: 2px 0 0 30px;
  background: url(img/cart_ico.jpg) no-repeat;
}
#header_cart a{
    font:10px Verdana;
    color: #000;
    text-decoration: none;
}
#header_cart strong{
  font: bold 18px Verdana;
}

#header_cart a:hover{
    text-decoration: underline;
}
#navigation-bar{
    clear: both;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    padding: 10px 0;
    margin: 0 15px;
}

#navigation-bar ul{
  float: left;
  list-style: none;
  height: 19px;
  margin-top: 5px;
  position: relative;
  z-index: 5;
}
#navigation-bar li{
    float: left;
    display: inline;
    margin: 0 10px;
    height: 16px;
    position: relative;
}
#navigation-bar li a{
    display: inline-block;
    height: 16px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}
#navigation-bar li a:hover{
    border-bottom:solid 1px #3A3A3A;
}
#navigation-bar li a.active{
    border-bottom:solid 1px #3A3A3A;
}

#navigation-bar ul ul{
  float: none;
  list-style: none;
  height: auto;
  margin-top: 0px;
  position: absolute;
  top: 16px;
  left: 0px;
  z-index: 5;
  padding: 5px 8px;
  width: 229px;
  overflow:hidden;

  height:0px;
  padding:0px;

/*  opacity:.90;
  filter:alpha(opacity=90);*/

}

#navigation-bar ul li#has_hover ul{
    height: auto !important;
    padding: 5px 8px;
}


.nbg{
  position: absolute;
  z-index: 0;
  left: 0px;
  bottom: 0px;
  background: url(img/dropdown.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/dropdown.png', sizingMethod='crop');
  width: 229px;
  height: 300px;
  overflow: hidden;
  zoom:1;
}
#navigation-bar li li{
    float: left;
    clear: both;
    white-space: nowrap;
    display: list-item;
    margin: 0;
    height: 16px;
    padding: 3px 0;
}
#navigation-bar li li a{
    display: block;
    height: 16px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    padding-left: 11px;
}
#navigation-bar li li a:hover,
#navigation-bar li li.active a{
    border-bottom:none;
    text-decoration: underline;
    background: url(img/navBull.gif) no-repeat 0 50%;
}


.box{
  position: relative;
  border: solid 1px #ddd;
  display: block;
  zoom:1;
}



.box .btl,
.box .btr,
.box .bbl,
.box .bbr{
    width: 12px;
    height: 12px;
    overflow: hidden;
}
.box .btl{
    background-image: url(img/btl.gif);
}
.box .btr{
    background-image: url(img/btr.gif)
}
.box .bbl{
    background-image: url(img/bbl.gif)
}
.box .bbr{
    background-image: url(img/bbr.gif)
}

#searchbar{
  float: right;
  width: 240px;
  margin-right: 6px;
}
#searchbar .box{
    width: 186px;
    height: 22px;
    float: left;
}
#searchbar .box input{
    width: 170px;
    border: solid 1px #ccc;
    border: none;
    background: none;
    position: relative;
    z-index: 1;
    padding: 0 2px;
    left: 6px;
    top: 3px;
    *top: 2px;
    height: 16px;
}



/*

25 - r

*/

.small_btn{
  display: inline-block;
  background: url(img/btn_small_left.jpg) no-repeat;
  text-decoration: none !important;
  font: 11px Verdana;
  color: #fff;
}
.small_btn span{
  display: block;
  background: url(img/btn_small_right.jpg) no-repeat right top;
  padding: 4px 15px;
  text-transform: uppercase;
}
.small_btn:hover{background: url(img/btn_small_left_h.jpg) no-repeat;}
.small_btn:hover span{background: url(img/btn_small_right_h.jpg) no-repeat right top;}
#searchbar .small_btn{
    float: right;
    margin-top: 1px;
}


.big_btn{
  display: inline-block;
  background: url(img/btn_big_left.jpg) no-repeat;
  text-decoration: none !important;
  font: 11px Verdana;
  color: #fff;
  text-transform: uppercase;
}
.big_btn span{
  display: block;
  background: url(img/btn_big_right.jpg) no-repeat right top;
  padding: 7px 15px;
}
/* ----- /Header ----- */




#content{
    clear: both;
    width: 929px;
    margin: 0 auto;
    padding-top: 20px;
}

#subheader{
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 20px;
  height: 45px;
  padding-left: 12px;
  position: relative;
}

.breadcrumb{
  float: left;
  list-style: none;
  margin-top: 12px;
}
.breadcrumb li{
    float: left;
    font: 11px Verdana;
    color: #3C3C3C;
    margin-right: 4px;
}
.breadcrumb a{
    font: 11px Verdana;
    color: #636363;
    text-decoration: none;
    padding-right: 8px;
    background: url(img/breadcrumb_delimit.jpg) no-repeat 100% 5px;
}

#sub_right{
  float: right;
  width: 185px;
  height: 30px;
  position: relative;
  z-index: 5;
}
#sub_right span{
    float: left;
}
#sub_right .box{
  width: 120px;
  float: left;
}

.DropDownB{
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  font: 11px Verdana;
  color: #707070;
  min-height: 22px;
     -height: 22px;
  background: #fff;
  z-index: 5;
}
.DropDownB span{
    position: relative;
    z-index: 1;
    z-index: 4;
    top: 4px;
    left: 5px;
    display: block;
    background: #fff url(img/dropd.jpg) no-repeat 95% 5px;
    width: 90%;
    font: bold 11px Verdana;
}
.DropDownB ul{
  position: relative;
  display: none;
  list-style: none;
  top: 0px;
  left: 0;
  clear: both;
  z-index: 5;
  padding-top: 5px;
}
.DropDownB ul li{
    cursor: pointer;
    font: 11px Verdana;
    color: #707070;
    padding: 3px 5px;
}
.DropDownB ul li.hover{
    background: #0A246A;
    color: white;
}
.sort-by{
  float: left;
  margin: 3px 7px 0 0;
}

#side_nav{
  float: left;
  width: 150px;
  padding-left: 0px;
}

#sort_by_drop
#side_nav ul{
    list-style: none;
}
#side_nav li{
  float: left;
  clear: both;
  width: 110px;
  margin-bottom: 15px;
  list-style: none;
}
#side_nav li li{
  margin:0;
  margin-top: 10px;
  margin-left: 10px;
}


#side_nav li a{
    font: 16px Arial;
    color: #000;
    text-decoration: none;
}

.bi{
  border: none;
  background: none;
}

#subscribe{
    padding: 5px 0 5px 28px;
    background: #F0E4F2;
    height: 22px;
    overflow: hidden;
}
.subscibe_form_input{
  width: 234px;
  height: 23px;
  padding: 3px 0 0 7px;
  background: url(img/subscribe_txt.jpg) no-repeat;
float: left;
margin-left: 8px;
}
.subscibe_form_input input{
    width: 216px;
}
#subscribe p{
  float: left;
  font:  12px Arial;
  text-transform: lowercase;
  color: #444;
  text-transform: uppercase;
  padding-top: 3px;
}
#subscribe p strong,
#subscribe p strong a{
    font-size: 12px;
    font-weight: bold;
    color: #444;
}
#subscribe p strong strong{
    font-size: 14px;
}

#subscibe_form{
  float: left;
  padding-right: 80px;
}

.subscibe_form_submit{
  display: block;
  background: url(img/subscribe_submit.jpg) no-repeat;
  width: 54px;
  height: 19px;
  padding-top: 4px;
  text-align: center;
    text-decoration: none !important;
  font: 11px Verdana;
  color: #fff;
  float: left;
}
.subscibe_form_submit:hover{
   background: url(img/subscribe_submit_h.jpg) no-repeat 1px 0;

}
.frss a{
    text-transform: uppercase;
    text-decoration: none;
}


/* ----- /Content ----- */


#footer{
    clear: both;
    position:relative;
    z-index:1;
    /*padding-bottom: 20px; */
}
.flist{
  float: left;
  margin: 27px 0 0 28px;
  *display: inline;
}
.flist ul{
    list-style: none;
    padding-top: 15px;
}
.flist ul ul{
  display: none;
}
.flist li{
    display: inline;
}
.flist li a{
  display: block;
  font: 12px/16px Arial;
  color: #444;
  text-decoration: none;
}
.flist li a:hover{
    text-decoration: underline;
}
.flist li.active a{
  color: #B779BC ;
}


#footer address{
  clear: both;
  display: block;
  text-align: center;
  font: 11px Verdana;
  color: #444;
  padding-top: 50px;
}


#main{
  float: left;
  width: 777px;
  position: relative;
  -overflow: hidden;
}

#product-profile{
  padding-bottom: 50px;
  border-bottom: solid 1px #DDDDDD;
}

#main_image{
  width: 300px;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
#main_image a{
  width: 300px;
  height: 240px;
  display:block;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
#main_image #main_magnify{
  height: 350px;
}
#main_magnify img{
  position: relative;
}


.product-profile-description{
  padding: 10px 0;
}

#product-profile h2{
  color: #B673BB;
  font: bold 20px Verdana;
}
#main_image_holder{
  width: 302px;
  float: left;
}
#main_image_holder ul{
  float: left;
  clear: both;
  list-style: none;
  margin-top: 10px;
}
#main_image_holder ul li{
    float: left;
    width: 64px;
    height: 54px;
    overflow: hidden;
    background: url(img/product_profile_thumb.jpg) no-repeat;
    margin-right: 7px;
    -margin-right: 2px;
    margin-bottom: 7px;
    padding: 1px 3px;
}

#main_image_holder ul li a{
    display: block;
    width: 65px;
    height: 53px;
    overflow: hidden;
      background-repeat: no-repeat;
  background-position: center center;
}

#dio-lens{
	border:1px solid #000;
	z-index: 10;
}

#dio-sensor{
	z-index: 11;
	cursor:pointer;
}

#dio-loader{
	text-indent:-30000px;
}
#overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FFFFFF;
  opacity:.60;
  filter:alpha(opacity=60);
  z-index: 12;
  display: none;
  -position: absolute;
  -height: expression(document.body.offsetHeight + 'px');
}

#modal{
  position: absolute;
  top:0px;
  left: 50%;
  z-index:14;
  border: solid 5px #fff;
  background: #222628;
  zoom:1;
  width: 0px;
  height: 0px;
  visibility: hidden;
  text-align: center;
  opacity:0;
  filter:alpha(opacity=0);
}
#modal .closeModal{
  display: block;
  position: absolute;
  top: 4px;
  right: 5px;
  width: 63px;
  -width: 80px;
  height: 19px;
  background: url(img/close.png) no-repeat;
  -background: url(img/close2.png) no-repeat right top;
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/close2.png');  */
  cursor: pointer;
  color: #707070;
}


 #product_profile_details{
   float: left;
   width: 490pxs;
   margin-left: 12px;
   position: relative;
   height: 240px;
 }
.DropDownAlpha{
   /*height: 20px; */
   border: solid 1px #C9C4C0;
   background: #EDE9E8 url(img/dropdown_green.jpg) no-repeat right center;
   cursor: pointer;
   position: relative;
   z-index: 2;
   zoom:1;
   padding-bottom: 6px;
}
.DropDownAlpha:after{
content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;

}


/*.DropDownAlpha s{
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    border: solid 1px #CBC3C0;
    float: left;
    margin: 2px 7px;
    -margin: 2px 3px;
} */

.DropDownAlpha s{
    overflow: hidden;
    float: left;
    margin: 2px 7px;
    -margin: 2px 3px;
}
.DropDownColors{
  width: 215px;
}
.DropDownAlpha ul{
  position: absolute;
  z-index: 5;
  clear: both;
  top: 22px;
  left: 0px;
  list-style: none;
  display: none;

}
.DropDownColors ul{
  background: #A09B92;
}
.DropDownAlpha li{
    clear: both;
    overflow: hidden;
    zoom:1;
    padding: 1px 0;
}
* html .DropDownAlpha li{
  margin-left:-16px;
}
.DropDownAlpha li.hover{
    background: #27283F;
}
.DropDownAlpha em{
  font: 12px Arial;
  color: #fff;
  position: relative;
  top: 2px;
}
.inTextTitle{
  padding: 15px 0 5px 0;
}

.dropdown_title{
  display: block;
  padding-bottom: 5px;
}
.DropDownGray{
  background: #EDE9E8 url(img/gdown.jpg) no-repeat right center;
}
body #wrapper .DropDownGray *{
  color: #485057;
}
body .DropDownGray li.hover em{
  color: #FFFFFF;
}
.DropDownGray ul{
   background: #fff;
   border: solid 1px #ccc;
   opacity:.92;
   filter:alpha(opacity=92);
}
.DropDownGray ul li{
    padding: 1px 3px;
}
body #wrapper .DropDownGray ul li.hover,
body #wrapper .DropDownGray ul li.hover em{
    color: #fff;
}
.DropDownGray span{
  position: relative;
  top: 2px;
  left: 3px;
  display: block;
  width: 190px
}

.dropdown_title em{
  color:#C68ACA;
  font-style: normal;
}

.availability{
  float: left;
  width: 200px;
  margin-top: 15px;
}
#qty em{
  padding-left: 5px;
}
#price, #price strong{
  font: 22px Verdana, Arial;
  color: #C68ACA;
}
#price{
  float: right;
  margin-bottom: 8px;
}
.cart-price{
  float: none;
  margin-top: 15px;
}
.spreadsheet{
    clear: both;
    float: left;
    margin-top: 15px;
    padding: 10px;
    width:440px;
    height:150px
}
.check_title{
  font: bold 14px Verdana;
  padding: 2px 0 6px 30px;
  background: url(img/chkt.jpg) no-repeat 0 0px;
}
#ooYesBarStatus{
  width: 200px;
  height: 20px;
  border: solid 1px #9999CC;
  padding: 2px;
  position: fixed;
  -position: absolute;
  right: 10px;
  bottom: 10px;
}
#ooYesBar{
  width: 0%;
  height: 20px;
  background: url(http://www.nirvanahp.com/images/gradient.gif) center;
}

.related{
  clear: both;
  width: 795px;
  padding-top: 25px;
  padding-bottom: 35px;
}
.related .box
.store-items .box{
  width: 175px;
  height: 195px;
  padding: 2px;
  background-repeat: no-repeat;
  background-position: center center;

}
.item_wrap{
  width: 175px;
  float: left;
  margin-right: 17px;
}

.related .box a,
.store-items .box a{
    display: block;
    width: 175px;
  height: 195px;
}
.related h2,
.store-items h2{
  color:#B673BB;
  font-family:Verdana;
  font-size:20px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  padding-bottom: 20px;
}
.related-item-name{
  float: left;
  font: 11px Verdana;
  color: #1C1D22;
  margin-top: 12px;
}
.related-item-price{
  float: right;
  margin-top: 11px;
}
.related-item-price strong{
  color:#B673BB;
  font-family:Verdana;
  font-size:11px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
}

#collections{
  width: 927px;
  -width: 926px;
  height: 675px;
  margin-bottom: 50px;
  background: #EFEFEF;
  position: relative;
}

#collections .btl,
#slides .btl,
.boxv2 .btl{
    background-image: url(img/btl_v2.png);
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/btl_v2.png');
    z-index: 2;
}
#collections .btr,
#slides .btr,
.boxv2 .btr{
    background-image: url(img/btr_v2.png);
      -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/btr_v2.png');
    z-index: 2;
}
#collections .bbl,
#slides .bbl,
.boxv2 .bbl{
    background-image: url(img/bbl_v2.png);
      -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/bbl_v2.png');
    z-index: 2;
}



#collections .bbr,
#slides .bbr,
.boxv2 .bbr{
    background-image: url(img/bbr_v2.png);
      -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/bbr_v2.png');
    z-index: 2;

}



.boxv3 .bbl{
    background-image: url(img/bbl_v3.png);
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/bbl_v3.png');
    z-index: 2;


}

.boxv3{
  border:none;
  background: none;
}


.coll{
  display: block;
  width: 309px;
  height: 675px;
  overflow: hidden;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.coll-1{
    left: 0px;
}
.coll-2{
    left: 309px;
    background: url(img/bgcoll.jpg) no-repeat;
}
.coll-3{
   right:0px;
   background: url(img/bgcoll.jpg) no-repeat;
}
.coll .coll-image{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -350px;
  z-index: 0;
}

.coll h3{
  display: block;
  width: 176px;
  height: 32px;
  padding: 12px 0 0 25px;
  position: absolute;
  top: 127px;
  left: 0px;
  background: url(img/collection_title.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/collection_title.png');
  z-index: 1;
}
.coll h3 img{
    background: #B577BA;
}

.logo_in{
  display: block;
  background: url(img/logo_in.png) no-repeat;
width:155px;
height: 49px;
  overflow: hidden;
  cursor: pointer;
  -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/logo_in.png');
    text-indent: -9999px;
    z-index: 2;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
#slides a{
  width: 116px;
  height: 103px;
  position: relative;
}
.V2 a.box{
  width: 216px !important;
  height: 182px !important;
}

#slides{
  position: relative;
  overflow: hidden;
  width: 927px;
}

#cinfo{
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
}
#vision_wrap{
  height:675px;
  width:927px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-repeat: no-repeat !important;
  background-position: 50% 24% !important;
}
#vision{
  left: 50%;
  top: 50%;
  position: absolute;
}


#slider{
  white-space: nowrap;
  padding-bottom: 20px;
  position: relative;
}
#slider a{
  display: inline-block !important;
  margin-right: 12px;
  background-position: 50% 25%;
  background-repeat: no-repeat;
}
#coll_loading{
  display: block;
  width: 66px;
  height: 66px;
  background: url(img/ajax-loader.gif) no-repeat;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin: -33px 0 0 -33px;
  display: none;
  /**********/

  width: 128px;
  height: 15px;
  background: url(img/ajax-loader2.gif) no-repeat;
  margin: -7px 0 0 -64px;

}

#slides_left, #slides_right{
    position: relative;
    cursor: pointer;
    width: 80px;
    height: 22px;
    display: block;
    background: url(img/left_slide.jpg) no-repeat;
    text-indent: -9999px;
    display: block;
}
#slides_left{
    left: 20px;
    float: left;
}
 #slides_right{
   float: right;
   right: 20px;
    background: url(img/right_slide.jpg) no-repeat right top;

 }

 #bangnav{
   float: left;
   clear: both;
   list-style: none;
   margin-bottom: 30px;
 }

 #bangnav li{
    float: left;
    position: relative;
 }
  #bangnav li.first{
    background: #C69BC9 url(img/nth1.jpg) no-repeat right bottom;
    z-index: 3;
  }
  #bangnav li.second{
    background: url(img/nth2.jpg) no-repeat right bottom;
    z-index: 2;
    left: -7px;
  }
    #bangnav li.third{
    background: url(img/nth3.jpg) no-repeat right bottom;
    z-index: 1;
    left: -14px;
  }
    #bangnav li a{
    display: block;
    height: 20px;
    padding-top: 10px;
    width:140px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #bangnav li span{
    display: block;
    position: absolute;
    height: 22px;
    overflow: hidden;
    top:0px;
    right: 0px;
    width: 140px;
}
  #bangnav li.first span{
    background: url(img/nth1.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/nth1.png', sizingMethod='crop');
}
  #bangnav li.second span{
    background: url(img/nth2.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/nth2.png', sizingMethod='crop');
}
  #bangnav li.third span{
    background: url(img/nth3.png) no-repeat;
    -background: none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/nth3.png', sizingMethod='crop');
}
  #bangnav li img{
    position: relative;
  }


.arr_right{
  display: block;
  width: 53px;
  height: 62px;
  background: url(img/arr_right.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -31px;
  right: 88px;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/arr_right.png');
}
.arr_left{
  display: block;
  width: 53px;
  height: 62px;
  background: url(img/arr_left.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -31px;
  left: 88px;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/arr_left.png');
}

.arr_right_hover{
  background: url(img/arr_right_hover.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/arr_right_hover.png');
}
.arr_left_hover{
  background: url(img/arr_left_hover.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/arr_left_hover.png');
}

.aRight{
  display: block;
  width: 463px;
  height: 675px;
  position: absolute;
  top: 0;
  right: 0;
}
.aLeft{
  display: block;
  width: 463px;
  height: 675px;
  position: absolute;
  top: 0;
  left: 0;
}

.tagLink{
  display: inline-block;
  font: 19px Arial;
  color: #5A5A5A;
  padding-bottom: 4px;
  text-decoration: none;
  padding-right: 20px;
  padding-left: 25px;
  height: 22px;
  position: relative;
}
.tagLink img{
    padding-right: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.txt{
  width:900px;
  margin: auto;
}

.news{
  padding: 20px 5px 22px 5px;
  border-bottom: solid 1px #ddd
}

.aimg{
  display: block;
  float: left;
  margin-right: 10px
}
.more{
  text-decoration: none;
  font: 11px Verdana;
  color: #B673BB;
}

.date{
  font: 12px Verdana;
  color: #636363;
}
.news p{
  color: #636363;
  font: 13px Verdana;
  padding: 5px 0
}


.more:hover{
    text-decoration: underline;

}

.news .aimg{
    width: 118px;
    height: 108px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;

}

.paging{
  float: left;
  list-style: none;
  display: inline;
  white-space: nowrap;
  margin-left: 10px
}
.paging li{
    display: inline;
    float: left;

}
.paging li a{
    display: block;
    width:25px;
    height:17px;
    padding-top: 1px;
    text-align: center;
    font:12px Verdana;
    color: #838383;
    text-decoration: none;
}
.paging li a:hover, .paging li a.active, .paging li.active a{
    background: url(img/paging.jpg) no-repeat;
    color: white;
}

.is_bullet{
  float: left;
  width: 290px;
  margin-right: 50px
}
.is_bullet div{
  padding-bottom: 6px;
  border-bottom: solid 1px #ddd;
}
.is_bullet div a{
    font: 14px Verdana;
    text-decoration: none;
    color: #5a5a5a;
}

.is_bullet div img{
  position: relative;
  top: 7px;
  left: 0px;
  padding-right: 5px
}

.is_bullet h3{
  padding: 0 0 20px 0;
}

.objb{
  height:45px;
  padding-top:8px;
}

#google-map{
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}
#google-map-content{
    width: 927px;
    height: 375px;
    background: #e5e5e5;
}

.contacts{
  font: 12px Verdana;
  color: #767676;
  padding-top: 20px
}
.contacts table{
    width: 400px

}
.contacts table td{

padding: 3px 5px
}

.contacts table td strong{
    font-size: 14px

}

.store-items{
  list-style: none
}

.store-items li{
    float: left;
    width: 178px;
    margin-right: 25px;
}
.store-items .box{
  background-repeat: no-repeat;
  background-position: center center;
}
.store-items .item_wrap{
  margin-bottom: 20px;
  margin-right: 5px;
  margin-left: 5px
}

ul {
 list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}

#mail_form_contact_us_page{
  width:450px;
  float: right;
}

#mail_form_contact_us_page input{
  border:none;
  padding: 3px 10px;
  width:  280px;
}
#mail_form_contact_us_page textarea{
height:150px;
width: 283px;
margin: 5px;
  position: relative;
  z-index: 5;
  border:none;
  float: left;
}
#mail_form_contact_us_page .box{
  width: 300px;
  float: left;
}
#mail_form_contact_us_page label{
  float: left;
  clear: both;
  margin: 0 10px 0 0;
  display: block;
  width: 120px
}

#contactphones{
  float: left;
  width:  300px
}

.c{
  clear: both;
}

#contactphones p img{
  float: left;
  margin: -8px 5px 0 0;
}


.contactmail{
  display: inline-block;
  padding: 2px 0 2px 22px;
  background: url(img/cmail.jpg) no-repeat;
  font: 12px Arial;
  text-decoration: underline;
  color: #636363;
  margin-left: 10px;
}
.contactmail:hover{
  text-decoration: none;
}

#mail_form_contact_us_page label.error{
  position: absolute;
  font: 11px Arial;
  color: #933972;
  display: block;
  white-space: nowrap;
  bottom: -14px;
  left: 16px;
  float: none;
  clear: both;
  letter-spacing: 1px;
}

#mail_form_contact_us_page input.error{

}

#web-design-company{
  font: 11px Arial;
  color: #444444;
  text-align: center;
  margin: auto;
  padding-top: 20px
}
#web-design-company a{
  font: 11px Arial;
  color: #444444;
  text-decoration: none;
}
.richtext{
  color:#444444;
}

.comment{
  width: 900px;
  padding: 5px;
  margin-bottom: 20px;
  zoom:1;
}

.comment_image{
  float: left;
  margin: 0 7px 3px 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(img/gravatar.jpg);
}

.comment_content{
  float: right;
  width: 800px;
}

.optionsForm textarea{
  width: 400px;
  height: 200px;

}

#comments_form{
  width: 500px;
}
#comments_form input,
#comments_form textarea{
  border: none;
  padding: 3px;
  background: #FAF8FA;
  width: 492px;
}
#comments_form .focus{
  background: none
}


#comments_form label{
  display: block;
  padding: 5px 0 2px 0;
}
#comments_form label.error{
  display: inline;
  padding: 0;
}


#comments_form textarea{
  border: none;
  padding: 3px;
  height:150px;
  *width: 485px;
}

.success_elem{
  float: right;
}

#comments_form label.error{
display: none;
position: absolute;
visibility: hidden;
}

#checkout_table{
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
#checkout_table td{
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    padding: 5px;
}
#checkout_table th{

    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
     padding: 5px;
     -x-system-font:none;
      color:#B673BB;
      font-family:Verdana;
      font-size:16px;
      font-size-adjust:none;
      font-stretch:normal;
      font-style:normal;
      font-variant:normal;
      font-weight:bold;
      line-height:normal;

}

.check_table th{
     padding: 5px;
     -x-system-font:none;
      color:#B673BB;
      font-family:Verdana;
      font-size:14px;
      font-size-adjust:none;
      font-stretch:normal;
      font-style:normal;
      font-variant:normal;
      font-weight:bold;
      line-height:normal;
      text-align: right;
      border-bottom: solid 1px #ddd;

}
.check_table td{
    padding: 5px;
    font-size:13px;
    border-bottom: solid 1px #ddd;
}


.organic-cotton-icon-c{
  background: url(img/sppoc.jpg) no-repeat right top;
  position: absolute;
  top: -14px;
  right:0px;
  display: block;
  width: 85px;
  height: 85px;
  z-index: -1;
}

#step2 label.error{
  display: inline;
  padding: 0px;
  color: #b673bb;
  position: absolute;
  top: -16px;
  right: 0px;
  font: 11px Arial;
}

.pink_text {
color: #b673bb;
}

#distTxt{
    padding: 10px 0 20px 10px;
    width: 655px;
}

#distributor_form{
  display: block;
  margin: 0;
  float: left;
}
#distributor_form input{
  width: 315px;
  border: none;
  padding:2px 2px 2px 10px;
  background: none
}
#distributor_form textarea{
  border: none;
  background: none;
  width: 315px;
  height: 150px;
  padding:2px 2px 2px 10px;
}

#distributor_form label{
  display: block;
  padding: 7px 0 3px 0;
  font-weight: bold;

}

.sort_by_drop{
    background: url(img/sort_by_drop.png) no-repeat;
    -background: none;
    height: 24px;
}



#sort_by_drop{
  width: 122px;

}

#sub_right .StateActive{
    background: url(img/sort_by_drop_active.png) no-repeat;
    -background: none;
    height: 77px;

}

#sort_by_drop_ie_bg{
    z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 122px;
  height: 23px;

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/sort_by_drop.png', sizingMethod='crop');

}


#sub_right .StateActive #sort_by_drop_ie_bg{
    width: 122px;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/sort_by_drop_active.png', sizingMethod='crop');
    height: 77px;
}

#sort_by_drop li{
  float: left;
  clear: both;
  white-space: nowrap;
  width: 110px;
  margin-left:1px;
  -margin-left:0.5px;
  border-bottom:0px;
}

.ie6 #sort_by_drop li,
.ie7 #sort_by_drop li{
  margin-bottom: -4px;
}
.zebra .odd{
  background: #F8E7F8;

}
span#only_colors div{
  display: none;
}
span#only_colors s{
  display: none;
}

.nbj_wraap_short{
  float:left;
  position:relative;
  width:795px;
}
.nbj_wraap_short .txt{
   width:795px;
}

.tr1{
  float: left;
  width: 350px;
  margin-right: 15px;
  margin-left: 15px;
  -margin-left: 7px;
}

.tr2{
  float: none;
  width: 350px;
  clear: both;
}

.nbj_wraap h2{
  
}

#comments_container{
  clear: both;
}

.richtext table,
.richtext td,
.richtext tr{
  padding:auto;
  margin: auto;
}
#old-price{
  float: right;
  margin-right: 10px;
  color: #C68ACA;
  text-decoration: line-through;
  font:22px Verdana,Arial;
}
.hasOldPrice, .hasOldPrice strong{
  color: red !important;
}
.old-price{
  float: right;
  margin-right: 4px;
  color: #C68ACA;
  text-decoration: line-through;
  font: bold 11px Verdana,Arial;
  margin-top: 11px;
}

#preloader{
  position: absolute;
  display: none;
  width:25px;
  height: 25px;
  background: url(img/preloadbg.png) no-repeat;
  z-index: 999;
  overflow: hidden;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "preloadbg.png', sizingMethod='crop')");
}
#preloader span{
  display: block;
  float: left;
  margin: 3px;
  -margin: 3px 1.5px;
  width: 19px;
  height: 19px;
  overflow: hidden;
  background: url(img/preload.gif) no-repeat;
}
.content_body_text, .content_body_text *{
  font-family: Verdana !important;
  font-size: 12px !important;
}

#form_left_block{
  float: left;
  width:430px;
  margin-left: 20px;
}
.red{
  color: red
}
.mw_ibag{
  display: block;
  margin:-3px 3px 0 -6px;
  float: left;
  width: 16px;
  height: 17px;
  background: url(img/bagc.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "bagc.png', sizingMethod='crop')");
}


.mtf div.error .btl{
    background-image: url(img/btl_err.gif);
}
.mtf div.error .btr{
    background-image: url(img/btr_err.gif)
}
.mtf div.error .bbl{
    background-image: url(img/bbl_err.gif)
}
.mtf div.error .bbr{
    background-image: url(img/bbr_err.gif)
}
.mtf div.error{
  border: 1px solid #FF7C7C
}
.cat_img{
    float: left;
    display: block;
    width:350px;
    height: 200px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center top;
}
.cattxt{
  float: left;
  width: 400px;
}
.cat_info_block{
  zoom:1;
  overflow: hidden;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #ddd;
}
#cat_info{
  padding-bottom: 20px;
}
.cat_info_block .small_btn{
  margin-top: 10px;
}
.cat_info_block h3{
  font-size: 16px;
  padding-bottom: 4px;
}
.cat_info_block h3 a{
  text-decoration: none;
}
#step2{
  overflow: hidden;
  zoom:1;
  background-repeat: no-repeat;
  background-position: center center;
}
div.error .termsctxt, div.error .termsctxt a{
  color: red;
}
#a, #b{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
#a{
  width: 17px;
  height: 17px;
  background: url(img/ico.pp.png) no-repeat;
  left:8px;
top:4px;
}
#b{
  width: 28px;
  height: 22px;
  background: url(img/ico.cc.png) no-repeat;
left:7px;
top:5px;
}

.promo1, .promo2{
  width: 120px;
  font-size: 12px;
  padding: 10px;
  background: #F7F7F7;
  border: 1px solid #DDDDDD;
  height: 59px;
  position: absolute;
  top: -23px;
  cursor: pointer;
}
.promo1{
  right: 370px;
}
.promo2{
  right: 210px;
}


.promo_title{
    font-weight: bold;
}
.promo_body{
  display: none;
}
.music{
  padding: 10px 12px;
  border-bottom: 1px solid #DDDDDD;
}
.iLike{
  display: inline-block;
  clear: both;
  padding:0px 0 1px 17px;
  background: url(img/vote_up.gif) no-repeat;
  color: #535353;
  text-decoration: none;
}
.iLike:hover{
  text-decoration: underline;
}
.dlike{
  float: right;
  display: block;
  width:78px;
  height: 73px;
  background: url(img/votes.jpg) no-repeat;
  overflow: hidden;
  margin-top: 14px;
}
.dlike strong{
  display: block;
  text-align: center;
  font-size:22px;
  width: 78px;
  height:37px;
  padding-top:12px;
  color: white;
  font-weight: normal;
}
.dlike a{
  display: block;
  width: 78px;
  height:19px;
  text-align: center;
  text-transform: uppercase;
  font-size:#393939;
  text-decoration: none;
  padding-top: 5px;
}
.music h2{
  margin-top: 0;
}
#OMfader .cat_img{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height:400px;
width:777px;
}

#OMfader{
  position: relative;
    height:400px;
width:777px;
}


.randomize_image{
  display: none;
}




























