/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline:0; }
a { outline:0; }
/*input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	outline-style:none;
	outline-width:0pt;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- global GardaCosmetic ---------- */

.clear { clear:both; }

body {
font:12px/1.2 Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
background:#000; 
}

a:link, a:visited, a:hover, a:active { 
color:#000;
text-decoration:underline; 
}

#wrapper { 
width:100%; 
position:relative; 
background:#b9b9b9 url(../assets/sfondo_ripete.jpg) 0 0 repeat-x; 
min-height:400px; 
height:auto !important; 
height:400px;
}
#sub-wrapper { 
width:100%; 
position:relative; 
background:#f7f7f7 url(../assets/sfumaalta_ripete.jpg) 0 0 repeat-x; 
min-height:400px; 
height:auto !important; 
height:400px;
}

#content {
width:970px; 
background:transparent;
margin:auto;
text-align:left;
}
#content-left, #content-right { float:left; }
#content-left { width:270px; margin:85px 0 70px 0; }
#content-right { width:680px; margin-top:85px; margin-right:20px; }
#content-right p { line-height:1.5; }

#header, #bottom { width:970px; padding:0 10px; color:#fff; margin:auto; text-align:left; }
#header { 
min-height:45px; height:auto !important; height:45px; 
background:transparent url(../assets/up.jpg) 0 0 no-repeat;
position:relative;
}
#bottom { 
min-height:195px; height:auto !important; height:195px; 
background:transparent url(../assets/down.jpg) 0 0 no-repeat;
}
#bottom-subpages {
width:970px; padding:0 10px; color:#fff; margin:auto; text-align:left;
min-height:95px; height:auto !important; height:95px; 
background:transparent url(../assets/down.jpg) 0 -100px no-repeat;
}

#header-left, #header-right { position:relative; float:left; min-height:30px; height:auto !important; height:30px; margin-top:15px; }
#header-left { width:860px; z-index:4; }
#header-right { width:110px; z-index:3; }

h1 {
width:226px;
height:30px;
text-indent:-9999px;
background:transparent url(../assets/logo.jpg) 0 0 no-repeat;
position:relative;
z-index:3;
}

#header-left a {
width:226px;
height:30px;
display:block;
}

#newsletter { 
background:#272727; 
width:105px;
min-height:30px; 
height:auto !important; 
height:30px;
text-align:center; 
position:relative;
z-index:3;
}

#newsletter-input { 
background:#272727; 
width:205px;
min-height:38px; 
height:auto !important; 
height:38px;
position:relative;
left:-100px;
z-index:3;
margin-bottom:-38px;
}

#newsletter-input label, .invisible { display:none; } 

#tfloader { padding:10px 10px 0 10px; }
#tfmsg { font-size:11px; line-height:1; padding:10px 10px 0 10px; color:#fff; }

input#emailnl {
background:#fff;
padding:3px;
width:160px;
font:11px/1.2 Arial, Helvetica, sans-serif;
margin:10px 5px 0 10px;
}
input.emailnl { border:1px solid #fff; }

input#buttonnl {
background:red;
border:0;
width:20px;
height:19px;
}

#language { 
background:#272727; 
width:105px;
min-height:30px; 
height:auto !important; 
height:30px;
text-align:center; 
position:relative;
z-index:2;
}

#header-right ul { padding-top:8px; }
#header-right ul li { display:inline; color:#737373; }

#header-right a:link, #header-right a:visited { color:#737373; text-decoration:none; }
#header-right a:hover, #header-right a:active { color:#fff; }

#flash {
width:970px;
min-height:420px; 
height:auto !important; 
height:420px;
position:absolute;
top:-20px;
z-index:2;
}

#last-news-products { min-height:130px; height:auto !important; height:130px; }
#last-news-products h2 { display:none; }
#last-news, #last-products { float:left; cursor:pointer; }
#last-news { width:250px; margin:30px 194px 0 0; }
p#last-news-date { font-size:16px; }
#last-news h3 { font-weight:normal; font-size:15px; }
#last-news a:link, #last-news a:visited, #last-news a:hover, #last-news a:active { 
color:#fff;
text-decoration:none; 
}  

