@charset "utf-8";


#overlayFancy {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	z-index: 99999;
	padding-top:10px;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:none;
}

* html div#overlayFancy {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.fancytop {
	background-image:url("images/top.png");
	width:400px;
	height:21px;
	float:left;
}

.fancycontent {
	background-image: url("images/bg_repeat.png");
	width:400px;
	float:left;
	height:auto;
}

.fancycontent2 {
	background: url("images/bg.png") no-repeat;
	width:400px;
	height:auto;
	float:left;
}

.special_input {
	background-image:url(images/log_bg.png);width:312px;padding-left:14px;float:left;height:41px;border:0px;display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#262626;
}

.fancybottom {
	background-image:url("images/bottom.png");
	width:400px;
	height:21px;
	float:left;
}


.ostukorvi_teade {
	width: 300px;
	height: auto;
	margin: 0 auto 0 auto;
	
}

.lisatud_ostukorvi {
	background-color: #abdc04; 
	width: 300px;
	height: auto;
	border: #6c8f01 2px solid;
	color: #FFFFFF;
	padding: 0px 0px 25px 0px;
	float: left;
	position: absolute;
	text-align: center;
	top: 350px;
	font-weight:bold;
	z-index:99999;
}

.lisatud_ostukorvi p {
	padding: 10px 0px 0px 0px;
	float: left;
	width: 100%;
	text-align: center;
}

.lisatud_ostukorvi .right a {
	float: right;
	padding-right:5px;
	color: #FFF;
}

* {
	margin: 0;
	padding: 0;
}
img, a {
	border: 0px;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #686967;
	background: #ffffff url(images/body_bg.png) repeat-x;
}

html, body {
	height: 100%;
}

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 170px;
}

#header-top {
	background-color:#f5759f;
	width:100%;
	position:fixed;
	margin-top:-35px;
	height:35px;
	z-index:99999;
}
.top_text, .top_text a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-top:2px;
}
.header-top-margin {
	width: 980px;
	margin: 0px auto 0px auto;
}
select.drop {
	border: 1px solid #dadada;
	width: 125px;
}

a.ostukorvLink {
	background-image: url("images/ostukorvIcon.png");
	width: 54px;
	height: 36px;
	float:right;
	padding-top: 12px;
	text-align:center;
	padding-left: 3px;
	font-size: 16px;
	color: #CCCCCC;
	font-weight:bold;
	text-decoration:none;
}

input.go {
	float: left;
	width: auto;
	height: 24px;
	color: #ffffff;
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: url(images/back_bg.png) repeat-x;
	text-decoration: none;
	padding: 0px 9px;
	border:0px;
}
a.more {
	width: 19px;
	height: 18px;
	background: url(images/more.png) no-repeat;
	text-decoration:none;
	font-size:0px;
}
.nooled_sisse {
	width: auto;
	float:left;
	height: 18px;
}
a.less {
	width: 19px;
	height: 18px;
	background: url(images/less.png) no-repeat;
	text-decoration:none;
	font-size:0px;
}
h1 {
	float: left;
	color: #d64888;
	width: 368px;
	font: 34px/59px "Myriad Pro", Arial, sans-serif;
	height: 59px;
	padding-left: 20px;
/*	border-bottom: 1px solid #eaeaea;*/
	margin-bottom: 20px;
}
h2 {
	float: left;
	color: #d64888;
	width: 335px;
	font: 34px/59px "Myriad Pro", Arial, sans-serif;
	height: 59px;
	padding-left: 20px;
/*	border-bottom: 1px solid #eaeaea;*/
	margin-bottom: 20px;
}
h3 {
	float: left;
	font: 34px/59px "Myriad Pro", Arial, sans-serif;
	border-bottom: 1px solid #eaeaea;
	color: #d64888;
	width: 100%;
	
	height: 59px;
	padding-left: 20px;
	
	margin-bottom: 20px;
}
/* header */
#head_container {
	width: 1200px;
	margin: 35px auto 0px auto;
}
#head_area {
	float: left;
	width: 1100px;
	height: auto;
	background: url(images/head_bg.png) no-repeat center top;
	padding-right: 100px;
}
#head_area .logo {
	float: left;
	width: 284px;
	height: 61px;
	margin-left: 80px;
	margin-top: 26px;
	overflow: hidden;
}
#head_area .rightbox {
	float: right;
	width: 400px;
	height: 83px;
	text-align: right;
	padding-top: 14px;
}
#head_area .rightbox a {
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#head_area .rightbox a.help {
	float: right;
	width: 84px;
	height: 26px;
	color: #fcfcfc;
	background: url(images/online_btn.png) no-repeat;
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 8px 300px;
	overflow: hidden;
}
#head_area .menu {
	float: left;
	width: 985px;
	height: 45px;
	background: url(images/menu_bg.png) no-repeat;
	margin-left: 95px;
	padding: 4px 10px 0px 15px;
	overflow: hidden;
}
#head_area .menu a {
	float: left;
	color: #666666;
	font: bold 12px/44px Arial, Helvetica, sans-serif;
	padding-left: 11px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
