html, body {margin: 0; padding: 0; color: #6F7072; font-family: Arial, sans-serif; font-size: 12px; width: 100%; height: 100%}

a {color: #F39500; text-decoration: none}

a:hover {text-decoration: underline}

form {margin: 0; padding: 0}

button, input, select, textarea {font-family: arial; font-size: 12px; font-weight: bold}

hr {color: #C0C0C0; height: 1px}

/* Põhi */

#main {}

#bg_1 {width: 100%; height: 100%; background: url(../img/bg/bg_1.gif) no-repeat center top}

#bg_2 {width: 100%; height: 100%; background: url(../img/bg/bg_2.gif) no-repeat center top}

#bg_3 {width: 100%; height: 100%; background: url(../img/bg/bg_3.gif) no-repeat center top}

#bg_4 {width: 100%; height: 100%; background: url(../img/bg/bg_4.gif) no-repeat center top}

#bg_5 {width: 100%; height: 100%; background: url(../img/bg/bg_5.gif) no-repeat center top}

#header_line {width: 100%; height: 114px; background: #FFF}

#header_bg1 {background: url(../img/header/bg1.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_bg2 {background: url(../img/header/bg2.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_bg3 {background: url(../img/header/bg3.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_bg4 {background: url(../img/header/bg4.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_bg5 {background: url(../img/header/bg5.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_bg6 {background: url(../img/header/bg6.jpg) no-repeat center bottom; padding: 84px 0 0 0}

#header_area {position: absolute; width: 100%; z-index: 1}

#header_content {margin: auto; width: 769px; overflow: hidden}

#logo {float: left; width: 125px; height: 59px; padding: 55px 0 0 0}

#header_left_content {float: right; width: 610px}

#search {width: 187px; height: 33px; padding: 51px 0 0 423px}

#search_box {padding: 0 0 0 23px; width: 165px; overflow: hidden; background: url(../img/search_button.png) no-repeat top center}

input.formsearch {border: 0; background: none; color: #837D71; height: 20px; line-height: 20px; padding: 2px 0 0 7px; width: 136px; float: left; z-index: 9999}

a.textsearch {display: block; width: 12px; height: 20px; float: right; z-index: 9999}

/* Menüü */

#menu_line {width: 100%; height: 30px; background: #58595B; opacity: .40; filter: alpha(opacity=40)}

#menu {width: 610px; height: 30px}

#menu ul {margin: 0; padding: 0; list-style: none; overflow: hidden; width: 610px}

#menu ul li {margin: 0; padding: 0 0 0 1px; float: left}

#menu ul li a {float: left; display: block; line-height: 30px; height: 30px; padding: 0 12px; font-weight: bold; color: #FFF; text-transform: uppercase}

#menu ul li a:hover {/*background: #BD1824;*/ text-decoration: none; color: #FFFDEE}

#menu ul li a.nav {background: #BD1824}

#menu ul li a.nav:hover {text-decoration: none}

/* Sisu */

#content {margin: auto; width: 769px; padding: 20px 0 0 0}

/* Esileht */

#front {width: 769px; overflow: hidden; background: url(../img/front_bg.gif) no-repeat bottom center; padding: 0 0 5px 0}

#front_left {width: 126px; float: left}

#front_news_title {width: 110px; height: 30px; line-height: 30px; padding: 0 8px; background: url(../img/front_news_title.gif); color: #FFF; font-weight: bold; text-transform: uppercase}

#front_news {min-height: 385px; height: auto; padding: 5px 5px 0 5px; background: url(../img/front_news_bg.gif) repeat-y top center; font-size: 11px; color: #FFF}

/*\*/
* html #front_news {height: 385px}
/**/

#front_news p {font-weight: normal; color: #58595B; padding: 0; margin: 0}

#front_news a {font-weight: bold; color: #58595B}

#front_news a.loeedasi {color: #58595B; text-decoration: underline}

#front_right {width: 625px; float: right}

#front_advertise {margin: 0 0 17px 0}

#front_goods_title {width: 609px; height: 30px; line-height: 30px; padding: 0 8px; background: url(../img/front_goods_title.gif); color: #FFF; font-weight: bold; text-transform: uppercase}

#front_goods {width: 605px; min-height: 136px; height: auto; padding: 12px 11px 3px 9px; background: url(../img/front_goods_bg.gif) repeat-y top center; overflow: hidden}

/*\*/
* html #front_goods {height: 136px}
/**/

.column_wide {padding: 0 0 10px 0}

.column_medium {width: 100%; padding: 10px 0; overflow: hidden}

	.column_medium a, .column_narrow a {display: block; float: left}

	.column_medium .first {margin: 0 13px 0 0}

.column_narrow {width: 100%; padding: 10px 0 0 0; overflow: hidden}

	.column_narrow .first {margin: 0 12px 0 0}

	.column_narrow .last {margin: 0 0 0 13px}

/* Alamleht */

#content_menu {width: 770px}

#content_menu ul {list-style: none; padding: 0; margin: 0; overflow: hidden; width: 775px}

#content_menu ul li {float: left; margin: 0 4px 0 0; padding: 0}

#content_menu ul li a {float: none; font-weight: bold; font-size: 12px; text-decoration: none; text-transform: uppercase}

/* Toodete lehe menüü */

#content_menu ul li a.nav {height: 30px; line-height: 30px; float: left; display: block; padding: 0 10px 0 0; text-decoration: none; background: url(../img/content_menu_right_normal.gif) no-repeat right top}

#content_menu ul li a.nav span {width: 105px; height: 30px; line-height: 30px; float: left; display: block; color: #FFF; text-decoration: none; text-align: center; padding: 0 0 0 10px; background: url(../img/content_menu_left_normal.gif) no-repeat left top}

#content_menu ul li a.nav:hover {text-decoration: none; /*background: url(../img/content_menu_right_aktiv.gif) no-repeat right top*/; cursor: pointer}

#content_menu ul li a.nav:hover span {text-decoration: none; /*background: url(../img/content_menu_left_aktiv.gif) no-repeat left top*/; cursor: pointer}

#content_menu ul li a.nav_active {height: 30px; line-height: 30px; float: left; display: block; padding: 0 10px 0 0; text-decoration: none; background: url(../img/content_menu_right_aktiv.gif) no-repeat right top}

#content_menu ul li a.nav_active span {width: 105px; height: 30px; line-height: 30px; float: left; display: block; color: #FFF; text-decoration: none; text-align: center; padding: 0 0 0 10px; background: url(../img/content_menu_left_aktiv.gif) no-repeat left top}

/* Retseptide lehe menüü */

#content_menu ul li a.nav_receipt {height: 30px; line-height: 30px; float: left; display: block; padding: 0 42px 0 0; text-decoration: none; background: url(../img/content_menu_receipt_right_normal.gif) no-repeat right top}

#content_menu ul li a.nav_receipt span {width: 105px; height: 30px; line-height: 30px; float: left; display: block; color: #FFF; text-decoration: none; text-align: center; padding: 0 0 0 42px; background: url(../img/content_menu_left_normal.gif) no-repeat left top}

#content_menu ul li a.nav_receipt:hover {text-decoration: none; /*background: url(../img/content_menu_receipt_right_aktiv.gif) no-repeat right top*/; cursor: pointer}

#content_menu ul li a.nav_receipt:hover span {text-decoration: none; /*background: url(../img/content_menu_left_aktiv.gif) no-repeat left top*/; cursor: pointer}

#content_menu ul li a.nav_receipt_active {height: 30px; line-height: 30px; float: left; display: block; padding: 0 42px 0 0; text-decoration: none; background: url(../img/content_menu_receipt_right_aktiv.gif) no-repeat right top}

#content_menu ul li a.nav_receipt_active span {width: 105px; height: 30px; line-height: 30px; float: left; display: block; color: #FFF; text-decoration: none; text-align: center; padding: 0 0 0 42px; background: url(../img/content_menu_left_aktiv.gif) no-repeat left top}



#content_menu_bottom {width: 770px; height: 10px; background: #EA7E00; font-size: 0}

#content_menu_bottom_1 {width: 770px; height: 10px; background: #979489; font-size: 0}

#content_menu_bottom_2 {width: 770px; height: 10px; background: #980000; font-size: 0}

#sub {width: 770px; background: url(../img/sub.gif) #FFF repeat-y top left; overflow: hidden}

#sub_wine {width: 770px; background: #FFF; overflow: hidden}

#sub_bottom {width: 770px; height: 20px; background: url(../img/sub_bottom.gif) repeat-y top center}

#sub_bottom_wine {width: 770px; height: 20px; background: url(../img/sub_bottom_vein.gif) repeat-y top center}

#sub_menu {width: 130px; float: left; padding: 0 0 20px 0}

#sub_menu ul {list-style: none; margin: 0; padding: 0}

#sub_menu ul li {margin: 0; padding: 0}

#sub_menu ul li a {display: block; color: #58595B; border-bottom: 1px solid #A09E99}

#sub_menu ul li a:hover {color: #FFF; text-decoration: none}

#sub_menu ul li a.nav_3 {width: 122px; font-weight: bold; padding: 4px 4px 4px 4px}

#sub_menu ul li a.nav_active_3 {width: 122px; color: #FFF; font-weight: bold; padding: 4px 4px 4px 4px}

#sub_menu ul li a.nav_4 {width: 118px; font-weight: normal; padding: 4px 4px 4px 8px; background: #AFAFAF}

#sub_menu ul li a.nav_active_4 {width: 118px; color: #FFF; font-weight: normal; padding: 4px 4px 4px 8px; background: #AFAFAF}

#sub_content {width: 640px; float: left}

#sub_content h1.title {padding: 15px}

#sub_wine h1.title {padding: 15px}

#sub_content .text {padding: 15px; width: 610px; overflow: hidden}

/* Jalus */

#footer {width: 770px; margin: auto; overflow: hidden}

#footer_text {width: 500px; height: 32px; line-height: 32px; float: left; font-size: 10px; color: #58595B}

#footer_logo {width: 269px; float: right; text-align: right}





/* Tooteleht */

#products_page {background: #9A9898; width: 640px; overflow: hidden; min-height: 500px; height: auto; padding: 10px 0}

/*\*/
* html #products_page {height: 500px; overflow: visible !important}
/**/

.products_item {float: left; padding: 0 0 0 11px; width: 200px; height: 190px}

.products_pic_bg {background: url(../img/product/product_pic_bg.gif) no-repeat top center; width: 200px; height: 151px; text-align: center}

.products_pic_bg a {width: 200px; height: 151px; display: block}

.products_name {color: #FFFDEE; text-align: center; padding: 4px 0; height: 30px}

.products_name a {color: #FFFDEE; font-size: 12px}

#products_page_product {background: url(../img/product/product_menu.gif) repeat-y top right; width: 640px; min-height: 500px; height: auto; overflow: hidden}

/*\*/
* html #products_page_product {height: 500px; overflow: visible !important}
/**/

#products_page_product_col {width: 468px; float: left}

#products_page_product_col h1 {color: #F39500; font-size: 18px; line-height: 20px; margin: 0 0 20px 0}

#products_page_product_col .pic_col {float: left; width: 200px; text-align: center; overflow: hidden; padding: 10px 0 0 0}

#products_page_product_col .pic_col .reciept_attributes {padding: 40px 5px 10px 5px}

#products_page_product_col .pic_col .reciept_attributes a {display: block; padding: 2px 0; text-align: center; background: #8A8A8C; color: #FFF; font-weight: bold; margin: 0 0 0 0}

#products_page_product_col .pic_col .reciept_attributes a:hover {text-decoration: none}

#products_page_product_col .product_info {width: 468px; overflow: hidden}

#products_page_product_col .pic_col .product_new {height: 70px; padding: 0 0 0 10px; width: 190px; overflow: hidden}

#products_page_product_col .pic_col .product_new span {display: block; float: left; background: #C2001F; padding: 2px 10px; font-weight: bold; color: #FFF}

#products_page_product_col .product_col {float: left; width: 248px; padding: 10px; min-height: 450px; height: auto}

/*\*/
* html #products_page_product_col .product_col {height: 450px}
/**/

#products_page_product_col .product_attributes {width: 468px; overflow: hidden; padding: 30px 0 10px 0}

#products_page_product_col .product_attributes .reciept {float: left; width: 190px; text-align: center; padding: 0 5px 0 5px}

#products_page_product_col .product_attributes .reciept a {display: block; padding: 2px 10px; background: #DC931A; color: #FFF; font-weight: bold}

#products_page_product_col .product_attributes .reciept a:hover {text-decoration: none}

#products_page_product_col .product_attributes .commentary {float: left; width: 248px; text-align: center; padding: 0 10px 0 10px}

#products_page_product_col .product_attributes .commentary a {display: block; padding: 2px 2px; background: #8A8A8C; color: #FFF; font-weight: bold}

#products_page_product_col .product_attributes .commentary a:hover {text-decoration: none}



#products_page_submenu_col {width: 172px; float: left}

#products_page_submenu_col ul {list-style: none; margin: 0; padding: 0}

#products_page_submenu_col ul li {margin: 0; padding: 0}

#products_page_submenu_col ul li a {width: 166px; display: block; color: #58595B; font-weight: bold; border-bottom: 1px solid #A09E99; padding: 4px 0 4px 6px}

#products_page_submenu_col ul li a:hover {color: #FFF; text-decoration: none}

#products_page_submenu_col ul li a.active {color: #FFF}

h1.title {color: #F39500; font-size: 18px; margin: 0; padding: 15px}

h1.titletext {color: #F39500; font-size: 18px; margin: 0; padding: 0 0 15px 0}

/* Retseptileht */

#reciept_items {padding: 2px 10px}

#reciept_items a {color: #FFFDEE}


#imagebox_pictures_seria {padding: 50px 150px 50px 170px}

#imagebox_pictures_seria div {width: 580px; overflow: hidden; padding: 0 0 20px 0}

#imagebox_pictures_seria div a {display: block; float: left; margin: 0 20px 0 0}


.backbody {
	background: #FFFFFF;
}

.backlight {
	background: #F9F9F9;
}

.backmedium {
	background: #F0F0F0;
}

.backwhite {
	background: #FFFFFF;
}

.bodytextlight {
	color: #999999;
	font-size: 11px;
}

#bodytable {
	border: 1px solid #E1E1E1;
}

.borderbottom {
	border-bottom: 1px solid #DCDCDC;
}

.bordertop {
	border-top: 1px solid #DCDCDC;
}

.bordercolor {
	border: 1px solid #DCDCDC;
}

.formbutton {
	border: 1px solid;
	border-color: #CACACA #818181 #818181 #CACACA;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	height: 23px;
	padding: 1px 4px 2px 4px;
}

.formfield {
}

.formfield50 {
	width: 50px;
}

.formfield100 {
	width: 100px;
}

.formfield140 {
	width: 140px;
}

.formfield200 {
	width: 200px;
}

.formfield250 {
	width: 250px;
}

.formfield300 {
	width: 300px;
}



.menuback {
	background-color: #FFFFFF;
	width: 190px;
}

.menulevel1 {
	background-image: url(../img/menu/menu_arrow1.gif);
	background-repeat: no-repeat;
	padding: 10px 6px 10px 18px;
	display: block;
	color: #FFFFFF;
}

.menulevel2 {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 5px;
	display: block;
	color: #000000;
}

.menulevel3 {
	background-image: url(../img/menu/menu_arrow3.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 18px;
	display: block;
	color: #2A2A2A;
}

.menulevel4 {
	background-image: url(../img/menu/menu_arrow4.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 28px;
	display: block;
	color: #2A2A2A;
}

.menulevel5 {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 36px;
	display: block;
	color: #000000;
}


.menuleveltop {
	padding-left : 5px;
	padding-right : 5px;
}

.navitheme {
	background: #C61A22;
}

.adminbutton {
	padding : 4px 6px 4px 6px;
	border : 1px solid Silver;
	border-top : 1px solid Silver;
	height: 23px;
	background-color: White;
}

.adminarea {
	border: 1px solid Silver;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	background-repeat: no-repeat;
}

.subtitle {
	color: #696969;
	font-size: 14px;
	font-weight: bold;
}

.textcomment {
	color: Red;
}

.textlang {
	color: Black;
}

.textlight {
	color: #B7B7B7;
}

.textred {
	color: #C22B2B;
}

.tabelauto {
	width : 100%;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
}

.tabelauto td {
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
	padding : 3px;
}

.tabelautoodd {
	background-color: #F9F9F9;
}

#ankeet {
	background-color: #F8F8F8;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}

#ankeet td {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #FEFEFE;
	padding: 8px;
}

#bodytext td {
	line-height: 18px;
}

#thumb {
	height: 126px;
}

.tabel {
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	padding: 3px;
	
}

.tabel td {
	border-bottom: 1px solid #DCDCDC;
	padding: 3px;
}

.tabel2 {
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 3px;
	margin : 0;
}

.tabel2 td {
	border-bottom: none;
	padding: 3px;
}

#title {padding: 16px}

