/* CSS Document */

html {
	background: #fff url(../images/gradspc.gif) top repeat-x fixed;
}

@media screen {body {
	_width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	overflow-y: auto;
	background: #fff;
	font-family: "Tahoma", Arial, Helvetica, Verdana, sans-serif;
	font-size: 120%;
}}

@media print {body {
	width: 100%;
	margin: 20px;
	padding: 0;
	border: 0;
	height: 100%;
	background: #fff;
	font-family: "Tahoma", Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}}

@media print {#bl_lbord, #gr_lbord, #ru_lbord, #bl_rbord, #gr_rbord, #ru_rbord, #bl_header, #gr_header, #ru_header, #lflash, #rflash, #bl_curve, #gr_curve, #ru_curve, #circ1, #circ2, #circ3, #bl_txt, #gr_txt, #ru_txt, #buttons, #postit, #polaroid, #gogall, #text, .flag, .top, .print, .copy, .hide {
	display: none;
}}

* html {
    background: #fff url(../images/gradspc.gif) top repeat-x fixed;
}

* html #bl_lbord, * html #gr_lbord, * html #ru_lbord, * html #bl_rbord, * html #gr_rbord, * html #ru_rbord, * html #bl_header, * html #gr_header, * html #ru_header, * html #lflash, * html #rflash, * html #bl_curve, * html #gr_curve, * html #ru_curve, * html #bl_txt, * html #gr_txt, * html #ru_txt, * html #circ1, * html #circ2, * html #circ3, * html #plassey, * html #polaroid, * html #gogall, * html #postit, * html #price, * html #buttons, * html #awards {
	position: absolute;
}




/* absolute DIVs */
 
@media screen {#bl_lbord, #gr_lbord, #ru_lbord {
	position: fixed;
	top: 0;
	left: 0;
	width: 1em;
	height: 100%;
	z-index: 10;
}}

@media screen {#bl_lbord, #bl_rbord {
	background: #23324F url(../images/bl_grad.gif) top repeat-x;
}}

@media screen {#gr_lbord, #gr_rbord {
	background: #374519 url(../images/gr_grad.gif) top repeat-x;
}}

@media screen {#ru_lbord, #ru_rbord {
	background: #581603 url(../images/ru_grad.gif) top repeat-x;
}}

@media screen {#bl_rbord, #gr_rbord, #ru_rbord {
	position: fixed;
	top: 0;
	right: 0;
	_right: 0px;
	_rig\ht: 16px;
	width: 1em;
	height: 100%;
	z-index: 10;
}}

@media screen {#bl_header, #gr_header, #ru_header {
	position: fixed;
	top: 0;
	left: 0;
	margin-left: 1em;
	width: 95%;
	height: 220px;
	background: #fff top repeat-x;
	z-index: 2;
}}

@media screen {#bl_header {
	background-image: url(../images/bl_flashgrad.gif);
}}

@media screen {#gr_header {
	background-image: url(../images/gr_flashgrad.gif);
}}

@media screen {#ru_header {
	background-image: url(../images/ru_flashgrad.gif);
}}

@media screen {#lflash {
	position: fixed;
	top: 0;
	left: 1em;
	_margin-left: -0.5em;
	width: 220px;
	height: 120px;
	z-index: 4;
}}

@media screen {#rflash {
	position: fixed;
	top: 0;
	right: 1em;
	_right: 0.5em;
	_rig\ht: 1em;
	width: 564px;
	height: 158px;
	z-index: 3;
}}

@media screen {#bl_curve, #gr_curve, #ru_curve {
	position: fixed;
	_position: absolute;
	top: 110px;
	left: 1em;
	width: 720px;
	height: 110px;
	text-align: left;
	z-index: 4;
}}

@media screen {#bl_curve {
	background: url(../images/bl_curve.gif) left no-repeat;
}}

@media screen {#gr_curve {
	background: url(../images/gr_curve.gif) left no-repeat;
}}

@media screen {#ru_curve {
	background: url(../images/ru_curve.gif) left no-repeat;
}}

@media screen {#bl_txt, #gr_txt, #ru_txt {
	position: fixed;
	_position: absolute;
	top: 227px;
	left: 210px;
	width: 45px;
	height: 27px;
	padding-top: 50px;
	text-align: left;
	z-index: 6;
}}