#last-products { width:526px; margin-top:20px; }
#last-product1, #last-product2 { 
float:left;
width:262px;
height:81px;
color:#000;
background:transparent url(../assets/box_fondo.jpg) 0 0 no-repeat;
}
#last-product2 { margin-left:2px; }

.last-product-img, .last-product-desc, .last-product-more { float:left; }
.last-product-img { width:75px; text-align:center; }
.last-product-img img { margin:13px 0 0 6px; }
.last-product-desc { width:145px; margin:0 10px; }
.last-product-desc h3 { margin-top:12px; font-size:15px; text-transform:uppercase; }
.last-product-desc p { font-size:11px; }
.last-product-more { width:22px; }
.last-product-more img { margin:65px 0 0 5px; }

/* sub-menu (nav left) */
#sub-menu {
width:230px;
}

#sub-last-products {
width:196px;
margin:30px 0 0 15px;
padding-top:30px;
border-top:1px solid #dedede;
}

.sub-last-product {
width:190px;
min-height:62px; height:auto !important; height:62px;
border:3px solid #ededed;
background:#fff;
margin-bottom:5px;
cursor:pointer;
}

.sub-last-product a:link, .sub-last-product a:visited, .sub-last-product a:hover, .sub-last-product a:active { 
color:#000;
text-decoration:none; 
} 

.sub-last-product-img, .sub-last-product-desc { float:left; }
.sub-last-product-img { width:65px; position:relative; top:9px; left:7px;  }
.sub-last-product-desc { 
width:125px; 
min-height:45px; height:auto !important; height:45px;
}
.sub-last-product-desc h5 { margin:20px 5px 0 5px; font-size:13px; width:110px; line-height:0.9; text-transform:uppercase; }
.sub-last-product-more { width:190px; text-align:right; clear:left; }
.sub-last-product-more img { margin-right:5px; }

/* servizi */
.services h3 {
text-transform:uppercase;
font-size:16px;
margin-bottom:10px;
clear:right;
}
.services p+h3 { margin-top:45px; }
.services { margin-bottom:70px; }

.services img { border:3px solid #ededed; margin:35px 15px 0 0; }

/* news */
.news h3 {
text-transform:uppercase;
font-size:16px;
margin-bottom:10px;
}

.news p+p { margin-top:10px; }

ul#news-archive { 
float:right; 
clear:right; 
text-align:right;
margin:5px 0 15px 0; 
text-transform:uppercase;
}

ul#news-archive li { margin-bottom:1px; }

ul#news-archive a:link, ul#news-archive a:visited, ul#news-archive a:hover, ul#news-archive a:active { 
text-decoration:none; padding:0 3px;
}

ul#news-archive a:hover, ul#news-archive a:active { background:#000; color:#fff; }

.not-current a:link, .not-current a:visited, .not-current a:hover, .not-current a:active { color:#000; }
.current a:link, .current a:visited, .current a:hover, .current a:active { background:#000; color:#fff; }

.one-news { 
clear:both; 
position:relative; 
background:transparent url(../assets/divisione.jpg) center bottom no-repeat;
}
.one-news-left { width:600px; padding-bottom:55px; }
.one-news-right { width:80px; }
.one-news-right a {
width:23px;
height:34px;
text-indent:-9999px;
display:block;
background:transparent url(../assets/download.jpg) 0 0 no-repeat;
position:absolute;
bottom:46px;
right:0;
}

.news p.date { font-size:16px; clear:left; }

.news { margin-bottom:70px; }

/* prodotti */
ul#products-menu { 
float:right; 
clear:right; 
text-align:right;
margin:5px 0 80px 0; 
text-transform:uppercase;
}

ul#products-menu li { margin-bottom:1px; }

ul#products-menu a:link, ul#products-menu a:visited, ul#products-menu a:hover, ul#products-menu a:active { 
text-decoration:none; padding:0 3px;
}

ul#products-menu a:hover, ul#products-menu a:active { background:#000; color:#fff; }

