div#container {
	margin: 0 auto;
	width: 705px;
	padding: 0 50px;
}

td.top_nav_line {
	background: transparent url(/img/top_nav_line.gif) left top no-repeat;
	height: 3px;
}
a.step1_active, a.step2_active, a.step3_active {
	background: transparent url(/img/step1_tab_active.gif) left top no-repeat;
	width: 233px;
	height: 76px;
	display: block;
}
a.step2_active {
	background: transparent url(/img/step2_tab_active.gif) left top no-repeat;
}
a.step3_active {
	background: transparent url(/img/step3_tab_active.gif) left top no-repeat;
}

a.step2, a.step3, a.step1 {
	background: transparent url(/img/step2_tab.gif) left top no-repeat;
	display: block;
	width: 233px;
	height: 60px;
	margin-left: 3px;
	margin-top: 3px;
}
a.step3 {
	background: transparent url(/img/step3_tab.gif) left top no-repeat;
}
a.step1 {
	background: transparent url(/img/step1_tab.gif) left top no-repeat;
	margin-left: 0;
	margin-right: 3px;
	margin-top: 3px;
}
.tab_pic {
	padding: 35px 0;
	border-bottom: 3px solid #ddd;
}


a {color: #14ABDF;}

#footer {
	border-top: 3px solid #b7d8e8;   
	margin-top: 100px
}
#footer p {
	padding: 20px 0;
	border-top: 3px solid #e9f3fc; 
	/*color: #afb0b0;*/
	color: #6d9ab4;
	text-align: center;
}

table.price {
	margin: 30px auto;
}

tr.header {
	background-color: #EEF5FB;
	font-weight: 700;
	color:#69A1CD;	
	
}

