/* FRONT STYLES */


body {
	background-image: url('/fs_tpl/back.png');
	background-repeat: repeat-x;
	width:100%;
	text-align: center;
	margin-top: 50px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	padding:0px;
	width: 800px;
}

#container td {
	margin:0px;
	padding:0px;
}

#container #copyright {
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	padding-top: 10px;
	color: rgb(150,150,150);
}

#langChoice {
	font-family: Arial;
	text-align: right;
	font-size: 11px;
	color: rgb(150,150,150);
}

#langChoice a, #langChoice a:visited{
	color: rgb(150,150,150);
	text-decoration: none;
}

#langChoice a:hover {
	color: rgb(150,150,150);
	text-decoration: underline;
}


#header {
	width: 100%;
	border-collapse: collapse;
	padding:0px;
	margin:0px;
}

#header img {
	border:0px;
	margin:0px;
}

#logoCell {
	height: 74px;
	vertical-align: bottom;
	width: 195px; /* muuda seda numbrit kui soovid logo paremale nihutada*/
	text-align: right;
}

#sloganCell {
	vertical-align: bottom;
}

#sloganCell img {
	float: right;
}

#mainMenuContainer {
	width: 800px;
	border-collapse: collapse;
	border-top: 1px solid rgb(184,184,184);
	border-bottom: 1px solid rgb(184,184,184);	
	margin-top: 10px;
	margin-bottom: 1px;
	height: 27px;
}

#mainMenu {
	height: 27px;
	margin-left: 8px;
	font-family: Arial;
	font-size: 11px;
	color: rgb(100,100,100);
	font-weight: bold;
}

#mainMenu a, #mainMenu a:visited {
	color: rgb(100,100,100);
	font-weight: bold;
	text-decoration: none;
}

#mainMenu a:hover {
	color: rgb(100,100,100);
	text-decoration: underline;
}

#mainMenu td {
	padding-left: 10px;
	padding-right: 10px;
}

#mainMenu .selected {
	background-color: rgb(245,245,245);
}

#frontBanner {
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	width: 800px;
}

#frontBanner img {
	border: 0px;
}

#frontTable {
	margin-top: 1px;
	border-collapse: collapse;
	width: 800px;
	background-color: rgb(237,237,237);
}

#frontTable td {
	vertical-align: top;
	font-family: Arial;
	font-size: 11px;
	line-height: 17px;
	color: rgb(120,120,120);
}

/* siit algavad avalehe tulpade stiilid */

#frontTable #first {	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	width: 253px;
}

#frontTable #first h1, 
#frontTable #middle h1,
#frontTable #last h1 {
	color: rgb(39,121,246);
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid rgb(194,194,194);
}

#frontTable a, #frontTable a:visited {
	color: rgb(255,123,0);
	font-size: 11px;
	text-decoration: none;
}

#frontTable a:hover {
	color: rgb(255,123,0);
	text-decoration: underline;
}

#frontTable #first p, 
#frontTable #last p,
#frontTable #middle p {
	margin-top: 0px;
	margin-bottom: 5px;
} 


#frontTable #middle {	
	width: 254px;
	border-left: 1px solid rgb(224,224,224);
	border-right: 1px solid rgb(224,224,224);
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#frontTable #last {
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 253px;
}

/* siit lõppevad avalehe tulpade stiilid, edasi on nurgad jms */

#frontTable #left {
	background-image: url('/fs_tpl/front_border.png');
	background-repeat: repeat-y;
	width: 20px; /* muuda seda et saada teksti paremale*/
}

#frontTable #right {
	background-image: url('/fs_tpl/front_border.png');
	background-repeat: repeat-y;
	background-position: right;
	width: 20px; /* muuda seda et saada teksti paremale*/
}

#frontTable #bottomLeftCorner {
	overflow:hidden;
	background: url('/fs_tpl/front_bottom_left.png') left bottom no-repeat;
	height: 6px;
}

