@CHARSET "UTF-8";

* {
	margin: 0; padding: 0;
}

h2, h3, h4, h5, p, ul, ol, table  { 
	margin : 0 20px; padding : .5em 0; 
}

body{
	background-color: #000;
}

div#container{
	width: 1000px; margin: 40px auto; text-align: left; border: 1px solid #fff; margin-bottom: 0px;
}


/* BRANDING  BEGIN*/

div#branding{
/*
		background: url(../images/search_bar.gif) no-repeat 820px 15px;
*/		
	height:200px; 
	position: relative;
}

div#branding h1{
	background: url(../images/logo.gif) no-repeat; height:111px; left: 25px; top: 25px; position:absolute; width:251px;
}

div#branding h1 a{
	display:block; height:111px; text-indent:-9999px; width:251px;
}

div#branding h1 a:active, div#branding h1 a:focus{
	outline: none;
}


div#branding  ul#langs{
	position: absolute; right: 20px; top: -30px;
	list-style: none;
}


div#branding  ul#langs li{
	display: inline;
}

div#branding  div#search{
	
}

div#branding  div#search input#ovca{
	border: 1px solid #000; width: 95px; height: 20px; position: absolute; right: 70px; top: 20px; color: #fff; background: transparent;
}

div#branding  div#search input#go{
	position: absolute; right: 10px; top: 10px; width: 42px; height: 24px; border: none;
}

div#branding div#nav{
	position: absolute; left: 10px; top: 150px; font-size: 13px;
}

div#branding div#nav ul{
	list-style: none;
}

div#branding div#nav ul li{
	display: inline;
	margin-right: 20px;
}

div#branding div#nav ul li a {
	font-weight: bold;
	font-size: 15px;
}

/* BRANDING  END*/


div#content{
	overflow: hidden;	
	
}

/* CONTENT MAIN BEGIN*/
div#content_main{
	float: left;
	width: 430px;	
	display: inline;
}

div#content_main h2, div#content_main p, div#content_main table{
	margin-left: 0;
}
/* CONTENT MAIN END*/


/* LEFT COLUMN BEGIN*/

	div#left_column{
		float: left;
		display: inline;
		width: 280px;
	}
	
    div.cats{
		background: url(../images/bar_title.gif) no-repeat 0% 0%;
		width: 227px;
		margin: 0 auto;
	}

    div.cats h2{
    	padding-bottom: 10px;
    	line-height: 190%;
	}

    div.cats h2 a{
    	color: #fff;
	}

    div.cats h2 a:hover{
    	text-decoration: underline;
	}

	div#left_column div.cats ul{
		list-style: inside;
		margin-left: 35px;
		padding: 0;
		line-height: 130%;
	}
	
	div#left_column div#offers{
		margin-top: 30px;
		background: url(../images/offers_icon.gif);
	}

/* LEFT COLUMN END*/


/* RIGHT COLUMN BEGIN*/
div#right_column{
		width: 280px;
		float: left;
		display: inline;
}

div#right_column div#your_book{
	background:  url(../images/createbook_icon.gif);
	background-repeat: no-repeat; 
}

div#right_column div#user_area{
	background:  url(../images/members_icon.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

div#right_column div#user_area h2, div#right_column div#user_area p{
	padding-bottom: 0;
}

div#right_column div#cart{
	background:  url(../images/cart_icon.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}		
		
div#right_column div#steps{
	position: relative; background: url(../images/line.gif) no-repeat 50% 55%; width: 100%; height: 25px; margin-top: 0px; margin-bottom: 10px;
}

div#right_column div#steps a{
	position: absolute; 
	display: block; width: 24px; height: 26px; background: url(../images/circle_down.gif) no-repeat 0% 0%; text-align: center; line-height: 210%
}

div#right_column div#steps a:hover{
	 background: url(../images/circle_over.gif) no-repeat 0% 0%;
}

div#right_column div#steps a#one{
	left: 20px;
}

div#right_column div#steps a#two{
	left: 52px;
}

div#right_column div#steps a#three{
	left: 84px;
}

div#right_column div#steps a#four{
	left: 116px;
}

div#right_column div#steps a#five{
	left: 148px;
}

div#right_column div#steps a#six{
	left: 180px;
}

div#right_column div#steps a.selected{
	 background: url(../images/circlesel_down.gif) no-repeat 0% 0%;
}

div#right_column div#steps a.selected:hover{
	 background: url(../images/circlesel_over.gif) no-repeat 0% 0%;
}


/* RIGHT COLUMN END*/



div#site_info{
	width: 1000px;
	margin: 0 auto; 
	height: 50px;
	text-align: center;
	position: relative;
}

div#site_info p{
 position: absolute;
 top: 0px;
 left: 0px;	
 width: 200px;
 margin-left: 0px;
}

div#site_info p a{
	color: #fff;
}

div#site_info p a:hover{
	color: #0099CC
}
	       
div#list img#inside_big{
	float: left;
	margin: 20px;
	margin-top: 15px;
}


div#list div#pages{
	clear: both;
	width: 100%; text-align: center;
}

div#list div#pages p{
	margin: 0;
}
	
div#list div#pages p#from_to{
	float: left;
	display: inline;
	width: 24%;
	text-align: left;
	margin-left: 30px;
}

div#list div#pages p#the_pages{
	float: right;
	display: inline;
	width: 40%;
	text-align: right;
	margin-right: 40px;
}

div#list div#pages p#num_pg{
	float: right;
	display: inline;
	width: 24%;
	text-align: right;
}


ul#ships_steps{
	list-style: none;
	width: 100%;
	margin: 0;
	overflow: auto;
}

ul#ships_steps li{
	float: left;
	width: 70px;
}

ul#ships_steps li a{
	width: 70px;
	height: 45px;
	display: block;
	background: url(../images/provato_down.gif);
	text-align: center;
	line-height: 320%;
	color: #000;
	font-weight: bold;
}

ul#ships_steps li a:hover{
	background: url(../images/provato_over.gif);
	color: #fff;
}	

ul#ships_steps li a.active{
	background: url(../images/provato_selected.gif);
	color: #fff;
}


span.blue_title{
	color: #0099CC;
}

div#register_form{
	font-size: 11px;
} 

div#register_form em.required_fields{
	color: #0099CC;
} 

div#register_form td.input input, div#register_form select{
	width: 200px;
	border: 1px solid  #fff;
}

div#register_form td.noinput input{
	border: 1px solid #000 !important;
}

div#register_form input{
	background-color: #000;
	color: #fff;
}

div#register_form select{
	border: 1px solid  #fff;
	background-color: #000;
	color: #fff;
}

div#register_form  td.error_field{
	color: #0099CC;
	font-size: 10px;
}

div#register_form  td.label{
	text-align: right;
	padding-right: 5px;
}

div#register_form input.button{
	background: url(../images/field3.gif) no-repeat 40% 80%;
	
	border: none;
	width: 89px;
	height: 30px;
	line-height: 100%;
}

div#register_form  td.passwrap input, div#register_form  td.passwrap2 input{
	color: #fff !important;
}

ul#offers{
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

ul#offers li{
	float: left;
	background: url(../images/offer.gif);
	width: 134px;
	height: 121px;
	margin-right: 20px;
	position: relative;
}


div.btn_price{
	background: url(../images/price_bar.gif) no-repeat 100% 0%;
	width: 81px;
	height: 25px;
	text-align: center;
	font-size: 14px;
}

div#connect{
	position: absolute; right: 20px; top: 10px;
}

div#connect a img{
	border: none;
}

a.selected_value{
	margin-left: 12px;
}

table td.left_aligment{
	text-align: left;
}