html, body { background-color: #fff; }

#brodit { width: 800px; margin: 0 auto;}
#header { position: relative; width: 800px; height: 68px; background: url(top.jpg) no-repeat; }
#header .switch { position: absolute; width: 300px; text-align: right; top: 40px; right: 0; font: bold 14px/20px Tahoma; }
#header .switch a { text-decoration: none; color: #fff; margin-right: 20px; }

#wrapper { padding-top: 20px; }
#wrapper p.testo { padding-top: 20px; font: 12px/16px Tahoma; color: #333; }
#wrapper ul.ricerca { padding-top: 20px; }
#wrapper ul.ricerca li { font: bold 14px/16px Tahoma; color: #333; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
#wrapper ul.ricerca li span { font: 12px/16px Tahoma; color: #333; }
#wrapper ul.ricerca li a { color: #ec6a18; text-decoration: none; }

#st {height: 1%; }
.li_auto { background: url(images/auto.png) left top no-repeat; }
.li_dispositivo { background: url(images/dispositivo.png) left top no-repeat; }
.li_riepilogo { background: url(images/riepilogo.png) left top no-repeat; }
.stp { background-color: #ccc; color: #000; float: left; width: 250px; font: 12px/37px Tahoma; height: 37px;}
.stp p {padding: 0 20px 0 59px; }
.stp span {font-weight: bold; font-size: 15px; }
.stpm { width: 300px; }
.stps {background-color: #ec6a18; color: #fff;}
.click { cursor: pointer; }

#av { height: 37px; background-color: #ccc; }
#av ul { font: 12px/37px Tahoma; }
#av li { float: left; width: 159px; border-right: 1px solid #999; overflow: hidden;}
#av li a { color: #000; text-decoration: none; }
#av li input { width: 55px; }
#av li.li_proclip { background: url(images/proclip.png) no-repeat; }
#av li.li_holder { background: url(images/holder.png) no-repeat; }
#av li.li_accessori { background: url(images/accessori.png) no-repeat; }
#av li.li_anagrafica { background: url(images/anagrafica.png) no-repeat; }
#av li.li_voucher { background: url(images/voucher.png) no-repeat; }
#av li.li_cerca { background: url(images/search.png) no-repeat; }
#av li.li_cart { background: url(images/cart.png) no-repeat; }
#av li p { padding-left: 59px; }
#av li.sel { background-color: #ec6a18; color: #fff; }
#av li.sel a { color: #fff; }

#pn { height: 1%; padding: 20px; background-color: #abcbde; overflow: hidden; font: bold 12px/15px Tahoma; }
.sl { float: left; font: bold 12px/15px Tahoma; width: 250px; }
select { width: 150px; font-size: 12px; font-family: Tahoma; }

#elenco_brodit {clear: both; }

.addprodcart { color: #ec6a18; }

.tip {padding-top: 30px; clear: both; overflow: hidden; height: 1%; border-bottom: 1px solid #000; padding-bottom: 10px; }
.tip h2 {font: bold 16px/20px Tahoma; color: #ec6a18; }
.tip p { font: 12px/15px Tahoma; color: #333; }

.br_line {clear: both; overflow: hidden; height: 1%; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; }
.cart { background-color: #eee; }
.br_img { float: left; width: 198px; position: relative; background-color: #fff; height: 150px; display: block; overflow: hidden; border: 1px solid #ccc; }
.br_img .lens { position: absolute; width: 26px; height: 26px; bottom: 4px; right: 4px; background: url(images/lens.png) no-repeat; }

.br_desc { overflow: hidden; float: left; width: 370px; }
.br_desc h4 { padding: 0 20px 0 20px; font: bold 14px/18px Tahoma; color: #2a618a; }
.br_desc h5 { padding: 0 20px 0 20px; font: 13px/16px Tahoma; color: #333; }
.br_desc h5 a { color: #ec6a18; font-weight: bold; text-decoration: none; font-size: 11px; }
.br_desc p { padding: 0 20px 0 20px; font: 12px/14px Tahoma; color: #333; }
.br_desc p a.mi { color: #333; text-decoration: none; font-style: italic; }
.br_desc p.ordina {padding-top: 20px; }
.br_desc p.ordina a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-align: center; width: 100px; height: 25px; background-color: #ec6a18; color: #fff; text-decoration: none; font: bold 12px/25px Tahoma; }

.br_dett { overflow: hidden; border: 1px solid #999; background-color: #fff; float: left; width: 228px; }
.br_dett p { float: left; padding: 15px; font: 11px/14px Tahoma; color: #000; }

.br_voucher { overflow: hidden; float: left; width: 190px; }
.br_voucher h4 { padding: 0 20px 0 20px; font: bold 14px/18px Tahoma; color: #2a618a; }
.br_voucher h5 { padding: 0 20px 0 20px; font: 13px/16px Tahoma; color: #333; }
.br_voucher h5 a { color: #ec6a18; font-weight: bold; text-decoration: none; font-size: 11px; }

table { margin-top: 20px;}
th { padding: 3px 0 3px 0; border-bottom: 2px solid #999; color: #000; font: bold 13px/15px Tahoma; }
td { padding: 3px 0 3px 0; border-bottom: 1px dotted #999; color: #333; font: 12px/18px Tahoma; }
td input { text-align: center; width: 25px; }
table .right { text-align: right; }
table a { text-decoration: none; color: #ec6a18; font-weight: bold;}

input.voucher { vertical-align: baseline; text-align: left; padding: 5px 3px 5px 3px; border: 1px solid #ccc; background-color: #f8f8f8; font-size: 12px; width: 300px; }
input.voucher_mini { width: 50px; }
input.voucher_com { width: 150px; }
select.voucher { text-align: left; padding: 0 3px 0 3px; border: 1px solid #ccc; background-color: #f8f8f8; font-size: 11px; width: 150px; height: 22px; }

#riepilogo_voucher_brodit { padding: 10px 0 10px 0; overflow: hidden; background-color: #eee; }

#ordina p {padding-top: 20px; }
#ordina p a { float: right; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-align: center; width: 100px; height: 25px; background-color: #ec6a18; color: #fff; text-decoration: none; font: bold 12px/25px Tahoma; }