/* Progettouno.com CSS, Copyright 2008 Progetto Uno Software.

1:- Tipografia di base
2:- Struttura
3:- Header
4:- Footer
5:- Prodotti
6:- Form
7:- Slider


*/

/* 1. ------ Tipografia di base ------ */

/* stili sul body */
body {
background: #FFFFFF url(../images/bg.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 10px;
height:100%;
}

/* margini e padding */
html, body {
margin:0;
height:100%;
padding:0;
text-align:center;
}

/*collegamenti ipertestuale*/
a {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	/*font-size: 10px;*/
}

a:hover {
	color: #ac2431;
	text-decoration: none;
}
	
	
	
/* 2. ------ Struttura ------ */

#loading_animation {
	position:absolute;
	left:0px;
	top:0px;	
	text-align:left;
	/*display:none;*/
	width:100%;
	height:100%;
	z-index:90;
	cursor:wait;
	background: url(../images/blank.gif);
}

#loading_animation img {
	margin:5px;
}

#sito {
	width: 980px;
	margin:auto;
	height:100%;
}

#corpo {
	width: 980px;
	min-height: 520px;
	height:auto !important;
	height:520px;	
	float:left;
	text-align:left;
	margin-top: 19px;
}

.mybox {
	height:100%;
}

.Accordion {
	height:100%;
}

#categorie_prodotti {
	width: 212px;
	height: 518px;
	float:left;
	text-align:left;
	/*overflow: hidden;	*/
}

#categorie_prodotti .mybox {
	background: #f2f2f2 url(../images/moto_categorie.jpg) bottom no-repeat;
	height: 518px;
}

#categorie_prodotti ul {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor:default;
}

#categorie_prodotti ul h2 {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	margin: 0;
	color: #373737;
	background: #e1e1e1;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

#categorie_prodotti ul li {
	margin:0px;
	padding:0px;
}

#categorie_prodotti ul a {
	display:block;
	margin: 5px 0px 0px 0px;
	padding: 2px 8px 2px 8px;
	text-transform:capitalize;
}

#categorie_prodotti ul q {
	display:block;
	margin: 5px 0px 0px 0px;
	padding: 2px 8px 2px 8px;
	text-transform:capitalize;
	color:#888;
}

#categorie_prodotti ul a:hover {
	text-decoration:none;
	background: #3791AC;
	color: #fff;
}

#categorie_prodotti ul a.active {
	background:#CC0000;
	color:#FFFFFF;
	width:100%;
}

#categorie_prodotti ul ul {	
	height:auto !important;
  	height:85px;
	max-height: 85px;
	overflow:hidden;
	padding-bottom: 5px;
}

#categorie_prodotti ul ul:hover {
	/*max-height: none;*/
	overflow:auto;
}

#categorie_prodotti ul:hover>li>a.active {
	width:auto;
}


#box_contenuti {
	width: 768px;
	height:auto !important;
  	height:517px;
	min-height: 517px;
	float:right;
	text-align:left;
}

#contenuti {
	width: 768px;
	margin-top:25px;
	float:left;
}

#contenuti h5 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#primopiano {
	height: 210px;
}

#contenuti_left {
	width: 556px;
	float:left;
}

#contenuti_right{
	margin-top:1px;
	width: 184px;
	height: 454px;
	float:right;
}

#contenuti_right dl {
	margin:  10px 0px 0px 0px;
	padding-left: 0px;
	cursor:default;
	clear: both;
}

#contenuti_right dl dt {
	margin:0;
	padding:0;
	width:20px;
	margin-right:6px;
	text-align:right;
	float:left;
	clear: both;
}

#contenuti_right dl dd {
	width:140px;
	margin: 0 0 12px 0;
	padding:0;	
	float:left;
}

#contenuti_right dl dd a {
	display:block;
/*	word-wrap: break-word;*/
}

#contenuti_right dl dd a:hover {
	color:#3791AC;
	text-decoration:none;
}


#contenuti_right dl dd a .name {
	float:left;
	text-transform:capitalize;
}

#contenuti_right dl dd a img{
	display:none;
}

#contenuti_right dl dd.active {
}