@media screen {#buttons {
	position: fixed;
	top: 215px;
	left: 55px;
	width: 185px;
	height: 135px;
	background-color: #FFFFFF;
	text-align: left;
	z-index: 5;
}}

@media screen {#postit {
	position: fixed;
	top: 315px;
	*top: 325px;
	left: 25px;
	width: 180px;
	padding-top: 35px;
	*padding-top: 55px;
	height: 115px;
	_height: 185px;
	_heigh\t: 115px;
	background: url(../images/postit2.gif) center no-repeat;
	text-align: left;
	font-size: 80%;
	z-index: 6;
}}

@media screen {#awards {
	position: fixed;
	top: 510px;
	left: 60px;
	width: 180px;
	height: 90px;
	text-align: left;
	z-index: 6;
}}

@media print {#awards {
	float: right;
}}

@media screen {#plassey {
	position: fixed;
	top: 165px;
	right: 55px;
	_right: 65px;
	width: 175px;
	height: 25px;
	background-color: #fff;
	text-align: left;
	z-index: 6;
}}

@media print {#plassey {
	position: relative;
	top: 0;
	left: 0;
}}

@media screen {#polaroid {
	position: fixed;
	top: 255px;
	_top: 120px;
	right: 45px;
	_right: 30px;
	width: 215px;
	height: 240px;
	background-color: #fff;
	text-align: left;
	font-size: 80%;
	color: #333333;
}}

@media screen {#gogall {
	position: fixed;
	top: 495px;
	_top: 460px;
	right: 45px;
	_right: 30px;
	width: 215px;
	height: 80px;
	background-color: #fff;
	text-align: right;
}}

@media screen {#price {
	position: fixed;
	top: 230px;
	_top: 95px;
	right: 45px;
	_right: 30px;
	width: 215px;
	height: 240px;
	background-color: #fff;
	text-align: left;
	font-size: 80%;
	color: #333333;
}}




/* curve DIV */

@media screen {#circ1, #circ2, #circ3 {
	position: fixed;
	width: 45px;
	z-index: 6;
}}

@media screen {#circ1 {
	top: 150px;
	left: 47px;
	height: 45px;
}}

@media screen {#circ2 {
	top: 142px;
	left: 110px;
	height: 47px;
}}

@media screen {#circ3 {
	top: 140px;
	left: 173px;
	height: 47px;
}}



/* scrolling DIVs */

@media screen {#content {
	background: #fff;
	height: 100%;
	min-height: 100%;
	margin-left: 275px;
	text-align: left;
	padding-bottom: 25px;
	font-size: 80%;
	color: #333333;
	z-index: 1;
}}

@media print {#content {
	padding-bottom: 25px;
	font-size: 80%;
	color: #333333;
}}

@media screen {#text {
	position: relative;
	height: 223px;
	*height: 215px;
}}

@media screen {#content p, #content ol, #content ul {
	padding-right: 275px;
}}

@media print {#content p, #content ol, #content ul {
	padding: 0;
}}

#content ol, #content ul {
	padding-left: 20px;
}

#postit p {
	padding-left: 30px;
	padding-right: 30px;
}

#content p a, #content ol li a, #content ul li a, #postit p a, .copy p a {
	color: #CC0000;
	text-decoration: none;
}

#content p a:hover, #content ol li a:hover, #content ul li a:hover, #postit p a:hover, .copy p a:hover {
	color: #8DB21B;
	text-decoration: none;
}

h2 {
	font-size: 110%;
	font-weight: normal;
	color: #CC0000;
	padding-bottom: 10px;
	padding-right: 20px;
}

@media screen {.flag {
	padding-left: 10px;
	margin-bottom: -5px;
	border: none;
}}

@media screen {.print {
	margin-left: 100px;
}}

hr {
	height: 1px;
	border: #CCCCCC dotted thin;
	margin-right: 285px;
}

.yr {
	color: #CC0000;
}

.icon {
	height: 55px;
}

.icon2 {
	height: 145px;
}

.icon3 {
	height: 190px;
}

.icon4 {
	height: 230px;
}

.am {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#content table, #price table {
	margin-left: -5px;
}

@media screen {.copy {
	font-size: 80%;
}}

.tar, .tar td {
	border: 1px #CAD3E3 solid;
}

.tar td {
	text-align: center;
}

.input2 {
	margin-left: 4px;
}

.input3 {
	margin-left: 9px;
}

.input4 {
	margin-left: 10px;
}