/* CSS Arix@you for Comma 3 */

body {
	background: #82b7d9 url('../img/bg_body.gif') top left repeat-x;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 75%;
	color: #2f404a;
	font-family:Arial, Helvetica, sans-serif;
}


input.txt {
	border: 1px #b0bcc8 solid;
	color: #627d8d;
	padding: 2px;
}

select.txt {
	color: #627d8d;
	padding: 2px;
}


div.hr { padding: 0px; margin: 12px 0; height: 6px; background: transparent url('../img/bg_hr.gif') top left repeat-x; clear: both;}
hr { display: none; visibility: none; }

h1 { padding: 15px 0 15px 0; margin: 0; color: #0075bf; font-size: 2.6em; font-weight: normal;}
h2 { padding: 0 0 10px 0; margin: 0; color: #68a1c5;  font-size: 1.6em; font-weight: normal;}

.bigHeading { color:#0073BC;font-size:1.4em; }

img { border: 0; }

form { padding: 0; margin: 0; }

a.arrowlink { background: #fff url('../img/bg_arrowlink.gif') 0 0.2em no-repeat; padding: 0 0 0 16px; }

#header {
	width /**/: 930px;
	width: 900px !important;
	margin: 0 auto;
	padding: 0 15px;
}

	#header_container { position: relative; width: 100%; }
	
	#logo {
		padding-top: 42px;
		width: 430px;
		height /**/: 114px;
		height: 72px !important;
		float: left;
	}

	
	#headerlinks {
		width /**/: 370px;
		width: 210px !important;
		height /**/: 52px;
		height: 42px !important;
		float: right;
		background: transparent url('../img/bg_headerlinks.gif') top right no-repeat;
		padding: 10px 0 0 260px;
	}
	
		#headerlinks ul {
			margin: 0;
			padding: 0;
			float: left;
		}
		
		#headerlinks ul li {
			list-style: none;
			float: left;
			background: transparent url('../img/divider_links.gif') right top no-repeat;
			padding-right: 12px;
			margin-right: 12px;
			display: inline;
		}
		
		#headerlinks ul li.last {
			background: none !important;
			padding-right: 0 !important;
			margin-right: 0 !important;
		}
		
		#headerlinks ul li a {
			color: #fff;
			text-decoration:none;
		}
		
		#headerlinks ul li a:hover {
			text-decoration:underline;
		}
	
	#preventivo {
		width: 470px;
		float: left;
		height /**/: 69px;
		height: 59px !important;
		margin-bottom: 10px;
		background: #fff url('../img/claim.gif') bottom left no-repeat;
	}
	
		#preventivo_img {
			margin:30px 0 0 0px;
            float: left;
            width: 100px;
		}

		/* -------------------------------- */		
		
		
		
	#topnavigation {
		width: 900px;
		height: 47px;
		height /**/: 35px !important;
		margin-top: 12px;
		background-color: #fff;
		clear: both;
	}
	
		#topnavigation ul {
			margin: 0;
			padding: 0;
		}
		
		#topnavigation ul li {
			list-style: none;
			float: left;
			display: inline;
			width: 150px;
		}
		
		#topnavigation ul li a {
			background: #fff url('../img/bg_topnav.gif') top right no-repeat;
			height: 35px;
			width: 150px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}
		
		#topnavigation ul li a:hover {
			background: #fff url('../img/bg_topnav_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li a.on:hover span {
			color: #fff !important;
		}
		
		#topnavigation ul li a.on {
			background: #fff url('../img/bg_topnav_on.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a {
            background: #fff url('../img/bg_topnav_right.gif') top right no-repeat;
            height: 35px;
            width: 150px;
            display: block;
            text-decoration:none;            
        }
        
		#topnavigation ul li.last a:hover {
			background: #fff url('../img/bg_topnav_right_hover.gif') top right no-repeat;
		}
		
		#topnavigation ul li.last a.on {
			background: #fff url('../img/bg_topnav_right_on.gif') top right no-repeat;
		}
		
		
		
		#topnavigation ul li a span {
			color: #fff;
			height /**/: 35px;
			height: 28px !important;
			width /**/: 150px;
			width: 150px !important;
			padding: 8px 0 0 0;
			text-align: center;
			display: block;
			font-size: 1.4em;
		}
		
		#topnavigation ul li.first a span {
			background: transparent url('../img/bg_topnav_left.gif') top left no-repeat;		
		}
	
		#topnavigation ul li.first a:hover span {
			background: transparent url('../img/bg_topnav_left_hover.gif') top left no-repeat;		
		}
		
		#topnavigation ul li.first a.on span {
			background: transparent /*url('../img/bg_topnav_left_on.gif') top left no-repeat*/;		
		}
		
