body { margin: 0; font-family:Arial,Helvetica,Verdana,san-serif; color: #ddd; font-size: 0.8em; background: #222 url(/img/header/header_01_mini.jpg) no-repeat center 90px;}
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{ margin:0; padding:0; }
body.home { background-image: url(/img/header/header_01.jpg); }
 
ul li { list-style: none; padding: 0; margin: 0;}

b , h3 , h1{ color: #fff;}

.clear { clear: both; font-size: 0; line-height: 0.0; height: 0;}
a { color: #aaa;}
a:hover { color: #fff;}
a img { border: 0;}

.link-arrow { line-height: 22px; height: 24px; padding-right:  22px; background: #222 url(/img/freccia.gif) no-repeat right 5px; font-size: 1.05em; float: right; color: #8BD0F1 }

#container { width: 996px; margin: 0 auto; position: relative; min-height: 500px; height:auto !important; height: 500px;}

#header { height: 268px; position: relative;}
body.home #header { height: 424px; }
/*#header-photo { margin-top: 90px; height: 178px; position: relative; }
body.home #header-photo { height: 334px; }*/

#logo-sito { display: block; width: 329px; height: 77px; background: transparent url(/img/logo_capelliecapelli.gif) no-repeat top left; position: absolute; left:15px; top: 0;}
#logo-sito span { display: none;}

#header-info { position: absolute; top: 70px; left: 45px; font-size: 0.8em; color: #999; line-height: 14px;}

#breadcrumbs { position: absolute; right: 0; bottom: 2px; color: #333;}
#breadcrumbs a { font-size: 0.75em; color: #333;}
#breadcrumbs a:hover { color: #000;}

.none { display: none;}

#container-nav { position: absolute; right: 15px; top: 30px; min-height: 50px; height:auto !important; height: 50px;}
#nav { list-style-type: none; list-style-position: outside; margin:0; z-index: 5; }
#nav li { float: left; position: relative; }
#nav li a { display:block; float:left; padding:6px 10px; width:100px; border: none; text-decoration: none; line-height: 18px; outline: none; }
#nav li a strong { display:block; font-weight: normal; font-size: 1.3em; } 
#nav li a span { display:block; font-size: 0.8em; }
#nav ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:50px; z-index:5; }
#header #nav ul a{ line-height:28px; font-size: 0.9em; cursor: pointer; }
#header #nav li{ float:left; position:relative; z-index:20; margin-top:11px; background: #222	; }
#header #nav li li{ border-left:none; margin-top:0; }
#header #nav ul { position:absolute; top:48px; width:120px; left:0; }
#header #nav ul li { clear: both;}
#header #nav li ul a{ width:150px; height:auto; float:left; text-align:left; padding:0 10px; }
#header #nav ul ul{ top:auto; border-top:none; }	
#header #nav li ul ul { left:171px; top:-1px; }
/*
#header #nav li:hover ul { display:block; }
#header #nav li:hover ul ul { display:none; }
*/
#header #nav li ul a{ border-top:none; }
#nav li a { border-left:1px solid #484848; color:#aaa; }
#nav .currentli_item a, #nav li a:hover{ color:#fff; }

#content { margin: 30px 0;}
.box { width: 310px; margin: 0 10px; float: left;}
.box img.blocks { margin-bottom: 10px;}
.box h1 { margin: 10px 0;}
.box h3 { text-transform: uppercase; color: #8bd0f1; font-weight: normal; font-size: 0.9em;}
.box p { line-height: 1.3; margin-bottom: 10px;}

.photo-gallery { margin-left: 340px;}
.photo-gallery ul li { float: left; margin: 0 10px 10px 0;}
.photo-gallery ul li.last { margin-right: 0;}

.box-right { margin-left: 340px; overflow: hidden;}
.box-right h3 { text-transform: uppercase; color: #8bd0f1; font-weight: normal; font-size: 1em; margin-bottom: 20px;}

#price-list li { background: #363633; color: #eee; padding: 0.3em 0.8em; margin-bottom: 1px; font-size: 1.1em;}
#price-list li:hover { background: #d0eb6a; color: #1a1a1a;}
#price-list li span { float: right;}

#footer {  margin-top: 40px; height: 140px; background: #fff url(/img/bg_footer.gif) repeat-x top left; overflow: hidden;}
#f-content { width: 996px; margin: 15px auto 0; position: relative; height: 125px;}
#f-links { font-size: 0.8em; text-transform: uppercase; color: #222; position: absolute; right: 5px; bottom: 0;}
#f-links a { color: #222; text-decoration: none; }
#f-links a:hover { color: #aaa;}

.form { overflow:  hidden;}
.form label {display: block; width: 120px; float: left;} 
.form input { width: 200px;}
.form div.input { clear: both; margin-bottom: 10px;}

ul.products li { clear: both;}
ul.products li img { float: left; margin: 0 20px 20px 0;}
ul.products li ul li { clear: none; padding-left: 15px; color: #aaa;}

.error-message { margin-left: 120px; color: #bb0000;}
.form-error { border: 1px solid #bb0000; background: #fed0d0;}

hr.separatore { height: 1px; color: #444; background-color: #444; border: 0; border-bottom: 1px solid #444; margin: 20px 50px;}