@charset "UTF-8";
/* CSS Document */

a img {
	border:0;
}

a {
	color:#316fbf;
}

a:hover {
	color:#316fbf;
	text-decoration:none;
}

h1 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#383838;
	font-size:18px;
	margin:0;
}
/* F8F6FB */

h2 {
	color:#383838;
	font-size:14px;
	margin:0;
	padding:0;
}

h3 {
	width:95%;
	background-color:Khaki;
	border:1px solid DarkKhaki;
	padding:10px;
}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#EBE6F5;
}

.kinderjourney_form p {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin-bottom:0.5em;
}

.kinderjourney_form p input, .kinderjourney_form p select {
	float:left;
}

.kinderjourney_form p input, .kinderjourney_form p option {
	font-size:1em;
}

.kinderjourney_form p label {
	float:left;
	margin-right:12px;
	width:150px;
	line-height:26px;
	font-size:1.2em;
}

.generic_red_button {
	background:url(/assets/images/small_button_bg.png) top no-repeat;
	width:98px;
	height:34px;
	
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:white;
	font-size:14px;
	text-align:center;
	text-shadow:0 1px 1px #444444;
	
	padding-top:8px;
}

.generic_red_button a {
	color:white;
	text-decoration:none;
}

.generic_red_button a:hover {
	color:white;
	text-decoration:underline;
}

.order_button {
	background:url(/assets/images/order_button_bg.png) top no-repeat;
	width:151px;
	height:44px;
	
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:white;
	font-size:16px;
	text-align:center;
	text-shadow:0 1px 1px #444444;
	
	padding-top:14px;
}

.order_button a {
	color:white;
	text-decoration:none;
}

.order_button a:hover {
	color:white;
	text-decoration:underline;
}

.download_button {
	background:url(/assets/images/download_button_bg.png) top no-repeat;
	width:167px;
	height:44px;
	
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:white;
	font-size:16px;
	text-align:center;
	text-shadow:0 1px 1px #444444;
	
	padding-top:14px;
}

.download_button a {
	color:white;
	text-decoration:none;
}

.download_button a:hover {
	color:white;
	text-decoration:underline;
}


#order {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:1001;
}

.order_box {
	position:relative;
	width:500px;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#lightbox {
	
	position:absolute;
	width:100%;
	height:100%;
	background-color: black;
	-moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
	
}

/* ----------------------- */

.black_overlay{
	/*display: none;*/
	/*position: absolute;*/
	position:inherit;
	width: 100%;
	height: 301px;
	background-color: black;
	/*z-index:1001;*/
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	/*display: none;*/
	/*position: absolute;*/
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	
	width: 775px;
	/*height: 200px;*/
	background-color: #f4f4eb;
	/*z-index:1002;*/
	/*overflow: auto;*/
}



/* ----------------------- */

#title_bar {
	width:100%;
	height:45px;
	background-image:url(../images/title_bar_bg.png);
	background-repeat:repeat-x;
}

#footer {
	width:100%;
	height:120px;
	background:#333333 url(../images/footer_bg.png) top repeat-x;
}

#logo {
	float:left;
}

#header {
	width:100%;
	height:256px;
	background:#180721 url(../images/header_bg.png) center no-repeat;
}

#pink_bg {
	width:100%;
	height:275px;/*560px*/
	background:#F8F6FB url(../images/pink_bg.png) top repeat-x;	
}

#absolute_container {
	width:100%;
	position:absolute;
	margin-top:46px;
}

#main {
	width:775px;
	margin-left:auto;
	margin-right:auto;
}

#left_container {
	width:330px;
	float:left;
	position:relative;
}

#right_container {
	position:relative;
	width:435px;
	min-height:650px;
	float:right;
}

#center_container {
	position:relative;
	width:775px;
}

#elephant {
	width:330px;
	height:256px;
	/*background-image:url(../images/elephant.png);*/
}

#language_select {
	float:right;
	background-color:#FFFFFF;
	border:1px solid #b8b8b8;
	font-size:9px;
	width:128px;
	height:25px;
	margin-top:8px;
}

#main_menu {
	width:455px;
	height:29px;
	float:right;
}

#footer_menu {
	float:left;
}

#footer_menu ul {
	list-style:none;
	
}

#footer_menu ul li {
	font-size:11px;
	color:white;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	/*text-shadow:0 1px 0px #CCCCCC;*/
}

#footer_menu ul li a {
	color:white;
	text-decoration:underline;
}

#footer_menu ul li a:hover {
	color:white;
	text-decoration:none;
}

#content {
	width:395px;
	min-height:650px;
	background-color:#FFFFFF;
	border:1px solid #d5c9e9;
	padding:19px 19px 0 19px;
	margin-bottom:16px;
}

#main_content {
	width:735px;
	background-color:#FFFFFF;
	border:1px solid #d5c9e9;
	padding:20px 20px 0 20px;
	margin-bottom:16px;
	margin-top:20px;
}

#main_preview_ro {
	width:775px;
	height:370px;
	border:1px solid #004e90;/*#d5c9e9;*/
	background:#ffffff url(/assets/images/main_ro.png) top no-repeat;
}

#main_preview_ru {
	width:775px;
	height:370px;
	border:1px solid #d5c9e9;
	background:#ffffff url(/assets/images/main_ru.png) top no-repeat;
}

.preview_button {
	width:240px;
	height:54px;
	font-size:22px;
	color:#434343;
	text-shadow:0 1px 0px #FFFFFF;
}

.preview_button a {
	color:#434343;
	text-decoration:none;
}

.preview_button a:hover {
	color:#434343;
	text-decoration:underline;
}

#contact_form {
	width:100%;
	padding-top:20px;
}