#container {
	width /**/: 930px;
	width: 900px !important;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	margin: 0 auto;
	clear: both;
}

	#selector_small {
		background-color: #0074bd;
		height: 150px;
		width: 900px;
		clear: both;
	}
	
	#selector_tabs {
		width: 900px;
		height: 60px;
	}
	
	#selector_tabs ul {
		margin: 0;
		padding: 0;	
	}
	
	#selector_tabs ul li {
		list-style: none;
		display: inline;
		float: left;
		width: 225px;
		height: 60px;
		padding: 0;
		margin: 0;
	}
	
		#selector_tabs ul li a {
			display: block;
			width /**/: 225px;
			width: 155px !important;
			height /**/: 60px;
			height: 36px !important;
			color: #fff;
			text-decoration:none;
			font-size: 1.2em;
			padding: 15px 0 0 70px;
			margin-top: 9px;
			outline:none;
		}
	
		#tab_1 a { background: #fff url('../img/tab_home1.gif') 0 0 no-repeat; }
		#tab_2 a { background: #fff url('../img/tab_home2.gif') 0 0 no-repeat; }
		#tab_3 a { background: #fff url('../img/tab_home3.gif') 0 0 no-repeat; }
		#tab_4 a { background: #fff url('../img/tab_home4.gif') 0 0 no-repeat; }
		
		#selector_tabs a:hover { color: #016baf; }	
		#selector_tabs a.on:hover { color: #fff; }	
		#selector_tabs a.on { background-position: 0 -51px; cursor:default; }
		
		/*
		#selector_1 { background: #fff url('../img/banners/banner_architects_1.jpg') top left no-repeat;  display: none;}
		#selector_2 { background: #fff url('../img/banners/banner_fabricators_1.jpg') top left no-repeat; display: none;}
		#selector_3 { background: #fff url('../img/banners/banner_installers_1.jpg') top left no-repeat; display: none;}
		#selector_4 { background: #fff url('../img/banners/banner_consumers_1.jpg') top left no-repeat; display: none;}*/
		
	#trail {
		width /**/: 900px;
		width: 660px !important;
		height /**/: 50px;
		height: 25px !important;
		margin: 15px 0 0 0;
		padding: 10px 0 0 240px;
		background: #fff url('../img/bg_trail.gif') top left no-repeat;
		color: #0075bf;
		clear: both;
	}
	
		#trail a {
			color: #0075bf;
		}
		
		#trail img {
			padding: 0 6px 0 18px;
		}
		
	#inner_container {
		background: #fff url('../img/bg_innercontainer.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}
	
	#inner_container_2 {
		background: #fff url('../img/bg_innercontainer2.gif') top left repeat-y;
		width: 900px;
		clear: both;
	}

		#menu {
            width: 210px;
            float: left;
        }
        
        #menu a {
			text-decoration: none;
            color: #0075bf;
		}
    
        #menu a:hover {
        color: #e51b24;
        }
		
		#content {
			width /**/: 690px;
			width: 670px !important;
			padding: 0 0 0 20px;
			float: left;
		}
		
			#menu ul {
				padding: 0;
				margin: 0;
			}
			
			#menu ul li {
				display: block;
				padding: 0;
				margin: 0;
			}
			
			#menu ul li a {
				display: block;
				width /**/: 210px;
				width: 178px !important;
				padding:8px 15px;
				margin: 0;
				background: #d7dce1 url('../img/bg_menu1.gif') bottom left repeat-x;
				border-left: 1px #bcc2c9 solid;
				border-right: 1px #bcc2c9 solid;
				border-top: 1px #f2f4f5 solid;
				border-bottom: 1px #7c8186 solid;
				color: #2f404a;
				text-decoration: none;
			}
			
			#menu ul li a:hover {
				background: #c1c9d0 url('../img/bg_menu1_hover.gif') bottom left repeat-x;
			}
			
			#menu ul li a.on, #menu ul li a.on:hover {
				background: #0074be url('../img/bg_menu1_on.gif') top left repeat-x;
				border-left: 1px #0165a6 solid;
				border-right: 1px #0165a6 solid;
				border-top: 1px #237ab2 solid;
				border-bottom: 1px #005185 solid;
				color: #fff;
			}
			
			#menu ul li a span { 
				background: transparent url('../img/bg_menu1_arrow.gif') 0 0 no-repeat;
				padding: 0 0 0 18px;
				margin: 0;
			}
			#menu ul li a:hover span { background: transparent url('../img/bg_menu1_arrow_hover.gif') 0 0 no-repeat;}
			#menu ul li a.on span { background: transparent url('../img/bg_menu1_arrow_on.gif') 0 0.2em no-repeat;}
			
			#menu ul ul li {}
			#menu ul ul li a { 
				background: none !important;
				background-color: #fff !important;
				border: none !important;
				width /**/: 210px;
				width: 180px !important;
				padding:8px 15px;
				color: #2f404a;
			}
			#menu ul ul li a:hover { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			
			#menu ul ul li a.on { 
				background: none !important;
				background-color: #69a1c5 !important;
				color: #fff;
			}
			#menu ul ul li a span { background: transparent url('../img/bg_menu2_arrow.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a:hover span { background: transparent url('../img/bg_menu2_arrow_hover.gif') 0.3em 0.2em no-repeat; }
			#menu ul ul li a.on span { background: transparent url('../img/bg_menu2_arrow_on.gif') 0.2em 0.4em no-repeat; }
			
	#content p {
		line-height: 1.4em;
	}
	
	#content a {
		color: #0075bf;
		text-decoration: none;
	}
	
	#content a:hover, #content a:active {
		color: #e51b24;
	}
	
	#leftcol { width /**/: 460px; width: 440px !important; float: left; padding-right: 20px;}
	#rightcol  { width: 210px; float: left;}
	
	#rightcol h3 {
		background: #d8dde2 url('../img/bg_panelh3.gif') top left no-repeat;
		width /**/: 210px;
		width: 192px !important;
		height /**/: 30px;
		height: 24px !important;
		color: #fff;
		margin: 0;
		font-size: 1.2em;
		padding: 6px 0 0 18px;
	}
	
	#rightcol ul {
		 margin: 18px;
		 padding: 0;
	}
	
	#rightcol li {
		background: #d8dde2 url('../img/bg_panelside_li.gif') 0 0.3em no-repeat;
		list-style: none;
		padding: 0 0 4px 18px;
	}
	
	#rightcol fieldset {
		padding: 18px;
		border: none;
	}
	
		.panel_inner {
			padding: 0 18px 18px 18px;
		}
	
	.newstextbox { width: 106px; float: left;}
	#txtnewsSearch { width: 102px; }
	.newssubmitbutton { width /**/: 50px; width: 44px !important; float: left; padding-top: 1px; padding-left: 6px;}


