@import "_styles.css";

/*
	Suggested order:
--------------------------------------------------
	display, position, float, clear
	width, height
	margin, padding
	border, background
	color, font, line-height, text-align, text-decoration
	vertical-align, white-space, overflow, cursor, list-style
*/

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #333;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
BODY {
	line-height: 1.4;
	background: url(bg03.jpg) no-repeat 50% 0;
}

H1, H2, H3, H4, H5, H6 {
	color: #006899;
	line-height: normal;
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
H1 {
	font-size: 42px;
	color: #fff;
}
H2 {
	font-size: 36px;
}
H2.type1 {
	width: 600px;
	padding: 0 0 0 170px;
	font-size: 37px;
	letter-spacing: -2px;
}
H2.type2 {
	margin-top: 0;
}
H3 {
	font-size: 24px;
}
#content-inner H2 {
	font-size: 12px;
	font-weight: bold;
}
#content-inner H3 {
	font-size: 22px;
}
H3.type1 {
	font-size: 14px;
	font-weight: bold;
}
H4, H5, H6 {
	font-size: 13px;
	font-weight: bold;
}

A {
	color: #006899;
}
A:hover {
	color: #01537a;
}

OL {
	margin-left: 3em;
}
OL OL {
	margin: .3em 0 .5em 3em;
}
UL {
	margin-left: 1.5em;
}
UL LI {
	padding-left: 10px;
	background: url(dot01.gif) no-repeat 0 .5em;
}
UL UL {
	margin: .3em 0 .5em 1.5em;
}

/* =layout
-------------------------------------------------- */
#wrap-outer {
	width: 860px;
	margin: 0 auto;
	background: url(bg04.jpg) repeat-y 0 100%;
}
#wrap {
	width: 860px;
	margin: 0 auto;
	background: url(bg02.jpg) no-repeat 0 100%;
}

#wrap-inner {
	min-height: 500px;
	padding: 0 10px 34px;
	background: url(bg01.jpg) no-repeat 50% 0;
}
#wrap-inner2 {
	min-height: 500px;
	padding: 0 9px 34px;
	background: url(bg03.jpg) no-repeat 50% 0;
}
#heading {
	position: relative;
	height: 94px;
}
#heading H1 {
	padding: 17px 0 0 14px;
	letter-spacing: -2px;
}
#heading A {
	color: #fff;
	text-decoration: none;
}

#content {
	padding: 15px 47px 7px;
}
DIV.table {
	background: url(pic02.png) no-repeat 62px 15px;
}
#content-inner {
	width: 420px;
}

/* =content - front
-------------------------------------------------- */

#slogan {
	width: 420px;
	height: 136px;
	margin: 0;
	overflow: hidden;
	background: url(label01.gif) no-repeat 100% 0;
	text-indent: -5000px;
}
#slogan-rus {
	width: 401px;
	height: 120px;
	margin: 0;
	overflow: hidden;
	background: url(label01-rus.gif) no-repeat 100% 0;
	text-indent: -5000px;
}

#list {
	margin: .5em 0 0;
}
#list LI {
	padding: 1em 0 0 60px;
	background: url(ico_tasuta.png) no-repeat 0 1.3em;
}
UL.list-rus LI {
	background-image: url(ico_tasuta_rus.png) !important;
}
#list LI H3,
#list LI P {
	margin-top: 0;
}
#list LI P.pic {
	padding-right: 60px;
	background: url(pic01.png) no-repeat 100% 50%;
}

#links {
	margin: 1.8em 0 0 60px;
}
#links LI {
	float: left;
	margin-right: 1.5em;
	font-size: 12px;
}

#button,
#button A {
	width: 266px;
	height: 45px;
	overflow: hidden;
	background: url(btn-vali-kodulahendus.png) no-repeat 100% 0;
}
#button {
	float: right;
	margin: -50px 0 0;
}
#button A {
	display: block;
	text-indent: -5000px;
}
P.button-rus,
P.button-rus A {
	background-image: url(btn-vali-kodulahendus-rus.png) !important;
}

#info {
	margin-top: 2em;
	font-size: 11px;
}

/* =content - table
-------------------------------------------------- */

#table {
	width: 748px;
	margin-top: 1.8em;
}
#table DIV.heading {
	padding-left: 171px;
	border-bottom: 1px solid #dae9f2;
}
#table DIV.heading H3 {
	float: left;
	margin-top: 0;
}
#table DIV.heading H3,
#table DIV.heading H3 A {
	width: 288px;
	height: 63px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#table DIV.heading H3 A {
	display: block;
	text-indent: -5000px;
}
#kodulahendus,
#kodulahendus A {
	width: 289px !important;
	background-image: url(ico_kodulahendus.png);
}
#baaslahendus,
#baaslahendus A {
	background-image: url(ico_baaspakett.png);
}
H3.kodulahendus-rus,
H3.kodulahendus-rus A {
	background-image: url(ico_kodulahendus-rus.png) !important;
}
H3.baaslahendus-rus,
H3.baaslahendus-rus A {
	background-image: url(ico_baaspakett-rus.png) !important;;
}
#table DIV.data {
	border-bottom: 1px solid #dae9f2;
	background: url(bg01.gif) repeat-y 0 0;
}
#table DIV.data-type1 {
	border-bottom: none;
}
#table DIV.data P {
	margin-top: 0;
}

