html {
     overflow: -moz-scrollbars-vertical;
}

#title #back { visibility: hidden; }
#title #forward { visibility: hidden; }
#title #middle { color: #666666; text-decoration: none; }
h1, h2, h3 { padding-right: 20px; padding-left: 24px; margin-top: 22px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size:18px; font-weight:600; color: #ff9900;  }
h2 { font-size: 136%; }
h3 { font-size: 100%; font-weight: bold; }
p, ul, ol { margin-bottom: 1.6em; line-height: 180%; }
a { color: #FFBF23; }
a:hover { text-decoration: none; }
hr { display: none; }
img { border: 1px solid #B2B2B2; }
img.left { float: left; margin: 0 15px 0 0; }
img.leftmenu { float: left; margin: -12px 0 15px -3px;}

span.linemenu { 
padding-top: 15px ;
padding-left: 10px ;
padding-right: -30px;
background: transparent url(/static/images/righetta.png) no-repeat; background-position: top right; overflow: hidden;
}

img.right { float: right; margin: 0 0 0 15px; }
body, table, tr, td { margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #7F7772; }
body { text-align: center; }
div#container { padding: 1em 0 2em 0; margin-left: auto; margin-right: auto; width: 932px; }
div#articles { margin-left: 15px; padding-left:10px; padding-top:10px; border: 1px solid #c1c1c1; } 
img { border: 0; }
a { border: 0; }
table#page { border-collapse: collapse; border: 0; }
td#logo { width: 209px; height: 121px; background: white url(/static/images/logo.png) no-repeat; background-position: top right; overflow: hidden; }
td#header { width: 723px; height: 89px; background: white url(/static/images/header.png) no-repeat; overflow: hidden; }
td#upmenu { width: 723px; height: 32px; background: white url(/static/images/shadow-menu2.png) no-repeat; overflow: hidden;}
td#sxmenu { width: 208px; background: white url(/static/images/menusx_shadow.png) no-repeat; padding-left: -1px}
td#body { width:723px; background:white url(/static/images/body.png) no-repeat; text-align: left;  }

td#body #inside { padding: 1em 3em 1em 1em; }
td#footerlogged{ width:932px; height:93px; background: white url(/static/images/footer_logged.png) no-repeat; }
td#footer{ width:932px; height:93px; background: white url(/static/images/footer.png) no-repeat; }

.menu {width: 723px; background: transparent url(/static/images/shadow-menu2.png) no-repeat; height: 32px; }

.hbutton { 
 background: transparent url(/static/images/top.png); 
 height: 33px; 
 float: left; 
 margin-right: 0em; 
 overflow: hidden;
 font-family: Tahoma; 
 font-size: 9.8px;
 color: #7e7c7c;
 
}
.hbutton_end { 
 background: transparent url(/static/images/top_right.png); 
 background-repeat: no-repeat; 
 background-position: top right; 
 height: 33px; 
 padding: 9px 0.5em 0.5em 1.5em; 
 font-weight: bold; 
 overflow: hidden; 
 display: block;
 padding-top: 12px;
 margin-right: -5px;
}
.button_normal { 
 float: left; 
 display: block; 
 height: 33px;
 overflow: hidden; 
 font-family: Tahoma; 
 font-size: 9.8px;
 color: #7e7c7c;
}

.button_normal_end { 
 height: 33px; 
 display: block; 
 margin-right: 0em; 
 padding: 7px 0.5em 0.5em 1.5em; 
 font-weight: bold; 
 margin: 5px -5px 0 0 ;
}

.hbutton_end a, .button_normal_end a { text-decoration: none; color: #333333; }
.clear { clear: both; }

.menu_footer ,
.menu_footer a { 
 font-family: Tahoma; 
 font-size: 9.8px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
}
.menu_footer a:hover { 
 font-family: Tahoma; 
 font-size: 9.8px;
 font-weight: bold;
 text-decoration: underline;
 color: #FFFFFF;
}

#aa { }
#bb { padding: 0.5em 0.5em 2em 1.7em; }
#cc { }
.sxmenu_into { padding: 1em 0 1em 0; }
.ie_hack { 
 height: 1px; 
 width: 209px; 
 display: block; 
 overflow: hidden; 
}
.vbutton_sel {
 background: transparent url(/static/images/green_button.png); 
 height: 30px; 
 width: 209px; 
 display: block; 
 margin-right: 0em; 
 padding: 0; 
 font-weight: bold; 
 overflow: hidden; 
 text-align:left;
 z-index:-1;
}
.vbutton { 
 background: transparent url(/static/images/orange_button.png); 
 height: 30px; 
 width: 208px; 
 display: block; 
 margin-right: 0em; 
 padding: 0; 
 font-weight: bold; 
 color: white; 
 overflow: hidden; 
 text-align:left;
}
.vbuttonsmall_sel { 
 background: transparent url(/static/images/green_button_small.png); 
 height: 30px; 
 width: 209px; 
 display: block; 
 margin-right: 0em; 
 padding: 0; 
 font-weight: bold; 
 overflow: hidden; 
 text-align:left;
}
.vbuttonsmall { 
 background: transparent url(/static/images/orange_button_small.png); 
 height: 30px; 
 width: 208px; 
 display: block; 
 margin-right: 0em; 
 padding: 0; 
 font-weight: bold; 
 color: white; 
 overflow: hidden; 
 text-align:left;
}

.left_footer{
 float: left;
 margin-top:5px; 
 margin-left:30px;
 font-weight: bold;
 font-family: Tahoma, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 font-family: Tahoma; 
 color: #7e7c7c;
}
.right_footer{
 float: right;
 margin-top:5px; 
 margin-right:30px;
 font-weight: bold;
 font-family: Tahoma, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 color: #7e7c7c;
}
#reset{
 
 margin-left:15px;
 color: #FFFFFF;
 text-decoration:underline;
 text-align:left;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 10px;
}


.right_footer a{
 color: #7e7c7c;
 text-decoration:none;
}

.vbutton a, 
.vbuttonsmall a { color: #6c6c62; text-decoration: none; text-align:left; font-family: Tahoma; font-size: 9.8px; }

.vbutton_sel a { color: #9fa09e; text-decoration: none; text-align:left; font-family: Tahoma; font-size: 9.8px; }

.vbuttonsmall_sel a { 
 color: #9fa09e; 
 text-decoration: none; 
 text-align:left; 
 font-family: Tahoma; 
 font-size: 9.8px; 
}

.vbuttonsmall .inside a { padding: 1em 1em 0.5em 7em; display: block; }
.vbutton .inside a { padding: 0.9em 1em 0.5em 7em; display: block; }

.vbutton_sel .inside a { padding: 0.9em 1em 0.5em 7em; display: block;  color:#9fa09e; z-index:2;}
.vbuttonsmall_sel .inside a { padding: 1em 1em 0.5em 7em; display: block; color:#9fa09e; z-index:2; }

.login_foo, .login_foo a { font-size: 10px; color: white; }
.sxmenu3_title { }
.sxmenu3_into { }
.sxmenu3_into ul { list-style-type: none; }
.sxmenu3_into ul li { text-align: left; }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.footer_center { padding: 4em 0 0 0; color: black; }

.form { width: 93%; }
.form .row { width: 100%; padding: 0.5em 1em 0.5em 1em; border-bottom: 1px solid #f1f1f1; padding-left: 24px; }
.form .row .field { float: left; font-weight: bold; width: 35%;  }
.form .row .value { float: left; width: 60%; }
.form .row .value input { border: 1px solid #c1c1c1; width: 100%;}
.form .row .value input:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row .value select { border: 1px solid #c1c1c1; width: 100%; }
.form .row .value select:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row textarea { border: 1px solid #c1c1c1; width: 100%; height: 100px; }
.form .row textarea:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row .checkbox { margin-right: 1em; }
.form .row2 { width: 95%; padding: 0.5em 1em 0.5em 0.5em; border-bottom: 1px solid #f1f1f1; }
.form .row2 .field { float: left; font-weight: bold; width: 35%;  }
.form .row2 .value { float: left; width: 60%; }
.form .row2 .value select { border: 1px solid #c1c1c1; width: 100%; }
.form .row2 .value select:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row2 textarea { border: 1px solid #c1c1c1; width: 95%; height: 100px; }
.form .row2 textarea:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row2 .value input { border: 1px solid #c1c1c1; width: 100%;}
.form .row2 .value input:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.form .row2 .checkbox { margin-right: 1em; }
.form .footer { padding: 2em 1em 1em 1em; text-align: center; }

.form .footer form.double { float: left; padding: 0; margin: 0; width: 40%; margin: 0 1em 0 2em; }
.form .footer form.double input { width: 100%; }
.form .header { padding-left: 24px; padding-bottom: 1em; }
.form .echeader { padding-left: 5px; padding-bottom: 1em; }
.form .message { padding: 2em 0 1em 0; }
.form .box { padding: 1em 0 1em 0; }
.form .box .message { padding: 1em 1em 1em 1em; }
.form .link { text-align: center; padding: 1em 0 1em 0; }
.form .link a { text-decoration: none; background: #f1f1f1; border: 2px solid #c1c1c1; padding: 0.5em; margin: 0 1em 0 1em; }

.form .small {margin:0; padding:0;}

.form .small select { border: 1px solid #c1c1c1; font-size:10px;}

.form .small .input .text  { border: 1px solid #c1c1c1; font-size:10px;};


.form .small2 {margin:0; padding:0;}
.form .small2 td {border-bottom: 1px solid #c1c1c1; padding-bottom:2px;padding-top:2px;}
.form .small2 input { border: 1px solid #c1c1c1; font-size:10px;};
.form .small2 select { border: 1px solid #c1c1c1; font-size:10px;}

.form .small .border { width: 60px; border: 1px solid #c1c1c1; }
#border2 { border: 1px solid #c1c1c1; font-family: arial; font-size:12;};

.clear { clear: both; }

/*.login { padding: 0px; margin: 0px; width: 100%; }
.login .value { float: left; width: 60%; }
.login .button { border: 1px solid #c1c1c1; width: 49%; }
.login .button:hover { border: 2px solid #f1f1f1; }*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.login { padding: 0px; margin: 20px 0px 0px 10px; width: 100%; }
.login .value { float: left; width: 60%; }
.login .button { border: 1px solid #c1c1c1; width: 49%; }
.login .button:hover { border: 2px solid #f1f1f1; }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.login_field { color: #FFFFFF; font-size:9pt; font-weight: bold;  }
.login_input { margin: 0.1em; border: 1px solid #c1c1c1; width: 80px; font-size: 8pt; height:9pt;}
.login_input:hover { border: 1px solid #c1c1c1; background: #f1f1f1; }
.login_title { font-size:8pt; margin-left:15px; font-weight:bold; }

.list { width: 100%; }
.list th { text-align:left;  } 
/*.list td { background: url(/static/template/img12.gif) repeat-x left bottom; padding: 0.5em; }*/
.list td { border-bottom: 1px solid #f1f1f1; padding:0; margin:0; }
.list input { border: 0px solid #f1f1f1; background: transparent; }

.halflist { width: 90%; }
.halflist th { text-align:center; }
.halflist td { text-align:center; border-bottom: 1px solid #f1f1f1; padding:0; margin:0; }
.halft input { border: 0px solid #f1f1f1; background: transparent; }

.regions {font-size:10px; }
.regions li {margin: -6px -1px -6px -1px;}
.regions a { text-decoration: none; color:#666666;}
.regions a:hover { text-decoration: none; color:#f6ad12;}
.regions a.selected { text-decoration: none; color:#f6ad12;}

#vendor {
border:0px solid red;
padding-left:20px;
}
#vendor th { text-align:left;  border-bottom: 1px solid #f1f1f1;} 
#vendor td { text-align:left; border-bottom: 1px solid #f1f1f1; } 

.error { padding-left: 24px;}
.error .header { padding-bottom: 1em; }
.error .message { padding-bottom: 1em; }
.error .footer { padding-bottom: 1em; }

.form_errors { }
.form_errors .error { width: 100%; padding: 0.5em 1em 0.5em 1em; border-left: 15px solid red; border-bottom: 1px solid #f1f1f1; }

.photo { text-align: center; padding: 2em 0 2em 0; }
.photo img { border: 0; }

.admin { padding-left:5px;}
.admin .button { border: 0px solid #ffffff; padding: 0.5em; width: 40%; margin: 0 1em 1em 0; float: left; }
.admin .button a { text-decoration: none; }


/* .form .footer input { border: 2px solid #c1c1c1; padding: 0.5em; width: 40%; margin: 0 1em 0 1em; font-size:11px;} */

.admin .button {background:url(/static/images/grande_off.png) repeat-x bottom; padding: 0.5em; width: 283px; margin: 0 1em 1em 0; float: left; }
.admin .button:hover {background:url(/static/images/grande_on.png) repeat-x bottom; padding: 0.5em; width: 283px; margin: 0 1em 1em 0; float: left; }

.footer input {background:url(/static/images/medio_off.png) repeat-x bottom; padding: 0.5em; width: 257px; }
.footer input:hover {background:url(/static/images/medio_on.png) repeat-x bottom; padding: 0.5em; width: 257px; }

.link input {background:url(/static/images/medio_off.png) repeat-x bottom; padding: 0.5em;  }
.link input:hover {background:url(/static/images/medio_on.png) repeat-x bottom; padding: 0.5em; }



.ecommerce .border { width: 30px; border: 1px solid #f1f1f1; }

.selector { float: left; width: 100%; text-align: left; padding-bottom: 1em; }
.selector input { float: right; background: white; border: 0; }


#small_checkbox { width: auto; display: inline; }

.valid { padding-left: 24px; }
.valid .header { padding-bottom: 1em; }
.valid .message { padding-bottom: 1em; }
.valid .footer { padding-bottom: 1em; }

div.tabpanel {width:100%;margin-bottom:2em; padding-left: 15px; }
div.tabpanel div.tab{border: 1px solid #D7D7D7;border-top:0}
div.tabpanel div.tab{padding: 10px}
div.tab h2{width:100%;margin: 0;padding:0.3em 0;font-size:150%;color:#86A5D8}
div.tab p{margin-top:0}

ul.tabnav{width: 100%;overflow:hidden;list-style: none;
     margin: 0;padding:0;background:url(/static/images/line.png) repeat-x bottom}
ul.tabnav li{float: left;margin: 0 0 0 0.5em;padding: 0}
ul.tabnav a{float: left;padding: 0 0 0 0.8em;
    background: url(/static/images/tab.png) no-repeat top left;
    text-decoration: none;color: #222;
    border-bottom: 1px solid #D7D7D7}
ul.tabnav span{float: left;padding: 0.6em 0.8em 0.6em 0;
    background: url(/static/images/tab.png) no-repeat top right;cursor: pointer}
ul.tabnav a.active,ul.tabnav a:hover{
    background: url(/static/images/tab2.png) no-repeat top left;
    border-bottom:1px solid #FFF}
ul.tabnav a.active span,ul.tabnav a:hover span{
    background: url(/static/images/tab2.png) no-repeat top right;color: #184D8A}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CDD500;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid black;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}