* { 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 { position: relative; }
p { padding: 10px 0; }

#orange { padding: 20px 0; width: 100%; /*background: #ff8916*/ background: #fff; }
#orange input { z-index: 100; display: inline; float: left; margin: 0; }
#orange input.search_cat { color: #466a82; width: 230px; margin: 4px 4px 6px 0; }
input.search_go { width: 26px; height: 25px; background: url(../images/search.gif); color: #fff; text-indent: -9999px; font-size: 0; line-height: 0; border: 0; }
.wrap { width: 900px; margin: 0 auto; font-size: 1.1em; }
#lang { float: right; padding-bottom: 8px; }
/*#lang span.istr { color: #466a82; display: block; float: left; font-size: .9em; position: relative; top: 6px; right: 100px; }*/
#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/ita.jpg) center top repeat-y; margin-left: 4px; }
#lang li#english a { display: block; float: left; width: 26px; height: 26px; background: url(../images/eng.jpg); margin-left: 4px; }
#lang li#francais a { display: block; float: left; width: 26px; height: 26px; background: url(../images/fra.jpg); margin-left: 4px; }
#lang li#espanol a { display: block; float: left; width: 26px; height: 26px; background: url(../images/esp.jpg); margin-left: 4px; }
#lang li#portugues a { display: block; float: left; width: 26px; height: 26px; background: url(../images/por.jpg); margin-left: 4px; }
#lang li#twi a { display: block; float: left; width: 26px; height: 26px; background: url(../images/twi.jpg); margin-left: 4px; }

#container { background: url(../images/bg5.jpg) repeat-x; width: 100%; float: left; }

#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/logo_spencer.gif) 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 10px 0 0;  }
ul#nav li { display: inline; }
/*ul#nav li a { display: block; float: left; height: 21px; margin-top: 15px; color: #fff;}*/
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; }

/*ul#nav li#azienda_nav a { margin-left: 20px; width: 59px; }
ul#nav li#prodotti_nav a { width: 63px; margin-left: 15px; }
ul#nav li#servizi_nav a { width: 47px; margin-left: 18px; }
ul#nav li#news_nav a { width: 90px; margin-left: 16px; }
ul#nav li#contatti_nav a { width: 64px; margin-left: 17px; }
ul#nav li#utenti_nav a { width: 82px; margin-left: 16px; }*/

#focus { margin-top: 2px; clear: both; width: 860px; height: 183px; color: #043454; padding: 0 0 30px 20px; }
#focus p { width: 520px; margin: -90px 0 0 330px; text-align: justify; font-size: 1em; }
#focus p a { color: #043454; text-decoration: none; } #focus a:hover { color: #0869a9; }

#intro { float: left; clear: both; width: 560px; padding: 20px 30px 0 0; margin-left: 0; border-right: 1px solid #043454; }
#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(http://www.spencer.it/images/twitter.gif) no-repeat; width: 560px; height: 80px; }
#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 a, #safety h1 a, #medical h1 a, #mortuary h1 a { text-indent: -9999px; display: block; width: 133px; height: 133px; }
#emergency, #safety, #medical { background: url(../images/blue_box.gif); }
#mortuary { background: url(../images/light_box.gif); }
#emergency, #medical { margin: 0 10px; }
#emergency h1 a { background: url(../images/emergency.gif) 10px 10px no-repeat; }
#safety h1 a { background: url(../images/safety.gif) 10px 10px no-repeat; }
#medical h1 a { background: url(../images/medical.gif) 10px 10px no-repeat; }
#mortuary h1 a { background: url(../images/mortuary.gif) 10px 10px no-repeat; }

#colCx { float: left; width: 250px; margin: 40px 0 0 0; }
#colCx h3 { background: #043454 url(../images/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/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: 15px 10px 0 10px; }
#colDx p {  border-bottom: 1px solid #c2ced5; margin: -1px 10px 0 10px; }
#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.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; background: url(../images/sqsuare.jpg) right 2px no-repeat; }
.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/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/fade.jpg) bottom no-repeat; padding-bottom: 80px; }
#sub_nav ul { list-style: none; }
#sub_nav p { margin: 0 15px;  width: 220px; text-align: justify; }
#sub_nav li { border-bottom: 1px solid #a5bbca; ; font-weight: bold; width: 230px; margin: 5px 5px 0 5px; padding: 5px; }
#sub_nav li a { color: #043454; text-decoration: none; }
#sub_nav h3 { background: #ff8916 url(../images/top_side.jpg) no-repeat; color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: normal; font-size: 1.1em; }
#main { width: 575px; float: left; position: relative; left: 40px; color: #666; }
#main strong { color: #043454; }
#main h2 { text-align: left; margin: 20px 0 30px 0; font: 3em Palatino, Georgia, "Times New Roman", serif; border-bottom: 1px solid #c2ced5; padding-bottom: 5px; color: #043454; }
#main h2.more_titles { margin-top: 40px; }
#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-bottom: 30px; list-style: square; }
#main li { padding: 5px 0; border-bottom: 1px solid #c2ced5; }
#main a, #main a strong { color: #ff8916; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main p a img { border: 0; }
#main img, #main p img { float: right; margin: 20px 8px 13px 0; position: relative; left: 13px; border: 5px solid #a0d4f5; }
#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 { clear: both; display: block; width: 100%; border-bottom: 1px solid #c2ced5; padding: 20px 0 50px 0; min-height: 40px; }
#main ul.product_size { list-style: square; margin: 0 0 40px 15px; } 
#main ul.product_size li { padding: 4px 0; border-bottom: 1px solid #c2ced5; }
span.more_link { display: block; clear: both; float: right; }
span.img_prod { width: 100px; height: 80px; display: block; float: left; }
span.more_info { display: block; clear: both; float: right; margin-top: -20px; }
.the_new { margin-bottom: 30px; }
#main .product_details a img { float: left; margin: 0 10px 10px 0; left: 0; }
#main .product_details h3 { clear: both; margin-bottom: 30px; }
#main .product_details p { float: left; margin-bottom: 30px; }
#main p.published { text-align: right; margin: -25px 0 30px 0; font-style: italic; color: #ff8916; }
#map { width: 571px; height: 400px; 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; }
#main p.diecig { background: url(../images/10g.gif); margin-left: 0; }
#main p.backsupport { background: url(../images/backsupport.jpg); }
#main p.salvapaziente { background: url(../images/paziente.gif); }
#main p.got_video { background: url(../images/icona_video.gif); }
#main p.got_cd { background: url(../images/icona_cd.gif); }
#main p.got_www { background: url(../images/icona_www.gif); }


/* form */
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; }