/*Css design - creazione siti internet - conversione xhtml/css - restyling siti internet - Guelton Gaelle - http://www.onsitus.it*/

body{
margin:0;
padding:0;
background:#333333 url(../img/body_bg.jpg) repeat-x top left;
font-family:verdana;
font-size:12px;
color:#999999;
}
a{
text-decoration:none;
outline:none;
color:#999999;
}
img{
border:none;
}
.clear{
clear:both;
}
.gray{
padding:20px;
background-color:#333;
overflow:hidden;
height:1%;
}
/*struttura principale*/
#ideararemaps{
width:980px;
margin:auto;
}
#contenuto{
padding:30px 0;
background-color:#232323;
border:1px solid #202020;
overflow:hidden;
height:1%; /*per IE*/
}
#header{
height:130px;
position:relative;
}
#left_col{
float:left;
width:210px;
padding:0 15px 0 5px;
}
#right_col{
float:left;
width:745px;
}
#footer{
height:30px;
padding-top:10px;
font-size:11px;
}
/*header style*/
#header h1{
position:absolute;
left:5px;
top:20px;
}
#header h1 span{
display:block;
margin-top:10px;
font-size:12px;
font-weight:normal;
color:#666666;
}
#header h1 a{
display:block;
width:340px;
height:44px;
background:url(../img/ideararemaps_logo.gif) no-repeat;
}
#header h1 a b{
display:none;
}
#user_tools{
position:absolute;
right:5px;
top:15px;
}
#user_tools a, #user_tools #search{
float:left;
padding-left:10px;
}
#search input{
background-color:#666666;
border:1px solid #333333;
color:#FFFFFF;
}
#user_tools input.text{
width:210px;
}
.floatleft{
float:left;
padding-left:10px;
}
/*left col - menu style*/
#left_col a{
display:block;
}
#left_col a:hover{
color:#FFFFFF;
}
#left_col h3, #left_col h5{
margin:0 0 2px 0;
padding:5px;
background-color:#202020;
font-weight:normal;
}
#left_col h3 a, #left_col h5 a, #left_col .accordion h3{
font-size:14px;
color:#999999;
font-weight:normal;
}
#left_col .accordion h3{
cursor:pointer;
}
#left_col .accordion h3.more{
background:#202020 url(../img/icon_more.jpg) no-repeat right center;
}
#left_col .accordion h3.active{
background:#202020 url(../img/icon_active.jpg) no-repeat right center;
}
#left_col .accordion h3.hover{
color:#FFF;
}
#left_col h4{
margin:0 0 2px 0;
padding:5px 5px 5px 20px;
background-color:#222222;
font-weight:normal;
}
#left_col h4 a{
font-size:12px;
color:#666666;
}
#left_col .sep{
padding:15px 0;
border-bottom:1px solid #202020;
}
#left_col .primo{
padding-top:0;
}
#left_col .ultimo{
padding-bottom:0;
border-bottom:none;
}
#left_col h3#mappe_antiche_nuovi_arrivi a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_nuovi_arrivi.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_carrello a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_carrello.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_termini a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_termini.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_newsletter a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_newsletter.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_email a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_email.jpg) no-repeat left center;
}
/*right col*/
#right_col p{
line-height:20px;
}
#right_col img{
padding:10px;
background-color:#222222;
}
#right_col h2{
margin:0;
padding:0;
margin-bottom:30px;
font-size:25px;
color:#FFFFFF;
font-weight:normal;
}
#right_col h3{
margin:0;
padding:0;
margin-bottom:20px;
font-size:17px;
color:#FFFFFF;
font-weight:normal;
}
/*home page*/
.fl350{
float:left;
width:350px;
min-height:230px;
text-align:center;
}
.fl350 p, .fr350 p{
margin-top:0;
margin-bottom:20px;
text-align:left;
}
.fr350{
float:right;
width:350px;
text-align:center;
}
/*elenco prodotti - carrello*/
.item{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #404040;
}
.item  .center{
font-weight:bold;
color:#FFFFFF;
text-align:center;
}
.dettagli{
width:480px;
float:left;
}
.descrizione{
text-align:justify;
margin-bottom:0!important;
}
.descrizione2{
text-align:justify;
}
.prezzo{
width:95px;
float:left;
text-align:center;
color:#FFFFFF;
margin-top:60px;
}
.autore{
margin-bottom:0!important;
}
.titolo{
margin-top:0!important;
}
.titolo a{
font-size:15px;
color:#B5E6E6;
}
.data{
font-size:12px;
color:#CCCCCC;
font-style:italic;
}
.preview{
width:130px;
float:left;
text-align:center;
margin-top:30px;
}
.preview img, .car_preview img{
padding:0!important;
}
/*carrello*/
.car_preview{
width:100px;
padding-right:10px;
float:left;
text-align:center;
font-size:11px!important;
}
.car_titolo{
width:150px;
padding-right:5px;
padding-left:5px;
float:left;
text-align:justify;
font-size:11px!important;
word-wrap: break-word;
}
.car_autore{
width:150px;
float:left;
text-align:center;
font-size:11px!important;
word-wrap: break-word;
}
.car_prezzo{
width:80px;
float:left;
text-align:center;
font-size:11px!important;
}
.car_remove{
width:40px;
float:left;
text-align:center;
font-size:11px!important;
}
.car_quantity{
width:40px;
float:left;
text-align:center;
font-size:11px!important;
}
.car_totalprice{
width:100px;
float:left;
text-align:center;
font-size:11px!important;
}
/*elenco autori - luoghi*/
#atoz{
margin-top:60px;
margin-bottom:30px;
text-align:center;
}
#atoz a{
margin-right:2px;
padding:3px 6px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#333333;
}
#atoz a:hover{
margin-right:2px;
padding:3px 6px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
}
ul a:hover{
text-decoration:underline;
}
/*immagine.asp*/
#shop_nav{
margin-top:5px;
padding:5px 20px;
border-top:1px solid #404040;
border-bottom:1px solid #404040;
position:relative;
}
#shop_nav a{
padding-left:30px;
font-size:15px;
color:#B5E6E6;
font-weight:bold;
background:url(../img/icon_plus.jpg) no-repeat left center;
}
/*page bottom navigation*/
#bot_nav{
margin-top:5px;
padding:5px 0;
border-top:1px solid #404040;
border-bottom:1px solid #404040;
text-align:center;
position:relative;
}
#bot_nav img{
padding:0;
}
.left{
position:absolute;
top:5px;
left:20px;
}
.right{
position:absolute;
top:5px;
right:20px;
}
#right_col h2.sep, #right_col h3.sep{
margin-top:30px;
padding-top:30px;
border-top:1px solid #202020;
}
/*moduli*/
input, textarea{
background-color:#232323;
border:1px solid #454545;
color:#999999;
}
input.text, textarea{
width:420px;
}
label{
display:block;
float:left;
width:280px;
text-align:left;
}
/*font class comune*/
.center{
text-align:center;
}
.small{
font-size:11px;
line-height:15px;
}
.xsmall{
font-size:10px;
line-height:12px!important;
padding:0 20px;
text-align:justify;
}
.blu{
font-size:13px;
font-weight:bold;
color:#B5E6E6;
}


