/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
body{font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_12,.container_16{margin-left:4%;margin-right:4%;width:92%}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:1%;margin-right:1%}.container_12 .grid_3,.container_16 .grid_4{width:23%}.container_12 .grid_6,.container_16 .grid_8{width:48%}.container_12 .grid_9,.container_16 .grid_12{width:73%}.container_12 .grid_12,.container_16 .grid_16{width:98%}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:6.333%}.container_12 .grid_2{width:14.666%}.container_12 .grid_4{width:31.333%}.container_12 .grid_5{width:39.666%}.container_12 .grid_7{width:56.333%}.container_12 .grid_8{width:64.666%}.container_12 .grid_10{width:81.333%}.container_12 .grid_11{width:89.666%}.container_16 .grid_1{width:4.25%}.container_16 .grid_2{width:10.5%}.container_16 .grid_3{width:16.75%}.container_16 .grid_5{width:29.25%}.container_16 .grid_6{width:35.5%}.container_16 .grid_7{width:41.75%}.container_16 .grid_9{width:54.25%}.container_16 .grid_10{width:60.5%}.container_16 .grid_11{width:66.75%}.container_16 .grid_13{width:79.25%}.container_16 .grid_14{width:85.5%}.container_16 .grid_15{width:91.75%}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:25%}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:50%}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:75%}.container_12 .prefix_1{padding-left:8.333%}.container_12 .prefix_2{padding-left:16.666%}.container_12 .prefix_4{padding-left:33.333%}.container_12 .prefix_5{padding-left:41.666%}.container_12 .prefix_7{padding-left:58.333%}.container_12 .prefix_8{padding-left:66.666%}.container_12 .prefix_10{padding-left:83.333%}.container_12 .prefix_11{padding-left:91.666%}.container_16 .prefix_1{padding-left:6.25%}.container_16 .prefix_2{padding-left:12.5%}.container_16 .prefix_3{padding-left:18.75%}.container_16 .prefix_5{padding-left:31.25%}.container_16 .prefix_6{padding-left:37.5%}.container_16 .prefix_7{padding-left:43.75%}.container_16 .prefix_9{padding-left:56.25%}.container_16 .prefix_10{padding-left:62.5%}.container_16 .prefix_11{padding-left:68.75%}.container_16 .prefix_13{padding-left:81.25%}.container_16 .prefix_14{padding-left:87.5%}.container_16 .prefix_15{padding-left:93.75%}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:25%}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:50%}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:75%}.container_12 .suffix_1{padding-right:8.333%}.container_12 .suffix_2{padding-right:16.666%}.container_12 .suffix_4{padding-right:33.333%}.container_12 .suffix_5{padding-right:41.666%}.container_12 .suffix_7{padding-right:58.333%}.container_12 .suffix_8{padding-right:66.666%}.container_12 .suffix_10{padding-right:83.333%}.container_12 .suffix_11{padding-right:91.666%}.container_16 .suffix_1{padding-right:6.25%}.container_16 .suffix_2{padding-right:16.5%}.container_16 .suffix_3{padding-right:18.75%}.container_16 .suffix_5{padding-right:31.25%}.container_16 .suffix_6{padding-right:37.5%}.container_16 .suffix_7{padding-right:43.75%}.container_16 .suffix_9{padding-right:56.25%}.container_16 .suffix_10{padding-right:62.5%}.container_16 .suffix_11{padding-right:68.75%}.container_16 .suffix_13{padding-right:81.25%}.container_16 .suffix_14{padding-right:87.5%}.container_16 .suffix_15{padding-right:93.75%}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.clearfix{display:block}* html .clearfix{height:1%}


@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/websymbols-regular-webfont.woff') format('woff'),
         url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'IconicStroke';
    src: url('fonts/iconic_stroke.eot');
    src: url('fonts/iconic_stroke.eot?#iefix') format('embedded-opentype'),
         url('fonts/iconic_stroke.otf') format('otf'),
         url('fonts/iconic_stroke.ttf') format('truetype'),
         url('fonts/iconic_stroke.svg#iconic') format('svg');
    font-weight: normal;
    font-style: normal;

}
.iconic { font-family: "IconicStroke"; }
*/