tr.header td {padding: 10px; border-bottom: 1px solid #D4DFE8 !important;}
table.price tr td {padding: 10px; border-bottom: 1px solid #e9e9e9;}
table.price tr:hover {background-color: #F3F3F3;}
tr.header:hover {background-color: #EEF5FB !important;}

div.order {
	margin-top: 30px; 
	margin-bottom: 50px;
	width: 705px;
	overflow: hidden;
}

div.header {
	background-color: #EEF5FB;
	text-align: center;
	font-weight: 700;
	color:#69A1CD;	
	border-bottom: 1px solid #D4DFE8;
	overflow: hidden;
	padding: 0 10px;
	
}
div.item {
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
}
/*div.header:hover {background-color: #EEF5FB !important;}*/
/*div.header div {border-bottom: 1px solid #D4DFE8 !important;}*/

div.header div, div.item div {line-height: 1.5; float:left; overflow: hidden; padding: 10px 0;}
div.item div {padding: 0;}
div.item:hover {background-color: #F3F3F3;}
div.last div {float: left; overflow: hidden;}

.c_1 {width: 60px; text-align: left;}
.c_2 {width: 170px; text-align: left;}
.c_3 {width: 75px;}
.c_4 {width: 100px;}
.c_5 {width: 85px;}
.c_6 {width: 85px; text-align:center}
.c_7 {width: 60px;}
.c_8 {width: 50px;}

div.item div.c_3, div.item div.c_4, div.item div.c_5, div.item div.c_6{margin-top:10px}
div.item div.c_7 {margin-top:13px}
div.item div.c_8 {margin-top:15px}

div.item div input.arrow {padding:1px; margin: 0 5px; /*float: left*/}

div.last {padding: 10px; overflow: hidden}
div.last div.c_6 {padding: 5px 0;}

/*table.order td a.arrow {margin-top: 3px; display: block; float: left;}*/

select, input {color: #666;}

div#options_cost {color: #69A1CD; font-weight: 700; background-color:#EEF5FB; padding:5px 0; text-align:center;}

div.price {
	background-color: #e8f5fb;
	color: #69A1CD;
	text-align:center;
	width: 400px;
	padding: 10px;
	margin: 30px auto 20px;
	font-size: 18px;
	border-bottom:1px solid #D4DFE8;
}

p {
    margin: 0 0 0px !important;
}
table .btn {
	padding: 6px 5px;
}

p.dif {
padding-left: 20px;
margin: 10px 0;
line-height: 16px;
text-align: center;
}
p.dif span {background: transparent url(/img/information.png) left top no-repeat; padding-right: 5px;}

.contact td {padding: 10px 0;}
.contact span {color: #ff0000;}
span.hint {color: #999; font-size: 11px}
.contact input[type=text], .contact input[type=password], .contact select {width: 210px; border:1px solid #ccc; color: #666; font-family:Arial, Helvetica, sans-serif}
.contact select {width: 213px}
.contact p {margin: 15px 0; text-align:center; font-size: 11px}
div.send_btn {text-align:center; margin-top: 40px;}
div.send_btn input {
	background: transparent url(/img/send_btn.gif) left top no-repeat;
	width: 153px;
	height: 31px;
	margin: 0 auto;
	border: 0;
	cursor: pointer;
}

a.step1_pic_active, a.step1_pic, a.step1_pic:hover, a.step2_pic_active, a.step2_pic, a.step2_pic:hover, a.step3_pic_active, a.step3_pic {
	background: transparent url(/img/step1_pic.png) left top no-repeat;
	display:block;
	width: 178px;
	height: 128px;	
}

a.step2_pic_active, a.step2_pic, a.step2_pic:hover {
	background: transparent url(/img/step2_pic.png) left top no-repeat;
}

a.step3_pic_active, a.step3_pic {
	background: transparent url(/img/step3_pic.png) left top no-repeat;
}

a.step1_pic { background: transparent url(/img/step1_pic.png) left -128px no-repeat;}
a.step2_pic { background: transparent url(/img/step2_pic.png) left -128px no-repeat;}
a.step3_pic { background: transparent url(/img/step3_pic.png) left -128px no-repeat;}

div.info, div.thanks {
	background: #eef5fb url(/img/info_icon.gif) 15px 50% no-repeat;
	padding: 20px 10px 20px 65px;
	margin: 30px 0 15px;
}
div.info p {
	color: #69a1cd;
	line-height: 1.5;
	font-size: 14px;
}

/*div.info a {float: right}*/

div.thanks {
	background: #ecffe0 url(/img/check_icon.gif) 15px 50% no-repeat;
	padding: 20px 20px 20px 65px;
}
div.thanks p {
	color: #0ca91f;
	line-height: 1.5;
	font-weight: 700;
}

/*div.thanks h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3c99e3;
	font-size: 18px;
	line-height: 1.5;
	font-style: italic;
	margin-bottom: 10px;
}
div.thanks p {
	color: #69a1cd;
	line-height: 1.5;
}*/

div.more {margin: 0 auto; width: 340px; text-align:center;}

div.more a {
	display: block;
	background: transparent url(/img/more_icon.gif) 90px 2px no-repeat;
	padding-left: 15px;
	height: 15px;
	text-align:center;
	width: 340px;
}

div.forms
{
	display:none;
}









/* Paging */

.paging {
	margin: 2.5em 0 1em;
	overflow: hidden;
	//height: 1%;
}
	.paging p {
		color: #AAA;
		font-size: 1.1em;
	}
		.paging p a,
		.paging p span {
			margin-right: 1em;
		}
	.paging ol {
		margin: 1em 0;
		font-size: .9em;
		overflow: hidden;
		//height: 1%;
	}
		.paging ol li {
			float: left;
			margin: 0 10px 10px 0;
			color: #AAA;
			list-style: none;
		}
			.paging ol a,
			.paging ol strong {
				float: left;
				border: 1px solid #E1E3E6;
				padding: .4em .8em;
			}
			.paging ol a {
				background-color: #FAFBFC;
				color: #777;
				text-decoration: none;
			}
			.paging ol a:hover {
				border-color: #959799;
				color: #000;
			}
			.paging ol strong {
				border-color: #959799;
				background-color: #959799;
				color: #FFF;
			}

.pagingsm {
	margin: 1.5em 0 1em;
	overflow: hidden;
	//height: 1%;
}
	.pagingsm p {
		color: #AAA;
		font-size: .9em;
	}
		.pagingsm p a,
		.pagingsm p span {
			margin-right: 1em;
		}
	.pagingsm ol {
		margin: 1em 0 0;
		font-size: .7em;
		overflow: hidden;
		//height: 1%;
	}
		.pagingsm ol li {
			float: left;
			margin: 0 5px 5px 0;
			color: #AAA;
			list-style: none;
		}
			.pagingsm ol a,
			.pagingsm ol strong {
				float: left;
				border: 1px solid #E1E3E6;
				padding: .4em .8em;
			}
			.pagingsm ol a {
				background-color: #FAFBFC;
				color: #777;
				text-decoration: none;
			}
			.pagingsm ol a:hover {
				border-color: #959799;
				color: #000;
			}
			.pagingsm ol strong {
				border-color: #959799;
				background-color: #959799;
				color: #FFF;
			}



/* Forms
------------------------------ */

fieldset {
	margin: 1.75em 0 2.5em;
}
	fieldset h2 {
		margin-bottom: 1.25em;
	}

.form-row {
	margin: .4em 0 1em;
	overflow: hidden;
}
	.form-row .form-label {
		float: left;
		width: 140px;
		padding-top: .15em;
		font-weight: bold;
	}
		.form-row .form-label em {
			font-weight: normal;
			color: #999;
		}
	.form-row .form-field {
		margin: 0 0 .5em 160px;
	}
	.form-row .form-comment {
		margin: -.3em 0 .3em 160px;
		color: #8A9199;
		font-size: .85em;
	}
		.form-row .form-comment p {
			margin: 0;
		}

.form-submit {
	margin: 1.5em 0 1em;
	border: 1px solid #E9EFF2;
	border-top-color: #C5CCD3;
	padding: 1em 0;
	background-color: #F7F9FA;
	color: #98A5B3;
	text-align: center;
}
	.form-submit input {
		margin: 0 .5em;
	}
	.form-submit a.action {
		margin: 0 .5em;
		font-size: .9em;
	}

.fullsize {
	width: 98%;
}
.heading {
	font: bold 1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* Compact rows */

.form-row.compact {
	margin: .2em 0 .4em;
}



/* Errors */

.form-row.error {
	border-top: 1px solid #F2D4CE;
	border-bottom: 1px solid #F2D4CE;
	padding: 1em 0 .75em;
	background-color: #FFF0ED;
}
	.form-row.error .form-label {
		width: 130px;
		padding-left: 10px;
		color: #800;
	}


/* Messages */

.message {
	margin: 1.2em 0;
	border-style: solid;
	border-width: 1px;
	padding: .5em 20px .5em 50px;
}
	.message h3 {
		margin-top: .45em;
	}
	.message p {
		margin: .6em 0;
	}
	.message.warning {
		border-color: #E0B2A8;
		background: #F7DFDA url({/literal}{$out.url}{literal}/img/i-warning.gif) no-repeat 17px 1em;
		color: #622;
	}
	.message.success {
		border-color: #C2CC8F;
		background: #F2F7DA url({/literal}{$out.url}{literal}/img/i-checkmark.gif) no-repeat 17px 1em;
		color: #453;
	}
	.message.notice {
		border-color: #E5D195;
		background: #FAF7DC url({/literal}{$out.url}{literal}/img/i-notice.gif)  no-repeat 17px 1em;
		color: #840;
	}




/* Detailed data */

table.data {
	width: 100%;
	margin: .5em 0;
}
fieldset table.data {
	margin-bottom: 1.5em;
}
	table.data thead {
		background-color: #E1E3E6;
	}
		table.data thead th,
		table.data thead td {
			padding: .75em .5em;
			color: #777;
			text-align: left;
			font-weight: normal;
			font-size: .9em;
		}
		table.data thead a {
			border-bottom: 1px dashed #AAA;
			color: #777;
			text-decoration: none;
		}
			table.data thead a img.sort {
				vertical-align: -.4em;
			}
	table.data tbody {
	}
		table.data tbody th,
		table.data tbody td {
			padding: .75em .5em;
			border-bottom: 1px solid #E1E3E6;
		}

	table.data td.actions {
		text-align: right;
	}
		table.data td.actions img {
			margin-left: .25em;
		}

	table.data tr.warning th,
	table.data tr.warning td,
	table.data tr.warning:hover th,
	table.data tr.warning:hover td {
		background-color: #F7DFDA;
		color: #622;
	}
	
	table.data tr.deactivated th,
	table.data tr.deactivated td,
	table.data tr.deactivated:hover th,
	table.data tr.deactivated:hover td {
		background-color: #EFEFEF;
		color: #CACACA;
	}
	
	
	
	
/* Bordered */

fieldset.bordered {
	margin: 1.5em 0 .75em;
	border: 1px solid #E1E3E6;
	padding: 10px;
	background-color: #F8F9FA;
}
	fieldset.bordered legend {
		margin: 0 -5px;
		padding: 0 5px;
		font-weight: bold;
		font-size: 1.25em;
		color: #333;
	}
	fieldset.bordered .form-row {
		margin: 1em 0;
	}

.g-recaptcha {
        display: inline-block;
    }