#head_area .menu a:hover {
	background: url(images/hover_bg.png) repeat-x center 10px;
}
#head_area .menu a.active {
	color: #ffffff;
	background: url(images/act_bg.png) repeat-x center 10px;
	padding-left: 7px;
	padding-right: 8px;
}
#head_area .menu span.active_l {
	float: left;
	width: 4px;
	height: 27px;
	background: url(images/act_l.png) no-repeat;
	margin-top: 10px;
}
#head_area .menu span.active_r {
	float: left;
	width: 4px;
	height: 27px;
	background: url(images/act_r.png) no-repeat;
	margin-top: 10px;
}
#head_area .menu span.line {
	float: left;
	width: 2px;
	height: 41px;
	background: url(images/m_span.png) no-repeat;
	margin: 4px 8px 0px 7px;
	overflow: hidden;
}
#head_area .menu .lang {
	float: right;
	width: 160px;
	height: 45px;
}
#head_area .menu .lang a {
	float: left;
	width: 38px;
	height: 21px;
	color: #ffffff;
	/*background: url(images/lang_bg.png) no-repeat;*/
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	font: 11px/21px Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 12px;
	padding: 0px;
}
#head_area .menu .lang a.active, #head_area .menu .lang a:hover {
	background-image:none;
	opacity:100;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* pic area */
#head_area .pic_area {
	float: left;
	width: 1100px;
	height: auto;
	min-height: 318px;
	/*background: url(images/pic.jpg) no-repeat;*/
}
#head_area .pic_area2 {
	float: left;
	width: 1100px;
	height: auto;
	padding-left:100px;
	min-height: 318px;
	background: url(images/pic_replace.jpg) no-repeat;
	position:relative;
	display:block;
}
#head_area .pic_area2 .lcolumn {
	float: left;
	width: 254px;
	height: auto;
}

#head_area .pic_area .sub_m {
	float: left;
	width: 261px;
	height: auto;
	margin-top: 11px;
	overflow: hidden;
}

#head_area .pic_area2 .sub_m {
	float: left;
	width: 254px;
	height: auto;
	margin-top: 11px;
	overflow: hidden;
}
#head_area .pic_area .sub_m .top {
	float: left;
	width: 261px;
	height: 6px;
	background: url(images/sub_top.png) no-repeat;

}

#head_area .pic_area2 .sub_m .top {
	float: left;
	width: 254px;
	height: 6px;
	background: url(images/sub_top.png) no-repeat;
}
#content_mis_laseb_venida {
	background: #e6e6e6;
	float:left;
	height:auto;
	width: 256px;
}
#head_area .pic_area .sub_m .content {
	float: left;
	width: 200px;
	height: auto;
	background: url(images/sub_bg.png) no-repeat;
	padding: 0px 11px 18px 50px;
}

