/*
Weblocation.it 2007
http://www.weblocation.it
StyleSheet for tippitappi.com
*/

body {
    background-color: #f5f5f5;
} 

/*testo-style*/
p {
font: 0.8em Arial, sans-serif; line-height: 1.5em;
margin:0px 0px 0px 0px;
color: #616161;
}
a { color: #46574D; background: inherit; text-decoration:none; }
a img{border: none;}

a:hover { color: #6AC0BF; background: inherit;}
h1 {/*testo dei paragrafi nell'about*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #424242;
	margin-top:0px;
	margin-bottom: -18px;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
}
* html h1 {/*testo dei paragrafi nell'about per IE*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #424242;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
}

h2 { 
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	font-style:normal;
	}
h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #464646;
	margin-bottom:5px;
	}
h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #464646;
	margin-top:10px;
	margin-bottom:5px;
	margin-right:0px;
	}
h5 {/*titolo maiuscolo principale nell'about*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #464646;
	margin-bottom:13px;
	font-weight:normal;}

h6 {/*titoli dei paragrafi nell'about*/
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;
	color: #424242;
	margin-bottom:0;
	padding: 0;
	}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*form dettaglio style*/
input.quantity { width: 40px; margin-bottom:20px; margin-top:2px; color: #333; font: 0.7em Arial, sans-serif; line-height: 1.5em; }
.size { width: 100px; margin-bottom:3px; margin-top:2px; color: #333;font: 0.7em Arial, sans-serif; line-height: 1.5em;}
.color { width: 122px; margin-bottom:12px; margin-top:2px; color: #333;font: 0.7em Arial, sans-serif; line-height: 1.5em; }
input.newsletter { width: 122px; height: 15px; padding:0 0 3px;  border: 1px solid #46574D;color: #616161; }
input.invia { width: auto; margin-top:3px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; background: #f3f3f1;color: #464646; border:none;}
.subscribe {color: #616161; font: 1em Arial, sans-serif; margin-bottom:4px;}
.Unsubscribe {color: #616161; font: 1em Arial, sans-serif; background:#FFF; padding:10px 10px 10px 10px; width:400px; height:250px;}
* html .Unsubscribe {color: #464646; font: 1em Arial, sans-serif; background:#FFF; padding:10px 10px 10px 10px;}


/*------------------------------------------------------------------------------------------------------------------------------------*/
/*tabella tshirts style*/
.table_tshirts {  
	width: auto;
	margin-top:15px;
	background:#FFF;
	font: 0.7em Arial, sans-serif;
	line-height: 1.3em;
	color: #333;
	}
.table_tshirts td {
	width:auto;
	vertical-align:top;
	}
	
.table_tshirts a{ font-weight:bold;}
.table_tshirts a:hover{ color:#6AC0BF;}
td {  
	padding:2px 2px 2px 2px
	}
.form_table {width: 122px; margin-bottom:25px; margin-top:2px; margin-right:20px; color: #333; font: 11px, sans-serif;}
.table_tshirts img{  
	border: 0.1em solid #f3f3f1;
	margin-bottom:5px}
.tot_pag_tshirts { text-align:right; padding-right:20px;}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*menu style*/
.menu { clear:left;
}

#nav {
	width: 800px;
	padding-bottom:10px;
	padding-top:20px;
}
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*corpo pagina*/
.content {  
	margin: 0 auto;
	width: 800px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #000;
	background:#FFF;
}

.content_riepilogo {  /*riepilogo acquisto*/
	margin: 0 auto;
	width: 95%px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #000;
	background:#FFF;
}
 .table_riepilogo {
	font: 0.8em Arial, sans-serif; line-height: 1.4em;
	margin:0px 0px 0px 0px;
	color: #616161;
	vertical-align:top;
	}
 .table_riepilogo td{
	padding: 0px 20px 0px 0px;
	vertical-align:top;
	}


.logo { float:left;
		width:300px;
		margin-bottom:20px;
}

* html .logo { float:left;
		width:300px;
		margin-bottom:10px;
}

.shopping_bag { float:left;
				width:490px;
				margin-top:10px;
				text-align:right;
				font-size:90%;
}
.ita_eng { 		float:left;
				width:490px;
				margin-top:10px;
				text-align:right;
}
* html .ita_eng { float:right;
				width:490px;
				margin-top:10px;
				text-align:right;
}
#ita_eng_attivo {color: #6AC0BF;}


.shopping_bag a:hover{ color:#6AC0BF;
}

* html .shopping_bag { float:right;
				width:auto;
				padding-right:10px;
				text-align:right;
				font-size:90%;
}

.banner_content {
	padding: 0 0 0px;
	width: 800px;
}

.blocchi_content {
	padding-top:30px;
	width: 800px;
	background:#FFF;
	height:auto;
}

.blocco_left {
    background-color: #FFF;
	color: #000;
	padding: 0px 0px 10px 0px;
	width: 500px;
	height:180px;
}	

.blocco_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	padding: 0px 0px 0px 5px;
	width: 270px;
	text-align:right;
}	
.blocchi_privacy {
	padding: 45px 25px 0px 25px;
}	

/*About*/

.blocco_about_right {
	float: right;
	width: 22%;
	height:auto;
	text-align:left;
	padding-top:55px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0;
}	
* html .blocco_about_right {	
	width: 15%;
}	

.blocco_about_left {
    background-color: #FFF;
	float: left;
	color: #000;
	text-align:left;
	width: 60%;
	margin-left:120px;
	margin-right:0px;
	padding-right: 0px;
	padding-left: 0px;
}	
.blocco_about_left a{
text-decoration:underline;
	}	
.blocco_ourtshirts {
    background-color: #FFF;
	color: #000;
	text-align:left;
	width: 80%;
	margin-left:120px;
	margin-right:0px;
	padding-right: 0px;
	padding-left: 0px;
}	

* html .blocco_about_left {	
	margin-left:60px;
	width: 60%;
}	

.blocco_about_up {
    background-color: #FFF;
	color: #000;
	width: 100%;
	height:auto;
	margin-bottom:5px;
}	
* html .blocco_about_up {	
	margin-bottom:50px;
}	

* html .blocco_about_right {
	padding-left:1px;
}


/*menu about*/
.menu_about {
	margin:0px 0px 0px 0px;
	text-align:left;
	list-style:none;
	}	
.menu_about a{
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	margin-bottom:5px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px
	}
	
.menu_about a:hover{
	color: #00b4c2;
	text-decoration:none;
	}	

.menu_about li{
	margin: 0px 0px 5px 0px;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #464646;
	font-weight:bold;
	}	
.blocco_about_up ul{
	padding-left:120px;
}

	
#link_attivo a{
	color: #00b4c2;
	font-weight:bold;
}

/*info/privacy*/
.blocco_info_right {
	float: left;
	color: #000;
	width: 85%;
	height:90%;
	text-align:left;
	margin-top:10px;
}	
.blocco_info_left {
	float: left;
	color: #000;
	width: 15%;
	height:90%;
	text-align:left;
	margin:10px 0px 0px 0px;
}	
.menu_info{
	margin:0px 10px 0px 0px;
	text-align:left;
	list-style:none;
	}	
.menu_info a{
	font: 0.7em Arial, sans-serif; 
	color: #616161;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px
	}
	
.menu_info a:hover{
	color: #00b4c2;
	text-decoration:none;
	}	

.menu_info li{
	margin: 0px 0px 5px 0px;
	line-height:3px;
	}	
	
.blocco_info_left ul{
	padding-left:0px;
}

/*bottom-1 contiene il menu piccolo in basso a sx mentre bottom-2 contiene il logo piccolo in basso a dx*/
.bottom_1 {
	float: left;
	padding: 0px 0px 0px 2px;
	background:#FFF;
}	
.bottom_1 a {text-decoration:none;
}	

.bottom_2 {
	float: right;
	margin: 6px 5px 0 0;
}	
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*Per IE*/
* html .blocco_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	margin: 0 0px 0px 0;
	padding: 10px 10px 0px 0px;
	width: 270px;
	text-align:right;
}	
* html .bottom-2 {
	float: right;
	border-left: 1px dotted #ccc;
	margin: 0 2px 0 0;
}

.text_padding {
	padding: 0px 0px 0 0;
}

.blocchi_content h2 {
	background-color: #FFF;
	padding: 5px 0 5px 0;
	color: #46574D;
	font: bold 1.6em Arial, sans-serif;
}
.footer {  
	font-size:90%;
	padding-bottom:30px;
	padding-top:5px;
	border-top:1px dotted #cccccc;
	margin-top:40px;
	clear:both;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/*detail style*/
.detail_next_prev{
text-align:right;
width:785px;
}
.detail_content { 
width:800px;
}
.detail_image { float:left;
width:460px;
padding:15px 0px 0px 0px;
}
.detail_info { float:right;
width:300px;
padding:15px 0 10px 15px;
}
.detail_description {
padding:10px 0 0 0;
}
.detail_forms {
padding:10px 0 0 0;
}

.detail_thumbs { float:left;
width:400px;
padding:15px 0 10px 10px;
margin-top:15px;
margin-left:20px;
}

.detail_thumbs img{
	margin-right:20px;
	border: 0.1em solid #f3f3f1;
}

.size_chart_help{
font: 0.6em Arial, sans-serif;
margin-bottom:10px;
}
/*------------------------------------------------------------------------------------------------------------------------------------*//*------------------------------------------------------------------------------------------------------------------------------------*//*------------------------------------------------------------------------------------------------------------------------------------*//*------------------------------------------------------------------------------------------------------------------------------------*//*------------------------------------------------------------------------------------------------------------------------------------*/
/* MENU TIPPITAPPI */
.menu {
position:relative;
width:500px;
height:3.5em;
background:#FFF;
font: 0.7em Arial, sans-serif;
border-bottom:1px solid #FFF;
}
.menu a img{ border:none;}


* html .menu {padding-bottom:0;
			margin-top:15px;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 0px;  /*distanza dx-sx menu e sottomenu  dalla pag*/
width:auto;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#333;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:1px;/*problema con Opera con questo valore che distanzia le immagini*/
height:2em;
background: transparent url(drop/lefta.gif);
border-bottom:1px solid #FFF;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 0px;
height:2em;
background: transparent url(drop/mida.gif);
cursor:pointer;
border-bottom:1px solid #FFF;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:1px;
height:2em;
background: transparent url(drop/righta.gif);
border-bottom:1px solid #FFF;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:1.3em;
left:0px;
width:400px;
background:#FFF;/* colore background sottomenu */
}

.menu :hover {
white-space:normal;
}

.menu a:hover b {
color:#ffcc33;
}

.menu li:hover > a b
{
color:#616161;
background:#f5f5f5;
border-bottom-color:#FFF;
}
.menu li:hover > a em.lft {
background:#f5f5f5;
border-bottom-color:#FFF;
}
.menu li:hover > a em.rgt {
background:#f5f5f5;
border-bottom-color:#FFF;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}
/* sottomenu */

.menu ul :hover ul li {
display:block; 
height:1.2em;
}
.menu ul :hover ul li a {
text-decoration:none;
display:block; 
width:auto; 
float:left; 
color:#616161; 
padding:0 3px;}
.menu ul :hover ul li a:hover {
color:#6AC0BF;
background:#FFF;
text-decoration:underline;
}
/* Tabella shopping bag */
.table_shopping_bag { 
	margin-top:15px; 
	border-top:1px dotted #cccccc;
	}
.table_shopping_bag td{
	padding:5px 0px 5px 5px;
	}
.tr_title_shopping_bag{
	background:#FFF;
	vertical-align:top;
	margin-bottom:10px;
	background:#FFF;
	}
.tr_shopping_bag{
	vertical-align:middle;
	background:#f5f5f5;
	font: 0.7em Arial, sans-serif;
	line-height: 1.3em;
	color: #333;
	}
.tr_shopping_bag td{
	border-top-width:5px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	border-right-width:3px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	padding-left:5px;
	}

.tr_total_bag td{
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	border-right-width:6px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-bottom-width:6px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	font: 0.7em Arial, sans-serif;
	line-height: 1.3em;
	color: #333;
	}

#quantity_input, select{
	width:50px;
	}
#total {
	background: #FFF;
	width:80px;
	}
#total_input {
	background: #FFF;
	}
#spedizione{
		text-align:left;
		background: #f5f5f5;
        width:115px;
	}
#input_sped{
	 width: 103px; color: #333; font: 1em Arial, sans-serif; margin:0px 0px; padding: 0px 0px;
	}
.input_spedizione{
	 width: 140px; color: #333; font: 1em Arial, sans-serif; margin:0px 0px; padding: 0px 0px;
	}
#shopping_bag_image{
     text-align:left;
     background:#FFF;
	 width:80px;
	}
#shopping_bag_image img{border:1px solid #f5f5f5;}
#update{
	padding-top:36px;
	vertical-align:top;
	}
#update select{
width:80px;
}


.Step {	
        font-family: Arial, Helvetica, sans-serif;
	    font-size:18px;
	    color: #464646;
}
		
/*--------------------------------------------------------------------------------------------------------------------------------------*/

/* Tabella shopping bag form */
.table_shopping_bag_form{ 
	font: 0.8em Arial, sans-serif;
	color: #333;
	margin-top:5px;
	border-top:1px dotted #cccccc;
	margin-left:0px;
	text-align:left;
	width:800px;
	}

.table_shopping_bag_form input, textarea, select{ 
	font: 0.9em Arial, sans-serif;
	color: #616161;
	text-align:left;
	}
.table_shopping_bag_form, select{
	width:132px;
	}

.error { 
	font: 0.7em Arial, sans-serif;
	color: #ff0000;
	text-align:left;
	}
/* Tabella site map */
.table_sitemap  {
		margin-top:60px;
		width:800px;
		}

.table_sitemap td{
	width:130px;
	vertical-align:top;
	font: 0.8em Arial, sans-serif;
	color: #333;
	text-align:left;
	}
.table_sitemap  ul{
	padding: 10px 0px 0px 15px;
	margin: 0;
}

/* FINE STILE MENU TIPPITAPPI */