#contenuti_right dl dd.active a{	
/*	height: 80px;
	overflow: hidden;	*/
	background: url(../images/dotted.gif) bottom repeat-x;
	padding-bottom:10px;	
}

#contenuti_right dl dd.active img{
	float:right;
	border:none;
	display:block;
}

#contenuti_right dl dd.active .name {
}

#top_contenuti {
	width: 768px;
	height: 38px;
	background: #FFFFFF url(../images/bg_directory.gif) no-repeat;
}

#bottom_contenuti {
	width: 555px;
	float:left;
}

#promozioni {
	width: 237px;
	float: left;
}

#taglia_colore {
	width: 237px;
	float: left;
}

#news {
	width: 319px;
	float: right;	
}

#directory {
	float:left;
	width: 568px;
	border:1px solid #000;
}

#ecommerce {
	float:right;
	width: 200px;
	margin-top:8px;
	font-size: 10px;
	text-align:right;
}

#ecommerce a {
	color: #999999;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

#ecommerce a:hover {
	color: #000000;
	font-size: 10px;	
}

ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px;
	color:#999999;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	text-align:left;
	left:10px;
	top:10px;	
	margin:1px 0 0 -1px;
	padding:0px 0px 0px 10px;
}

ul.horizontal a, ul.horizontal a:visited {
	cursor:pointer;
	cursor:hand;	
	margin:0px;
	font-size:12px;	
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}

ul.horizontal a:hover, ul.horizontal a:focus {
	text-decoration:none;
	color:#000;
}

ul.horizontal a.criterio:hover, ul.horizontal a.criterio:focus {
	text-decoration:line-through;
	color:#000;
}


ul.horizontal li.title {
	padding:0px 0px 0px 12px;
	margin:0px;
	font-size:12px;	
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	}	
	
#promozioni {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;				
	width:208px;
	height:240px;
}

#promozioni .top_cap {
	background: url(../images/top_promozioni.gif) no-repeat;
	padding:4px 0px 0px 10px;
	margin:0px;
	height: 21px;
	color: #FFFFFF;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#promozioni .contenuti_cap {
	width:206px;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;	
	height: 209px;
	background: url(../images/bg_promozioni.gif) left bottom no-repeat;
}	

#promozioni .contenuti_cap p {
	margin:0px;
	padding: 20px 10px 0 0;
	line-height:1.4em;
}	

#promozioni .bottom_cap {
	background: url(../images/bottom_promozioni.gif) no-repeat;
	height: 9px;
}	


#news {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;				
	width:319px;
	height:240px;
}

#news .top_cap {
	background: url(../images/top_news.gif) no-repeat;
	padding:4px 0px 0px 10px;
	margin:0px;
	height: 21px;
	color: #666666;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#news .contenuti_cap {
	width:317px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;	
	height: 210px;
}	

#news .contenuti_cap p {
	margin:0px;
	padding: 20px 20px 0 0;
	line-height:1.2em;
}	

#news .bottom_cap {
	background: url(../images/bottom_news.gif) no-repeat;
	height: 9px;
}


#carrello {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;				
	width:208px;
	float: right;		
	position:relative;
}

#carrello .top_cap {
	background: url(../images/top_carrello.gif) no-repeat;
	padding:4px 0px 0px 10px;
	margin:0px;
	height: 21px;
	color: #FFFFFF;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#carrello .contenuti_cap {
	width:206px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;	
	height: 158px;
}	

#carrello .contenuti_cap p {
	margin:0px;
	padding: 10px 5px 0px 5px;
	line-height:1.2em;
}	

#carrello .bottom_cap {
	background: url(../images/bottom_carrello.gif) no-repeat;
	height: 9px;
}

#AddCarrello {
	position:absolute;
	left:40px;
	top:130px;
}

#ResultCarrello 
{
	font-size:10px;
	padding: 5px;
	border: 1px solid #AA8888;
	background: #EECCCC;
	position:absolute;
	left:15px;
	top:100px;
	width:160px;
}

#ResultCarrelloMessage {
	font-size:10px;
	color:#008800;
	margin-top:5px;
	margin-bottom:5px;
}

#ResultCarrelloMessage em{
	font-style:normal;
	color:#CC0000;
}


/* 3. ------ Header ------ */