/* layout */

#table DIV.data H4 {
	margin-top: 0;
	width: 171px;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}
#table DIV.data H4 SPAN {
	display: block;
	padding: 16px;
}
#table DIV.data H4,
#table DIV.data DIV.type1,
#table DIV.data DIV.type2 {
	float: left;
	overflow: hidden;
}
#table DIV.data DIV.type1 {
	width: 288px;
}
#table DIV.data DIV.type2 {
	float: right;
	width: 288px;
}
#table DIV.data DIV.inner {
	padding: 12px 20px;
}
#table DIV.data P {
	padding: 14px 20px;
}
#table DIV.data DIV.inner P {
	padding: 0;
}

/* special */

#table DIV.data P.ok {
	display: block;
	width: 28px;
	height: 24px;
	margin: 14px 20px;
	padding: 0;
	background: url(ico_ok.png) no-repeat 0 0;
	text-indent: -5000px;
}
#table DIV.data.tooltip P.ok {
	width: 55px;
	background: url(ico_kyss_big.png) no-repeat 0 0;
}
#table DIV.data P STRONG.free {
	display: block;
	text-transform: uppercase;
}
#table DIV.data P SPAN {
	display: block;
	color: #999;
}
#table DIV.data P A.more {
	padding-left: 10px;
	background: url(dot01.gif) no-repeat 0 .5em;
}

#table DIV.tv P {
	padding-right: 40px;
	background: url(ico_chanels.png) no-repeat 210px .5em;
}
#table DIV.speed {
	padding-right: 40px;
	background: url(ico_speed.png) no-repeat 225px 50%;
}
#table DIV.first H4 {
	margin-top: -1px;
	background: url(bg01.png) no-repeat 0 0;
}
#table DIV.last {
	background: url(bg03.png) no-repeat 0 100%;
}


/* footer */

#table DIV.footer {
	padding-left: 171px;
}
#table DIV.footer P {
	float: left;
	margin-top: 0;
}
#table DIV.footer P,
#table DIV.footer P A {
	width: 288px;
	height: 38px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#table DIV.footer P A {
	display: block;
	text-indent: -5000px;
}
#price1,
#price1 A {
	width: 289px !important;
	background-image: url(ico_kodulahendus-hind.png);
}
#price2,
#price2 A {
	background-image: url(ico_baaslahendus-hind.png);
}

P.price1-rus,
P.price1-rus A {
	background-image: url(ico_kodulahendus-hind-rus.png) !important;
}
P.price2-rus,
P.price2-rus A {
	background-image: url(ico_baaslahendus-hind-rus.png) !important;
}

P.back A {
	text-decoration: none;
}

/* =tables
-------------------------------------------------- */
DIV.scroll {
	width: 706px;
	margin-top: 1em;
	padding: 0;
	border: 1px solid #eee;
	background: #fff;
	overflow: auto;
	overflow-x: auto;
}
DIV.scroll TABLE {
	margin: 0;
}

TABLE.data {
	width: 100%;
	border: 1px solid #eaeaea;
}
TABLE.data TH,
TABLE.data TD {
	border: 1px solid #eaeaea;
	padding: 4px 6px;
	background: #fff;
}
TABLE.data THEAD TH {
	padding: 6px;
	background: #fefefe url(bg02.gif) repeat-x 0 0;
}

/* form */

