/*---------------------------- common ----------------------------*/

body {
	background-color: #174578;
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	color: #A2B5C9
}
body.popup {
	background: url(../images/pbg.gif) #177078 0 100% repeat-x;
	padding: 15px 15px 15px 15px;
	border: 2px solid #FFF;
	color: #A2C6C9
}
body.popup a {
	color: #CEFBFF
}
a {
	color: #7BB4F2
}
a img {
	border: none
}
a.arrowg {
	background: url(../images/arrowg.gif) 1px 5px no-repeat;
	padding-left: 15px
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #FFF
}
h2.arrowgg {
	background: url(../images/arrowgg.gif) 0 4px no-repeat;
	padding-left: 15px
}
h4 {
	background: url(../images/arrowgg.gif) 0 1px no-repeat;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF
}
p {
	margin: 5px 0 15px 0;
	padding: 0px
}
form {
	margin: 0;
	padding: 0
}
dl {
	margin: 10px 0 10px 5px;
	padding: 0
}
dt {
	background: url(../images/marker1.gif) 0 5px no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
	color: #FFF
}
dt.selected {
	background: url(../images/marker11.gif) 0 4px no-repeat
}
dt.selected a.active {
	text-decoration: none;
	color: #FFF
}
dd {
	margin: 0 0 0 20px;
	padding: 0
}
dd p {
	margin: 0 0 10px 0;
	padding: 0px
}
ul.short {
	margin: 0;
	padding: 0
}
ul.short li {
	background: url(../images/marker2.gif) 0 0 no-repeat;
	margin: 12px 0 0 5px;
	padding: 0 0 0 16px;
	list-style: none
}
ul {
	margin: 15px 0;
	padding: 0
}
ul li {
	background: url(../images/arrowgg.gif) 0 0 no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 0 19px;
	list-style: none
}
.white {
	color: #FFF
}
.green {
	color: #B2D90E
}
/*---------------------------- misc ----------------------------*/

/*-- head --*/

div.logo {
	position: absolute;
	top: 10px;
	left: 36px;
	z-index: 1
}
table.menu {
	margin-left: 254px;
}
table.menu td {
	padding: 20px 10px 20px 0
}
table.menu a {
	background: url(../images/arrowg.gif) 1px 5px no-repeat;
	padding-left: 15px;
	display: block;
	width: 70px
}
table.menu span {
	background: url(../images/arrowg.gif) 1px 5px no-repeat;
	padding-left: 15px;
	display: block;
	width: 70px;
	color: #FFF
}
table.menu a:hover {
	color: #B2D90E
}
/*-- end head --*/



/*-- promo --*/

div.promobg {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #949494;
	height: 250px
}
table.promo {
	margin-top: -254px
}
table.promo td {
	padding: 0
}
div.promoL {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	height: 250px;
	width:250px
}
div.promoM {
	background: url(../images/pbg.gif) #177078 0 100% repeat-x;
	padding: 20px;
	border: 2px solid #FFF;
	height: 210px;
	width:210px
}
div.promoM a {
	color: #CEFBFF
}
div.promoMInner {
	background: url(../images/pbg.gif) #177078 0 100% repeat-x;
	padding: 20px 20px 10px 29px;
	border: 2px solid #FFF;
	width: 455px;
	color: #A2C6C9
}
div.promoMInner a {
	color: #CEFBFF
}
div.promoMOrder {
	background: url(../images/pbg.gif) #177078 0 100% repeat-x;
	border: 2px solid #FFF;
	width: 504px;
	color: #A2C6C9
}
div.promoMOrder a {
	color: #CEFBFF
}
div.promoR {
	background: url(../images/pbg3.gif) #177859 0 0 no-repeat;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	height: 250px;
	width:250px;
	color: #A2C9BD
}
div.promoR div.promoRR {
	padding: 20px 20px 0 20px;
	height: 148px
}
div.staplehl {
	background: url(../images/stapleh.gif) 0 0 no-repeat;
	margin: -20px 0 0 20px;
	height: 38px;
	width: 14px
}
div.staplehr {
	background: url(../images/stapleh.gif) 0 0 no-repeat;
	margin: -38px 0 0 223px;
	height: 38px;
	width: 14px
}
div.staplevt {
	background: url(../images/staplev.gif) 0 0 no-repeat;
	position: absolute;
	top: 100px;
	left: 234px;
	z-index: 1;
	height: 14px;
	width: 38px
}
div.staplevb {
	background: url(../images/staplev.gif) 0 0 no-repeat;
	position: absolute;
	top: 303px;
	left: 234px;
	z-index: 1;
	height: 14px;
	width: 38px
}
/*-- end promo --*/



