/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : WS_Style_800.css
Author : Makkie S.r.l.
URL : http://www.strassitalia.com/style/ws_style_800.css

Description : Strass Italia - CSS Stylesheet 800*600

Created : 20_06_2006

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


html,body {margin:0; padding:0;}

body {text-align:center; font: 10px verdana;}




a:link {color: #333; font-weight: bold; text-decoration: none;}
a:visited {color: #333; font-weight: bold; text-decoration: none;} 
a:active {color: #333; font-weight: bold; text-decoration: none;}
a:hover {color: #333; font-weight: bold; text-decoration: underline;}



a.rosso:link {color: #BD4449; font-weight: bold; text-decoration: none;}
a.rosso:visited {color: #BD4449; font-weight: bold; text-decoration: none;} 
a.rosso:active {color: #BD4449; font-weight: bold; text-decoration: none;}
a.rosso:hover {color: #BD4449; font-weight: bold; text-decoration: underline;}

.rosso a:link {color: #BD4449; font-weight: bold; text-decoration: none;}
.rosso a:visited {color: #BD4449; font-weight: bold; text-decoration: none;} 
.rosso a:active {color: #BD4449; font-weight: bold; text-decoration: none;}
.rosso a:hover {color: #BD4449; font-weight: bold; text-decoration: underline;}


hr {border: solid; color: #8392B9; height: 1px;}
p {line-height: 1.5em;}

.dotted {border:dotted; color:#8392B9; height:1px; clear:both;}
.align {vertical-align:middle;}
.lentina {margin-left:7px; vertical-align:middle; margin-right:10px;}


.rossobold {font: 10px verdana; color: #BD4449; font-weight: bold;}
.nerobold {font: 10px verdana; color: #000000; font-weight: bold;}




/* CONTAINER --------------------------------------------------------------------------------------- */
div#container {width:770px; text-align:left; margin:0 auto;  background:#ffffff;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* HEADER ------------------------------------------------------------------------------------------ */
div#header {margin: 0;  background:#ffffff;}

/* LOGOTIPO ---------------------------------------------------------------------------------------- */
div#logotipo {background:#ffffff; color: #ffffff; float:left; margin: 0;}

/* BANNER ------------------------------------------------------------------------------------------ */
div#banner {width:570px; height:85px; padding-top:5px; padding-right:10px; margin:0 auto;} 
div#banner {float:right; font: 9px verdana; color:#004277; font-weight:bold; text-align:right; background:#ffffff;}
div#banner a:link {color: #004277; font-weight: bold; text-decoration: none;}
div#banner a:visited {color: #004277; font-weight: bold; text-decoration: none;} 
div#banner a:active {color: #004277; font-weight: bold; text-decoration: none;}
div#banner a:hover {color: #BD4449; font-weight: bold; text-decoration: underline;}

/* CERCA ORIZZONTALE ------------------------------------------------------------------------------- */
div#cerca {width:570px; margin:0 auto; color:#004277; font-weight:bold; float:right;background:#ffffff; text-align:right; padding-right:10px;}
div#cerca input.txt {font:10px verdana; border:#004277 1px; width:80px; height: 14px; color:#000000; background-color:#E5EDF3;}
div#cerca input.btn {font:10px verdana; border:#004277 1px outset; color:#000000; height:18px; background-color:#E5EDF3;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* MENU ORIZZONTALE---------------------------------------------------------------------------------- */
div#navor {margin:0; width:770px; clear:both;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* NAVIGATION -------------------------------------------------------------------------------------- */
div#navigation {float:left; width:190px; background: #fff;}

/* NAV MENU -------------------------------------------------------------------------------------- */
div#navmenu {width:190px; background-image: url(../layout/strass_bgmenu.jpg); background-repeat:no-repeat; background-color:#899BC2;  margin-bottom:2px;}
div#navmenu ul {font: 10px verdana; color: #ffffff; font-weight:bold; margin:0px 5px 0px 10px;}
div#navmenu li {list-style-type:square;  line-height: 1.6em;}
div#navmenu a:link {color: #ffffff; font-weight: bold; text-decoration: none;}
div#navmenu a:visited {color: #ffffff; font-weight: bold; text-decoration: none;} 
div#navmenu a:active {color: #ffffff; font-weight: bold; text-decoration: none;}
div#navmenu a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

/* NAV LOGIN -------------------------------------------------------------------------------------- */
div#navlogin {width:190px; background: #E5EDF3; margin-bottom:2px;}
div#navlogin h1 {font: 10px verdana; font-weight:bold; margin-bottom:0px; color:#ffffff; background:#004277; padding:5px;}
div#navlogin input.txt {font: 10px verdana; border: #004277 1px; width: 118px; height: 14px; color: #000; background-color: #fff;}
div#navlogin input.btn {font: 10px verdana; border: #004277 1px outset; color: #000; height: 17px; background-color: #fff; margin-left:60px;}
div#navlogin ul {font: 10px verdana; color:#004277; font-weight:bold;  margin:0px 5px 0px 10px;}
div#navlogin li {list-style-type:square;  line-height: 1.6em;}
div#navlogin a:link {color: #004277; font-weight: bold; text-decoration: underline;}
div#navlogin a:visited {color: #004277; font-weight: bold; text-decoration: underline;} 
div#navlogin a:active {color: #004277; font-weight: bold; text-decoration: underline;}
div#navlogin a:hover {color: #004277; font-weight: bold; text-decoration: none;}

/* NAV CONDIZIONI -------------------------------------------------------------------------------------- */
div#navcondizioni {width:190px; background: #E5EDF3; margin-bottom:2px;}
div#navcondizioni h1 {font: 10px verdana; font-weight:bold; margin-bottom:0px; color:#ffffff; background:#BD4449; padding:5px;}
div#navcondizioni ul {font: 10px verdana; color:#004277; font-weight:bold;  margin:0px 5px 0px 10px;}
div#navcondizioni li {list-style-type:square; line-height: 1.6em;}
div#navcondizioni a:link {color: #004277; font-weight: bold; text-decoration: underline;}
div#navcondizioni a:visited {color: #004277; font-weight: bold; text-decoration: underline;} 
div#navcondizioni a:active {color: #004277; font-weight: bold; text-decoration: underline;}
div#navcondizioni a:hover {color: #004277; font-weight: bold; text-decoration: none;}

/* NAV BANNER -------------------------------------------------------------------------------------- */
div#navbanner {width:190px; background: #FFFFFF; margin-bottom:2px;}
div#navbanner h1 {font: 10px verdana; font-weight:bold; margin-bottom:0px; color:#FFFFFF; background:#BD4449; padding:5px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* TITLE ----------------------------------------------------------------------------------------- */

div#title         {float:right; width:580px; border-top: 5px solid #8392B9; margin-bottom:10px;}
div#title h1      {font: 11px verdana; color:#004277; font-weight:bold; background:#E5EDF3; margin: 2px 0px 5px 2px; padding:8px;}

/* CONTENT ----------------------------------------------------------------------------------------- */
div#content {float:right; width:570px; margin-bottom:10px;}
div#content h1 {font: 10px verdana; font-weight:bold; color:#BD4449; margin-bottom:5px;}
div#content p {font: 10px verdana; color:#000000; line-height: 1.4em;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* FOOTER ------------------------------------------------------------------------------------------ */
div#footer {clear:both; width:770px; border-top: 20px solid #004277; padding-top:5px;}
div#footer {background:none; font: 10px verdana; color: #000000; text-align:center;}
div#footer a:link {font: 9px verdana; color: #000000; font-weight:bold; text-decoration: none;}
div#footer a:visited {font: 9px verdana; color: #000000;  font-weight:bold; text-decoration: none;} 
div#footer a:active {font: 9px verdana; color: #000000;  font-weight:bold; text-decoration: none;}
div#footer a:hover {font: 9px verdana; color: #BD4449;  font-weight:bold; text-decoration: underline;}
.classfooter {font: 9px verdana; color: #BD4449;}


/* FORM -------------------------------------------------------------------------------------------- */

fieldset {border: 1px dotted #8392B9; margin-top: 5px; padding: 10px;}
legend {font-weight: bold; color:#BD4449; background-color: #FFF; text-align:right;}
input.txt {font:11px verdana; color: #000; background-color: #E5EDF3; border: 1px #004277; width: 200px; height: 14px; vertical-align:middle;}
input.btn {font:10px verdana; color: #000; background-color: #E5EDF3; border: 1px outset #004277; height:18px; vertical-align:middle;}
select {font:11px verdana; color: #000; background-color: #E5EDF3; border: 0px outset #004277; vertical-align:middle;}
textarea {width: 200px; height: 40px; color: #000; background-color: #E5EDF3; border: 1px solid #004277;}
form p {clear: left; margin: 0; padding: 0; padding-top: 5px;}
form p label {float: left; width: 30%;}
.akey {text-decoration: underline;}


/* ------------------------------- ATTRIBUTI IMMAGINI ----------------------------------- */
.leftimg {float: left; margin-right: 10px; margin-bottom: 10px;}
.rightimg {float: right; margin-left: 10px; margin-bottom: 10px;}
.both {clear:both;}
.inline {display: inline;}




/* ------------------------------- STILI PER SCRIPT SHOW DIV ----------------------------------- */
/* lo script controlla la visualizzazione di un div. (visibile nella default.aspx.)  */

div#commenti{display:none}
div#commenti{width:auto; border:1px dotted #CCC;}
div#commenti p { margin:5px; line-height:1.5em;}


/* ------------------------------- STILI PER DETTAGLIO PRODOTTO ----------------------------------- */

.prezzo {border: 1px dotted #8392B9; font: 11px verdana; background:#F5F8FA; margin-top:10px; padding:5px; margin-bottom:10px;}
.prezzorossobold {font: 11px verdana; color: #BD4449; font-weight: bold;}
.prezzonerobold {font: 11px verdana; color: #000000; font-weight: bold;}
.prezzostike {font: 11px verdana; text-decoration:line-through; color:#888888;}

div#notenascoste {border: 1px dotted #8392B9; font: 10px verdana; background:#F5F8FA; margin-top:10px; padding:5px; margin-bottom:10px;}
div#allegati {border: 1px dotted #8392B9; font: 10px verdana; background:#ffffff; margin-top:10px; padding:5px; margin-bottom:10px;}

/* ------------------------------- STILI PER CATALOGO.ASPX ----------------------------------- */
div#elencoprodotti {float:right; margin-right:5px;}
div#categorie {background:#F5F8FA; border: 1px solid #8392B9; padding:10px; padding-left:20px; margin-bottom:10px;
background-image: url(../ita/image/bg_div_catalogo.jpg);
background-repeat: no-repeat;
background-position: top right;
background-attachment: fixed;}

/* ------------------------------- STILI PER CARRELLO.ASPX e RIEPILOGO ----------------------------------- */

.utente {border: 0px dotted #8392B9; border-top: 1px solid #8392B9; background:#F5F8FA; margin-top:10px; padding:5px;}
.carrello {border: 1px dotted #8392B9; border-top: 1px solid #8392B9; background:#F5F8FA; margin-top:10px; padding:5px; margin-bottom:10px;}
.bonifico {border: 1px dotted #E0A8AA; border-top: 1px solid #E0A8AA; background:#FCF5F6; margin-top:10px; padding:5px; margin-bottom:10px;}

.selectrosso {font:11px verdana; color:#000000; background-color:#F7E8E8; border:0px outset #004277; vertical-align:middle;}

div#carleft {float:left;}
div#carright {float:right; margin-top:3px;}

div#sc1 {border: 1px solid #E0A8AA; background:#FCF5F6; margin-top:10px; padding:5px; margin-bottom:10px;}
div#sc2 {border: 1px solid #E0A8AA; background:#FCF5F6; margin-top:10px; padding:5px; margin-bottom:10px;}



/* ------------------------------- STILI PER VETRINA PRODOTTI HOME PAGE ----------------------------------- */

div#vetrina {border: 1px solid #D6DBDD; margin-left:0px; margin-bottom:0px; background:#ffffff; width:188px; height:144px; text-align:center; padding-top:3px;}
.vet_pro {height:180px;}
/* -- vetrina completa */
div#vetrina2 {border: 1px solid #D6DBDD; margin-left:0px; margin-bottom:0px; background:#ffffff; width:186px; height:144px; text-align:center; padding-top:3px;}

/* ------------------------------- STILI PER PAGINA AZIENDA ----------------------------------- */

div#newsanteprima { float:right; width:180px;}

.CC {margin-left:10px; color:#999900;}