TABLE.form {
	width: 100%;
}
TABLE.form TH {
	width: 40%;
	padding: 7px 13px 4px 0;
	text-align: right;
	font-weight: normal;
}
TABLE.form TD {
	width: 60%;
	padding: 4px 0;
}
TABLE.form TD P {
	margin: 0;
	padding: .5em 0;
	line-height: normal;
}
TABLE.form TD P.info {
	margin: 0;
	padding: 0 0 .3em 0;
	font-size: 13px;
}
TABLE.form TD P.check-title,
TABLE.form TD P.check-title LABEL {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
TABLE.form TD P.check-title {
	margin-top: .15em;
}
TABLE.form TD DIV.check-group {
	margin-left: 1.75em;
}
TABLE.form TD DIV.check-group DIV {
	float: left;
	margin: 0 1em 1em 0;
	padding: .4em 0 0;
}
TABLE.form TD LABEL,
TABLE.form TD SELECT,
TABLE.form TD INPUT {
	vertical-align: middle;
}
TABLE.form TD LABEL {
	margin-right: .75em;
}
TABLE.form TR.radio TD,
TABLE.form TR.radio TH {
	padding-bottom: 10px;
}
TABLE.form TR.radio TD P,
TABLE.form TD.radio P{
	padding: 0 0 .5em;
}
TABLE.form TR.radio TD P INPUT,
TABLE.form TD.radio P INPUT {
	float: left !important;
	margin: 4px 5px 0 0;
}
TABLE.form TR.radio TD P LABEL,
TABLE.form TD.radio P LABEL {
	float: left !important;
	width: 90%;
	margin: 3px 0 0;
}
TABLE.form TD.radio2 {
	padding-top: 6px;
}
TABLE.form TD.radio2 INPUT {
	margin: 0 0 0 1px;
}
TABLE.form TD INPUT.help {
	cursor: help;
}
TABLE.form TD INPUT.action {
	cursor: pointer;
}
TABLE.form TD SPAN.action {
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #b2b2b2;
	font-size: 12px;
}
TABLE.form TD SPAN.action A {
	padding: 0 2px;
	font-weight: bold;
}
TABLE.form TD.check LABEL {
	margin: 0;
}
TABLE.form TD.check,
TABLE.form TD.check * {
	vertical-align: middle;
}

TABLE.form TR.action TD {
	padding-top: 15px;
}
TABLE.form TR.action TH {
	padding-top: 17px;
}
TABLE.form TR.action TH A {
	text-decoration: none;
}

TABLE.form TD.data {
	padding-top: 7px;
	font-weight: bold;
}
TABLE.form TD.data2 {
	padding-bottom: 15px;
	font-size: 11px;
}

TABLE.form TD TABLE.wrap TH,
TABLE.form TD TABLE.wrap TD {
	padding: 1px 0 !important;
}

TABLE.form TR.error TH,
TABLE.form TR.error TD {
	background-color: #fbebed !important;
}
TABLE.form TR.error TH,
TABLE.form TR.error TD,
TABLE.form TR.error TH LABEL,
TABLE.form TR.error TH SPAN.req {
	color: #cc0a0a;
}
TABLE.form TR.error TD SELECT,
TABLE.form TR.error TD TEXTAREA,
TABLE.form TR.error TD INPUT.text,
TABLE.form TR.error TD INPUT.date,
TABLE.form TR.error TD INPUT.time,
TABLE.form TR.error TD INPUT.mobile,
TABLE.form TR.error TD INPUT.datetime {
	border: 1px solid !important;
	border-color: #710606 #efb5b5 #efb5b5 #710606 !important;
}
TR.error INPUT[type="text"]:focus {
	outline: 1px solid #efb5b5;
}

DIV.hr {
	height: 14px;
	overflow: hidden;
	background: url(bg_separator.gif) repeat-x 0 100%;
}
DIV.hr HR {
	display: none;
}

/* =inputs
-------------------------------------------------- */
SPAN.req {
	color: #606060;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

SELECT,
TEXTAREA,
INPUT.text,
INPUT.date {
	border: 1px solid;
	border-color: #aaa #ddd #ddd #aaa;
}
INPUT.text,
INPUT.date {
	min-height: 15px;
	padding: 2px;
}
SELECT {
	padding: 1px;
}

INPUT.text {
	width: 175px;
}
INPUT.wide {
	width: 250px;
}
INPUT.max {
	width: 100%;
}
INPUT.min {
	width: 40px;
}
INPUT.small {
	width: 80px;
}
INPUT.date {
	width: 76px;
	padding-right: 18px;
	background: #fff url(ico_cal.gif) no-repeat 78px 35%;
	cursor: pointer;
}

INPUT.blur,
INPUT.example {
	color: #808080;
}

TEXTAREA {
	width: 460px;
	height: 120px;
	padding: 1px 1px 1px 3px;
}
TEXTAREA.small {
	height: 60px;
}

SELECT:focus,
TEXTAREA:focus,
INPUT[type="text"]:focus,
INPUT[type="password"]:focus {
	background-color: #fbfef1;
	outline: 1px solid #c2e254;
	-moz-outline-radius: 2px;
}
TABLE.form TD INPUT[type="radio"],
TABLE.form TD INPUT[type="checkbox"] {
	margin-top: 0;
	margin-bottom: 0;
}

/* action */

BUTTON,
INPUT.button {
	padding: 2px 10px;
	border: 1px solid;
	border-color: #a1c6db #7daac4 #7daac4 #a1c6db;
	background: #c4dfee;
	color: #006899;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
}
BUTTON:hover,
INPUT.button:hover {
	border-color: #8eb6cd #6191ac #6191ac #8eb6cd;
}

DIV.action {
	margin-top: 1em;
	padding: 6px;
	border-top: 1px solid #ccc;
	text-align: right;
}
DIV.action P {
	margin: 0;
}
DIV.action SPAN.back,
DIV.action SPAN.back A {
	float: left;
}
DIV.action SPAN.back {
	margin-top: .35em;
}
DIV.action SPAN.back A {
	padding-left: 11px;
	background: url(bg_back.gif) no-repeat 0 50%;
	font-weight: bold;
	text-decoration: none;
}
DIV.action SPAN.back A:hover {
	text-decoration: underline;
}
DIV.action P.secondary BUTTON,
DIV.action P.secondary INPUT.button,
DIV.action P.primary INPUT.alt,
DIV.action P.primary BUTTON.alt {
	border-color: #e2e2e2 #c2c2c2 #b2b2b2 #d2d2d2;
	background-color: #eee;
	background-image: url(bg_btn_02.png);
	color: #202020;
	font-weight: normal;
}
DIV.action P.secondary BUTTON:hover,
DIV.action P.secondary INPUT.button:hover,
DIV.action P.primary INPUT.alt:hover,
DIV.action P.primary BUTTON.alt:hover {
	border-color: #d8d8d8 #a4a3a3 #a4a3a3 #d8d8d8;
}
DIV.action P.secondary {
	float: left;
}
DIV.action P.primary {
	float: right;
}

P.filter INPUT.button,
DIV.filter INPUT.button,
TABLE.form TD INPUT.button,
DIV.sub-action P.action INPUT.button,
DIV.modaldialog P.action INPUT.button {
	padding: 1px 8px;
	font-size: 12px;
}

/* =messages
-------------------------------------------------- */
DIV.message {
	margin: 1em 0 0;
	padding: .3em 12px .6em;
	border: 1px solid #b9e5fb;
	background: #f4fbfe url(ico_msg_info.png) no-repeat 12px 8px;
	font-size: 14px;
	line-height: normal;
}
DIV.message H2 {
	margin: .4em 0 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
DIV.message P,
DIV.message OL,
DIV.message UL {
	margin-top: .6em;
}
DIV.message A {
	color: #000;
	text-decoration: underline;
}

DIV.msg-ok {
	border-color: #eee6ad;
	background-color: #fffbe1;
}
DIV.msg-ok H2 {
	color: #a99f54;
}
DIV.msg-error {
	border-color: #ffbeb4;
	background-color: #fff5f2;
	color: #b71521;
}
DIV.msg-error A,
DIV.msg-error H2 {
	color: #cc0a0a;
}

/* =tooltip
-------------------------------------------------- */
P.help STRONG {
	cursor: help;
}

.tooltip {
	cursor: pointer;
}

#tooltip,
#tooltip * {
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	max-width: 320px;
	padding: 8px 10px;
	border: 1px solid #eee6ad;
	background: #fffbe1;
	opacity: 0.95;
	outline: 1px solid #fff;
}
#tooltip H3 {
	margin: 0;
	border: none;
}
#tooltip DIV {
	display: none !important;
}