.star-rating li.current-rating{
	background: url("images/starActive.png");
	position: absolute;
	height: 13px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.star-rating{
	list-style: none;
	padding: 0px;
	width: 70px;
	height: 13px;
	position: relative; 
	background: url("images/starUnactive.png");

}

.star-rating li{
	padding:0px;
	margin:0px;
	float: left;
}

.star-rating li a{
	display:block;
	width:14px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image:none;
}

.star-rating li a:hover{
	position:absolute;
	background: url("images/starHover.png");
	z-index: 5;
	left: 0px;
}

.star-rating a.one-star{
	left: 0px;
}

.star-rating a.one-star:hover{
	width:14px;
}
.star-rating a.two-stars{
	left:14px;
}
.star-rating a.two-stars:hover{
	width: 28px;
}
.star-rating a.three-stars{
	left: 28px;
}
.star-rating a.three-stars:hover{
	width: 42px;
}
.star-rating a.four-stars{
	left: 42px;
}
.star-rating a.four-stars:hover{
	width: 56px;
}
.star-rating a.five-stars{
	left: 56px;
}
.star-rating a.five-stars:hover{
	width: 70px;
}

#head_area .pic_area2 .sub_m .content {
	float: left;
	width: 193px;
	height: auto;
	background: url(images/sub_bg.png) no-repeat;
	padding: 0px 11px 18px 50px;
}
#head_area .pic_area .sub_m .content .head {
	float: left;
	width: 220px;
	height: 24px;
	background: url(images/sub_head.png) no-repeat;
	margin: 7px 0px 17px -38px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right:5px;
}
#head_area .pic_area2 .sub_m .content .head {
	float: left;
	width: 220px;
	height: 24px;
	background: url(images/sub_head.png) no-repeat;
	margin: 7px 0px 17px -38px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right:5px;
}
#head_area .pic_area .sub_m .content a, #head_area .pic_area2 .sub_m .content a {
	float: left;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	color: #8c8c8c;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}
#head_area .pic_area .sub_m .content a:hover, #head_area .pic_area .sub_m .content a.active, #head_area .pic_area2 .sub_m .content a:hover, #head_area .pic_area2 .sub_m .content a.active {
	color: #eb6d99;
}
#head_area .pic_area .sub_m .content span.line, #head_area .pic_area2 .sub_m .content span.line {
	float: left;
	display: block;
	width: 188px;
	height: 1px;
	background: url(images/sub_span.png) no-repeat;
}
#head_area .pic_area .sub_m .bottom {
	float: left;
	width: 261px;
	height: 18px;
	background: url(images/sub_bottom.png) no-repeat;
}

#head_area .pic_area2 .sub_m .bottom {
	float: left;
	width: 254px;
	height: 18px;
	background: url(images/sub_bottom.png) no-repeat;
}
/* main body */
#container {
	width: 1010px;
	margin: 0 auto;
	min-height:100%;
	height:100%;
}
#content {
	float: left;
	width: 1010px;
	height: auto;
	background: #ffffff;
}
#left {
	float: left;
	width: 253px;
	overflow: hidden;
}
#left .facebook {
	float: left;
	width: 219px;
	height: 70px;
	color: #ffffff;
	background: url(images/facebook.png) no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 20px 0px;
	padding: 20px 20px 0px 0px;
}
#left .facebook a {
	float: right;
	width: 102px;
	height: 26px;
	color: #787878;
	background: url(images/fan.png) no-repeat;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	margin-top: 16px;
	margin-right: -10px;
}
#right {
	float: left;
	width: 745px;
	height: auto;
	line-height: 21px;
	text-align: justify;
	/*border-left: 1px solid #eaeaea;*/
}
#right .content {
	float: left;
	width: 725px;
	height: auto;
	padding-left: 20px;
}
#right .what {
	float: left;
	width: 368px;
	height: auto;
	/*border-right: 1px solid #eaeaea;*/
}
#right .what p {
	padding-left: 20px;
}
#right p {
	padding: 20px 20px 20px 0px;
}
#right .why {
	float: left;
	width: 355px;
	height: auto;
	/*border-right: 1px solid #eaeaea;*/
}
#right .why a.loe {
	float: right;
	color: #d64888;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-right: 30px;
}
#right .why ul {
	line-height: 21px;
	list-style: url(images/li.png) outside;
	text-align: justify;
	padding: 0px 20px 20px 35px;
	float:left;
}
#right .why ul li {
	text-indent: 10px;
}
#right2 {
	float: left;
	width: 704px;
	position:relative;
	height: auto;
	background: #ffffff;
	border: 1px solid #ebebeb;
	line-height: 18px;
	margin-top: 11px !important;
	margin-bottom: 18px;
	padding: 20px;
}
#right2 a.kustuta {
	color: #7a7a7a;
	font-weight: bold;
	text-decoration: none;
}
#right2 a.kustuta:hover {
	color: #e489a9;
}
#right2 table tr.grey {
	background: #f5f5f5;
}
#right2 .pic_column {
	float: left;
	width: 345px;
	height: auto;
}
#right2 .pic_column img {
	float: left;
	border: 1px solid #ebebeb;
	padding: 2px;
	margin-top: 2px;
	margin-right: 2px;
}
#right2 .text_column {
	float: left;
	width: 345px;
	height: auto;
	line-height: 20px;
}
#right2 .text_column a {
	color: #6e6d6d;
}
#right2 .text_column a.active {
	color: #ce677f;
	text-decoration: none;
}
#right2 .price {
	float: left;
	width: 198px;
	height: auto;
	background-color: #eaeaea;
	line-height: 1.2em;
	padding: 0px 10px;
	margin: 10px 0px;
}
#right2 .choice {
	float: left;
	width: auto;
	height: 24px;
}
#right2 .choice a.go {
	float: left;
	width: auto;
	height: 24px;
	color: #ffffff;
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: url(images/back_bg.png) repeat-x;
	text-decoration: none;
	padding: 0px 9px;
}
#right2 #toodetoode .choice {
	float: left;
	width: 99%;
	height: 24px;
	background: url(images/back_bg.png) repeat-x;
}
#right2 #toodetoode .choice a.go {
	float: left;
	width: auto;
	height: 24px;
	color: #ffffff;
	font: 12px/24px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 9px;
	text-align: center;
}