#frontTable #bottomRightCorner {
	overflow:hidden;
	background: url('/fs_tpl/front_bottom_right.png') right bottom no-repeat;
	height: 6px;
}

#frontTable #bottomFirst {
	height: 6px; 
	overflow:hidden;
	border-bottom: 1px solid rgb(224,224,224);
}

#frontTable #bottomLast {
	border-bottom: 1px solid rgb(224,224,224);
}

#frontTable #bottomMiddle {
	border-bottom: 1px solid rgb(224,224,224);
	border-left: 1px solid rgb(224,224,224);
	border-right: 1px solid rgb(224,224,224);
}


/* CONTENT PAGE STYLES */

#contentTable {
	width: 100%;
	margin:0px; 
	border-collapse:collapse;
}

#contentTable #content {
	padding-top: 10px;
}


#contentTable td {
	vertical-align: top;
}

#sideMenu {
	width: 200px;
	margin:0px;
	padding:0px;
	height:100%;
}

.sideMenuBox {
	width: 200px;
	border-collapse: collapse;
	margin:0px;
	padding:0px;
}

.sideMenuBoxContent {
	background-color: rgb(250,250,250);
	padding-left: 15px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-right: 15px !important;

}

.sideMenuBoxContent div.itemContainer {
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: rgb(252,252,252);
	padding-left: 10px;
	margin-bottom: 2px;
}

.sideMenuBoxContent div.item {
	background: url('/fs_tpl/sidemenubox_bullet.png') left no-repeat;
	padding-left: 15px;
	height: 100%;
	width: 100%;
}

.sideMenuBox, .sideMenuBox a, .sideMenuBox a:visited {
	color: rgb(150,150,150);
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	
}

.sideMenuBox a:hover {
	text-decoration: underline;
	color: rgb(150,150,150);
}


.boxText h1 {
	color: rgb(39,121,246);
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid rgb(194,194,194);
}

.boxText a, .boxText a:visited {
	color: rgb(255,123,0);
	font-size: 11px;
	text-decoration: none;
}

.boxText a:hover {
	color: rgb(255,123,0);
	text-decoration: underline;
}

.boxText {
	font-family: Arial;
	font-size: 11px;
	font-family: Arial;
	font-size: 11px;
	line-height: 17px;
	color: black;
}

.boxText p {
	margin-top: 0px;
	margin-bottom: 5px;
} 

.bottomLine {
	background-color: rgb(184,184,184);
	width: 100%;
	height: 1px;
	overflow:hidden;
	margin-top: 1px;
}

.dots {
	background-image: url('/fs_tpl/dots.png');
	width: 100%;
	height: 3px;
	overflow:hidden;
}

/* see on cmsi kastiga pilt*/
.boxIntro {
	width: 100%;
	height: 300px;
	background: url('/fs_tpl/box_est.jpg') right no-repeat;
}

.boxIntroText {
	width: 350px;
}

.mainText h1 {
	color: rgb(39,121,246);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	width: 100%;
	border-bottom: 1px solid rgb(194,194,194);
}

.mainText a, .mainText a:visited {
	color: rgb(39,121,246);
	text-decoration: none;
}

.mainText a:hover {
	color: rgb(39,121,246);
	text-decoration: underline;
}

.mainText {
	font-family: Arial;
	font-size: 12px;
	font-family: Arial;
	line-height: 17px;
	color: rgb(100,100,100);
	text-align: left;
}

.mainText p {
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 17px;
} 


.thumbIntro {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 18px;

}

.thumbIntro img {
	float: left;
	margin: 5px;
	border: 0px;
}

.thumbIntro h1 {
	color: rgb(39,121,246);
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid rgb(194,194,194);

}

/* HINNA VÕRDLUSTABEL */

.priceTable {
	width: 90%;
	background-color: rgb(200,200,200);
}

.priceTable td {
	background-color: rgb(248,248,248);
	padding: 10px !important;
}