#logo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 365px;
	text-align:left;
	float:left;
}

#menu {
	width: 610px;
	padding-top:31px;
	text-align:left;
	float:right;
}



/* 4. ------ Footer ------ */


#footer {
	width:980px;
	font-size: 10px;
	height: 120px;
	clear: both;
	text-align:left;
	color: #999999;
	padding:0px;
	margin:10px 0px 0px 0px;	
	background: #FFFFFF url(../images/bg_footer.gif) repeat-x;
}


#footer a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #d53434;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

#copyright {
	padding:12px 0px 0px 0px;
	margin:0px;
	clear: both;
}

#menuist {
	width: 250px;
	float:left;
	padding:0px;
	margin:22px 0 0 0;
}

#menuright {
	float:right;
	padding:0px;
	margin:22px 0 0 0;
}

/* 5. ------ Prodotti ------ */

.textcolumn {
	float: left;
	margin: 0px;
	padding: 0px;
}

.paddingright {
	padding-right: 14px;
}

.w174 {
	width: 174px;
}

.w250 {
	width: 250px;
}

.w270_testo {
	width: 270px;
	height: 192px;
	padding-right: 10px;
	overflow:auto;
}


.descr_sint {
	height:60px;
	overflow:hidden;
}

.descr_sint strong{
	text-transform:capitalize;
}

.spacer { 
	clear: both;
	margin: 0px 0px 14px 0px;
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #DDDDDD;
}

.spacer_end { 
	clear: both;
	margin: 0px 0px 14px 0px;
	padding: 24px 0px 0px 0px;
}


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

a.prod:hover {
	color: #FFF;
	text-decoration: none;
	}
	
.motoland {
 color: #ac2431;
}


	a.close_link,	
	a:link.close_link,
	a:visited.close_link {		
		background: url(../images/close.gif) center no-repeat;
		float: right;
		cursor: pointer;
		color: #000;
		height: 11px;
		width:11px;
		padding: 0;
		margin: 0;
	}
	
	a:hover.close_link,
	a:active.close_link {
		background: url(../images/close_hover.gif) center no-repeat;
	}

/* 6. ------ Form ------ */

input 
{
	height:14px;
	border: 1px solid #acacac;
	font : 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;
}

#search {
	float:right;
	margin-top:4px; 
	padding:0;
	width:148px;
	height:30px;
	background: url(../images/bg_search.jpg) no-repeat;
	position:relative;
}

#searchForm {
	margin: 0px;
}

#searchForm input.text {
	width: 110px;
	height:12px;
	position:absolute;
	left: 10px;
	top:5px;
	border: none;
	background: none;
	font : 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;
}

#searchForm input.image {
	position:absolute;
	top: 5px;
	right:0px;
	width:15px;
	height:20px;
	border:none;
}


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


#newsletterForm {
	margin: 0px;	
}


#newsletter .image {
	background: #FFFFFF url(../images/iscriviti_ora.jpg);
	color: #778296;
	font : 10px Verdana, Arial, Helvetica, sans-serif;	
	border: 0px;
	width: 91px;
	height:21px;
	cursor:pointer;
	cursor:hand;
	padding:0;
	margin:0;	 
}

#newsletter .text {
	width: 150px;
	padding:2px;
	margin:10px 10px 0 0px;
	height:14px;
	border: 1px solid #acacac;
	font : 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;
}

.NewsletterResult 
{
	margin-top:5px;
	border: #4466aa 1px solid;
	background: #ccddff;
	padding:5px;
	font-weight: bold;
}


/*---------------------------------------------*/
.clearer {
	height:0px;
	clear:both;
	overflow:hidden;
}


/*7. ----- Slider -----*/

.Slider {
	position:relative;
	height:200px;
	width:555px;
}

.Slider .arrow_left{
	position:absolute;
	top:50%;
	left:0px;
	width:15px;
	height:15px;
	background:url(../images/left-arrow.gif) no-repeat 0px 0px;
}
.Slider .arrow_left:hover{
	background:url(../images/left-arrow.gif) no-repeat 0px -15px;
}