#right2 .choice span.r {
	float: right;
	width: 4px;
	height: 24px;
	background: url(images/back_r.png) no-repeat;
}
#right2 .choice span.l {
	float: left;
	width: 4px;
	height: 24px;
	background: url(images/back_l.png) no-repeat;
}
#right2 .choice span.line {
	float: left;
	width: 2px;
	height: 24px;
	background: url(images/back_span.png) no-repeat;
}
#right2 .product {
	float: left;
	width: 220px;
	height: 545px;
	margin-right: 10px;
	padding-bottom: 20px;
}
#right2 .product .imgholder {
	float: left;
	width: auto;
	height: auto;
}
#right2 .product .imgholder img {
	border: 1px solid #ebebeb;
	padding: 2px;
	margin-bottom: 10px;
}
#right2 .product .priceholder {
	float: left;
	width: auto;
	height: auto;
	padding-bottom: 15px;
	vertical-align:bottom;
}
#right2 .product .txtholder {
	float: left;
	width: auto;
	height: 195px;
}
#right2 .product .choice {
	float: left;
	width: auto;
	height: 24px;
	vertical-align:bottom;
}
.clearfloat {
	margin:0;
	padding:0;
	float:none;
	clear:both;
}
/* footer */
.clearfooter{
	height:73px;
	clear:both;
}
#footer {
	width: 100%;
	height: 135px;
	background: url(images/footer_bg.png) repeat-x;
	text-align: center;
	padding-top: 35px;
	float:left;
}
#footer a.biglink {
	font: 23px/18px "Myriad Pro", Arial, sans-serif;
	color: #999999;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
}
#footer a.mail, #footer p {
	color: #a8aaa7;
	text-decoration: none;
}
#footer a.mail:hover {
	color: #cccccc;
}
/* font styles */
.txtstyle1 {
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
}
.txtstyle2 {
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.txtstyle3 {
	color: #ffffff;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.txtstyle4 {
	color: #7a7a7a;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.txtstyle5 {
	font: 10px/24px Arial, Helvetica, sans-serif;
}
.txtstyle6 {
	color: #eb6d99;
	font-weight: bold;
	text-transform: uppercase;
}
.txtstyle7 {
	color: #7a7a7a;
	font: bold 18px/18px Arial, Helvetica, sans-serif;
}
.rightalign, .rightalign a {
	text-align: right;
	color: #6e6d6d;
	float: right;
}

