body {
	background:#f8f8f8;
	margin:0 auto;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	width:100%;
}

p {
	font: normal 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-indent : 0cm;
	margin:15px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
    color : #000000;
	padding-bottom: 0px;
}

a.nav:link {color: #000000; text-decoration: none;}
a.nav:visited {color: #000000; text-decoration: none;}
a.nav:hover {color: #000000; text-decoration: none;}
a.nav:active {color: #000000; text-decoration: none;}

h1 {
color:#cc0000;
text-align: center;
font: bold 20pt Tahoma,Verdana, Arial, Helvetica, sans-serif;
margin: 25px;
margin-top:0px;
}

h2 {
text-align: center;
font: bold 15pt Tahoma,Verdana, Arial, Helvetica, sans-serif;
margin: 25px;
}

h3 {
	font: bold 14pt Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin: 30px;
	text-align: center;
}

.step {
	height: 88px;
	width: 956px;
	background-image: url(img_template_steps/steps/step.gif);
	border-bottom: 1px solid #CCCCCC;
}

.content, .step{
	position: relative;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.steps1, .steps2, .steps3, .steps4, .steps5, .steps6  {
	height: 75px;
	background-image: url(img_template_steps/steps/circle.gif);
	position: absolute;
	top: 0px;
	background-position: center 5px;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.steps1 {
	width: 191px;
	left: 0px;
}

.steps2 {
	width: 191px;
	left: 191px;
}

.steps3 {
	width: 191px;
	left: 382px;
}

.steps4 {
	width: 191px;
	left: 573px;
}

.steps5 {
	width: 191px;
	left: 764px;
}

a .steps1:hover, a .steps2:hover, a .steps3:hover, a .steps4:hover, a .steps5:hover, a .steps6:hover {background-position: center -86px; cursor:pointer;}

.steps2_off, .steps3_off, .steps4_off, .steps5_off, .steps6_off  {
	height: 75px;
	background-image: url(img_template_steps/steps/circle_grey.gif);
	position: absolute;
	top: 0px;
	background-position: center 5px;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.steps2_off {
	width: 191px;
	left: 191px;
}

.steps3_off {
	width: 191px;
	left: 382px;
}

.steps4_off {
	width: 191px;
	left: 573px;
}

.steps5_off {
	width: 191px;
	left: 764px;
}

.steps_text, .steps_text_grey {
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	padding-top: 25px;
	text-decoration: none;
}

.steps_text {
	color: #000000;
}

small_text {
	font-size: 9px;
}

.steps_text_grey {
	color: #999999;
}

.small_text {
	font-size: 9px;
}

.arrow, .arrow_grey {
	height: 5px;
	width: 10px;
	position: absolute;
	top: 60px;
	background-repeat: no-repeat;
	background-position: left top;
}

.arrow_grey {
	background-image: url(img_template_steps/steps/arrow_grey.gif);
}

.arrow {
	background-image: url(img_template_steps/steps/arrow.gif);
}

.content, .footer  {
	width: 700px;
	padding-top: 10px;
}

.content {
	background-color: #FFFFFF;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 0px;
	position: relative;
}

.content_down, .ft_corner_down {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	height: 20px;
}

.content_down {
	width: 700px;
}

#left {
	position: absolute;
	left: 20px;
	top: 0px;
	height: 410px;
	width: 276px;
}

#right {
	top: 0px;
	position: absolute;
	right: 20px;
	height: 410px;
	width: 374px;
}


.desc_pay_block {
	margin-left: 240px;
}

.footer {
	background-image: url(img_template_steps/footer/footer_reflection_02.gif);
	background-repeat: repeat-x;
	background-position: top;
	position:relative;
	margin: 0px;
}

.choice_block {
	position: absolute;
	bottom: 0px;
	width: 160px;
	right: 120px;
}


.ft {
	border:1px solid #CCCCCC;
	margin-bottom: 4px;
}

.ft_corner {
	border:1px solid #CCCCCC;
	border-bottom:0px;
	position: relative;
	margin-top: 5px;
}

.ltc {background-image: url(img_template_steps/corner/corner10_01.gif);left: -1px;top: -1px;}
.rtc {background-image: url(img_template_steps/corner/corner10_02.gif);top: -1px;right: -1px;}
.ldc {background-image: url(img_template_steps/corner/corner10_03.gif);left: -1px;bottom: -1px;}
.rdc {background-image: url(img_template_steps/corner/corner10_04.gif);bottom: -1px;right: -1px;}
.ltc, .rtc, .ldc, .rdc {height:20px;width:10px;background-repeat: no-repeat; position: absolute;}

.ltc1 {background-image: url(img_template_steps/corner/corner_grey10_01.gif);left: -1px;top: -1px;}
.rtc1 {background-image: url(img_template_steps/corner/corner_grey10_02.gif);top: -1px;right: -1px;}
.ldc1 {background-image: url(img_template_steps/corner/corner_grey10_03.gif);left: -1px;bottom: -1px;}
.rdc1 {background-image: url(img_template_steps/corner/corner_grey10_04.gif);bottom: -1px;right: -1px;}
.ltc1, .rtc1, .ldc1, .rdc1 {height:20px;width:10px;background-repeat: no-repeat; position: absolute;}

.ltc2 {
	background-image: url(img_template_steps/footer/footer_reflection_01.gif);
	position: absolute;
	left: -1px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.rtc2 {
	background-image: url(img_template_steps/footer/footer_reflection_03.gif);
	position: absolute;
	top: 0px;
	right: -1px;
	background-repeat: no-repeat;
	background-position: right top;
}
.ltc2, .rtc2{height: 30px; width: 10px;}

.table2 {
	border: 1px solid #999999;
	background-color : white;
}

.table2 h1 {
color:#cc0000;
text-align: center;
font: bold 20pt Tahoma,Verdana, Arial, Helvetica, sans-serif;
margin: 15px;
}

.warning {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 20px;
color : #cc0000;
font-weight : bold;
}

.button150, .button280 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	height: 25px;
	border: 0px;
	color: #333333;
	cursor: pointer;
	margin-top: 5px;
}

.button150 {
	width: 150px;
	background-image: url(img_template_steps/buttons/button150.gif);	
}

.button150:hover, .button280:hover   {
	background-position: 0px 25px;
}

.button280 {
	width: 280px;
	background-image: url(img_template_steps/buttons/button280.gif);	
}


.relative {
	position: relative;
}

.cost_block {
	position: absolute;
	top: 10px;
	right: 50px;
	width: 220px;
}

.cost_block_border {
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	position: relative;
	width: 220px;
}

.cost {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.cost_discount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #009933;
	}

.line_through {
	text-decoration: line-through;
	font-size: 18px;
	color: #CC3300;
	font-weight: bold;
}

p.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	color: #333333;
}

.title_div {
	background-color: #FBFBFB;
	margin-top: 0px;
	padding: 10px;
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.cart td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.cart {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;}

.pods { font-size: 11px; font-family: Verdana,  sans-serif; text-indent: 0em; color:#000000; margin : 3px;}

.inner_padding {
	padding: 3px;
}

.otstup {
	height: 10px;
}

/*form css*/
form label {
	font-size: 12px;
	color: #333333;
	display: block;
	float: left;
	width: 195px;
	text-align: right;
	margin-right: 5px;
	margin-top: 9px;
	padding: 0;
	height: 17px;
	margin-left: 0;
}

form div.relpos input, div.relpos textarea, div.relpos select, div.relpos button {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	color: #333333;
	margin-top: 8px;
	margin-right: 0;
	margin-left: 2px;
}

label span {
	font-weight: bold;
}

.sel_options1 {
	height: 20px;
	width: 200px;
	border:1px solid #cccccc;
}

.area_field {
	width: 200px;
	border:1px solid #cccccc;
}

.text_field {
	width: 200px;
	border:1px solid #cccccc;
	margin-bottom: 2px;
	height: 15px;
}

.small_text_field {
	width: 70px;
	border:1px solid #cccccc;
	margin-bottom: 2px;
	height: 15px;
}

.field_block {
	width: 600px;
	display: block;
}

.preload {
	position: absolute;
	top: 42px;
	right: -20px;
	display: block;
}

span.small_info {
	font-size: 11px;
}

span.small_info_gray {
	font-size: 11px;
	color: #666666;
}

#mob_num1 {
	width: 30px;
	margin-left: 0px;
	border:1px solid #cccccc;
}

#mob_num2 {
	width: 40px;
	margin-left: 10px;
	border:1px solid #cccccc;
}

#mob_num3 {
	width: 80px;
	margin-left: 10px;
	border:1px solid #cccccc;
}


.mob_dig1 {
	margin-left: 8px;
	padding-right: 14px;
}

.mob_dig2 {
	margin-left: 20px;
	padding-right: 14px;
}

.mob_dig3 {
	margin-left: 10px;
	padding-right: 0px;
}

.mob_dig4 {
	margin-left: 0px;
}

.pos0 {
	left:410px;
	position:absolute;
	top:5px;
}

.pos1 {
	position: absolute;
	left:280px;
	top:5px;
	}
	
.pos2 {
	position: absolute;
	left:385px;
	top:5px;
	}
	
.pos3 {
	position: absolute;
	left:67px;
	top:2px;
	}

.pos4 {
	margin-left: 10px;
	margin-top: 3px;
	display: block;
	position: absolute;
	left: 212px;
	top: 5px;
}

.message_error_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	background-image: url(img_template_steps/order_form/arrow_left.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 300px;
}

.message_error_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	background-image: url(img_template_steps/order_form/arrow_top.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.message_ok {
	font-size: 12px;
	color: #00CC00;
	font-weight: bold;
	background-image: url(img_template_steps/order_form/ok.png);
	height: 24px;
	width: 24px;
}

.ajaxload {
	height: 24px;
	width: 24px;
	padding-top: 2px;
	padding-left: 2px;
}

.relpos {
	position: relative;
	margin-bottom: 5px;
	width: auto;
}

.highlight_input {
	background-color: #fbfbfb;
}

div.line {
	border-top:1px solid #cccccc;
	margin-bottom: 15px;
}
/*end form css*/

/*Help popup*/
.bubbleInfo {
	position: relative;
	top: 150px;
	left: 100px;
	width: 500px;
}
.trigger {
	position: absolute;
}

/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	font-size: 12px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	width: 180px;
}

.white {
	background-color: #FFFFFF;
}

.popup td.corner {
		height: 15px;
		width: 19px;
}

.popup td#topleft { background-image: url(img_template_steps/order_form/images/bubble-1.gif); }
.popup td.top { background-image: url(img_template_steps/order_form/images/bubble-2.gif); }
.popup td#topright { background-image: url(img_template_steps/order_form/images/bubble-3.gif); }
.popup td.left { background-image: url(img_template_steps/order_form/images/bubble-4.gif); }
.popup td.right { background-image: url(img_template_steps/order_form/images/bubble-5.gif); }
.popup td#bottomleft { background-image: url(img_template_steps/order_form/images/bubble-6.gif); }
.popup td.bottom { background-image: url(img_template_steps/order_form/images/bubble-7.gif); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(img_template_steps/order_form/images/bubble-8.gif); }

.popup table.popup-contents {
		font-size: 12px;
		line-height: 1.2em;
		background-color: #fff;
		color: #666;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		}

table.popup-contents th {
		text-align: right;
		
		}

table.popup-contents td {
		text-align: left;
		}
		
		tr#download th {
		text-align: left;
		text-indent: -9999px;
		background: url(img_template_steps/order_form/images/starburst.gif) no-repeat top right;
		height: 17px;
		}

tr#download td a {
		color: #333;
}
/*end help popup*/