/* INFALL CSS */

* { 
  margin: 0; 
  padding: 0;
}

body, html { margin:0; padding:0; width:100%; height:100%;}
body {background:#fff; color:#000; font-family:"Lucida Sans", "Lucida Sans Unicode", Arial; font-size:10px; background:url(images/layout/body_bg.gif) top left repeat-x;}

body.sub {background:url(images/layout/body_sub_bg.gif) top left repeat-x;}

a img {border:none;}

form {display:block; padding:20px 20px 50px 20px; position:relative;}

label, input,textarea {line-height:15px; _line-height:20px; font-size:12px;padding:2px;}
label {display:inline; float:left; width:150px; cursor:pointer;}

label.inline {float:none; padding-left:25px;}

label sup {font-weight:bold; font-size:14px; color:#c00; line-height:0px;}
/*label:hover { background: url(images/layout/bg_label_over.gif) center right no-repeat;}*/
input.text, textarea.text, select.text {width:350px; border:1px solid #ccc;}
input.text:focus, textarea.text:focus, select.text:focus, .hover {border-color:#666!important}
.half {width:175px!important; margin-right:11px;}
.quarter {width:100px!important; margin-right:11px;}
.octave { width:50px!important; margin-right:11px;}
.sixtieth {width:25px!important; margin-right:11px;}
.error {border:1px solid #c00!important; padding:3px 2px; _padding:4px 2px; color:#000;}

input.submit {position:absolute; _position:static; background:#006 url(images/layout/submitting_button.jpg) top left no-repeat; overflow:hidden; border:none; width:100px; height:30px; font-size:0px; cursor:pointer; bottom:15px; right:30px;}

.formRow {display:block; clear:left; margin-bottom:9px;}


.floatLeft {float: left; margin:0 22px 0px 0;}
.floatRight {float: right; margin:0 0 0px 22px;}
.roundBordered {border:1px solid #333; padding:0;}
.firstParagraph {margin-top:0;}

.underlined {border-bottom:1px solid #ccc; padding-bottom:5px}

.rightAlign {text-align:right;}

.simplePhotoGallery li {width:110px; height:70px; overflow:hidden;border:1px solid #ccc; padding:0!important;}

.toolTipImg img {border:1px solid #ccc;}

.tool-tip {color:#fff; font-size:11px; padding:5px; width:150px;}
.tool-title {font-weight:bold; background:url(images/layout/top_tip_bg.png) top center no-repeat; padding:15px 5px 2px 5px; border-bottom:1px solid #fff}
.tool-text{background:#001; padding:5px; display:block;}

.clearBoth {clear:both}


#wrapper { margin:0 auto; width:900px; /*background:#fff;*/ background:url(images/layout/bg_wrapper.gif) top left repeat-x;}

#header {position:relative; height:93px; overflow:hidden; margin-bottom:10px;}
#header h1 {position:absolute; left:124px; top:0px; margin:0;}

#bocchette_expo {position:absolute; top:10px; right:0;}

#navBar_1 {margin:12px 0 0 0; width:133px; overflow:hidden; padding:0px; list-style-type:none; font-size:1.2em; _font-size:1em; }
#navBar_1 li {padding:0px; margin:0px!important;}
#navBar_1 a {margin:0px; color:#999; text-decoration:none; text-transform:uppercase; padding:2px; _padding:1px; display:block; background:#fff; font-weight:normal;border-bottom:1px solid #333; border-color:#333;}
#navBar_1 a.notActive{color:#ccc; border-bottom: 1px solid #ccc; cursor:default;}

/*	#navBar_2	*/

#navBar_2 {position:absolute; top:0px; left:0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff}
#navBar_2 ul{background:#fff /*url(images/layout/bg_navBar_2.gif) bottom right no-repeat*/; list-style-type:none; width:160px; margin:0; padding:0 0px 8px 0px; font-size:1em; overflow:hidden;}
#navBar_2 li{margin:0; }
#navBar_2 li a {color:#666; text-transform:uppercase; text-decoration:none; display:block; padding:5px 5px 5px 8px; border-bottom:1px solid #ccc; background:none;}
#navBar_2 li a:hover { border-color:#666; background:url(../images/layout/li_prodotti_bg.gif) bottom left no-repeat;}

#navBar_2 li ul {margin:0 0 0 10px; font-size:9px; display:none;}
#navBar_2 li ul li a {color:#999; text-transform:uppercase; text-decoration:none; display:block; padding:1px 5px 1px 8px; border-bottom:1px solid #ddd; background:none;}
#navBar_2 li ul li a:hover {border-color:#aaa; background:url(images/layout/bullett_custom.gif) center left no-repeat;}
#navBar_2 h2 {background:#fff; margin:0 0 0px 0; padding:1px 0 5px 0; color:#CC0000; font-size:17px; cursor:default; font-weight:normal;}

#certificazione {position:absolute; right:0px; bottom:0px; width:150px; height:85px; overflow:hidden; text-align:right; font-size:10px; font-weight:bold; }
#certificazione a{ text-decoration:none; color:#666; background:#fff url(images/layout/certificazione.jpg) bottom right no-repeat!important; height:82px; display:block;}

/*	#middleBar	*/
#middleBar {position:relative; padding-bottom:0px; border-bottom:1px solid #999; _border:1px solid #333; _border-left:none; _border-right:none; border-top:none; overflow:hidden;}

.middleBarHome {height:280px;}
.middleBarHome #rightSide {height:100%;}
.middleBarSub {height:120px;}
.middleBarSub #rightSide {height:123px;}

#slideshow {width:426px; background: url(images/layout/left_slideshow.jpg) top left no-repeat; padding-left:130px;}
#middleBar #rightSide { position:absolute; right:2px; top:-3px; background:#eee url(images/layout/bg_grey_middle_bar.gif); width:336px; overflow:hidden;}



#preventivo {position:absolute; bottom:0px; right:0px; width:100%; text-align:center; background:#fff;}
#preventivo a {background:url(images/layout/bg_preventivo_button.jpg) no-repeat center; padding:2px; margin-top:4px; display:block; color:#fff; font-size:1.75em; text-decoration:none;}

#slideshow img {margin:0px;}


#content {position:relative; _position:static; overflow:hidden; background-color:#000; background:#fff url(images/layout/bg_content_2.gif) top left no-repeat;}

.contentWrapperHome{height:204px; background:none!important;}	/*	GESTISCE L'ALTEZZA DELL'AREA CONTENT NELLA HOMEPAGE	*/
.contentWrapperSub{width:560px; /*position:relative;*/	 margin-bottom:33px;}	/*	GESTISCE L'ALTEZZA DELL'AREA CONTENT NELLE SOTTOSEZIONI	*/

#content .content { height:100%; overflow:hidden; }

.showRroomPhotos {list-style-image:none; list-style-type:none; margin:10px 0 10px 0; text-align:center;}
.showRroomPhotos li {display:inline; margin:5px 16px; }
.showRroomPhotos li img{border:1px solid #333;}

#content p {font-size:11px; line-height:18px; margin:6px 30px 6px 18px; text-align:justify;}
#content a {color:#00a;}
#content a:hover {color:#000;}
#content .headImg {margin:11px 30px 11px 18px;}

#content a.scrollToTop {display:block; margin:6px 30px 6px 18px;}

#content h2 { color:#666;  font-size:18px; line-height:18px; font-weight:normal; margin:18px 15px 18px 0px; text-align:left; }
#content h3 { color:#333; font-size:15px; line-height:18px; margin:22px 0 0px 10px }

.homeContent {width:322px; background:url(images/evocative_1.jpg) bottom left no-repeat; padding:0 0px  0 235px}
.homeContent h2, .subContent h2  {color:#000!important;}

.subContent {}

#content ul {list-style-position:inside; font-size:11px; list-style-image:url(images/layout/bullett_custom.gif);}
#content ul li{margin-left:11px; padding:3px;}

#content ul.simplePhotoGallery li {height:70px; overflow:hidden;}

#partners {position:absolute; left:585px; top:0px; width:150px; background:#fff; height:100%; overflow:hidden; display:none;}
#partners ul, #associazioni ul{list-style-type:none; list-style-image:none!important; list-style-position:outside;}

#associazioni {width:320px; height:100%; overflow:hidden; float:right; }
#associazioni ul li {float:left; margin:5px}


.list_product {list-style-image:none!important; list-style-type:none; margin:22px 0;}
.list_product li {/*float:left; width:250px;*/ border-bottom:1px solid #ddd;}
.list_product h3 {margin:0!important; cursor:pointer;}
.list_product h3 img {vertical-align:middle; margin-right:22px;}
.list_product p {margin-left:122px!important;}
.list_product p.this_area {display:block!important;}


.thumbGallery { /*background:url(images/layout/grey_stripped_up.gif) top left repeat-x;*/ padding:6px 6px;}
.thumbGalleryHome {}
.thumbGallery a {float:left; margin:2px; padding:2px; border:1px solid #999; width:70px;}
.thumbGallery a:hover {border:1px solid #333; }
.thumbGallery a img {width:100%}

	.goDown, .goUp {position:absolute; right:0px; color:#333; width:20px; text-decoration:none; line-height:15px;}
	.goDown{ bottom:5px; background:url(images/layout/downArrow.gif) no-repeat center;}
	.goUp{ top:5px;background:url(images/layout/upArrow.gif) no-repeat center;}
	.disabled{cursor:default}
	
	.hidden {visibility:hidden;}
	
#footerWrap {margin:0 auto; background: url(images/layout/bg_footer.gif) top left repeat-x; padding:10px;}

#footer {width:900px; margin:10px auto; color:#333; padding:6px 0; font-size:1.2em;}

/*	PREVENTIVO ONLINE	*/
	#boxForm {position:static; margin-top:40px; padding:0 20px;}
	#boxForm h2 {margin-bottom:30px; font-size:15px; color:#666;}
	#boxForm h2 span.subTitle {color:#CC3300; font-weight:normal; margin-left:20px;}
	
	#boxForm .riepilogoMisure {margin-top:30px; list-style-position:inside; height:270px; overflow:auto; border:1px solid #999; padding:5px; background:#fff; position:relative;}
	
	#boxForm .riepilogoMisure table {width:100%; margin-top:15px;}
	#boxForm .riepilogoMisure table td, #boxForm .riepilogoMisure table th { padding:3px 2px; text-align:left; vertical-align:top;}
	#boxForm .riepilogoMisure table td input, #boxForm .riepilogoMisure table td select {margin:0;}
	
	#boxForm .riepilogoItems th {padding:2px 2px 8px!important;}
	#boxForm .riepilogoItems td, #boxForm .riepilogoItems th {font-size:10px; text-align:left!important; padding:1px 0;}
	
	#boxForm .riepilogoItems tr.alt td, #boxForm .riepilogoMisure tr.alt td {background:#eee;}
	
	
	.fixed {position:fixed;_position:absolute;}
	.bg_overlay { top:0; left:0;width:100%; height:100%; background:#fff;}
	.form_box { top:100px; left:200px; width:720px; height:450px; background: #fff url(images/preventivo/content_box_bg.jpg) top right no-repeat;border:1px solid #c00; border-width:2px 2px; overflow:auto;}

	span.ok {background:url(images/layout/bullett_green.gif) center left no-repeat; display:block; padding-left:12px; color:#060; font-weight:bold;}
	span.no {background:url(images/layout/bullett_red_no.gif) center left no-repeat; display:block; padding-left:12px; color:#600; font-weight:bold;}

	.itemDetail span.ok, .itemDetail span.no {background:none; display:inline; padding:0; color:inherit;}

	.riepilogoMisure .itemDetail {display:none;}


	.steps { list-style-type:none; margin:10px; text-transform:uppercase; }
	.steps li {width:100px; padding:2px; margin:2px; background:#eee; border:1px solid #ddd; display:inline; color:#ddd; cursor:default;}
	.steps li.this_step { background:#c00; border-color:#600; color:#fff;}
	.alignRight {text-align:right;}

	.nextStepBox {margin: 0pt; padding: 0pt; position: absolute; right:0; bottom:0; width:100px; height:30px; background:#c00; text-align:center;}
	.nextStepBox a {color:#fff; text-decoration:none; display:block; text-transform:uppercase; line-height:30px;}

	.addNewItem {position:absolute; bottom:0; right:0; padding:3px 6px; background:#006; color:#fff;}
	
	.finalMessage {width:400px; font-size:13px; font-style:italic; color:#333; line-height:20px; margin-bottom:16px;}

	.goBackBox {margin: 0pt; padding: 0pt; position: absolute; left:0; bottom:0; width:100px; height:30px; background:#c00; text-align:center;}
	.goBackBox a {color:#fff; text-decoration:none; display:block; text-transform:uppercase; line-height:30px;}

	.removeItem {background:#900; border:1px solid #600; color:#fff; text-decoration:none; padding:1px 3px;}
	.removeItem:hover {text-decoration:underline; background:#c00;}

	.showItemDetail {border:1px solid #060;  text-decoration:none; padding:1px 3px; margin:1px 0; background:#060; color:#fff; padding-left:10px; list-style-type:decimal; list-style-position:inside}
	.showItemDetail:hover { text-decoration:underline; background:#090;}
	
	
	.tipo_choice {border:1px solid #ccc; width:114px; padding:190px 6px 6px 6px; margin:6px 20px; height:35px; float:left; text-align:center; color:#900; text-transform:uppercase; font-size:10px;}
	.tipo_choice:hover,.tipo_choice.hover {border-color:#300; color:#000;}
	.tipo_choice.selected {border-color:#003; color:#fff; background-color:#003; font-weight:bold; border-top-width:7px; _background-color:#fff; _color:#000;}
	
	
	
	label.infisso {background:url(images/preventivo/infisso.jpg) top left no-repeat;}
	label.persiana {background:url(images/preventivo/persiana.jpg) top left no-repeat;}
	label.avvolgibile {background:url(images/preventivo/avvolgibile.jpg) top left no-repeat;}
	label.zanzariera {background:url(images/preventivo/zanzariera.jpg) top left no-repeat;}