/* @override http://stilolinea.it/catalogo/css/style.css */

/* CATALOGO */

/* ! Reset */
*{ margin: 0; }
a{ text-decoration:none; outline:none; }
strong{ font-weight:bold; }
em{ font-style:italic }
a, img, a img{ border:none }
h1, h2, h3, ul{ padding: 0;}
ul, li{ list-style: none; }
.clear{ clear: both; }

	/* ! utility – – – – – – – – – – – – – – – – – – */
	.floatLeft 		{ float: left; }
	.floatRight		{ float: right; }
	.rel-left 		{ position: relative; float: left; }
	.rel-right 		{ position: relative; float: right; }
	ul.disc li		{ list-style: disc;}
	ol.low-lat-list li{list-style-type: lower-latin;}
	ol.decimal-list li{list-style-type: decimal;}
	ol.decimal-list ol.low-lat-list li{list-style-type: lower-latin;}
	.rounded		{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.button			{ border: 2px solid #dddddd; background: white; padding: 3px 8px; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.button:hover	{ border-color: #a80532; background: #dddddd; /*color: white;*/}
	.shadow-box		{ -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff;  *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }
	.all-caps{ text-transform: capitalize;}
	hr { border : 0; height : 15px; background : url(../images/tema/hr.png) 50% 0 no-repeat; margin : 1em 0; clear: both; } 
		
	/* ! Colors:
	dark background:	#302d2b
	red: 				#a80532
	dark green:			#007527
	light green:		#8fc73e
	*/
	.d-green{ color: #007527; }
	.l-green{ color: #8fc73e; }
	.red{ color: #a80532; }

/* ! BASIC PAGE ============================================================= */

html, body			{ height: 100%; }
html				{ margin: 0; overflow-y: scroll; background-color: #e7e8e8; }
/*body				{ margin: 0 auto; }*/

/* ! HEADER ============================================================= */

#header-wrap{ height: 150px; background: #ececec url(../images/tema/header-wrap-bg.png) repeat-x 0 -6px; border-bottom: 1px solid #bbbcbc; } 
#header{ position: relative; width: 940px; height: 150px; margin: 0 auto;  /*background: transparent url(../images/tema/header-bg.png) bottom repeat-x;*/  }
			
.seo{ height: 0; margin: 0; overflow: hidden; }
#logo{ width: 150px; height: 93px; position:absolute ; top: 5px; left: 22px; }
     h1#logo a:hover{ text-decoration: none; background: none; }

		
/* ! BODY-CONTENTS ============================================================= */
#main-wrap{ min-height: 100%; background: #d2d2d2 url(../images/tema/main-wrap-bg.png) top repeat-x; }
.main-column{ /*overflow:auto;*/ min-height:500px; width: 940px; margin: 0 auto; padding-bottom: 90px; position: relative;}
.whitebox{ position: relative; margin: 30px 0; padding: 20px 20px; overflow: hidden; -webkit-background-clip: border-box; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }

/* ! FOOTER ============================================================= */
#footer-wrap{ position: relative; margin-top: -90px; height: 90px; clear:both; background-color: #e7e8e8; border-top: 3px solid #a82a35; }
#footer{ width: 940px; height: 80px; margin: 0 auto; min-height: 80px; }
#footer .trigger p{ color: #cacbcb; font-size: 0.8em; padding: 3px; text-align: center; }
.bubbleInfo{ position: relative; width:50px; margin: 12px auto; background-color: #e6e8e8; border: thin solid #cacbcb; cursor: pointer; }
.popup{ position: absolute; display: none; top: 10px; /* keeps the popup hidden if no JS available */ }
.popup{ width: 200px; /*height: 50px;*/ background-color: #fff; -index: 50; }

/*Footer Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }

/* ! CATALOGO ============================================================= */
#pen-cat-menu{ height: 20px; width: 940px; position: absolute; bottom: 7px;}
#pen-cat-menu ul{ height: 20px; position: relative; float: right; }
#pen-cat-menu ul li{ height: 20px; float: left; }
.cat-title{ color: #666; font-size: 14px; position: absolute; bottom: 56px; right: 120px; font-style: italic;}
#pen-cat-menu ul li a{ color: #666; padding: 3px 10px; margin-left: 16px; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 129px; text-shadow: #fffeff 0 1px 0; }
#pen-cat-menu ul li a:hover{ background-color: #d6d7da; text-decoration: none; }
#pen-cat-menu ul li a.current{ color: #a80532; background-color: #c0c1c3; border: thin solid #9b9c9c; text-shadow: #dcdbde 0 1px 0; }
ul.cat-global-list{ margin-top: 30px; padding: 10px 0; overflow: hidden; -webkit-background-clip: border-box; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2; }

ul.cat-global-list li{ float: left; padding: 11px; }
ul.cat-global-list p{ margin: 0; padding: 0; }
a.cat-list-item{ display: block; width: 289px; height: 63px; position: relative; color: #a80532; background-color: #d1d1d1; border: solid 1px #d1d1d1; }
a.cat-list-item:hover{ color: #fff; border: solid 1px #a80532; background-color: #a80532; text-decoration: none; }

/* -- stile temporaneo -- */
a.cat-list-void{ display: block; width: 289px; height: 63px; position: relative; color: #a80532; background-color: #d1d1d1; border: solid 1px #d1d1d1; }
a.cat-list-void:hover{ text-decoration: none; cursor: default; }
a.cat-list-void p{ padding-left: 6px; font-size: 95%; }
a.cat-list-void img{ position: absolute; bottom: 0; }
/* -- # stile temporaneo -- */

a.cat-list-item p{ padding-left: 6px; font-size: 95%; }
a.cat-list-item img{ position: absolute; bottom: 0; }
ul.cat-single-list{ margin: 20px 0; padding: /*10px*/ 0; background-color: #fff; position:relative; 
-webkit-background-clip: border-box; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; *border:1px solid; *border-color:#e5e5e5 #dbdbdb #d2d2d2;overflow: hidden;}
ul.cat-single-list li{ float: left;}
li.single-cat-image{ margin-left: 40px; padding-top: 20px; max-width:60px; min-width:60px; }
li.single-cat-data{ width: 200px; margin-left: 40px; padding: 20px 0; }
	.options{ background-color: #f3f5f5; padding: 20px; margin-top: 20px; border: thin solid #ececec; }
	.options a{ color: #666; } .options a:hover{ color: #a80532; }
	.options p img{ vertical-align: top; }

li.single-list-item{ padding: 40px 0 20px 0; margin:0px;}
li.single-list-item ul{height: 70px; min-height:70px; margin:0px; margin-left: 20px; padding-bottom: 10px; }

.codes{ width: 112px; min-height: 40px; margin-left: 10px; /*padding: 0 6px;*/ border: 1px solid #eaeaea; }
.item-img{ padding-top: 4px; min-width:360px; }
.item-code{ border-bottom: thin solid #eaeaea; padding: 2px 6px; }
.item-color { padding: 5px 6px 2px 6px; }
.item-code, .item-color { font-size: 11px; color: #666; text-align: center; }
.item-download{ display: block; right: 16px; width: 40px; height: 40px; padding-left: 6px; padding-top: 3px;  }
.item-download a{ display: block; width: 40px; height: 40px; background: transparent url(../images/tema/dwnld-bttn.png) top no-repeat; }
.item-download a:hover{ text-decoration: none; background: transparent url(../images/tema/dwnld-bttn.png) bottom no-repeat; }
.item-buy{ display: block; right: 16px; width: 40px; height: 40px; padding-left: 6px; padding-top: 3px;  }
.add a{ display: block; width: 40px; height: 40px; background: transparent url(../images/tema/add-bttn.png) top no-repeat; }
.add a:hover{ text-decoration: none; background: transparent url(../images/tema/add-bttn.png) bottom no-repeat; }
.rem a{ display: block; width: 40px; height: 40px; background: transparent url(../images/tema/min-bttn.png) top no-repeat; }
.rem a:hover{ text-decoration: none; background: transparent url(../images/tema/min-bttn.png) bottom no-repeat; }
/* ! 404 ============================================================= */
#not-found{ height: 380px; padding: 30px; background:url(../images/tema/punta-penna.jpg) center no-repeat; }
#not-found-search{ width: 440px; padding: 20px; color: #fff; background-color: #dbdbdb; }
#searchform{ margin-top: 12px; }

/* ! Breadcrumb – – – – – – – – – – – – – – – – – – */
#breadcrumbs-cont{ height: 30px; margin: 0 auto; }
#breadcrumbs{ height: 30px; margin: 20px 0 10px 0; position: relative; background-color: #f9f8f9; border: thin solid #e4e4e4; }	
	#breadcrumbs li{ padding-top: 6px; float: left; }
		#breadcrumbs li.front_page a{ padding-left: 20px!important; }
		#breadcrumbs li a{ padding: 0 20px 0 6px; color: #999; background: transparent url(../images/tema/path-arrow.png) top right no-repeat; }
		
		#breadcrumbs li.current a{ background: none; }
		.parent-pageid-201 #breadcrumbs li.current a, .parent-pageid-189 #breadcrumbs li.current a{ color: #a80532; font-weight: bold; }

/* ! TYPOGRAPHY ============================================================= */
body { color: #302d2b; font-size: 0.9em; font-family: "Lucida Grande","Lucida","Lucida Sans Unicode",Verdana,Arial,sans-serif; }

.serif{ font-family: Georgia, "Times New Roman", Times, serif; }

h1, h2, h4, h3{ color: #a80532;}

h1{ margin-top: 22px; padding-left: 20px; margin-bottom: 18px; }
h2{ margin-top: 20px; margin-bottom: 12px; }
h3{ margin: 24px 0 12px; }
h3.subtitle{ padding-left: 20px; margin: 0 0 4px 0; color: #666; text-shadow: #fff  0 1px 1px; }
	p.subtitle{ margin: 10px 0 4px 0; color: #302d2b; font-weight: bold; }
h5{ color: #a80532; padding-bottom: 6px; margin-bottom: 6px; border-bottom: thin solid #d3d2d3; }

li.single-cat-data h2{ background-color: #a80532; color: white; padding: 3px 0 3px 10px; }
.parent-pageid-205 li.single-cat-data h2{ background-color: #007527; }
	
a{ color: #a80532; }
a:hover{ text-decoration: underline; }
p{ padding: 3px 0; }
.popup p{ padding: 3px!important; }
li.single-cat-data h4{ margin-bottom: 12px; }
li.single-cat-data p{ padding: 9px 0; color: #999; }
#footer p{ color: #5f5f5f; font-size: 0.8em; text-align: center; padding-top: 10px; }
#footer p small{ color: #464340; }
/* CSS MULILANGUAGE */
#store-multilanguage{ position: absolute; bottom: 60px; right: 0; height: 20px; line-height:20px;}
#store-multilanguage ul{overflow: hidden; float: left; margin:0;}
#store-multilanguage li{float:left; padding:5px;}

#store-multilanguage .current a{color:#a80532;}
#store-multilanguage a{text-decoration:none; color:#000;}
#store-multilanguage a:hover{text-decoration:none; color:#a80532;}

/* CSS LOGIN */
#store-login-pane{ position: absolute; top: 0; right: 0; width: 540px; height: 40px; }
#store-login-pane form{ overflow: hidden; }
#store-login-pane ul{ float: right; }
#store-login-pane ul li{ float: left; margin: 10px 10px 0 0; padding-top: 2px; font-size: 12px;  }
#store-login-pane ul li a{ float: left; }
.login-tile{ color: #666; text-shadow: #fffeff 1px 1px 0; }
#username, 
#password{ color: #999; font-style: italic; padding: 2px; border: thin solid #d7d9d9; background-color: #f6f7f7; }
#go-bttn{ padding-top: 3px; }
.in-chart{ color: #a80532; font-size: small; padding-top: 0!important; padding: 1px 4px; border: thin solid #d7d9d9; background-color: #f6f7f7; }

/* CSS CARRELLO */
.riepilogo{ position: relative; width: 100%; float: left; margin-top: 20px; padding-bottom: 10px; }
p#riepilogo{ width: 340px; float: left; margin-right: 40px; padding: 0 20px; font-size: small; color: #666; }
.dida{ display: block; color: #000; padding-bottom: 6px; font-weight: bold; }
.notes{ overflow: hidden; }
.notes p{  padding: 0 0 3px 0; font-size: small; }
.note-field{ display: block; width: 470px; height: 70px; float: left; background-color: #fdfddd; border-color: #e9d58a; }
.product-row{ position: relative; width: 100%; float: left; border-bottom: thin solid #ccc; }
.store-thumb{ margin: 20px; float: left; }
.store-thumb img{ display: block; margin: 0 auto; }
.product-info{ margin-top: 24px; float: left; padding: 10px; font-size: small; }
.product-info ul{ overflow: hidden; }
li.product-label{ color: #666; }
.product-info li{ display: inline-block; float:left; margin-right: 6px; padding: 2px 0; }
li.product-value, li.product-name{ margin-right: 20px; font-weight: bold; }
h3.riassunto { margin: 0 0 0 6px; padding-bottom: 10px; border-bottom: thin solid #ccc; }
.store-nav{ position: relative; float: right; margin-top: 40px;}
.store-nav li{ position: relative; float: left; margin-left: 20px; }
.store-bttn{ background-color: #ededed; padding: 6px 10px; border: thin solid #babbbb; text-shadow: #fffeff 1px 1px 0; }
.store-bttn:hover{ background-color: #f3f5f5; cursor: pointer; }
.proceed{ background-color: #cff99f; }
.proceed:hover{ background-color: #eaffad; }

#frm_of_service{
	display:none;	
}