body {  }
a { color: #000; text-decoration: none; outline: 0; }
a:focus {outline:0}
h6 { font-size: 13px; margin:25px 0 -15px 0; padding:0; }

h5.home { margin: 20px 0; font-size:14px }

/* header */
#header { background: #efefef; border-bottom: 1px solid #ccc; height: 40px; font-size: 14px; padding-top: 10px; position: fixed; width: 100%; z-index: 10000 }
#header img { width: 160px; margin-top: 5px; }

#menu { }
#menu ul { float: none; }
#menu ul li { list-style: none; float: left; margin: 0; position: relative; }
#menu ul li a { color: #444; font-weight: bold;  display: block; padding: 5px 15px; }
#menu ul li a:hover, #menu ul li a.active { background: #fff; color: #000; height: 20px; position: relative; z-index: 0; }
#menu ul li a span { font-family: 'WebSymbolsRegular'; padding-right: 10px; }

#menu ul li ul { background: #fff; margin: 0; float: none; display: none; position: absolute; width: 200px; }
#menu ul li ul li { float: none; margin-left: 0; padding-left: 10px;  }
#menu ul li ul li.separator { border-bottom: 1px solid #efefef; padding-bottom: 5px }
#menu ul li ul li a { font-weight: normal; font-size: 13px }
#menu ul li ul li a:hover { height: auto }

#menu ul ul {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#menu a.active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) -moz-use-text-color;
}


/* #content */
#content { padding-top: 80px; }


input, select, textarea {
    background: none repeat scroll 0 0 #ffffbb;
    border: 1px solid;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    color: #222;
    font-size: 13px;
    padding: 5px
}
input:disabled, select:disabled, textarea:disabled { background: #fff; }
.error { border: 2px solid #DD4B39 !important; } 


#addcustomer fieldset, #sendquote fieldset {
    border: 1px solid #efefef;
    padding: 1%;
}

#addcustomer fieldset legend, #sendquote fieldset legend { font-weight: bold; }
#addcustomer fieldset label, #sendquote fieldset label { display: block; float: left; width: 100px; }
#addcustomer fieldset input, #sendquote fieldset input { display: block; clear: right; width: 250px }

.ui-state-error { padding: 10px; margin-bottom: 20px; }
.ui-state-error p { margin: 2px 0 }
.ui-state-error p span { float: left; margin-right: .7em; }
.ui-state-error .ui-icon { margin-top: 2px !important }

.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }
* html .ui-autocomplete { height: 200px; }

#addquote label { min-width: 120px; display: block; float: left; margin: 3px 0 }
#addquote input { clear: right; width: 233px; margin: 1px 0; }
#addquote .quoteNumber input { width: 50px; text-align: right }
#addquote #addcustomer span, a.openAddProduct span, a#addProduct span, a.updatePriorities, a.calculateExtraFees, a#opencustomer_info span { font-family: 'WebSymbolsRegular'; padding-right: 10px; font-size: 16px; color: #20A967 }

a.openAddProduct span.close { color: #D94836 }
.addProduct { margin: 20px auto; }
#containerAddProduct { height: 150px; background: #fafafa; display: none }
#containerAddProduct .display td input { width: auto; }

.quoteExtraFees { margin-top: 80px; }
a.calculateExtraFees { color: #444 }

.quote_total input { font-weight: bold }

#sendquote #oggetto, #sendquote #messaggio, #email_message { width: 500px }
#sendquote #messaggio, #email_message  { height: 200px }
#sendquote input.file { display:inline; }
#sendquote a.empty { font-family: 'WebSymbolsRegular'; color: #D14836 }

#selectuser {margin-bottom: 60px}


.messages { margin-top: 30px }
.messages .message_error { background: #FCF0F0; list-style-type: none; margin: 5px 0; padding: 3px }
.messages .message_valid { background: #B7FFDD; list-style-type: none; margin: 5px 0; padding: 3px }