/*-- left part --*/

div.adv {
	border: 1px solid #FFF;
	background-color: #7D97B4;
	color: #FFF;
	width: 214px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
}
div.adv a {
	color: #174578
}
div.adv h2 {
	margin-bottom: 4px;
	color: #174578;
	font-size: 14px
}
div.adv2 {
	border: 1px solid #FFF;
	background-color: #6595CC;
	color: #FFF;
	width: 214px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
}
div.adv2 a {
	color: #174578
}
div.adv2 h2 {
	margin-bottom: 4px;
	color: #174578;
	font-size: 14px
}
div.rlinks {
	margin-left: 10px;
	padding: 10px 10px 7px 10px;
	width: 208px;
	color: #FFF
}
div.registr {
	border: 1px solid #143962;
	margin: 20px 0 0 10px;
	padding: 10px 10px 7px 10px;
	width: 208px;
	color: #FFF
}
div.registr input {
	margin: 2px 5px 5px 0;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px
}
div.registr input.text {
	width: 95px
}
div.registr div.label {
	margin-top: 5px;
	color: #A2B5C9
}
div.list {
	margin-left: 10px;
	padding: 17px 10px 3px 0;
	color: #FFF
}
div.list ul.short li {
	font-size: 11px;
	color: #A2B5C9
}
/*-- end left part --*/



/*-- middle part --*/

div.content {
	padding: 15px 30px 0 7px;
	width: 469px
}
div.news {
	padding-left: 15px
}
div.news p {
	margin: 5px 0 15px 0
}
div.orderH {
	background: url(../images/pbar.gif) #15656C 0 100% repeat-x;
	margin-bottom: 15px;
	width: 444px
}
div.stepbg {
	background: url(../images/stepbg.gif) 0 0 repeat-x;
	height: 4px;
	font-size: 1px
}
div.stepbg div.stepl {
	background: url(../images/step.gif) 0 0 no-repeat;
	height: 4px;
	font-size: 1px
}
div.stepbg div.stepr {
	background: url(../images/stepr.gif) 100% 0 no-repeat;
	height: 4px;
	font-size: 1px
}
div.stepbg div.stepend {
	background: url(../images/step.gif) 100% 0 no-repeat;
	height: 4px;
	font-size: 1px
}
div.orderH td {
	background: url(../images/marker3.gif) 5px 13px no-repeat;
	padding: 6px 10px 5px 13px;
	width: 125px;
	color: #FFF
}
div.check {
	border: 1px solid #B2D90E;
	background-color: #15656C;
	margin-bottom: 10px;
	padding: 10px 3px 10px 10px;
	width: 431px;
	color: #FFF
}
div.check td {
	padding-right: 7px
}
div.check p {
	margin: 5px 0;
	font-size: 11px;
	color: #A2C6C9
}
table.order td {
	padding: 0 0 10px 11px;
	width: 129px;
	color: #FFF
}
table.order td.comments {
	padding-left: 5px;
	width: 140px;
	color: #A2C6C9
}
table.order input {
	width: 138px
}
table.order2 td {
	padding: 0 0 17px 11px;
	width: 150px;
	color: #A2C6C9
}
table.order2 td.res {
	width: 265px;
	font-weight: bold;
	color: #FFF
}
div.lineB {
	border-top: 1px solid #B2D90E;
	padding: 10px;
	width: 426px
}
div.lineg {
	border-top: 1px solid #4F9298;
	margin: 15px 0;
	height: 1px;
	width: 105px;
	font-size: 1px
}
div.linegg {
	border-bottom: 4px solid #B2D90E;
	margin: 0;
	height: 7px;
	width: 128px;
	font-size: 1px
}
/*-- end middle part --*/



/*-- footer --*/

div.footer {
	border-top: 3px solid #143B66;
	margin: 20px 0 0 254px;
	padding: 15px 0 20px 7px
}
div.copyright {
	background: url(../images/arrowoo.gif) 0 3px no-repeat;
	padding-left: 15px;
	width: 403px
}