/*========================================*/
/* CSS by www.veebidisain.ee */
/*========================================*/
/*===============================*/
/* GENERAL */
/*===============================*/
body {background:url(../img/gfx/bg.png) repeat-x #d9d9d9; margin:0; padding:0; line-height:150%;}
body, td, th, p, input, textarea, option, div, select, legend, fieldset {font-size: 12px; color: #444;}
body, td, th, p, div, h1, h2, h3, h4, h5, input, textarea, option, select {font-family:Verdana, Arial, Helvetica, sans-serif !important;}
h1 {padding:0px 15px 15px 0; margin:0 0; text-align:left; line-height:120%;}
h1, h1 a, h1 a:visited {font-size:15px; color:#575757; text-decoration:none;}
h1 a:hover {color:#8d8d8d;}
.gr_selected a, .gr_selected a:visited, .gr_selected{}
a.gr_button, a.gr_button:visited {}
h2, h2 a, h2 a:visited {font:14px normal; color:#575757; margin:0; padding:10px 0; text-align:left; text-decoration:none;}
h3, th {font-size:13px; color:#fabc2b; margin:0 0 10px 0; padding:8px 0 2px 0;}
.small_text *, .small_text{font-size:11px !important; line-height:14px;}
.align_left{text-align:left;}
.align_right{text-align:right;}
a:link, a:visited {color:#333; text-decoration:none;}
a:hover, a:active, a.active {text-decoration:none; color:#8d8d8d;}
a img {border:none;}
p {text-align:left; margin:0; padding:6px 0;}
ul {padding:6px 0 6px 25px; margin:0; list-style-type:circle;}
input, textarea, select {background-color:white; color: #666; border:1px solid #ccc; margin:3px 0;}
input.button, .button {background:url(../img/gfx/buttons.png) right top no-repeat; height:19px; width:125px !important; border:none; cursor:pointer; text-transform:uppercase; color:#FFF; font-weight:bold; text-align:center; padding:0 0 2px 0;}
a.button,a.button:visited {display:block; color:white; padding:2px 0 0 0;}
p.button input {display:block; width:100%;}
input.button:hover, .button:hover{background-position:right -21px; border:none !important;}
input.button:focus, .button:focus {background-position:right -42px;}
input.sml_button, .sml_button {background:url(../img/gfx/buttons.png) left top no-repeat; height:19px; width:54px; border:none; cursor:pointer; text-transform:uppercase; color:#FFF; font-weight:bold; padding:0 0 2px 0;}
input.sml_button:hover, .sml_button:hover {background-position:left -21px;}
input.sml_button:focus, .sml_button:focus{background-position:left -42px;}
option, select {color:#666;}
option {border:none;}
form {margin:0; padding:0;}
hr {border:none; height:1px; background-color:#ccc; clear:both;}
.clear{clear:both; height: 0px;}
:active, :focus {outline:none;}
/*===============================*/
/* LAYOUT */
/*===============================*/
#header {width:990px; height:187px; margin:auto; position:relative;}
#main_bg{width:100%; height:100%; background:url(../img/gfx/footer_bg.png) center bottom repeat-x;}
#main_div {width:100%; height:100%; margin:auto; background:url(../img/gfx/header.jpg) center top no-repeat;}
#main {width:980px; height:100%; margin:auto; background-color:#FFF; border-left:1px solid #dadada; border-right:1px solid #dadada; padding:20px 0 0 0;}
#logo {float:left; width:384px; height:84px; padding:0 0; margin:43px 0 0 11px;}

/*===============================*/
/* HEADER */
/*===============================*/

#search_wrap{float: left;width: 170px;padding: 10px 0 0 41px;}
#top_search {width:171px; height:22px; background: url(../img/gfx/searchbox.png) center top no-repeat; margin:0;}
#top_search input {font-size:11px; font-style:italic; color:#999; cursor:text; background:none; border:0px solid #333; padding:0px 0 0px 4px; margin:4px 0 0 0; width:122px; float:left;}
#top_search #search_button {width:43px; float:right; height:22px; cursor:pointer; font-size:11px; font-style:normal; font-weight:bold; text-transform:uppercase; color:#FFF; margin:0 0; padding:0 0 4px 0; border:0px solid #3C6;}
#login{background: url(../img/gfx/form_bg.png);padding: 3px;margin: 10px 0 0 0;}
#login a{font-style:italic;padding: 0 0 0 4px; line-height: 1.5em;}
#login input{color: #737373; font-size: 13px; background: url(../img/gfx/input_bg.png) no-repeat; border: none; width: 156px; height: 26px; margin: 0;padding: 3px 0 0 8px;}
#login #submit{border:none; background: url(../img/gfx/form_bg.png); width: 71px; height: 22px; padding: 0;}
#last_row{margin: 0; padding: 0; width: 170px; position: relative;}
#last_row a, #last_row input{position: absolute; top:6px; color: #e56f00; }
#last_row input{top:3px; right: 3px;}
#arguments{float: left; width: 352px; padding: 8px 0 0 31px;background: url(../img/gfx/elevant.jpg) no-repeat bottom right; height: 133px;}
#arguments ul{padding: 0 120px 0 15px;}
#arguments h3{background: url(../img/gfx/miks_tellida.jpg) no-repeat; text-indent: -9999px; padding: 0; margin: 0 0 5px 0; width: 126px; height: 25px;}
#arguments li{color: #cf9b00; list-style-type: disc; line-height: 1.2em; font-size: 11px; margin: 0 0 5px 0;}
#arguments li span{color: #4c3000;}
#topmenu {position: absolute; bottom:0px; left:10px; height:37px; z-index:10; padding:0 0; margin:0 0;}
#topmenu ul.topmenu{list-style:none; padding:0px 0 0 0px; margin:0 0; position:relative; float:left; background:url(../img/gfx/menu_bg.png) right bottom no-repeat;}
#topmenu ul.topmenu li{display:inline; float:left; height:37px; padding:0px 0px; margin:0 0; position: relative; z-index:160;}
#topmenu ul.topmenu li:hover{background:url(../img/gfx/menu_hover.png) center top no-repeat;}
#topmenu ul.topmenu li:hover a{background:none;}
#topmenu ul.topmenu li a{color:#FFF; line-height:37px; font-weight:bold; font-size:14px; padding:10px 20px; background:url(../img/gfx/menu_a_r.gif) right 50% no-repeat;}
#topmenu ul.topmenu li span#trademarks{color:#FFF; line-height:37px; font-weight:bold; font-size:14px; padding:0px 20px !important; position: relative; display:block}
#topmenu ul.topmenu li span#trademarks:hover{background:#fff; color: #919191; text-shadow: 1px 1px 0 #f4f6f7;}
#dropdown{background:#fff; position: absolute; width: 222px; padding: 0 0 19px 0; left: -36px; z-index: 10; display: none; box-shadow:#aaa 0 10px 10px; -moz-box-shadow:#aaa 0 10px 10px; -webkit-box-shadow:#aaa 0 10px 10px}

ul#tm_menu {background:none !important}
ul#tm_menu li {padding:0 !important; margin:0 !important; background:none !important}
ul#tm_menu li img {max-height:40px !important}
#dropdown div{background:#fff; width: 222px; padding: 5px 0}
#dropdown div p{padding: 4px 0; margin: 0; text-align: center;}
#topmenu ul.topmenu li span#trademarks:hover #dropdown{display: block;}
#dropdown div p a{line-height: normal !important; padding: 0 !important; background: none;} 
#shopping{float: right;}
#shopping a{margin: 18px 60px 0 0; padding: 0 0 0 35px; background: url(../img/gfx/cart.jpg) no-repeat left; color: #fff; font-weight: bold; font-size: 14px; display: block;}
#shopping a span{color: #4f4f4f;}

/*===============================*/
/* MIDDLE CONTENT */
/*===============================*/
#middle {width:730px; float:left; margin:0 13px 0 13px; overflow:hidden;}
body.index_page #middle {width:391px; float:left; margin:0 31px; overflow:hidden;}
h3.kuupakkumised{font-size: 18px; font-weight: normal; text-align: center; background: url(../img/gfx/kuupakkumised.jpg) no-repeat; color: #fff; padding: 4px 0 0; margin: 0 0 10px; height: 27px;}
ul#promocarousel{width: 378px; padding: 0 1px 0 11px; margin:0; list-style:none}
.special{float: left; margin: 0 11px 11px 0; border: 1px solid #d9d9d9; background: #fff; padding: 1px; width: 174px; height: 195px;}
.special span{background: #ededed; height: 186px; padding: 5px 2px 4px 2px; display:block;}
.special * {text-align:center;}
.special span a{text-align: center; display: block; margin: 0 0 5px 0;}
.special span img {height:140px !important}
.special span p{font-size: 13px; color: #4c3000; margin: 0; padding: 0; line-height: 1.3em;}
.red{color: #ee1c25;}
.special span p.price{font-size: 11px; line-height: 1.5em; padding: 7px 0 0;}
.bigger_text{font-size: 13px;}


#content {background:white;}
#middle img {max-width:720px;}
#navbar{width:100%; line-height:30px; float:left; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#content_wrap > #navbar:last-child{margin:10px 0 0 0;}
#navbar #breadcrumbs{width:60%; float:left;}
#navbar #breadcrumbs h1{padding:0 0;}
#navbar #pagination{width:35%; float:right; text-align:right;}
#navbar #pagination a{padding:0 2px;}
#navbar #pagination .gr_selected a{color:#DD7800;}
#sort{text-align:center; width:100%; line-height:30px; margin:0 0 5px 0; float:left; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#sort a,#sort a:visited{padding:0 15px 0 5px; background:url(../img/gfx/arrow_dl.png) no-repeat right; color:#999;
}
#sort a.selected,#sort a.selected:visited{font-weight:bold; color:#333; background:url(../img/gfx/arrow_dd.png) no-repeat right !important;}
#sort a.selected:hover{color:#666;}

/*===============================*/
/* FOOTER */
/*===============================*/

#footer {background:url(../img/gfx/footer.png) center top no-repeat; width:990px; height:36px; line-height:36px; margin:auto;}
#footer p.footer {line-height:36px; text-align:center; font-size:10px; color:black; padding:0 0;}

/*===============================*/
/* LEFT AND RIGHT SIDE */
/*===============================*/

#left_side, #right_side {width:180px; margin:0px 6px 0 6px; padding:0 0 10px 0; background:#FFF url(../img/gfx/left_side_bottom.jpg) center bottom no-repeat;}
#left_side {float:left;}
#right_side {float:right;}
h3.left_side_heading, h3.right_side_heading{width:170px; height:21px; line-height:21px; text-transform:uppercase; font-size:13px; color:#FFF; padding:0 5px; margin:0 0; background:url(../img/gfx/side_bg.jpg) center 0 no-repeat;}
#left_side > h3.left_side_heading:first-child, #right_side > h3.right_side_heading:first-child{	
	background:url(../img/gfx/side_bg.jpg) center top no-repeat; margin:0px 0;}

div.left_side_box{padding:0; border-left:1px solid #dadada; border-right:1px solid #dadada;}
div.left_side_box p{padding:5px;}
div.left_side_box img{max-width:130px; margin-left:20px;}

div.left_side_box *{color:#737373;}
ul#product_box{list-style:none; padding:0; margin:0;}
div.left_side_box ul#product_box li{width:178px; overflow:hidden;}
div.left_side_box>ul#product_box li{overflow:visible !important;}
ul#product_box li.odd{background:#FFF;}
ul#product_box li.even{background:#f5f5f5;}
ul#product_box a,ul#product_box a:visited {color:#737373; font-weight:bold; display:block; width:170px; padding:1px 5px; position:relative; z-index:100; margin:0 0 0 -1px;}
ul#product_box a:hover, ul#product_box li.active a, ul#product_box li.active a:visited{background:url(../img/gfx/cat_active.jpg) 0 50% no-repeat; color:#fff; width:177px;}

/*  -- SECOND LEVEL SIDEMENU --  */
ul#product_box ul a,ul#product_box ul a:visited {width:160px !important; color:#737373 !important; font-weight:normal !important; background-image:none!important; 
	padding-left:15px !important; padding-right:10px !important; font-size:11px;}
ul#product_box ul a:hover, ul#product_box ul li.active a, ul#product_box ul li.active a:visited{background:url(../img/gfx/cat_active.jpg) 0 50% no-repeat !important; color:#fff !important;}

/*===============================*/
/* RIGHT SIDE */
/*===============================*/

div.right_side_box{padding:5px 5px; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.right_side_box p.pr_in_cart {font-size:15px; color:#2698d9; text-align:center;}
#compl_order{font-size:10px; text-transform:none; text-align:center; margin:15px 0;}
#cart_box {}
#login_box input {margin:2px 0 3px 0;}

#add_box,#brand_box {text-align:center;}
#add_box img,#brand_box ul li img {max-width:160px !important; margin:4px 0 0 0;}
/* side poll */

/* News */

#news_wrap {display:none}
body.index_page #news_wrap {display:block !important}
#news_wrap{background:url(../img/gfx/news_bottom.jpg) no-repeat bottom center; width: 325px; float: right; margin: 0 5px 0 0; padding: 0 0 7px 0;}
#news_inner{border-right: 1px solid #dadada; border-left: 1px solid #dadada; width: 323px;}
#news_wrap h3.heading_bg{background:url(../img/gfx/news_bg.jpg) no-repeat; font-size: 13px; text-transform: uppercase; color: #fff; height: 21px; padding: 0 5px; margin: 0; line-height: 21px; width: 315px; margin: 0 0 20px -1px;}
.news_box, #news_inner{float: left;}
.news_box{width: 324px;}
.last_item{border-bottom: none;}
.news_heading{background:url(../img/gfx/news_heading.jpg) no-repeat; font-size: 14px; color: #fff; height: 25px; margin: 0 0 0 -1px; line-height: 26px; padding: 0 5px; width: 315px;}
.news_heading span{color: #a67c00; font-size: 11px; font-style: italic; margin: 0 15px;}
.news_content{padding: 4px 12px 0 0;}
.news_content p{color: #737373; line-height: 1.2em;}
.news_content img{float: left; margin: 0 12px; max-width:90px; max-height:80px}
.read_more{height: 27px; background: url(../img/gfx/more_r.jpg) no-repeat right; float: right; padding: 0 16px 0 0; margin: 0 2px 0 0;}
.read_more p, .read_more p a{display: block; height: 27px; margin: 0; padding: 0;}
.read_more p{background:url(../img/gfx/more_l.jpg) no-repeat left; padding: 0 0 0 35px;}
.read_more p a{background:url(../img/gfx/more_m.jpg) repeat-x; padding: 0; color: #fff; line-height: 2.4em;}
.read_more p span a:hover{color: #fff;}

/* Brands */
#brands{float: left; width: 906px; background: #fff; padding: 28px 52px 0 22px; margin: 34px 0 0 0; border-top:3px solid #eee}
#brands p {display:inline}
#brands img{margin: 0 10px 18px 10px; max-height:60px !important}


/*===============================*/
/* PROMO PRODUCTS */
/*===============================*/

#special_box p{padding:0 0; color:#2698D9;}
#special_box p{padding:0 0; color:#2698D9;}
#special_box p.special_box_price{color:#DD7800;}
#special_box a, #special_box a:visited {}
#special_box img {text-align:center; padding:10px 0; border:none;}
#special_box a {}

#news_box p,#news_box strong {}
#news_box img{text-align:center;}

/*===============================*/
/* ONE PRODUCT IN LIST */
/*===============================*/

.cat_desc {width:100%; float:left; background:#eee}
.pr_box_small {width:350px; height:auto; padding:5px 0; margin:0 10px 0 0;float:left; border-bottom:1px solid #ccc; overflow:hidden}
.pr_box_small:hover .pr_box_desc_i {display:block !important; position:absolute; background:#fff !important; z-index:500; width:340px; padding:5px; border:1px solid #ccc; margin:0 0 0 -151px}
.pr_box_desc_i p,.pr_box_desc_i p * {font-size:10px !important; color:#666 !important; line-height:120%;}
.pr_box_pic{float:left; height:90px !important; width:130px; overflow:hidden}
.pr_box_pic img {max-height:90px; border:none;}
.pr_box_r {height:90px; float:right; width:200px}
.pr_box_r .pr_box_name{width:100%; float:left;}
.pr_box_r h2{padding:0 0 10px 0; font-size:14px; font-weight:bold;}
.pr_box_price {padding:0 0; color:#dd7800;}
.special_price {color:#C00; font-weight:bold;}
.pr_box_r .pr_box_add_cart{width:100px; float:right; text-align:center;}
.pr_box_r .pr_box_add_cart .input{width:25px; text-align:center;}
.pr_box_r .pr_box_add_cart input.button{background:url(../img/gfx/buttons.png) left top no-repeat; height:19px; width:53px; border:none; cursor:pointer; text-transform:uppercase; color:#FFF; font-weight:bold; padding:0 0 2px 0;}
.pr_box_r .pr_box_add_cart input.button:hover {background-position:left -21px;}
.pr_box_r .pr_box_add_cart input.button:focus {background-position:left -42px;}
.pr_box_desc_i{display:none}
.pr_box_desc_i p{color:#8d8d8d;}
.pr_box_desc_additional{color:#555;}
input.amount {text-align:center; width:30px;}

/*===============================*/
/* PRODUCT DETAILS */
/*===============================*/

#pr_details {width:730px; height:auto; padding:10px 0 20px 0; margin:auto; float:left; border-bottom:0px solid #CCC;}
#pr_det_brand {}
#brand_name {}
#brand_pic {}
#brand_pic img {}
#brand_desc {}
#pr_details_img {float:left; width:220px;}
#pr_details_img img {}
img#pr_details_big_img {}
#pr_details_short_d {float:right; width:445px;}
#pr_details_short_d p {}
#pr_details_long_d {float:right; width:445px;}
#pr_details_bottom_wrap {float:left; width:700px; background-color:#f5f5f5; padding:10px 10px; margin:5px 0 10px 0; border-top:1px dotted #F90; border-bottom:1px dotted #F90;}
#pr_details_sp {float:left; width:60%;}
#pr_details_bottom {float:right; width:40%; text-align:right;}
#pr_details_back_link a{font-weight:bold; color:#F90;}
#pr_details_form_a {margin:3px 0;}
#pr_details_form_a input, #pr_details_form_a select {}
#pr_details_form_b {}
#s_tooted h1 {border-top:1px dotted #F90 !important; border-bottom:1px dotted #F90 !important; padding:3px 0 !important; margin-bottom:20px; background:#f6f6f6; width:100%; float:left;}
.pr_sidus {width:49%; height:120px; float:left; margin:2px; text-align:center; overflow:hidden;}
.pr_sidus a {font-weight:bold;}

/*===============================*/
/* REGISTRATION */
/*===============================*/
#reg_vorm {width:99%; float:left;}
#reg_vorm input:hover, #reg_vorm input:focus, #reg_vorm textarea:focus, #reg_vorm textarea:hover{border:1px solid #DD7800; background-color:#fafafa;}
#reg_vorm textarea{overflow:auto;}
.reg_box {background-color:#fafafa;}
.reg_box legend {margin:3px 10px; padding:0px 0 5px 0;}
/* registration */
.abi {width:548px; float:left; border:1px solid #ccc; background:#efefef; color:red; padding:10px; margin:0 0 10px 0;}
#reg_vorm {width:100%; margin:10px 0 0 0;}
#reg_vorm tr:hover, #reg_vorm table tr:hover {background:url(../img/gfx/pr_middle.jpg) repeat-x 0 -40px;}
#reg_vorm td {padding:4px;}
#reg_boxes {background:none !important;}
.reg_box {border:1px solid #ccc; margin:5px 0 5px 0;}
.reg_box legend {color:#888; padding:0 5px 0 5px;}
.reg_box legend b, .reg_box legend strong {color:#777;}
.reg_box table td {padding:4px;}
.reg_field {width:99%;}
.reg_field:hover {border-color:#999; color:#333;}
#reg_submit td {border-top:1px solid #ccc;}
tr#reg_submit:hover {background:none !important;}
/*===============================*/
/* CART */
/*===============================*/

.cart_table{border-collapse:collapse;}
.cart_table th{padding:4px 0; border-top:1px solid #FABC2B; border-bottom:1px solid #FABC2B;}
.cart_table a,.cart_table a:visited {}
.cart_table input {}
tr.cart_sum td{font-weight:bold;}
tr.space_row td{padding:3px 0;}

/*===============================*/
/* CAMPAIGN */
/*===============================*/

#campaign_mails {}
#campaign_conditions {}
div.ie6 {margin:0; padding:0; font-size:9px; line-height:1%; float:left; margin:-1000px 0 0 0; background:red;}

/*===============================*/
/* EELMISEST ÜLETOODUD STIILI OSA */
/*===============================*/
.subcat_box {width:570px; height:auto; padding:0 0 5px 0; margin:auto; float:left; }
.subcat {width:108px; height:75px; padding:4px 0 0 0; float:left; text-align:center; border:1px solid #ccc; background:url(../img/gfx/cat.jpg); margin:2px;}
.subcat:hover, .subcat:hover img {background:url(../img/gfx/pr_img_bg.jpg);}
.subcat img {clear:both; height:40px; border:1px solid #ccc; margin:0 0 5px 0;}
.subcat a {line-height:120%; font-size:10px !important;}
.subcat a:hover {color:#999; text-decoration:none;}

.news {width:730px; height:auto; padding:10px 0 20px 0; margin:auto; float:left;}
.news h1 {padding:2px; margin:0;}
.news h4 {padding:2px; margin:0;}

.width_300{width:300px;}
/*   gb   */
#gb {border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding:0 0 5px 0; margin:0 0 5px 0; width:100%; float:left;}
#gb table td {padding:3px;}
#gb input, #gb textarea {width: 380px;}
.gb {width:100%; float:left;}
.gb_answer {background-color:#f7f7f7; border-top:1px solid #ccc; font-size:11px; padding:5px; width:100%; float:left;}
.gb_date {float:right; width:200px; text-align:right; padding:0 3px 0 0; font-size:11px; color:white;}
.gb_name {float:left; width:200px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:0 0 0 3px;}
.gb_header {padding:5px 0 3px 0; border-bottom:1px solid #ccc; float:left; width:100%; background:url(../img/gfx/menu_bg.png); color:white;}
textarea.say3 {width:99%; height:60px;}

/*  Horizontal Buttons */
.jcarousel-next-horizontal {position: absolute; top: 93px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px; right: auto; background-image: url(prev-horizontal.png);}
.jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-next-disabled-horizontal,.jcarousel-next-disabled-horizontal:hover,.jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}
.jcarousel-prev-horizontal {position: absolute; top: 93px; left: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 5px; background-image: url(next-horizontal.png);}
.jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-prev-disabled-horizontal,.jcarousel-prev-disabled-horizontal:hover,.jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -96px 0;}