#footer {
	width: 930px;
	margin: 0 auto;
	background: #006eb3 url('../img/bg_footer.gif') bottom left no-repeat;
	color:#fff
}	

	#topage_function {
		width /**/: 930px;
		width: 160px !important;
		height /**/: 48px;
		height: 40px !important;
		padding: 8px 0 0 770px;
		cursor: pointer;
		background: #fff url('../img/sitemap_open.gif') top left no-repeat;
	}
	
		#topage_function span {
			color: #fff; 
			font-size: 1.2em;
		}
	
		#topage_function a {
			text-decoration:none; 
		}

    #footer_links {
        width : 500px;
        float: left;
        padding: 8px 0 10px 10px;
    }
    
	
    
    #footer_links ul {
		padding: 0 0 0 15px;
		margin: 0;
		clear: both;
		display: block;
		width /**/: 930px;
		width: 915px !important;
	}
	
	#footer_links ul li {
        list-style: none;
        display: inline; float: left;
        background: transparent url('../img/divider_links.gif') right top no-repeat;
        padding: 3px 12px 0 0;
        margin: 0 12px 0 0;
    }
    
    #footer_links ul li.last {
		padding: 0px 12px 0 0;
	}
	
	#footer_links ul li a {
		color: #fff;
		text-decoration:none;
	}
	
	#footer_links ul li a:hover {		
		text-decoration: underline;
	}
	
	#footer_links ul li.last a {		
		background: none;
		padding: 0;
		margin: 0;
	}
	
	.copyright {
        color: #fff;
        padding: 8px 20px 13px 15px;
        margin: 0;
        display: inline;
        float: right;
        /*clear: left;*/
        font-size:10px;
        text-align: right;
    }
    
    .copyright a {
		color: #fff;
	}
	
	
/** Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }

.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}

img.left {
	float:left;
	margin-right:10px;
}

img.right {
	float:right;
	margin-left:10px;
}

    
ul.list,ul.list li {
    margin:10px 10px ;
    padding:0 10px;;
    text-align: left;  
    color: #000;
}


#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#F2BD2F;
    padding:5px;
    display:none;
    color:#fff;
    }
    
.big {
    font-size: 16px;
    color: #F2BD2F;
    font-weight: bold;
    /*margin-left: 25px;*/
}  
  
.iso a {
    font-size: 16px;
    color: #F2BD2F;
    font-weight: bold;
    text-decoration: none;
}

    
.top {
    font-size: 16px;
    color: #F2BD2F;
    font-weight: bold;
    width: 330px;
    float: left;
}