/* =footer
-------------------------------------------------- */

#footer {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 1em;
}
#logo,
#logo A {
	width: 90px;
	height: 31px;
	overflow: hidden;
	background: url(logo.png) no-repeat 100% 0;
}
#logo {
	position: relative;
	float: right;
	margin: 0;
}
#logo A {
	display: block;
	text-indent: -5000px;
}

/* =channels
-------------------------------------------------- */
UL.channels {
	width: 748px;
	margin-left: 7px;
	font-size: 11px;
}
UL.channels LI {
	float: left;
	width: 374px;
	padding: 1.3em 0;
	background: none;
}
UL.channels LI.separator {
	width: 100%;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #dce9f3;
}
UL.channels LI.separator2 {
	width: 100%;
	padding: 0;
	height: 1px;
}
UL.channels LI A {
	border: none;
}
UL.channels LI.rowfirst,
UL.channels LI.rowlast{
	clear: both;
}
UL.channels LI P {
	margin: 0;
}
UL.channels LI H2 {
	margin: 0;
	padding-bottom: .25em;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #069;
}
UL.channels LI H2.normal {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold
}
UL.channels DIV.ch_content {
	float: left;
	width: 250px;
	padding: 0 8px 0 5px;
}
UL.channels P.logo {
	float: left;
	width: 100px;
	margin: 5px 10px 0 0;
	text-align: right;
}

P.top-anchor {
	float: right;
	margin: -1.6em 0 0;
}

/* =ie fixes
-------------------------------------------------- */

* HTML #wrap-inner,
* HTML #wrap-inner2 {
	height: 500px;
}