.Slider .arrow_right{
	position:absolute;
	top:50%;
	right:0px;
	width:15px;
	height:15px;
	background:url(../images/right-arrow.gif) no-repeat 0px 0px;
}
.Slider .arrow_right:hover{
	background:url(../images/right-arrow.gif) no-repeat 0px -15px;
}

.Slider .mask {
	position:relative;
	margin-left:20px;
	margin-right:20px;
	height:100%;
	overflow:hidden;
}

.Slider .container {	
	position:absolute;
	width:6000px;
}

.Slider .product {
	float: left;
	position:relative;
	width:162px;
	margin: 0px;
	margin: 0 10px 0 0;
}

#pagina_ricerca {
	margin: 0 0 0 20px;
}

#pagina_ricerca .product {
	float: left;
	position:relative;
	width:162px;
	height:190px;
	margin: 0px;
	margin: 0 15px 0 0;
}

.product a {
	display:block;
	color:#000000;
}

.product .photo {
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.product .nome {
	font-weight:bold;
	margin-top:10px;
	/*margin-bottom:10px;*/
	text-transform:capitalize;
	text-align:right;
}

.product a:hover .nome {
	color:#ac2431;
}

.product .prezzo {
	color: #000000;
	text-align:right;
}

.product .flag_nuovo {
	background: url(../images/icona_novita3.gif) no-repeat;
	width:49px;
	height:49px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

.product .flag_offerta {
	background: url(../images/icona_offerta3.gif) no-repeat;
	width:49px;
	height:49px;
	position:absolute;
	top:70px;
	right:0px;
	cursor:pointer;
}

#scheda_prodotto {
}

#scheda_prodotto .marchio 
{
	display:block;
	font-weight: bold;
	color:#666666;
	font-size:11px;
	text-transform: capitalize;
}

#scheda_prodotto .nome 
{
	display:block;
	font-size:12px;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:10px;	
	text-transform: capitalize;
}

#numpages {
	clear:both;
	padding-top: 15px;
}

a.pagenum,
b.pagenum {
	float:left;
	width:auto !important;
	width:13px;
	min-width:13px;
	overflow:visible;
	text-align:center;		
	border: #aaa 1px solid;	
	margin: 3px 5px 3px 5px;
	padding-left:2px;
	padding-right:2px;
}

a.pagenum {
	border: #DADADA 1px solid;
	background-color:#F0F0F0;
	color:#444;
}

a.pagenum:hover {
	border: #aaa 1px solid;
	background-color:#ddd;
	color:#000;
}


#pagina_news {
	margin: 0 0 0 20px;
	/*overflow:auto;*/
}

#pagina_news .data{
	display:block;
}

#pagina_news .titolo{
	display:block;
	font-size: 12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

#pagina_news .sottotitolo{
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#666666;	
	margin-bottom:10px;
}

#pagina_news .testo{
	display:block;
}

#pagina_news .contenuto
{
	font-size:11px;
	clear:both;
}

#jscode {
	display:none;
}

#debug {
	color:#fff;
}

/* ------ TAGLIE E COLORI ----- */

#taglia_colore {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#fff;				
	width:319px;
}

#taglia_colore .top_cap {
	background: url(../images/top_taglia_colore.gif) no-repeat;
	padding:4px 0px 0px 10px;
	margin:0px;
	height: 21px;
	color: #666666;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#taglia_colore .contenuti_cap {
	width:317px;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;	
	height: 158px;
}	

#taglia_colore .contenuti_cap p {
	margin:0px;
	padding: 10px 5px 0px 5px;
	line-height:1.4em;
}

#taglia_colore .bottom_cap {
	background: url(../images/bottom_news.gif) no-repeat;
	height: 9px;
}	

#taglia_colore .gruppo {
 	float:left;
	clear:both;
	width:280px;
	margin:0px;
	padding: 10px 5px 0px 5px;
}

#taglia_colore .boxNormal {
	border: #888888 1px solid;
	padding:2px;
	cursor: pointer;
	float:left;
	height: 14px;
	margin-left: 3px;
	min-width:14px;
	text-align:center;
}

#taglia_colore .boxSelected {
	border: #FF6600 2px solid;
	padding:1px;
	cursor: pointer;
	float:left;
	height: 14px;
	margin-left: 3px;
	min-width:14px;
	text-align:center;	
}

