* { margin: 0; padding: 0; }
body {
    font: 62.5% "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    color: #043454;
    text-align: justify;
}

h1,h2,h3,h4,h5,h6,p,li { position: relative; }
p { padding: 10px 0; }

#orange { padding: 20px 0; width: 100%; background: #fff; }
#orange form { margin-top: 0; }
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #c2ced5; }
.ui-autocomplete li { background: #fff; color: #466a82; border: 1px solid #c2ced5; border-bottom: 0; padding: 0 3px; cursor: pointer; text-align: left; }
.ui-autocomplete li:hover { background: #ebf6fd; }
.ui-autocomplete li a { display: block; }
#orange input { z-index: 100; display: inline; float: left; margin: 0; }
#orange input.search_cat { color: #466a82; width: 210px; margin: 4px 4px 6px 0; }
body#mor #orange input.search_cat { color: #666; }
input.search_go { width: 26px; height: 25px; background: url(../images/layout/search.gif) no-repeat; color: #fff; text-indent: -9999px; font-size: 0; line-height: 0; border: 0; }
body#mor input.search_go { background: url(../images/layout/search_m.gif) no-repeat }
.wrap { width: 900px; margin: 0 auto; font-size: 1.1em; }
#lang { float: right; padding-bottom: 8px; }
#lang span.istr { display: none; }
#lang ul { list-style: none; color: #fff; float: right; position: relative; right: 30px; top: 3px;  }
#lang ul li { display: inline; height: 26px; color: #fff; }
#lang span { display: none; }
#lang li#italiano a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/ita.jpg) center top repeat-y; margin-left: 4px; }
#lang li#english a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/eng.jpg); margin-left: 4px; }
#lang li#francais a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/fra.jpg); margin-left: 4px; }
#lang li#espanol a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/esp.jpg); margin-left: 4px; }
#lang li#german a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/ger.jpg); margin-left: 4px; }
#lang li#portugues a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/por.jpg); margin-left: 4px; }
#lang li#twi a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/twi.jpg); margin-left: 50px; }
#lang li#fb a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/fb.jpg); margin-left: 4px; }
#lang li#yt a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/yt.jpg); margin-left: 4px; }
#lang li#tb a { display: block; float: left; width: 26px; height: 26px; background: url(../images/buttons/tb.jpg); margin-left: 4px; }
#container { background: url(../images/layout/bg.jpg) repeat-x; width: 100%; float: left; }
body#mor #container  { background: url(../images/layout/bg_m.jpg) repeat-x; }
body#mor { color: #333; }

#header { padding-top: 4px; width: 900px; height: 72px; }	
#header h1 { display: block;  width: 190px; height: 72px; float: left; }
#header h1 a { margin-top: 26px; width: 158px; height: 34px; display: block; text-indent: -9999px; background: url(../images/layout/logo_spencer.gif) no-repeat }
body#mor #header h1 a { background: url(../images/layout/logo_spencer_m.png) no-repeat }
#header p { text-indent: -9999px; }

#nav_cont { float: left; width: 700px; margin-left: -10px;}
#nav_cont ul#nav { float: right; width: auto; }
ul#nav { text-align: right; padding: 15px 0 0 0;  }
ul#nav li { display: inline; }
ul#nav { float: left; margin: 14px 0 0 100px; width: 529px; height: 46px; }
ul#nav li a { font-weight: bold; height: 21px; margin-top: 15px; color: #fff; margin: 0 10px; text-decoration: none; }
ul#nav li#utenti_nav a { margin-right: 0; }
ul#nav li a:hover { color: #f78f1f; }

#focus a, #focus a img, a.prev img, a.next img { border: 0; }
#focus { margin-top: 10px; clear: both; width: 900px; height: 183px; color: #043454; padding: 0 0 30px 20px; }
#focus p { width: 480px; margin: -90px 0 0 330px; text-align: justify; font-size: 1em; }
#focus p a { color: #043454; text-decoration: none; display: block; } #focus a:hover, #focus:hover p a{ color: #0869a9; }
body#mor #focus p a { color: #333; }

#intro { float: left; clear: both; width: 560px; padding: 20px 30px 0 0; margin-left: 0; border-right: 1px solid #d8d8d8; }
#intro h2, #eventi h2 { font-size: 1.4em; text-transform: uppercase; margin-bottom: 20px; }
#intro a, #eventi a, #colCx a { color: #ff8916; }
#intro a:hover, #eventi a:hover, #colCx a:hover { background: #ff8916; color: #fff; text-decoration: none; }
#twitter { background: url(../images/layout/twitter.gif) no-repeat; width: 560px; height: 90px; }
#twitter ul { list-style: none; }
#twitter li { padding: 20px 0 0 80px; width: 460px; color: #3ab1fd; }
#twitter span { color: #999; }

#eventi { float: left; width: 230px; padding: 20px 0 0 30px; }
#eventi p { text-align: left; }

#home_contents { clear: both; float: left; width: 900px; }

#colSx { clear: both; float: left; width: 310px; margin: 40px 20px 0 -50px !important; margin: 40px 30px 0 -30px; padding-left: 40px; }

#emergency, #safety, #medical, #mortuary { width: 133px; height: 133px; float: left; margin-bottom: 10px; }
#emergency h1, #safety h1, #medical h1, #mortuary h1 { text-indent: -9999px; display: block; width: 133px; height: 133px; }
#emergency, #safety, #medical { background: url(../images/layout/blue_box.gif); }
#mortuary { background: url(../images/layout/light_box.gif); }
#emergency, #medical { margin: 0 10px; }
#emergency h1 { background: url(../images/layout/emergency.gif) 10px 10px no-repeat; }
#safety h1 { background: url(../images/layout/safety.gif) 10px 10px no-repeat; }
#medical h1 { background: url(../images/layout/medical.gif) 10px 10px no-repeat; }
#mortuary h1 { background: url(../images/layout/mortuary.gif) 10px 10px no-repeat; }

#colCx { float: left; width: 250px; margin: 40px 0 0 0; }
#colCx h3 { background: #043454 url(../images/layout/pannellino_top.gif) no-repeat; color: #fff; padding: 5px 10px; text-align: right; text-transform: uppercase; font-weight: normal; font-size: 1.1em; }
#colCx p { background: #ebf6fd; padding: 10px; margin-bottom: 10px; }
#clients_list { background: #ebf6fd; margin-top: -10px; width: 250px; padding-bottom: 10px; }
#colCx select { margin-left: 10px; width: 230px; }

#colDx { float: left; width: 250px; margin: 40px 0 0 50px; background: #ebf6fd; padding-bottom: 10px; }
#colDx h3 { background: #ff8916 url(../images/layout/pannellino_top_orange.gif) no-repeat; color: #fff; padding: 5px 10px; text-align: right; text-transform: uppercase; font-weight: normal; font-size: 1.1em; }
#colDx h2 { font-size: 1em; padding: 10px 10px 0 10px; }
#colDx p {  border-bottom: 1px solid #c2ced5; margin: -1px 10px 0 10px; }
#colDx p:last-child { border: 0; }
#colDx a { color: #043454; text-decoration: none; }
#colDx a:hover { text-decoration: underline; }

#footer { color: #666; border-top: 1px solid #cfcfcf; clear: both; width: 870px; position: relative; top: 20px; }
#footer p { float: left; }
#footer p span { width: 600px; display: block; float: left; }
#footer p.quick_links { float: right; padding-bottom: 40px; }
#footer a { color: #666; }
#footer a:hover { background: #666; color: #fff; text-decoration: none; }

/* interno */

#wide_panel { clear: both; margin: 20px 0 30px 0; height: 178px; width: 875px; }
.quick_nav a { display: block; width: 250px; height: 42px; margin-bottom: 3px; text-indent: -9999px; }
#wide_panel ul { list-style: none; width: 250px; height: 178px; background: url(../images/layout/quick_cat.gif) no-repeat; margin-left: 0; float: left; }
#wide_panel img { margin: 7px 0 0 35px;  }
#sub_nav { float: left; width: 250px; clear: both; text-align: right; background: #ebf6fd url(../images/layout/fade.jpg) bottom no-repeat; padding-bottom: 80px; }
body#mor #sub_nav { background: #e3e3e3 url(../images/layout/fade_m.jpg) bottom no-repeat; }
#sub_nav ul { list-style: none; }
#sub_nav p { margin: 0 15px;  width: 220px; text-align: justify; }
#sub_nav ul.catallogue { padding-bottom: 75px; background: url(../images/layout/fade.jpg) bottom no-repeat}
#sub_nav li { border-bottom: 1px solid #a5bbca; font-weight: bold; width: 230px; margin: 5px 5px 0 5px; padding: 5px; }
body#mor  #sub_nav li { border-bottom: 1px solid #bbb; }
#sub_nav ul.catalogue li { width: 215px; }
body#mor #sub_nav ul.catalogue li { width: 230px; }
#sub_nav ul.catalogue li ul { display: none; }
#sub_nav ul.catalogue li ul li { font-weight: normal; width: 205px; letter-spacing: -.5pt; }
#sub_nav ul.catalogue li ul li:last-child { border-bottom: 0; }

#sub_nav li a { color: #043454; text-decoration: none; }
body#mor #sub_nav li a { color: #545454; } 
#sub_nav h3 { background: #ff8916 url(../images/layout/top_side.jpg) no-repeat; color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: normal; font-size: 1.1em; }

body#mor #sub_nav h3 { background: #aa0024 url(../images/layout/top_side_m.jpg) no-repeat; }
#main { width: 575px; float: left; position: relative; top: -20px; left: 40px; color: #666; }
#main strong { color: #043454; }
#main h2 { text-align: left; margin: 20px 0 10px 0; font: 3em Palatino, Georgia, "Times New Roman", serif; border-bottom: 1px solid #c2ced5; padding-bottom: 5px; color: #043454; letter-spacing: -1pt}
body#mor #main h2, body#mor #main h3 { color: #666; }
body#mor #main h5 { color: #aa0024; font-size: 1.1em; font-style: italic; text-align: right; font-weight: normal; margin-top: 20px;}
#main h2.more_titles { clear: both; margin-top: 20px; }
#main h2 a, #main h2 a:hover { text-decoration: none; color: #043454; }
#main h3 { font-size: 1.2em; color: #043454; }
#main h3 span { font-size: .9em; color: #086aab; display: block; padding: 5px 0; border-top: 1px solid #ccc; text-align: right; margin-top: 5px; }
#main ol { margin-left: 25px; }
#main ul { margin-left: 15px; padding: 0 0 10px 0; list-style: square; width: 560px; }
#main li { padding: 5px 0; border-bottom: 1px solid #c2ced5; }
#main li:last-child, #main ul.cat li:last-child, #main ul.product_size li:last-child, #main ul.search_res li:last-child { border-bottom: none; }
#main a, #main a strong { color: #ff8916; text-decoration: none; }
#main a:hover { text-decoration: underline; }
body#mor a { color: #aa0024; }
#main p img { float: left; margin: 5px 10px 5px 0; }
#main p a img { border: 0; }
#s3slider { display: block; float: left; margin-top: 20px; }
#main ul#s3sliderContent li img { left: 0; }
#main ul.cat { padding-bottom: 50px; list-style: none; margin-left: 0; }
#main ul.cat img { float: left; margin: 0 10px 0 0; display: block; border: 0; left: 0; }
#main ul.cat li { float: left; clear: both; display: block; width: 100%; border-bottom: 1px solid #c2ced5; padding: 15px 0 10px 0; min-height: 40px; }
#main ul.search_res { padding-bottom: 50px; width: 100%; list-style: square; margin-left: 0; }
#main ul.search_res li { float: left; clear: both; display: block; width: 100%; border-bottom: 1px solid #c2ced5; padding: 3px 0; }
#main ul.product_size { list-style: square; margin: 0 0 0px 15px; } 
#main ul.product_size li { padding: 4px 0; border-bottom: 1px solid #c2ced5; }
span.more_link { display: block; clear: both; float: right; }
.img_prod { width: 100px; height: 80px; display: block; float: left; margin: 0 auto; }
#main ul.cat .img_prod img { float: none; position: static; margin: auto; display: block; }
span.more_info { display: block; clear: both; float: right; margin-top: -20px; }
.the_new { margin: 20px 0 0 0; }
#main .product_details a img { float: left; margin: 0 10px 10px 0; left: 0; }
#main .product_details h3 { clear: both;  }
#main .product_details p { float: left; margin-bottom: 15px; }
#main p.published { text-align: right; margin: -15px 0 30px 0; font-style: italic; color: #ff8916; }
body#mor #main p.published { color: #aa0024; }
#map { width: 571px; height: 400px; margin-top: 25px; border: 2px solid #a0d4f5; }
.article { text-align: justify; margin-bottom: 40px; }
.hyperlink { 
    cursor: pointer; /* modern browsers */ 
    /* cursor: hand;  IE 5.0 */ 
}
#main p.extra { padding: 0; display: block; width: 90px; height: 45px; margin-left: 7px; }
#main p.extra a  { display: block; text-indent: -9999px; width: 90px; height: 45px; }
span.prod_med_img { float: left; display: block; width: 200px; height: 200px; }
p span.prod_med_img img { float: none; position: static; margin: auto; display: block; }

/* form */
form { margin-top: 25px; }
label { display: block; width: 130px; float: left; text-align: right; margin-right: 20px; }
label.plain_lbl { width: 220px; margin-right: 15px; float: right; }
input, select, textarea { width: 300px; display: block; margin-bottom: 20px; border: 1px solid #c2ced5; padding: 2px; font: 1em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;}
textarea { height: 200px; overflow: auto; }
input.submitBtn {  width: 100px; margin-left: 150px; }
input.ckbx { width: auto; border: 0; }
select.quickly { width: 230px; margin: 10px; }
input.quickly { width: 220px; margin: 10px; }

/* idea */
.lefty { float: left; width: 295px; margin: 20px 0 10px 0; }
#main .widy a img { border: 0; }
#main .lefty img { float: left; border: 0; padding: 0; margin: 0 0 5px 0; }
.righty { float: left; width: 280px; margin: 20px 0 10px 0; }
.widy { margin: 20px 0 10px 0; clear: both; float: left; width: 100%; }
.widy .lefty { margin-top: 0; }
.widy .righty { margin-top: 0px; }
#main .righty img { float: left; border: 0; margin: 0 0 5px 0; }
.lefty span, .righty span { clear: both; float: left; display: block; width: 280px; }
.widy span { clear: both; float: left; display: block; }
#main .lefty h3, #main .righty h3, #main .widy h3 { clear: both; float: left; width: 100%; font: 2em Palatino, Georgia, "Times New Roman", serif; text-align: left; letter-spacing: -.7pt; }
#main .lefty h4, #main .righty h4, #main .widy h4 { 
	font: 1em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;  
	text-align: right; 
	font-style: italic; 
	color: #ff8916;
	border-top: 1px solid #c2ced5;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-top: 3px;
	
	clear: both;
	display: block;
}
body#mor #main .lefty h4, body#mor #main .righty h4, body#mor #main .widy h4 { color: #aa0024; }
body#mor .lefty h3, body#mor .righty h3 { border-bottom: 1px solid #ccc; width: 280px; }
body#mor .widy h3 { border-bottom: 1px solid #ccc; width: 575px; clear: both; }
body#mor .widy h3.spec_spac, body#mor .lefty h3.spec_spac, body#mor .righty h3.spec_spac { margin-bottom: 20px; }
body#mor .widy h4, body#mor .lefty h4, body#mor .righty h4 { border-top: 0; }
body#mor .widy span { clear: both; width: 100%; }
#main ul, #main ul, #main ul { clear: both; float: left; }
h3.same_div_title { margin-top: 30px; }
#main .lefty h4 { margin-right: 15px; }
.widy { float: left; width: 575px; }
#main .righty ul { width: 280px;}
#main .righty li, #main .lefty li { border: 0; width: 255px; }
.widy li { width: 560px; }
.widy table { width: 100%; }
.widy table th { background: #ddd; margin: 0; padding: 3px 10px; }
.widy table td, .lefty table td, .righty table td { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.widy table tr:last-child > td, .lefty table tr:last-child > td, .righty table tr:last-child > td { border: 0; }
table.prod_x { width: 100%; }
#main table.prod_x strong { text-transform: uppercase; color: #000; font-weight: normal }
#main .lefty table.prod_x, #main .righty table.prod_x { margin: 15px 0 15px -2px;   }
#main .lefty table.narrow td { width: 25%; }
table.prod_x td { padding: 5px; text-align: left; background: #eee; cursor: help; }
table.prod_x tr.crash td { text-transform: uppercase; text-align: center; letter-spacing: 1pt} 
table.prod_x td.ce { background: #eee url(../images/layout/ce.gif) 5px 7px no-repeat; padding-left: 30px; height: 30px; }
table.prod_x td.cs { text-transform: uppercase; letter-spacing: 3pt; text-align: center }
table.prod_x tr.crash td.ct { background: #eccb00; }
table.prod_x tr.crash td.g { background: #aaa; color: #fff; }
table.prod_x td.nato { background: #397b4c; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1pt}
table.prod_x td.sc { background: #ccc; color: #aa0024; text-align: center; text-transform: uppercase; letter-spacing: 1pt }
.login_confirm { width: 100%; background: #900; font-weight: bold; float: left; margin: 20px 0; }
.login_confirm p { padding: 5px; color: #fff; }
.frase_uno { margin-top: 15px; }

.slides_container { width: 840px; height: 183px; display: none; }
.slides_container div { display: block; margin-left: 3px; width: 860px; height: 183px; }


.slides p { clear: left; float: left; width: 400px; color: #2c2d2c; margin-left: 35px; line-height: 150%; padding-bottom: 30px;}
#loopedSlider,#newsSlider { margin:0 auto; width:880px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
#focus ul.pagination  { position: absolute; top: 150px; margin-left: 770px; width: 100px; }
#focus  ul.pagination li a { 
	position:relative;
	z-index:99;
	cursor:pointer;
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	float: left;
	text-indent: -9999px; 
	background: url(../images/buttons/pagination.jpg) 0 0; 
}
#focus  ul.pagination li.current a { background-position: 0 -12px;  }
a.prev { position: absolute; top: 240px; margin-left: -14px; width: 18px; height: 28px; display: block; }
a.next { position: absolute; top: 240px; margin-left: 840px; width: 18px; height: 28px; display: block; }

#main ul.eshop { list-style: none; margin-left: 0 }
#main ul.eshop li { background: url(../images/layout/cart.jpg) center left no-repeat; padding: 8px 0 8px 32px }
#main .lefty ul.eshop li, #main .righty ul.eshop li { text-align: left; width: 230px }

.cart_row { float: left; width: 555px; padding: 10px; border-top: 1px solid #ccc; background: #eee; }
#main .top_row { border: 0; background: #fff; text-transform: uppercase;  }

span.nome_prodotto { width: 60%; float: left; display: block; }
span.prezzo_prodotto { width: 15%; float: left; display: block; }
span.qty { width: 15%; float: left; display: block; }
span.remove_link { width: 10%; float: left; display: block; text-align: center; font-weight: bolder }
#main span.remove_link a:hover { text-decoration: none }
span.qty label { float: left; widht: auto }
span.qty input { width: auto; float: left; display: block; margin: 0 5px 0 0 }
p.total { clear: both; text-align: right; margin-right: 10px }
form.finish { clear: both; text-align: right; float: right }
#cart input.submitBtn, .finish input.submitBtn { display: inline; width: auto; padding: 0 10px; float: left; margin: 0 }

@media screen and (-webkit-min-device-pixel-ratio:0) {
input.ckbx { margin-left: 150px; }