.central_area {
	width:775px;
	margin-left:auto;
	margin-right:auto;
}

.contact_field {
	background-color:#FFFFFF;
	border:1px solid #d5c9e9;
}

.generic_text {
	color:#383838;
	text-align:left;
}

.column {
	width:345px;
	float:left;
	padding-right:20px;
}

.generic_input, .generic_textarea {
	width:98%;
	color:#838383;
	font-size:14px;
	font-style:italic;
	margin-bottom:10px;
	border:1px solid #d5cee0;
	padding-left:5px;
}

.generic_input {
	height:28px;
}

.generic_textarea {
	height:100px;
	padding-top:5px;
}

.separator_line {
	height:1px;
	width:100%;
	background-color:#e4e4e4;
}

.content_box {
	width:49%;
	padding-top:27px;
	padding-bottom:27px;
}

.title {
	margin:0px;
	padding:0 0 20px 0;
	text-align:left;
	color:#383838;
	font-size:1.6em;
}

.subtitle {
	margin:0px;
	padding:10px 0 10px 0;
	text-align:left;
	color:#CC0000;
	font-size:1.2em;
}

.subtitle a {
	text-decoration:none;
	color:inherit;
}

.subtitle a:hover {
	text-decoration:underline;
	color:inherit;
}

.book_desc_box {
	background:#F5F3F8 url(../images/booklist_bg.png) top repeat-x;
	width:359px;
	padding:16px;
	margin-top:16px;
	margin-bottom:16px;
	border:1px solid #cec6dd;
}

#language_selection {
	width:64px;
	height:30px;
	margin-top:5px;
	background:#ffffff url(/assets/images/lang_bg.png) top no-repeat;
	float:right;
}

.flag {
	float:left;
	padding-top:10px;
	padding-left:10px;
}

.flag_selected {
	/*border:1px solid #819de1;*/
}

.red_text {
	color:#CC0000;
}

.white_box {
	background-color:white;
	padding:7px;
	width:96%;
}

#errViewer{
	width:100%; 
	background-color:white; 
	border:1px solid #cec6dd; 
	margin-bottom:10px;
}

.announce_box {
	background-color:Khaki;
	width:359px;
	padding:16px;
	margin-bottom:16px;
	border:1px solid DarkKhaki;
}

.link_item {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	border:1px solid #cec6dd;
	margin-top:20px;
	margin-bottom:20px;	
}


/* UPLOAD ZONE */

#upload_button{
	/*margin:30px 200px;*/ 
	padding:8px 5px 8px 5px;
	font-weight:normal; font-size:1em;
	/*font-family:Arial, Helvetica, sans-serif;*/
	text-align:center;
	background:#000000;
	color:#ffffff;
	border:2px solid #DADADA;
	width:120px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

#status_message{
	/*font-family:Arial; */
	padding:5px;
	color:#b00000;
	font-size:1.2em;
}
ul#files_list{ list-style:none; padding:0; margin:0; }
ul#files_list li{ padding:5px; margin-bottom:10px; float:left; margin-right:10px; text-align:center;color:#ffffff;}
ul#files_list li img{ max-width:180px; max-height:150px; }
.success{ background:#000000; border:1px solid #cccccc; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }



/* NAVIGATION */

#nav {
	width:750px;
	float:right;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

#nav ul li {
	float:left;
	margin:0 5px 0 5px;
	padding:0;
}

#nav ul .nav_sel a {
	float:left;
	background-image: url(/assets/images/menu_button_left.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:0;
	
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-size:14px;
	color:#434343;
	text-decoration:none;
	
	padding:0 0 0 15px;
}

#nav ul .nav_sel a span {
	float:left;
	background-image: url(/assets/images/menu_button_right.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	line-height:29px;
	
	padding:0 15px 0 0;
	
}


#nav ul .nav_off a {
	float:left;
	margin:0;
	
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	
	padding:0 0 0 15px;
}

#nav ul .nav_off a span {
	float:left;
	line-height:29px;
	
	padding:0 15px 0 0;
}

#nav ul .nav_off a:hover {
	color:#d5c9e9;
	text-decoration:underline;
}

/******************************************/
/* NEW ORDER FORM */
/******************************************/

.steps {
	display:inline;
	list-style:none;
	font-size:14px;
}

.step_selected {
	float:left; 
	padding:5px;  
	border-left:1px solid #FFF;
	background-color:#3e1563; 
	color:#FFF; 	
}

.step_unselected {
	float:left; 
	padding:5px;  
	border-left:1px solid #FFF;
	background-color:#decded; 
	color:#000; 
}

.order_header {
	width:95%;
	background-color:Khaki;
	border:1px solid DarkKhaki;
	padding:7px;
	font-size:14px;
}

.form_title {
	background-color:#decded;
	font-size:14px;
	font-weight:bold;
}

.form_field {
	background-color:#eae4f4;
}

.readonly_input {
	background-color:#decded;
	font-size:14px;
	font-weight:bold;
	border:0;
}


.kj_form p {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin-bottom:0.5em;
}

.kj_form fieldset {
	padding:10px;
	background-color:GhostWhite;
	border:1px solid Silver;
}

.kj_form fieldset legend {
	font-size:18px;
}

.kj_form p input {
	float:right;
	width:180px;	
}

.kj_form p select {
	width:60%;
}

.kj_form p input, .kj_form p option {
	font-size:1em;
}

.kj_form p label {
	float:left;
	width:110px;
	line-height:26px;
	font-size:1em;
}

.whiteLink {
	
}

.whiteLink a {
	color:#FFF;
	text-decoration:underline;
}

.whiteLink a:hover {
	color:#FFF;
	text-decoration:none;
}