/********************* ACCORDION MENU *****************************************/


#left_col .topnav{
padding:15px 0;
border-bottom:1px solid #202020;
}

ul.topnav {
	/*padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;*/
}

ul.topnav li {
margin-bottom:2px;
background-color:#202020;
}

ul.topnav li a {
	font-size: 14px;
	padding:5px;
	color: #999999;
	display: block;
	text-decoration: none;
}

ul.topnav li a:hover {
	color:white;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
padding-left:10px;
	font-size: 12px;
	color:#666666;
}

ul.topnav ul li a:hover {
	color:#CCCCCC;
}

ul.topnav ul ul li a {
	color:#666666;
	padding-left: 10px;
}

ul.topnav ul ul li a:hover {
	color:#FFFFFF;
}

ul.topnav span{
	float:right;
}
/*zoom
.lightbox{
cursor: url(../img/zoom_icon.cur), auto;
display: block;
}*/


.zoom{  
    position:absolute; /* absolute position (so we can position it where we want)*/
    top:0px;
    bottom:0px;
    left:0px;  
    width:100%;  
    /* styling bellow */   
    font-family: 'tahoma';  
    font-size:15px;  
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */ 
    text-indent:-9999px;
    background:#000 url('../images/zoom.png') center no-repeat
} 


.blocco 
{overflow:hidden; position:relative;
    display:block}
    
/**/
.sprited {
	background: url("../images/download_sprite.png") no-repeat; line-height: 1000px; overflow: hidden; display: block;
}    
 
#sign_up {
	background: rgb(238, 242, 247); 
	padding: 14px 22px; 
	border: 1px solid rgb(83, 99, 118); 
	width: 400px; 
	display: none; 
	position: relative; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-webkit-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px; 
	-moz-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(83, 99, 118); font-size-adjust: none; font-stretch: normal;
}

#see_id 
{
    position:relative;
	background-position: -202px -133px; width: 228px; height: 23px;
	margin:0 0 0 0;
    padding: 0 0 0 0;
    top:0;
    bottom:0;
    left:0;
    right:0;
}


#sign_up_form 
{
    position: relative;
	background: url("../images/divider.png") repeat-x left bottom;
	padding-bottom: 230px;
}
#sign_up label {
	color: rgb(83, 99, 118); font-size: 0.9em; margin-bottom: 10px; display: block;
}
#sign_up label input {
	background-position: -201px 0px; padding: 2px 8px; width: 393px; height: 31px; line-height: 31px; font-size: 1.2em; display: block;
    border: none;
}
#sign_up label span 
{
    position: relative;
    height:2px;
    top:-20px;
    bottom:0;
    left:393px;
    right:0;
}


#actions 
{
     position: relative;
     margin: 0 0 0 0;
    padding: 0 0 0 0;
    top:0;
    bottom:0;
    left:0;
    right:0;
	height: 31px;
	float: left;
}

a.form_button 
{
	width: 93px; height: 31px; margin-right: 15px; float: left;
		color: rgb(6, 125, 215);
}

#cancel {
	background-position: -198px -36px;
}

a.form_button:hover {
	text-decoration: underline;
}

.log_in {
	background-position: -291px -36px;
}

.log_in:hover {
	background-position: -291px -67px;
}
.log_in:active {
	background-position: -291px -98px;
}

#cancel:hover {
	background-position: -198px -67px;
}
#cancel:active {
	background-position: -198px -98px;
}


h3#left_out 
{
	position:relative;
	background-position: -202px -158px;
	width: 113px;
	height: 16px;
    top:0;
    bottom:0;
    left:0;
    right:0;
	
}


#close_x 
{
    position: absolute;
	background-position: -387px -102px; 
	top: 0; 
	width: 24px; 
	height: 23px; 
	right: 0px; 
	line-height: 1000px; 
	overflow: hidden; 
	display: block; 
}
#usage {
	background-position: -323px -172px; width: 67px; height: 22px;
}