.product {
width:340px;
min-height:160px; 
height:auto !important; 
height:160px;
float:left;
background:transparent url(../assets/divisorio.jpg) left bottom repeat-x;
}
.product-desc, .product-img { float:left; }
.product-desc { width:195px; cursor:pointer; }
.product-desc h3 { font-size:15px; text-transform:uppercase; line-height:0.9; margin-bottom:4px; width:185px; }
.product-desc p { width:185px; }
.product-desc a:link, .product-desc a:visited, .product-desc a:hover, .product-desc a:active { 
color:#000;
text-decoration:none;  
}
.product-img { width:145px; text-align:center; }

.accessori p+p, .cosmetici p+p, .drugstore p+p, .fragranze p+p, .makeup p+p { margin-top:10px; }
.accessori, .cosmetici, .drugstore, .fragranze, .makeup { margin-bottom:45px; }

/* dettaglio */
#product-detail {
width:680px;
min-height:200px; 
height:auto !important; 
height:200px;
float:left;
margin-bottom:50px;
}
#product-detail-desc, #product-detail-img { float:left; }
#product-detail-desc { width:380px; margin-bottom:20px; }
#product-detail-desc h3 { font-size:16px; text-transform:uppercase; line-height:0.9; margin:30px 0 5px 0; width:360px; }
#product-detail-desc p { width:360px; }
#product-detail-desc a { margin-left:5px; }
#product-detail-img { width:300px; text-align:center; margin-bottom:20px; }

p#detail-back-p { clear:left; padding-top:10px; border-top:1px solid #dedede; }
a#detail-back {
background:transparent url(../assets/indietro.gif) 0 5px no-repeat;
padding-left:10px;
}
a#detail-back:link, a#detail-back:visited, a#detail-back:hover, a#detail-back:active { color:#000; text-decoration:none; }

/* contatti */
#vcard { 
clear:right; 
width:484px;
height:100px;
text-indent:-9999px;
background:transparent url(../assets/indirizzo.gif) 0 0 no-repeat;
margin-bottom:10px;
}
.contact { margin-bottom:70px; }

#gmaps { width:99px; height:31px; text-indent:-9999px; margin:15px 0 30px 0; float:right; }
#gmaps a { width:99px; height:16px; display:block; }

form#contact-form { clear:right; }

.contact-form-left, .contact-form-right { float:left; }
.contact-form-left { width:370px; }
.contact-form-right { width:310px; }

.contact-form-center { clear:left; }

input.input-field {
border:1px solid #dedede;
margin:5px 0 20px 0;
padding:6px 5px;
width:310px;
font:12px/1.2 Arial, Helvetica, sans-serif;
}

textarea {
width:680px;
height:120px;
border:1px solid #dedede;
padding:6px 5px;
margin:5px 0 15px 0;
font:12px/1.2 Arial, Helvetica, sans-serif;
}

input#antispam { width:25px; margin-left:10px; text-align:center; }

input#invia {
width:46px;
height:30px;
border:0;
background:transparent url(../assets/it/invia.jpg) 0 0 no-repeat;
cursor:pointer;
display:block;
margin:25px 0 20px 0;
}

input.error, textarea.error { border:1px solid #f87777; }
span#checkbox-spacer { margin-left:20px; }

#msg { clear:left; margin-top:100px; }

/* sitemap */
#sitemap ul { padding:20px 0 10px 0; }
#sitemap ul li { display:inline; text-transform:uppercase; margin-right:15px; }
#sitemap a:link, #sitemap a:visited { color:#737373; text-decoration:none; }
#sitemap a:hover, #sitemap a:active { color:#fff; }

/* footer */
#footer {
clear:left;
border-top:1px solid #737373;
padding-top:5px;
font-size:11px;
}
#footer-left, #footer-right { float:left; }
#footer-left { width:900px; color:#737373; }
#footer-left a:link, #footer-left a:visited { color:#737373; text-decoration:none; }
#footer-left a:hover, #footer-left a:active { color:#fff; }

span.footer-spacer { margin:0 9px; }
span.white { color:#fff; }

#footer-right { width:70px; text-align:right; }
#footer-right a:link, #footer-right a:visited, #footer-right a:hover, #footer-right a:active { color:#fff; text-decoration:none; }