/* Complastex - progetto grafico #1 */

* {margin:0; padding:0;}
body, html {width:100%;}

body {background:#fff url(images/body_bg3.gif) top left no-repeat fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
body { /*_background-position: -27px 0;*/}

p {margin-bottom:18px; text-align:justify}
h1 {line-height:36px; font-size:20px; margin-bottom:6px; color:#C1BA78; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #eee;}

input.submit, input.resetForm{padding:2px; margin-top:36px; font-size:12px;}

a img {border:none;}


.alignRight {text-align:right}
.alignleft {text-align:left}

.hidden{display:none}
.area {
	background:#ccc;
	height: 500px;
	width: 5px;
}
.knob {
	height: 20px;
	width: 5px;
	background: #999;
	cursor:move;
}

div.prontoamagazzino {font-size:10px!important; color:#a00!important; display:block; clear:both; line-height:18px;padding:6px 0 12px; text-align:right;}


.dataGrid {font-size:10px; border: 1px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999; padding:2px; background:#fff; width:650px;}
.dataGrid th {padding:1px; text-align:left; font-size:12px; padding-top:6px; padding-bottom:6px;}

.dataGrid tr{cursor:default;}
.dataGrid td {padding:1px}

.resultMsg {margin-right:60px; width:440px;}
.errorMsg {display:block; color:#a00; text-align:center; font-size:12px; padding:20px 0;}


.disponibilityTable{font-size:10px; margin:auto; width:100%; _width:100%; border:1px solid #ccc; margin-top:1px;}
.disponibilityTable th {font-size:10px; text-align:left; padding:6px 2px 0 2px; background:#eee;}
.disponibilityTable td {padding:0 2px;}

.alt td{ background:#DAE3E9}
.over td { background:#BFCAD9}


.legend { border:1px solid #C1BA78; border-right:2px solid #C1BA78; border-bottom:2px solid #C1BA78; padding:0px 6px; list-style-type:none; margin:6px 0 18px 0; font-size:10px; width:636px; background:#fff;}
.legend li {margin:1px 0;}


.pager {padding:10px 0; margin:0 5px; text-align:center; clear:both; background:#005AA8 ; color:#fff; text-transform:uppercase; font-size:14px; border-top:3px solid #ddd;}
.pager a{ color:#0C419A;}
.pager input {font-size:10px; margin:0 20px;}

.tab_sector {list-style-type:none; border-bottom:2px solid #BFCAD9; margin:0px 60px 0 0px!important; height:29px; }
.tab_sector li {float:left; width:90px; margin-left:10px;}
.tab_sector li a { padding:5px 5px 4px; display:block; text-align:center; text-decoration:none; text-transform:uppercase; color:#999; background:#eee url(images/layout/sector_tab_bg.gif) 0 0 repeat-x; }
/*.tab_sector  li a:hover { background:#DAE3E9 ; color:#666;}*/
.tab_sector  li.selected a, .tab_sector  li.selected a:hover {border:3px solid #BFCAD9; border-width:2px 2px 0; background:#fff; color:#60809F; }

/*	SEARCH BOX STYLE	*/
/*	BACKUP	*/

/*.container_box {background:#fff;border:1px solid #000;width:300px;position:absolute;z-index:101}

.container_box h2 { font-size:12px; text-transform:uppercase; margin:0 0 6px 0; background: #C2BF78; padding:2px 5px; color:#fff;}

.container_box h2 {position:relative; margin:0; top:0; }
.container_box h2 a.closeBtn {position:absolute; top:0; right:0; color:#fff; display:block; width:20px; height:100%; text-align:center; text-decoration:none; line-height:22px; background:none; margin:0;}

.container_box h2 a.closeBtn_hover {background:#fff;}



#search_fields {display:none; margin:5px;}
#search_fields form{position:relative; margin:5px;}


#search_fields fieldset {padding:5px 5px 10px; border:1px solid #ccc;}*/

#search_fields legend, #inline_search_fields legend {padding:0 2px;}

#search_fields label, #inline_search_fields label {margin-top:3px; display:block; font-size:10px; clear:both; color:#333;}

#search_fields input.text, #search_fields select.text, #inline_search_fields select.text, #inline_search_fields input.text {width:332px; padding:2px; font-size:10px; border:1px solid /*#BFCAD9*/ #BFCAD9;  margin:0 auto;}


#search_fields .text, #inline_search_fields .text {float:left;}

#search_fields input.focus, #search_fields select.focus {border-color:#333;}

#search_fields select.text {}
#search_fields input.submit, #search_fields input, #search_fields .resetForm  { font-size:10px;/*display:block; margin:10px 0;*/}

/*	NEW SEARCH BOX STYLE	*/

.container_box {background:#fff;border-left:8px solid #BFCAD9;  width:500px; position:fixed; z-index:101; border-top:2px solid #BFCAD9; border-right:2px solid #BFCAD9;}
.container_box h2 { font-size:18px; height:18px; line-height:20px; overflow:hidden; text-transform:uppercase; margin:0 0 9px 0; padding:5px 5px 5px 15px; color:#333; font-weight:normal;}

.container_box h2 {position:relative; top:0; }
.container_box h2 a.closeBtn {position:absolute; top:0; right:0; color:#BFCAD9; display:block; width:30px; height:100%; text-align:center; text-decoration:none; line-height:27px; background:#fff; margin:0;}

#search_fields {display:none; }
#search_fields form, #inline_search_fields form{position:relative; margin:5px; }
#search_fields fieldset , #inline_search_fields fieldset{padding:0px 5px 2px; border:1px solid #ccc; margin:0 18px;}
#inline_search_fields fieldset {margin:0;}

#inline_search_fields legend {padding:0 13px; text-transform:uppercase; font-size:11px; color:#333;}
#inline_search_fields fieldset {border:1px solid #BFCAD9!important; padding-left:10px; padding-bottom:10px; }
#inline_search_fields .bottomForm {/*margin-top:10px; margin-left:10px; padding-left:8px; padding-top:10px; margin-right:15px;*/ background:#BFCAD9;}

.hRadioList {margin:0!important;}
.hRadioList input { vertical-align:middle; margin:0 5px;}
.hRadioList label {display:inline!important}


small.inputToolTip {background:#FFFFCC; margin-left:350px; display:block; font-size:11px; line-height:12px;}

.container_box .bottomForm { background:#BFCAD9; padding:5px; margin-top:18px;}

.container_box .bottomForm .submit, .container_box .bottomForm .resetForm {margin:0;}


/*	END RESTYLING SEAR$CH BOX	*/

.formDataRow {width:320px; margin:5px; margin-bottom:18px; font-size:12px; line-height:18px;}
.formDataRow input, .formDataRow select {font-size:inherit;}
.formDataRow label {float:left; width:100px; padding:1px; font-size:inherit; color:#333;}
.formDataRow input.text, .formDataRow select.text {border:1px solid #BFCAD9; padding:2px; width:200px;}
.formDataRow input.radio {margin-right:6px; line-height:18px;}
.formDataRow label.notFloated {float:none;}

.formDataRow input.focus, .formDataRow select.focus {border-color:#000;}

.formDataRow .box {margin-left:100px; padding:1px;}
input.submit{padding:2px; margin-top:36px; font-size:12px;}

ul.double-column {
width:680px; list-style-type:none; margin-top:26px; height:200px; overflow:hidden;
}
ul.double-column li {float:left; width:300px; height:125px; margin:0px 5px 5px 5px; padding:10px; background:url(images/item_box.jpg) top left no-repeat; overflow:hidden; font-size:10px; line-height:12px; }

ul.double-column li:hover, ul.double-column li.item_over {	/*background:url(images/item_box_over.jpg) top left no-repeat;*/}
ul.double-column li h2{
color:#60809F; text-transform:uppercase; border-bottom:1px solid #60809F;padding:4px 0; font-size:14px; margin-bottom:8px; margin-left:10px;}

.detail {padding-left:70px; overflow:hidden; background:url(images/sample_img_product.jpg) 5px center no-repeat;}

#data_form {margin-top:36px; background:#fff url(images/admin_form_bg.jpg) top right no-repeat;}
#data_form sup {color:#c00; font-weight:bold; padding:3px;}
.formBg = {}

.error { padding:4px; border:1px solid #900; background:#ffffef}
.tool-tip {background:#60809F; padding:5px; color:#fff; border:1px solid #333;}


.fix_head {/*position:fixed; top:0; left:0; width:905px; z-index:10; */}

#wrapper {width:905px; margin:25px 10px 25px 0;}
#header {text-align:right; margin-bottom:49px; /*margin-top:35px; _margin-top:10px;*/ background: url(images/bg_header.gif) top left repeat-x; padding-right:55px; position:relative; width:830px; _width:700px;}

.logo_cinquantenario {position:absolute; top:19px; left:0px;}
.promoButton {position:absolute; top:19px; left:156px; display:block; text-transform:uppercase; border:1px solid #E3ECB3; border-left-width:0; line-height:23px; padding:0 20px; background:#fff; color:#DCE8BC; text-decoration:none;}

.promoButton:hover {color:#5D5D5C;}

#logo_complastex {margin-right:0px;}

#infoUser {background:url(images/user-icon.gif) center left no-repeat; padding-left:35px; line-height:25px; margin:5px; width:135px}


/*	OLD	*/
#navBar li { line-height:20px; zoom:1; }

#navBar li ul.sub {background:#DAE3E9; font-size:10px;}
#navBar li ul { list-style-type:none; padding-bottom:6px;}
#navBar li ul li {margin:0; zoom:1;}
#navBar li ul li a {color:#60809F; font-size:9px; background:url(images/subItemNavBar_bg.gif) 0 0 repeat-x;}
/*#navBar li ul li a:hover {color:#fff; }*/
#navBar li a { background:url(images/itemNavBar_bg.gif) 0 0 repeat-x; color:#fff; font-size:12px; text-transform:uppercase; text-decoration:none; padding:1px; padding-left:20px; display:block;text-indent:10px;}

#navBar span.toggleButton {background: url(images/layout/navbar_li_expand_hover.gif) center no-repeat; width:20px; vertical-align:middle;padding:0 5px; margin-right:5px;}
#navBar span.hover {background:url(images/layout/navbar_li_expand.gif) center no-repeat;}
#navBar span.bullett {background:url(images/layout/navbar_li_bullett.gif) center no-repeat; width:20px; vertical-align:middle;padding:0 5px; margin-right:5px;}


/*	END OLD NAV BAR	*/

#sidebar {width:160px; position:absolute; top:93px; _top:79px; left:10px; }

#navBar { background:#BFCAD9 url(images/bg_nav_bar.gif) bottom right no-repeat;  list-style-type:none; text-align:left;padding-bottom:20px; margin-top:30px; }
#navBar h2 {background:#BFCAD9 url(images/bg_nav_bar_top.gif) top left no-repeat; padding:5px 10px; font-size:14px; height:0px; overflow:hidden; text-indent:-2000px; padding-top:24px;}
#navBar ul {list-style-type:none; }

#navBar li ul.sub {background:#DAE3E9 url(images/bg_sub_nav_bar.gif) top left repeat-x; font-size:10px;}
#navBar li ul { list-style-type:none; }
#navBar li ul li {margin-left:0;}
#navBar li ul li a {color:#60809F; font-size:10px; text-align:right; padding:0 2px; padding-right:4px;}
#navBar li a {color:#fff; font-size:12px;  line-height:20px;text-transform:uppercase; text-decoration:none; padding:1px; padding-left:5px; display:block;text-indent:0;}
#navBar li a.selected {background-position:0 -24px;}

.banner_promo {margin-top:18px; border:1px solid #666; display:block;}		

.logo_scatto {padding-top:66px; width:160px; background:#fff url(images/logo_scatto.jpg) top left no-repeat; text-align:center; display:block; text-decoration:none; color:#007FBD; text-transform:uppercase; font-size:10px;}

.logo_scatto:hover {color:#f04a23;}


/*	AREA RICERCA	*/
#search_box {margin:18px 60px 0 0px; }
#search_box > * {margin:5px;}
#search_box form{position:relative;}
#search_box h2 { font-size:12px; text-transform:uppercase; margin:0 0 6px 0; padding:2px 5px; color:#000;}
#search_box h2 a {color:#fff; font-weight:normal;}
input.open_box, input.resetForm, input.submit, #viewAllProducts {font-size:10px; padding:0!important; margin:5px; vertical-align:middle;}




ul.multiSelectBox { border:1px solid #BFCAD9; height:100px; width:330px; overflow:auto; margin-left:0!important;}
ul.multiSelectBox li {cursor:pointer; margin:0!important; padding:1px;}
ul.multiSelectBox li.selected, ul.multiSelectBox li.selected:hover {background:url(images/subItemNavBar_bg.gif) repeat-x scroll 0 -24px; color:#fff;}

ul.multiSelectBox li:hover {background:#eee;}


#search_output_panel { color:#555; width:440px; font-size:10px; background:#DAE3E9; border:1px solid #005AA8;}
#search_output_panel ul {margin-left:10px; list-style-type:none;}
#search_output_panel h3 { background:#005AA8; color:#fff; margin:0; font-size:12px; font-weight:normal; text-transform:uppercase; padding:2px 4px;}



#content {padding:0 0 9px 200px; /*_margin-left:0px; _padding-left:10px;*/ width:645px; background:transparent url(images/layout/opaque_white_bg.png); min-height:220px;  }

#content_head {width:645px; height:195px; /*background:url(images/header_bg_prodotti.jpg) no-repeat; */ overflow:hidden; position:relative; top:30px; left:200px; }
#content_head h1 { display:none;}
#content_head h2 {color:#fff; text-transform:uppercase; position:absolute; bottom: 5px; left:10px; font-weight:bold; font-size:11px; background:url(images/down_arrow.gif) center right no-repeat; border:1px solid #8EA19B; padding:2px 25px 2px 2px; cursor:pointer; text-align:left; width:595px;}

#content h2 {font-weight:normal; color:#005AA8!important; font-size:18px; margin-bottom:14px;}
#content h2.more {margin-top:18px;}

#content p { margin-bottom:6px; margin-right:165px; margin-left:10px; color:#666666; }

#content ul {color:#333; list-style-position:inside; list-style-type:none; margin-left:0;}
#content ul li {padding-left:5px; line-height:16px; margin:4px 0;}

#content ul.list {list-style-type:disc; list-style-position:outside; color:#666; margin-left:25px; padding:5px 0;}

#content ul.prodotti li { border-left:2px solid #005AA8; }
#content ul.prodotti li:hover span {background:#FFFFCC; color:#000;}

#content ul.downloads li {padding-left:0;}
#content ul.downloads li a.pdf {background:url(images/pdf_icon_small.gif) center left no-repeat; padding-left:70px;} 
#content ul.downloads li a.web {background: #FAFAFA url(images/web_icon_small.gif) center left no-repeat; padding-left:70px; text-transform:uppercase;}
#content ul.downloads li a.scatto {background: #FAFAFA url(images/logo_scatto_small.jpg) center left no-repeat; padding-left:70px; text-transform:uppercase;}

#content ul.downloads li a.web:hover, #content ul.downloads li a.pdf:hover, #content ul.downloads li a.scatto:hover {background-color:#FFFFCC}

#content ul.downloads li a {text-decoration:none; color:#005AA8;}
#content ul.downloads li a:hover {color:#000;}

#content .sideColumn {width:250; margin:0 5px;}

#certificazione{ float:right;}
#certificazione img { display:block;}

/*	SEZIONE MATERIALI	*/

.materiali { }
.materiali a{color:#005AA8!important; text-decoration:none;!important;}
.materiali a:hover{color:#333!important;}

.materiali ul#list_materiali {margin-left:1px; padding:0;}
.materiali ul#list_materiali li { margin:0!important; padding:0!important; background:url(images/layout/arrow_list.gif) center left no-repeat; padding-left:15px!important; margin-left:0!important;}

a.pdf_download {background:url(images/pdf_icon_small.gif) left center no-repeat!important; padding-left:25px; margin:9px 0 9px!important; display:block; color:#005AA8!important;  text-decoration:none;}
a.pdf_download:hover {color:#333!important;}

a.backLink {display:block; margin-top:18px; padding:6px 0; border-top:1px solid #ddd;}


/*	END SEZIONE MATERIALI	*/

/*	SEZIONE PRONTO A MAGAZZINO */


	table.datagrid {margin:18px 0 18px 10px;}
	.datagrid_header td {color:#005AA8; font-size:14px;}
	.datagrid td {padding:3px; text-align:center; }


/*	END SEZIONE PRONTO A MAGAZZINO	*/

.contact {width:400px; /*border-right:1px solid #DAE3E9;*/ float:left;}

.contact label {float:left; width:100px; color:#005AA8; font-size:16px; line-height:18px;}
.contact .formRow {clear:both; margin:10px;}
.contact .text {border:1px solid #C1BA78; font-size:12px; height:18px; font-family:inherit;}
.emailSender {margin-right:28px; font-size:10px; }


.swf iframe {border:1px solid #666;}
.contactButton {display:block; width:240px; height:30px; line-height:27px; color:#fff; text-decoration:none; background:url(images/layout/commercial_contact_button.gif) 0 0 no-repeat; overflow:hidden; text-align:center; font-size:12px; text-transform:uppercase; margin:0 0 20px;}
.contactButton:hover {background-position:0 -30px;}

#product_quick_list {position:absolute; top:140px; left:10px; list-style-type:none; background:#8EA19B; color:#fff; text-align:left; width:350px; border:1px solid #666; border-top:none; display:none; width:595px;}

#product_quick_list a { text-transform:uppercase; display:block; border-bottom:1px solid #BBC7C3; color:#fff; text-decoration:none; padding:0 5px; font-size:10px;}
#product_quick_list a:hover { background:#BBC7C3; color:#333;}


#content_head h2:hover, #content_head h2.hover {border:1px solid #BBC7C3; background-color:#9AABA5; background-image:url(images/down_arrow_hover.gif);}

#footer {background:#007FBD; padding:1px 10px; color:#fff; margin:30px 0; clear:both; width:824px; text-align:right; }


.schema_preview {float:right; width:180px; border:2px solid #E6E3CA ; text-align:center; margin:0 56px 0 0; _margin:0px 28px 0 0; background:#fff url(images/corner_top_right.gif) top right no-repeat; padding:0 0 5px 0; color:#666; cursor:default; position:fixed; left:662px; _position:absolute;}
.schema_preview:hover {border-color:#C2BF78; background-image:url(images/corner_top_right_hover.gif); color:#000;}

.schema_preview img {width:65%; display:block; margin:auto;}
.schema_preview p {text-align:left; font-size:10px; line-height:12px; margin:0 10px; }

.item_list {width:450px; margin:10px 0; background: url(images/layout/opaque_white_bg.png); _background: #fff url(images/layout/opaque_white_bg.gif); text-align:left; padding:10px 5px;}
.item_list tr {cursor:default;}

.item_list tr.hover, .item_list tr:hover { /*background:#EAEEF2!important; */}
.item_list tr.hover td h2, .item_list tr:hover td h2, .item_list tr.hover td p, .item_list tr:hover td p {color:#000!important;}
.item_list tr.hover td img, .item_list tr:hover td img { border-color:#000;}
.item_list tr.hover .detailButton, .item_list tr:hover .detailButton {color:#000!important;}

.item_list td {font-size:9px; line-height:10px; vertical-align:top;}
.item_list td h2{color:#60809F; font-size:12px; line-height:18px; }


.item_list td.item_image {width:50px; text-align:center; background:#fff /*url(images/layout/list_item_row_bg.gif) top left repeat-y*/; padding-left: 0;}
.item_list tr.hover td.item_image, .item_list tr:hover td.item_image {background:#fff /*url(images/layout/list_item_row_hover_bg.gif) top left repeat-y*/;}

.item_list td.item_image img {border:1px solid #999; width:100px; }
.item_list td.item_title {padding-left:7px; /*border-bottom:1px solid #ccc;*/}

.item_cell {/*height:100px;*/ position:relative;}
.item_list td.item_title .detailButton {position:absolute; right:0; bottom:0; font-size:12px; color:#999; text-decoration:none; display:none; }

.item_list td.item_title p{ text-align:left; margin:0 0 6px!important; }

.item_title table {border:1px solid #BFCAD9;}
.item_title table th {background:#DAE3E9; font-weight:normal; padding:2px; text-align:center;}
.item_title table td {text-align:center; padding:2px;}
.item_list ul.item_info {list-style-type:none;}

.collapsed {}
.autocompleter-choices {position:fixed; _position:absolute; background:#fff; border:1px solid #333; padding:3px;}
.autocompleter-queried {font-weight:normal; background:#60809F; color:#fff; padding:0 2px;}
.example-info {margin-left:10px;}
.autocompleter-selected {background:#EAEEF2;}

/*	MAPPA COMMERCIALI	*/
.swfContainerBox { 
	background:#fff;
	position:absolute;
	width:600;
	height:400;
	border:3px solid #BFCAD9;
}

.swfContainerBox a.closeButton {display:block; text-align:right; text-decoration:none; text-transform:uppercase; color:#fff; padding:2px; background:#BFCAD9;}

.swf {
	border:1px solid #fff; margin:25px;
}