#taglia_colore .boxDisabled {
	border: #CCCCCC 1px solid;
	padding:2px;
	cursor: pointer;
	filter: alpha(opacity=30);
	-moz-opacity:.30;opacity:.30;
	float:left;
	height: 14px;
	margin-left: 3px;
	min-width:14px;
	text-align:center;	
}

#taglia_colore .colore {
	margin-top: 3px;
}

#pagina_order {
}

.tableCarrello {
	border-collapse:collapse;
	margin-bottom:15px;
	width:100%;
}

.tableCarrello th {
	color:#666;
	border-bottom: 1px solid #888;
/*	border-top: 1px solid #000;*/
	text-transform: uppercase;
	padding:2px;
	padding-top:10px;	
}

.tableCarrello td {
	border-bottom: 1px solid #ccc;
	padding:2px;	
}

.tableCarrello .row td {
	border-top: 1px solid #000;
}

.tableCarrello .total th {
	color:#333;
}
.tableCarrello .name {
	text-transform:capitalize;
}

.tableCarrello .center {
	text-align: center;
}

.tableCarrello .right {
	text-align: right;
}

.tableCarrello img {
	border:none;	
}

.tableCarrello img.foto {
	padding:5px;
}

.tableCarrello img.colore {
	border: #888888 1px solid;
	padding:2px;
	margin-right:10px;
}

.datibancari {
    border: #888888 1px solid;
    width:350px;
    padding:5px;
}

.backward {
	float:left;
	padding: 5px 13px 5px 23px;

}

.forward {
	float:right;
	padding: 5px 13px 5px 23px;
}

.edit {
	float:right;
	padding: 5px 23px 5px 13px;
	background: url(../images/goright.gif) no-repeat;
	background-position: right 50%;
	background-color: #2285A5;
	color:#fff;
	border: 1px outset #ccc;
}

.backward:hover, .forward:hover, .edit:hover {
	color:#ccc;
}

.backward:active, .forward:active, .edit:active {
	border: 1px inset #ccc;
}

.LoginNeeded 
{
	text-align:left;
	background: url(../images/bg_promozioni.gif) bottom repeat-x;
	height:188px;
	width:338px;
	border: 1px solid #ccc;
	padding:5px;
}

.LoginNeeded h5 
{
	margin-top:10px;
	font: 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;	
}

.LoginNeeded th 
{
	text-align:right;
	padding-right:10px;
}

.LoginNeeded form 
{
	padding:0;
	margin:0;
}

.LoginNeeded a 
{
	font-weight:bold;
}

.LoginNeeded .error 
{
	margin-top:15px;
	text-align:right;
	font-weight:bold;
	color: #c00;
}

.OrderAlert 
{
	font-weight:bold;
	color: #c00;	
}

.UserForm 
{
}

.UserForm fieldset 
{
	margin-top:3px;
	border: 1px solid #acacac;
}

.UserForm fieldset label
{
  float:left;
  clear:both;
  width:25%;
  margin-top:3px;
  margin-bottom:3px;
  margin-right:20px;
  padding-top:3px;
  text-align:right;
  font-weight:bold;
} 



.UserForm fieldset input,
.UserForm fieldset select
{		
	width:350px;	
	margin-top:3px;
	margin-bottom:3px;
	border: 1px solid #acacac;
	font : 10px Verdana, Geneva,  Arial, Helvetica, sans-serif;	
}

.UserForm legend 
{
	display: block;
	margin: 0px -8px 0px -8px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	color: #373737;
	background: #e1e1e1;
	border: 1px solid #d1d1d1;	
}

.UserForm legend .choice 
{
	font-style:italic;
	margin-left:70px;
}
.UserForm legend .choice input {
	width:auto;
	border:none;
	padding:0;
	margin:0;
}
.noborder 
{
	border:none;	
}


#pagina_user h5 
{
	font: bold 14px Verdana, Geneva,  Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

.ultimi_ordini
{
	border-bottom: 1px solid #DBDBDB;
	padding-left:20px;
}


.ultimi_ordini th 
{
	border-bottom: 1px solid #DBDBDB;
  background: url(../images/bg_ordini.jpg) bottom repeat-x;	
}