/* TAGS */
HTML, BODY	{margin: 0; padding: 0; font: normal 11px sans-serif;}

A IMG	{border: none;}
A		{color: #03457F;}
A:HOVER	{color: #001144;}
A.current {font-weight: bold;}
A.global {color: #333; text-decoration: none;}
A.global:HOVER {text-decoration: underline;}

H1	{font-size: 20px; margin: 1.6ex 0 1ex 4ex; color: #C1272D;}
.main-left H1 {margin-left: 0; color: #fff;}
H1 A{color: #C1272D;}
H1.orange {color: #802B00; margin: 0 14px; padding: 12px 24px; width: 600px; text-transform: uppercase; background: transparent url('/img/frame-orange.png') no-repeat scroll 0 0;}

H2	{font-size: 16px; margin: 1ex 0;}
H2 A{color: #C1272D;}

H4	{font-size: 14px; margin: 1ex 0 1ex; font-weight: bold;}
H4 .date {display: block; color: #666; font-size: 80%;}

P	{margin: 1ex 0; text-align: justify;} 
LI	{list-style-image: url("/img/kapa-logo.png"); margin: 1ex 0;}

HR	{height: 1px; background: #eeeecc; border: none;}

.ok,
EM {color: #2C590B;}
.error,
EM.red {color: #C1272D;}

.price {color: #428510; font-weight: bold;}
.required {color: #ff9999;}
.shortinfo {font-weight: bold; margin-bottom: 1ex; text-decoration: underline; cursor: pointer;}
.shortinfo:HOVER + 
.longinfo.hidden {display: block; border: 1px solid #d1d1b7; position: absolute; padding: 10px 15px; background-color: #fefece; width: 410px;}

.hidden	{display: none;}

.nofloat	{clear: both;}

/* GENERAL */

IMG.icon		{float: left;}
.signature		{text-align: right; font-style: italic;}

.download	{display: block; padding: 12px; float: left; width: 33%; border: 1px solid #eee; background: #fff url("/img/gr-menu.png") repeat-x scroll 0 100%;}
.download .icon {margin-right: 12px;}

.calc_result	{font-style: italic; font-size: 12px; margin-left: 2ex;}

.annotation	{font-style: italic; font-size: 110%; max-width: 100ex; color: #235; margin: 2ex 0 5ex;}
.main-left .annotation	{margin: 5ex 0; color: #fff;}

.body 		{font-size: 120%; max-width: 100ex;}
.body TABLE 		{border-collapse: collapse;}
.body TABLE TH		{text-align: left; background: #0666A8; border: 1px solid #fff; padding: 1.4ex 2ex; color: #fff;}
.body TABLE TD		{text-align: left; background: #f5f5f5; border: 1px solid #fff; padding: 0.4ex 1.4ex;}

.item		{margin: 1.4ex 0;}
.item .date	{width: 100px; float: left; display: block;}
.item .date + .name	{margin-left: 100px; display: block;}

/* FORMS */

FORM {margin: 0; padding: 0;} 

.block FORM LABEL {width: 120px; display: inline-block; vertical-align:top; text-align: right; font-weight: bold; font-size: 12px; margin-right: 1ex;} 

INPUT,
SELECT,
TEXTAREA {border: 2px solid #03457F; vertical-align: baseline;}

INPUT,
TEXTAREA {padding-left: 2px;}

.block-yellow INPUT,
.block-yellow SELECT,
.block-yellow TEXTAREA {border-color: #B9A97B;}

INPUT[type=checkbox] {border: none;}

FORM P {margin: 1.6ex 0;}

FORM P.submit {text-align: right;}
FORM P.submit.side {margin: -5ex 3ex 0 0;}
FORM P.total {text-align: right; margin: 1ex 2ex; padding: 1ex; border-top: 1px solid #ddddaa;}


BUTTON  {border: none; display: inline-block; text-align: center; width: 120px; height: 40px; padding: 9px 0 10px 0;
		background: transparent none no-repeat scroll 0 0; color: #fff; font: bold 14px sans-serif;
		cursor: pointer;}
BUTTON.orange  {background-image: url("/img/button-orange.png");}
BUTTON.orange.flare,
BUTTON.orange:hover  {background-image: url("/img/button-orange2.png");}
BUTTON.corner  {background-image: url("/img/button-corner.png"); width: 130px; padding: 10px 0 10px 0;}
BUTTON.corner:hover  {background-image: url("/img/button-corner2.png");}
BUTTON.gray		{background-image: url('/img/button-gray.png'); background-position: 100% 0}
BUTTON.gray:hover		{background-image: url('/img/button-gray2.png');}
BUTTON.indigo		{color: #013766; background-image: url('/img/button-indigo.png'); background-position: 100% 0;}
BUTTON.indigo:hover		{background-image: url('/img/button-indigo2.png');}

.on_installation .on_warranty {display: none;}
.on_warranty .on_installation {display: none;}
.on_installation .on_installation {display: block;}
.on_warranty .on_warranty {display: block;}

.years1 .years2,
.years1 .years3,
.years2 .years1,
.years2 .years3,
.years3 .years1,
.years3 .years2 {opacity: 0.3}

FORM.login LABEL {display: inline-block; width: 9ex;}
FORM.login INPUT {}

/* BLOCKS */

#ALL {min-width: 990px; background: transparent url("/img/gr-top.png") repeat-x scroll 0 0; padding: 11px 0 0 0;}
.main-all {background: #fff url("/img/bg-left.png") no-repeat scroll -10px 0;}

.logo		{display: block; width: 389px; height: 131px; position: absolute; top: 0; left: 0; z-index: 50}

.header		{margin: 0 0 0 377px; min-height: 66px; padding: 10px 24px; background: #fff url("/img/gr-menu.png") repeat-x scroll 0 100%;}
.header	.supermenu,
.header	.menu		{margin-left: 0; margin-bottom: 1ex;}
.header	.supermenu A{font-size: 12px; font-weight: bold; margin-right: 2ex; padding: 0 1px; white-space: nowrap;}
.header	.menu A		{font-size: 11px; font-weight: bold; padding: 0 1px;}
.header	.address A,
.header	.supermenu A.hot,
.header	.menu A.hot	{color: #C1272D;}
.header	.supermenu A.current,
.header	.menu A.current {background-color: #03457F; color: #fff;}
.header	.supermenu A.hot.current,
.header	.menu A.hot.current {background-color: #C1272D; color: #fff;}
.header	.address		{float: right; margin-top: 5px; text-align: right; font-size: 17px; line-height: 17px; font-weight: bold; color: #C16266;}
.header	.address IMG	{vertical-align: top; float: left; margin: 6px 20px 0 0;}
/* .header	.address BIG	{font-size: 16px; line-height: 20px;} */
.header	.address BIG	{font-size: 24px; line-height: 30px;}
.header	.address SMALL	{font-size: 10px; line-height: 10px;}

.main-left {width: 280px; padding: 12px 32px; margin-top: 22px; float: left;}
.main-left,
.main-left A {color: #fff;}
.main-right {padding: 10px 0 40px 40px; overflow: hidden; min-height: 400px;}

.block		{margin: 30px 0; clear: both;}
.main-right .block {margin-right: 24px;}

.columns	{margin: 0; max-width: 100ex;}
.columns H1				{margin-left: 0;}
.columns .icon			{position: absolute; left: 0;}
.columns .block-left,
.columns .block-right	{width: 39%; float: left; position: relative;}
.columns .block-left	{padding-left: 43px; margin-right: 6px; padding-right: 30px; background: transparent url("/img/sep.png") no-repeat scroll 100% 50%;}
.columns .block-right	{padding-left: 42px;}
.columns P	{margin: 1.6ex 0;}

.block-orange-header	{margin: 0 14px; width: 600px; position: relative; z-index: 10; background: transparent url('/img/frame-orange.png') no-repeat scroll 0 0; color: #802B00;}
.block-orange-header H2	{font-size: 20px;}
.block-orange-header LABEL	{font-size: 14px !important; margin: 0 !important; width: auto !important;}
.block-orange-header .td1	{width: 100px; padding: 0 12px 0 24px;}
.block-orange-header .td2	{width: 220px; padding: 0; text-align: right;}
.block-orange-header .td3	{width: 160px; padding: 0 24px 0 32px;}

.block-blue		{height: 108px; padding: 12px; width: 576px; position: relative; z-index: 10; color: #fff; background: transparent url('/img/frame-blue.png') no-repeat scroll 0 0;}
.block-blue LABEL {color: #fff;}
.block-blue .corner {position: absolute; right: 2px; bottom: 2px;}

.block-narrow 	{height: 126px; padding: 3px 12px;}
.block-narrow P	{margin: 1ex 0;}

.block-yellow-top {padding: 0;  clear: both; background: transparent url('/img/frame-yellow-top.png') no-repeat scroll 0 0;}
.block-yellow	{padding: 12px; width: 576px; clear: both; background: transparent url('/img/frame-yellow.png') no-repeat scroll 0 100%;}
.block-yellow .icon	{margin: 3ex 3ex 1ex 1ex;}
.block-yellow TABLE	{margin: 1ex;}

.block-gray		{padding: 10px 24px; width: 552px; position: relative; z-index: 10; background: transparent url('/img/frame-gray.png') no-repeat scroll 0 0; position: relative;}
.block-gray	H2	{color: #999999; display: inline; margin-right: 12px;}
.block-gray	INPUT	{border-color: #999999;}
.block-gray	BUTTON	{position: absolute; right: 5px; top: 2px; color: #333;}

.block-dark		{background: transparent url('/img/frame-dark.png') no-repeat scroll 0 0;}
H4.block-dark		{padding: 8px 20px; margin-bottom: 0; font-size: 13px;}
.block-indigo	{position: relative; padding: 1px 0; width: 290px; background: transparent url('/img/frame-indigo.png') no-repeat scroll 0 0;}
.block-indigo BUTTON {position: absolute; right: 0; top: 0; padding: 20px 0; height: 100%; width: 90px; text-align: center;}

TABLE.order TH {background-color: #f1f1d7; color: #79662B; padding: 1ex; font-size: 13px;}
TABLE.order TD {vertical-align: top; padding: 0.6ex 0;}
TABLE.order TD.price {padding: 1ex 2ex 0.6ex 2ex;}
TABLE.order INPUT {border: 1px solid #d1d1b7; font-size: 10px;}

#order_phase2 {position: relative; z-index: 9;}
#calc_phase2 {position: relative; z-index: 9;}
#calc_phase3 {position: relative; z-index: 8;}
#check_phase2 {position: relative; z-index: 9; min-height: 10ex;}


.term_select TD	{text-align: center; width: 400px;}
.term_select TR.years SUP	{color: #7A7775; font-size: 14px; position: relative; top: -1.6ex;}
.term_select TR.years BIG	{color: #C1272D; font-size: 36px;}
.term_select TR.years SUB	{color: #7A7775; font-size: 18px;}
.term_select TR.prices B	{color: #428510;}
.term_select TR.prices BIG	{font-size: 24px;}

.footer					{background: #03457F url('/img/bg-footer.png') no-repeat scroll 0 0;}
.footer A,
.footer					{color: #fff; position: relative; height: 64px;}
.footer .createdby		{position: absolute; right: 0; height: 32px; text-align: right;  width: 160px; padding: 16px 24px; line-height: 16px; background: #03457F none; border-left: 2px solid #013766;}
.footer .createdby IMG	{float: right; margin-left: 10px;}
.footer .copyright		{position: absolute; left: 16px; top: 16px; font-size: 12px; font-style: italic;}
.footer .address		{position: absolute; left: 405px; top: 8px;}