@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

body {

}
/********************** COMMON STYLES *************************/
#mobileContent{display:none; }
.button, .btn, input[type="submit"]{
    font-family:            'Open Sans Condensed', Arial, Helvetica, sans-serif; 
    font-weight:            bold; 
    font-size:              1em; 

    color:                  #ffffff; 
    padding:                10px 15px; 
    text-transform:         uppercase; 
    border-radius:          4px; 
    
}
.button-alt{    background-color:       #f50000 !important; }
.button-alt:hover{    background-color:       #a2cf17 !important;    transition:background-color 0.3s linear 0s; }
.button:hover{color:#ffffff; text-decoration:none; }
.button:after{/*content:"\174";*/}
.hero .button span{float:right;text-align:right; font-size:1.5em; margin:-3px;}

/********************** COMMON STYLES (End)*************************/   
/*===============================================================*/


/********************** HEADER STYLES *************************/
	
	#header{}
	
	#utility_block{
            width:          100%;
            height:         27px;
            line-height:    27px;
            padding:        2px 0 0 0;
            color:          #9a9a9a;
	}
	
	#global_block{
            width:          100%;
            height:         91px;
            padding:        9px 0 0 0;
            background:     url('../images/bg_header.jpg') repeat-x;
	}
	.tagline{
            margin-left:    210px; 
            font-size:      .9em; 
            width:          260px; 
            float:          left;
        }
	.tagline img{ 
            vertical-align: middle;
            margin-right:   3px;
        }
	.home{
            float:          left;
            display:        block; 
            width:          23px; 
            height:         20px; 
            background:     url('../images/icn_home.png') no-repeat;}
	@media only screen and (max-width: 979px){
            .utility{position:absolute; top:125px; margin-left:225px;}
            .search{position:absolute; top:125px; margin-left:445px;}
            .phone{position:absolute; top:125px; margin-left:585px;}
        }

	.utility{
            float:          right; 
            width:          215px; 
            margin-top:     1px; 
        }
	.utility ul{float:left;}
	.utility li{
            float:          left; 
            border-right:   1px solid #757575; 
            padding:        0 7px 0 6px; 
            line-height:    15px; 
            font-size:     .9em;
            margin-top:    4px; 
        }
	.utility li.last, .utility li.first{border-right:none;}
	#utility_block a{color:#9a9a9b;}

	.search{float:right; width:140px; margin-top:3px}
        .search input[type="text"]{
            padding:            3px 6px 3px 6px; 
            font-size:          11px; 
            line-height:        11px;
            width:              110px; 
            float:              left; 
            border:             1px solid #c9c9c9; 
            text-transform:     lowercase;
        }
        .search #Search,.search .MiddleColumn{float:left; margin:0;}
        .search form{width: 140px;}
        .search input[type="submit"]{ 
            background:         #c9c9c9 url('../images/icn_arrow.png') no-repeat; 
            float:          left; 
            margin:         0; 
            padding:        0; 
            width:          16px; 
            height:         19px;
			font-size: 		0px;
			line-height: 	0;
        }
#SearchResults li{position:relative; width:100%;}
.searchResults .color{float:right; position:absolute; top:0; right:0; margin:0;}
.searchResults .color .swatch{width:80px; height:80px;}
        .search .action{ border:none  !important; border-radius:0px !important}
        #utility_block .phone{float:right; font-size:1.2em; font-weight:bold;}
	#utility_block .phone a{color:#505050 !important;}
	
	.primary{float:right;}
 
        #logo{width:202px; height:172px; display:block; position:absolute; top:0; z-index:1000}
        #logo{background-image:url(../images/logo_ifs-coatings.png); background-repeat:no-repeat; }
        #logo span{display:none;}
		
	.search label {display: none !important;}
	.search .Actions{ border:none !important; border-radius:0px !important; content:'>'; float:left; margin:0;}
	.search fieldset {float: left;}
        
/********************** HEADER STYLES (End)*************************/   
/*===============================================================*/
        
/********************** HERO-HOME STYLES (Start)*************************/      
        #hero{
            width:          100%;
            height:         430px;
            margin-bottom:  45px;
            position:       relative;

     
	}
        .LandingPage #hero{margin-bottom:0px; height:300px;}
        .LandingPage .hero{height:300px;}
        .LandingPage .hero_details{min-height:300px;}
        .hero{
            width:          100%;
            height:         430px;            
            background-size:cover;
            background-size:100% 100%;
            background-attachment:fixed;
            background-repeat:no-repeat;
            text-align:center;
        }
        

        
        #hero_nav{ margin:0 auto; position:absolute; bottom:-33px; left:40%; z-index:99;}
        #hero_nav a{
                display:        block; 
                width:          20px; 
                height:         20px; 
                margin:         0 5px 0 0; 
                float:          left;
                background-color:#cccccc; 
                color:          #ffffff; 
                font-size:      1px; 
                text-underline: none;
				cursor:pointer;}
        #hero_nav a:hover{ color:#aaaaaa; text-underline:none;background-color:#f50000; }
        #hero_nav a.cycle-pager-active{background-color:#aaaaaa; color:#aaaaaa;}
        
        .hero_details{min-height:430px; padding: 30px 30px 30px 100px; text-align: left; background: url('../images/bg_hero_brand.png') no-repeat bottom;}
        
        .hero_details h1{color:#ffffff; font-size:1.3em; margin:0 0 3px 0;}
        .hero_details h2{color:#ffffff; font-size:1.6em; line-height:1.1em; text-transform: uppercase; font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold;}
		.hero_details h1 a, .hero_details h2 a {color:#ffffff; text-decoration:none;}
        .hero_details p{color:#ffffff; font-size:1.2em; line-height:1.4em;}
        .hero_details > p{margin-top:15px;}
        
        .hero_details .button{position:absolute; bottom:0; min-width:175px; font-size:1.4em; }
        
        .hero_details.architectural{ background: #020f42 url('../images/icn_architectural.png') no-repeat 20px 25px; }
        .hero_details.automotive{ background:#3585fc url('../images/icn_automotive.png') no-repeat 20px 25px;}
        .hero_details.appliance{ background:#70aa3b url('../images/icn_appliance.png') no-repeat 20px 25px;}
        .hero_details.ace{ background:#50606a url('../images/icn_ace.png') no-repeat 20px 25px;}
        .hero_details.furniture{ background:#b764a9 url('../images/icn_furniture.png') no-repeat 20px 25px;}
        .hero_details.industry{ background:#50c0c0 url('../images/icn_industry.png') no-repeat 20px 25px;}
        .hero_details.hardware{ background:#481b8e url('../images/icn_hardware.png') no-repeat 20px 25px;}
        .hero_details.applicators{ background:#8b2b34  url('../images/icn_applicators.png') no-repeat 20px 25px;}
        .hero_details.lighting{ background:#fcb668  url('../images/icn_lighting.png') no-repeat 20px 25px;}
        .hero_details.retail{ background:#afb764 url('../images/icn_retail.png') no-repeat 20px 25px;}
        .hero_details.default{ background:#ff0000}
        
        .hero_action{position:absolute; bottom:25px; left:100px}
        
         .hero_action .button{background-color:#a2cf17; border-radius:6px;}
         .hero_action .button:hover{background-color:#f50000;}
        
/********************** HERO-HOME STYLES (End)*************************/     
/*===============================================================*/


/********************** PROMO STYLES (Start)*************************/  

#promos{
	width:100%;
	/*height:290px;*/
        margin:40px 0 50px 0;
		display:inline-block;
	}
.promo{height:267px; width:365px; padding:0 0 0px 0;  background: url('../images/bg_promo.png') repeat-x center bottom; margin:0 auto;}
        
        
/********************** PROMO STYLES (End)*************************/  
/*===============================================================*/


/********************** MARKET CONTROLLER STYLES (Start)*************************/  
#market_controller {margin: 75px 0 75px 0;}
.HomePage #market_controller{margin-bottom:50px; margin-top:0px; }
#market_controller .row, #differentiators .row{margin-left:0; margin-right:0;}
#market_controller header h1{text-align:center; color:#9a9a9a;text-transform:uppercase; font-size:1.9em;}

#market_controller .market_container{margin:0 auto; width:100%; display:inline-block;}
#market_controller .market_container div{ float:left; margin:0 3px;}
#market_controller .market_container div.first{margin:0 3px 0 0;}
#market_controller .market_container div.last{margin:0 0 0 3px;}
#market_controller .market_container div a {
      font-family: 'Open Sans Condensed', sans-serif;
      font-weight:bold;
      font-size:.9em;
      text-align:center; 
      text-decoration: none; 
      text-transform: uppercase;

}
.icon_lg{display:block; width:107px; height:137px; background-repeat: no-repeat; padding:107px 0 0 0;}
.icon_lg:hover{transition:color 0.2s linear 0s;}
.icon_lg.architectural{ background-image:url('../images/icn_architectural_lg.png');}
.icon_lg.architectural:hover{color:#020f42;}
.icon_lg.automotive{ background-image:url('../images/icn_automotive_lg.png');}
.icon_lg.automotive:hover{color:#3585fc;}
.icon_lg.appliance{ background-image:url('../images/icn_appliance_lg.png');}
.icon_lg.appliance:hover{color:#70aa3b;}
.icon_lg.ace{ background-image:url('../images/icn_ace_lg.png');}
.icon_lg.ace:hover{color:#50606a;}
.icon_lg.furniture{ background-image:url('../images/icn_furniture_lg.png');}
.icon_lg.furniture:hover{color:#b764a9;}
.icon_lg.ace{ background-image:url('../images/icn_ace_lg.png');}
.icon_lg.ace:hover{color:#50606a;}
.icon_lg.industry{ background-image:url('../images/icn_industry_lg.png');}
.icon_lg.industry:hover{color:#50c0c0;}
.icon_lg.hardware{ background-image:url('../images/icn_hardware_lg.png');}
.icon_lg.hardware:hover{color:#481b8e;}
.icon_lg.applicators{ background-image:url('../images/icn_job-shops_lg.png');}
.icon_lg.applicators:hover{color:#8b2b34;}
.icon_lg.lighting{ background-image:url('../images/icn_lighting_lg.png');}
.icon_lg.lighting:hover{color:#fcb668;}
.icon_lg.retail{ background-image:url('../images/icn_retail_lg.png');}
.icon_lg.retail:hover{color:#afb764;}


.icon_sm{display:block; width:30px; height:30px; background-repeat: no-repeat; padding:0px 0 0 0; background-size: 100% 100%;}
.icon_sm.architectural{ background-image:url('../images/icn_architectural_gray.png');}
.icon_sm.automotive{ background-image:url('../images/icn_automotive_gray.png');}
.icon_sm.appliance{ background-image:url('../images/icn_appliance_gray.png');}
.icon_sm.ace{ background-image:url('../images/icn_ace_gray.png');}
.icon_sm.furniture{ background-image:url('../images/icn_furniture_gray.png');}
.icon_sm.ace{ background-image:url('../images/icn_ace_gray.png');}
.icon_sm.industry{ background-image:url('../images/icn_industry_gray.png');}
.icon_sm.hardware{ background-image:url('../images/icn_hardware_gray.png');}
.icon_sm.applicators{ background-image:url('../images/icn_applicators_gray.png');}
.icon_sm.lighting{ background-image:url('../images/icn_lighting_gray.png');}
.icon_sm.retail{ background-image:url('../images/icn_retail_gray.png');}
.icon_sm.show-all{ background-image:url('../images/icn_show-all_gray.png');}

.icon_sm.architectural.current, .icon_sm.architectural:hover{ background-image:url('../images/icn_architectural_red.png');}
.icon_sm.automotive.current, .icon_sm.automotive:hover{ background-image:url('../images/icn_automotive_red.png');}
.icon_sm.appliance.current, .icon_sm.appliance:hover{ background-image:url('../images/icn_appliance_red.png');}
.icon_sm.ace.current, .icon_sm.ace:hover{ background-image:url('../images/icn_ace_red.png');}
.icon_sm.furniture.current, .icon_sm.furniture:hover{ background-image:url('../images/icn_furniture_red.png');}
.icon_sm.ace.current, .icon_sm.ace:hover{ background-image:url('../images/icn_ace_red.png');}
.icon_sm.industry.current, .icon_sm.industry:hover{ background-image:url('../images/icn_industry_red.png');}
.icon_sm.hardware.current, .icon_sm.hardware:hover{ background-image:url('../images/icn_hardware_red.png');}
.icon_sm.applicators.current, .icon_sm.applicators:hover{ background-image:url('../images/icn_applicators_red.png');}
.icon_sm.lighting.current, .icon_sm.lighting:hover{ background-image:url('../images/icn_lighting_red.png');}
.icon_sm.retail.current, .icon_sm.retail:hover{ background-image:url('../images/icn_retail_red.png');}
.icon_sm.show-all.current, .icon_sm.show-all:hover{ background-image:url('../images/icn_show-all_red.png');}

#MarketFilter #filters {margin:0;}
#MarketFilter #filters li{list-style-type: none; }

/********************** MARKET CONTROLLER STYLES (End)*************************/  
/*===============================================================*/


/********************** SEARCH STYLES (Start)*************************/ 
#SearchResults{margin:0 0 0 0; border-top:1px solid #cccccc; padding:15px 0 0 0;}
#SearchResults li{margin:0 0 15px 0; border-bottom:1px dashed #cccccc; padding:0 0 15px 25px; list-style-type:none;}

/********************** SEARCH STYLES (End)*************************/  
/*===============================================================*/


/********************** CALCULATOR STYLES (Start)*************************/ 
#CalculatorForm .field{margin:0 0 15px 0;}

#CalculatorResults{background-color:#f50000; border-radius:10px;  padding:15px 25px 8px 25px; right:0; top:70px; position:absolute; width:275px;}
#CalculatorResults ul{margin:0;}
#CalculatorResults li{ list-style-type:none; text-align:center; border-bottom:1px dotted #ffffff; padding:10px 0 12px 0;}
#CalculatorResults li.last{border-bottom:none;}
#CalculatorResults .amount{font-size:55px; line-height:45px;color:#ffffff; font-family:'Montserrat', sans-serif;}
#adjustedDFT{font-size:30px !important}
#CalculatorResults .label{font-size:13px; font-family:'Open Sans Condensed'; text-transform: uppercase;}

#TransferEfficiency, #FilmThickness, #SpecificGravity {width:400px; clear:both; display:inline-block; margin:0 0 5px 0 !important;}
#TransferEfficiency > label, #FilmThickness > label, #SpecificGravity > label{width:35%; float:left}
#TransferEfficiency + label{}
#TransferEfficiency input, #FilmThickness input, #SpecificGravity input{padding:0; border:none;text-align:right;}
#TransferEfficiency .middleColumn,#FilmThickness .middleColumn,#SpecificGravity .middleColumn{float:right; width:10%; }
#Form_CalculatorForm_TransferEfficiency_Amount,#Form_CalculatorForm_FilmThickness_Amount,#Form_CalculatorForm_SpecificGravity_Amount{width:400px;clear:both;}

.ui-slider-range { background: #a2cf17; }

/********************** CALCULATOR STYLES (End)*************************/  
/*===============================================================*/


/*===============================================================*/
/********************** CHART STYLES (Start)*************************/ 
.data-chart{margin:0 0 30px 0}
.data-chart{border:1px solid #cccccc;}
.data-chart .separator{background-color:#eeeeee;}
.data-chart td{padding:2px 5px 2px 5px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.data-chart th{padding:2px 5px 2px 5px; font-weight:normal; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:20%;}
.data-chart .separator th{font-weight:bold;}
.data-chart .header{background-color:#dddddd; font-weight:bold; font-size:1.1em;}
.data-chart td:nth-child(2){width:33%;}
.data-chart td:nth-child(3){width:33%;}
.data-chart td:nth-child(4){width:8%;}



/********************** DATA CHART STYLES (End)*************************/  
/*===============================================================*/



/********************** DIFFERENTIATOR-HOME STYLES (Start)*************************/  

#differentiators{margin:0 auto 50px auto;}
#differentiators header{width:100%;}
.differentiator_detail{}
#swapnavigation {}
#swapnavigation li{float:left; text-align: center; margin:0 1px 0 0; }
#swapnavigation li.first{}
#swapnavigation li.last{margin:0 0 0 0;}
#swapnavigation li a{
    height:         88px; 
    padding:        55px 52px 0 52px;
    color:          #3e3e3e; 
    font-family:    'Open Sans Condensed', Arial, Helvetica, sans-serif; 
    font-size:      1.2em; 
    font-weight:    bold;
    display:        block;
    background:url(../images/bg_adv_off.png) repeat-x 0 bottom; 
    

}
#swapnavigation li a:hover, #swapnavigation li.current a{background:url(../images/bg_adv_on.png) 0 bottom; color:#ffffff; text-decoration:none;}
#swapnavigation li:hover,#swapnavigation li.active{color:#ffffff;}
.fix-flicker{min-height:400px}
.differentiator {padding-top:45px;}
.differentiator .image_container{ }
.differentiator .detail_container{padding-top:25px; }
.differentiator .detail_container h2{font-family:Helvetica, Arial, sans-serif; font-size:2.4em; color:#000; margin:0 0 1em  0; background: url('../images/lbl_ifs.png') no-repeat; padding:0 0 0 45px; background-position:left bottom; height:30px; text-transform:lowercase; vertical-align:bottom; line-height:35px}
.differentiator .detail_container p{font-size:1.3em; line-height:1.5em; margin:0 0 2em  0; color:#3e3e3e;} 

#LineConnector{height:60px; width:1110px; /*border:1px solid #ccc;*/ position:absolute; z-index:10; margin-top:-8px;}ececec

/********************** DIFFERENTIATOR-HOME STYLES (End)*************************/  
/*===============================================================*/

/********************** CONTENT STYLES *************************/
.breadcrumb{background:none !important; padding:0; font-size:.8em; margin:0 0 5px 10px !important; }
#content{padding: 72px 0 0 0;}
.LandingPage #content{padding:5px 0 0 0;}

#content article, #content .breadcrumb {margin-left:10px}


.list{margin:25px 0 100px 0;}
.list article{ background:#ededed; padding:15px 20px; position:relative; margin:0 0 45px 0;}
.list article footer{position:absolute; width:100%; height:64px; z-index:1; bottom:-35px;}
.list article footer a{position:absolute; }
.list article.market h1{ font-size:1.1em; margin: 1px 0 3px 55px;}
.list article.market h2{text-transform:uppercase; font-size:1.3em; font-weight:bold; margin-left:55px;}
.list article.market p{margin-left:55px; margin-right:55px;}
.list article.market{background-repeat:no-repeat; background-size:48px 48px; background-position:15px 10px;}

.list article.market.architectural{ background-image:url('../images/icn_architectural_red.png');}
.list article.market.automotive{ background-image:url('../images/icn_automotive_red.png');}
.list article.market.appliance{ background-image:url('../images/icn_appliance_red.png');}
.list article.market.ace{ background-image:url('../images/icn_ace_red.png');}
.list article.market.furniture{ background-image:url('../images/icn_furniture_red.png');}
.list article.market.industry{ background-image:url('../images/icn_industry_red.png');}
.list article.market.hardware{ background-image:url('../images/icn_hardware_red.png');}
.list article.market.applicators{ background-image:url('../images/icn_applicators_red.png');}
.list article.market.lighting{ background-image:url('../images/icn_lighting_red.png');}
.list article.market.retail{ background-image:url('../images/icn_retail_red.png');}

.download a{ display:block; width:65px; height:64px;  background:url('../images/icn_download.png') no-repeat; left:45%;}

.download_wide a{ display:block; width:425px; height:60px;  background:url('../images/icn_download_wide.png') no-repeat; left:20%;}

.learn-more a{ display:block; width:65px; height:64px;  background:url('../images/icn_learn-more.png') no-repeat; right:5%; }

.more-info a{ display:block; width:65px; height:64px;  background:url('../images/icn_more-info.png') no-repeat; right:5%; }
.read-more a{ display:block; width:65px; height:64px;  background:url('../images/icn_read-more.png') no-repeat; right:5%; }
#site-resources .read-more {position:relative;}
#site-resources .read-more a{position:absolute; bottom:-10px;  right:0;}

.view-colors a{ display:block; width:65px; height:64px;  background:url('../images/icn_view-colors.png') no-repeat; right:5%;}

 a.download-datasheet{ display:block; width:100px; height:52px;  background:url('../images/icn_download-datasheet.png') no-repeat; right:5%;}
/********************** CONTENT STYLES (End)*************************/  
/*===============================================================*/


/********************** SIDEBAR STYLES *************************/
.sidebar{
    padding:        5px 0 0 0;
    margin:         40px 0 0 0;
    border-width:   0 0 0 1px; 
    border-style:   solid; 

    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(rgba(0, 0, 0, 0))) 1 100%; 
    -webkit-border-image: -webkit-linear-gradient(#e5e5e5, rgba(0, 0, 0, 0)) 1 100%; 
    -moz-border-image: -moz-linear-gradient(#e5e5e5, rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image: -o-linear-gradient(#e5e5e5, rgba(0, 0, 0, 0)) 1 100%; 
    border-image: linear-gradient(to bottom, #e5e5e5, rgba(0, 0, 0, 0)) 1 100%;
    
}
.LandingPage .sidebar{margin-top:120px;}
.LandingPage .sidebar_custom{margin-top:0px;}
.LandingPage .sidebar img, .LandingPage .sidebar_custom img{max-width:250px; height:auto;}
nav.secondary h4{margin:0 0 10px 17px; font-size:1.1em; text-transform:uppercase;}
nav.secondary a{ font-size:.95em;}
nav.secondary a.current{color:#F50000;}
nav.secondary a:hover{text-decoration:none;}
nav.secondary li {margin:0 0 7px 0; line-height:21px;border-left:4px solid transparent; padding-left:13px;}
nav.secondary li.current, nav.secondary li:hover{border-left:4px solid #f50000;}
.sidebar_custom{margin-left:17px; margin-top:25px;}
.global_nav, #footer{visibility:hidden;}
/********************** SIDEBAR STYLES (End)*************************/  
/*===============================================================*/



/********************** LANDING PAGE STYLES *************************/
#nav_content_horizontal{margin:0; /*background:#cdcdcd;*/ width:100%; visibility:hidden; /*max-height:1px; */overflow:hidden;}
#nav_content_horizontal ul{margin:0; padding:0;}
#nav_content_horizontal li{float:left; list-style-type:none; margin:0; padding:0 0 0 0;min-height:38px; font-size:12px; font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav_content_horizontal li a{padding:10px 15px; background:#cdcdcd;}
#nav_content_horizontal li a:hover, #nav_content_horizontal li.current a, #nav_content li a:hover{color:#ffffff; background-color:#f50000; text-decoration:none;}

#nav_content{position:absolute; left:0; top:510px; background:#cdcdcd;}
@media only screen and (max-width: 1600px) {
	#nav_content{ visibility:hidden; }
	#nav_content li{float:left;}
} 
#nav_content_horizontal{visibility:visible; display:inline-block;margin:0 0 25px 0;/*max-height:50px;*/ overflow:visible; }

#nav_content a{color:#000; font-size:12px; font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav_content ul{}
#nav_content li.first{margin-top:15px;}
#nav_content li.last{margin-bottom:15px;}
#nav_content li a{display:block; width:100%;padding:10px 20px;}
#nav_content li.current a, #nav_content li a:hover{background-color:#f50000; color:#ffffff; text-decoration:none;}

.nav_section{position:absolute; top:423px; z-index:102; width:100%;}
.nav_section li{margin:0 2px;}

#nav_section{ width:100%; height:60px; padding:15px 0 15px 0;
}
.nav_section_bg{
    background:             #cdcdcd; 
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;}
#nav_section li{float:left;}
#nav_section li.first{margin-left:15px;}
#nav_section li.last{margin-right:15px;}


.LandingPage #content{border-top:5px solid #f50000;}
/********************** LANDING PAGE STYLES (End)*************************/  
/*===============================================================*/


/********************** COLOR/PRODUCT PAGE STYLES *************************/

#color-finder{}

#ColorFilter.filter, #MarketFilter.filter,#SKU.filter, .additionalFilters { width:100%; min-height:61px; padding:13px 15px; background:#ffffff url('../images/bg_filter.jpg') repeat 2px ;
display:inline-block;
box-shadow: inset 0px 0px 77px -26px #ABABAB;
-webkit-box-shadow: inset 0px 0px 77px -26px #ABABAB;
-moz-box-shadow: inset 0px 0px 77px -26px #ABABAB;
-o-box-shadow: inset 0px 0px 77px -26px #ABABAB;
                      

                       
margin:0 0 2px 0;
border-top:1px solid #ffffff;
border-bottom:1px solid #e5e5e5;
} 
#color-finder .filter .header,#color-finder .filter .options, #color-finder .middleColumn {float:left;}
#color-finder .filter .header, #ColorFilter label.left,#MarketFilter label.left,#SKU label.left, .additionalFilters .fieldgroup-field.first{width:17%;float:left;}
#color-finder .filter .options, #color-finder .middleColumn{min-width:60%; max-width:75%;}
#color-finder .additionalFilters  .middleColumn{width:100%; max-width:100%;}
#color-finder .filter .all{width:10%; float:right;}
#color-finder .filter .options li{float:left; margin:0 4px;}
.additionalFilters .fieldgroup-field{float:left; width:16%;}
@media only screen and (max-width: 767px) {
    #color-finder .filter .header, #ColorFilter label.left,#MarketFilter label.left,#SKU label.left, .additionalFilters .fieldgroup-field.first{width:100%; clear:both;}
    .additionalFilters .fieldgroup-field{float:left; width:100%; clear:both; margin:0 0 5px 0}
}


#ColorFilter {width:100%; min-height:50px; clear:both;}
#ColorFilter input[type="checkbox"]{display:none;}
#ColorFilter ul{clear:both;}
#ColorFilter li{float:left; width:35px; height:35px; margin:0 5px 5px 0;}
#ColorFilter li label{width:100%; height:100%;}
/*#ColorFilter li,#ColorFilter li label,#ColorFilter input[type="checkbox"]{float:left; width:35px; height:35px;}
*/
#ColorFilter li{position:relative;}

#ColorFilter input[type="checkbox"]:not(:checked) + label .highlight-circle{
visibility:hidden;

}
#ColorFilter input[type="checkbox"]:checked + label .highlight-circle{
   /* add Circle for SVG*/
   /*background-image: radial-gradient(#FF5ABA, deepPink);*/
   /*transition: stroke-dashoffset .4s linear;*/
   visibility:visible;
   
}


.red-circle{
	fill: #f50000;
	stroke: #970000;
	stroke-width: 2;
	}
	
.orange-circle{
	fill: #f7941d;
	stroke: #c27417;
	stroke-width: 2;
	}
	
.yellow-circle{
	fill: #fff200;
	stroke: #c4ba00;
	stroke-width: 2;
	}
	
.green-circle{
	fill: #39b54a;
	stroke: #2a8436;
	stroke-width: 2;
	}
	
.blue-circle{
	fill: #0054a6;
	stroke: #00376b;
	stroke-width: 2;
	}	
.purple-circle{
	fill: #662d91;
	stroke: #4c216d;
	stroke-width: 2;
	}	
.pink-circle{
	fill: #ec008c;
	stroke: #d2007d;
	stroke-width: 2;
	}
.grey-circle{
	fill: #808080;
	stroke: #808080;
	stroke-width: 2;
	}
.silver-circle{
	fill: #c0c0c0;
	stroke: #a5a5a5;
	stroke-width: 2;
	}        
.black-circle{
	fill: #000;
	stroke: #000;
	stroke-width: 2;
	}	
.brown-circle{
	fill: #8c6239;
	stroke: #432f1b;
	stroke-width: 2;
	}
.white-circle{
	fill: #ffffff;
	stroke: #a5a5a5;
	stroke-width: 2;
	}
.transparent-circle{
	fill: none;
	stroke: #a5a5a5;
	stroke-width: 2;
	}
.highlight-circle{position:absolute; z-index:10; left:-3px; top:-3px; }

#MarketFilter li {float:left; margin:0 4px;}
#MarketFilter li label{display:block; width:30px; height:30px; background-repeat: no-repeat; padding:0px 0 0 0; background-size: 100% 100%;}
#MarketFilter .valarchitectural label, article.project .architectural{ background-image:url('../images/icn_architectural_gray.png');}
#MarketFilter .valautomotive label, article.project .automotive{ background-image:url('../images/icn_automotive_gray.png');}
#MarketFilter .valappliance label, article.project .appliance{ background-image:url('../images/icn_appliance_gray.png');}
#MarketFilter .valace label, article.project .ace{ background-image:url('../images/icn_ace_gray.png');}
#MarketFilter .valfurniture label, article.project .furniture{ background-image:url('../images/icn_furniture_gray.png');}
#MarketFilter .valindustry label, article.project .industry{ background-image:url('../images/icn_industry_gray.png');}
#MarketFilter .valhardware label, article.project .hardware{ background-image:url('../images/icn_hardware_gray.png');}
#MarketFilter .valapplicators label, article.project .applicators{ background-image:url('../images/icn_applicators_gray.png');}
#MarketFilter .vallighting label, article.project .lighting{ background-image:url('../images/icn_lighting_gray.png');}
#MarketFilter .valretail label, article.project .retail{ background-image:url('../images/icn_retail_gray.png');}

#MarketFilter input[type="checkbox"]{display:none;}
#MarketFilter .valarchitectural:hover label,#MarketFilter .valarchitectural input[type="checkbox"]:checked + label{ background-image:url('../images/icn_architectural_red.png');}
#MarketFilter .valautomotive:hover label,#MarketFilter .valautomotive input[type="checkbox"]:checked + label{ background-image:url('../images/icn_automotive_red.png');}
#MarketFilter .valappliance:hover label,#MarketFilter .valappliance input[type="checkbox"]:checked + label{ background-image:url('../images/icn_appliance_red.png');}
#MarketFilter .valace:hover label,#MarketFilter .valace input[type="checkbox"]:checked + label{ background-image:url('../images/icn_ace_red.png');}
#MarketFilter .valfurniture:hover label,#MarketFilter .valfurniture input[type="checkbox"]:checked + label{ background-image:url('../images/icn_furniture_red.png');}
#MarketFilter .valace:hover label,#MarketFilter .valace input[type="checkbox"]:checked + label{ background-image:url('../images/icn_ace_red.png');}
#MarketFilter .valindustry:hover label,#MarketFilter .valindustry input[type="checkbox"]:checked + label{ background-image:url('../images/icn_industry_red.png');}
#MarketFilter .valhardware:hover label,#MarketFilter .valhardware input[type="checkbox"]:checked + label{ background-image:url('../images/icn_hardware_red.png');}
#MarketFilter .valapplicators:hover label,#MarketFilter .valapplicators input[type="checkbox"]:checked + label{ background-image:url('../images/icn_applicators_red.png');}
#MarketFilter .vallighting:hover label,#MarketFilter .vallighting input[type="checkbox"]:checked + label{ background-image:url('../images/icn_lighting_red.png');}
#MarketFilter .valretail:hover label,#MarketFilter .valretail input[type="checkbox"]:checked + label{ background-image:url('../images/icn_retail_red.png');}

.additionalFilters select{font-size:.88em; padding:4px 4px; width:90%;}
.additionalFilters .fieldholder-small label{display:none;}

#color-finder .action{text-align:center; margin:1px auto 15px auto; width:100%; border-radius:0;}

#color-finder .query{width:100%; text-align:center; margin:25px 0 5px 0;font-size:1.3em;}
.color_container{}
.color{width:120px; height:150px; float:left; margin:10px 10px 10px 10px;position:relative}
.color_name{font-size:.8em; text-align: center; width:100%; margin-top:8px;}
.color_description {
    font-size: 0.9em;
    line-height: 1.2em;
    text-transform: uppercase;
}

.swatch{border: 1px solid #cccccc;
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 100px;}
.swatch.large{display:block; width:100%; min-height:150px; max-height:165px; margin-bottom:5px;}

.color .chart{width:220px; font-size:.8em !important;}

.reset {margin-left:0; text-align:right; width:100%;}
.reset a{text-transform:uppercase;color:#000; font-size:.8em; text-decoration:none;}
.reset a:hover{text-decoration:underline;}


table.chart{width:100%;}
table.chart td,table.chart th{padding:0 0 10px 0;}
table.chart th{width:40%;}
table.chart td{width:60%;}

/********************** COLOR/PRODUCT PAGE STYLES (End)*************************/  
/*===============================================================*/


/********************** PROJECT PAGE STYLES *************************/

.project .icon_container{
    background: #000000; 
    width:40px; 
    height:40px; 
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    position:absolute;
    bottom:0; 
    right:0;}
.project .icon{ 
    width:40px; 
    height:40px; 
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    background-size:35px 35px !important;
    background-position: 3px 3px !important;
    position:absolute;
    z-index:10;bottom:0; 
    right:0;
}


        .project .architectural{ background:  url('../images/icn_architectural.png') no-repeat; }
        .project .automotive{ background: url('../images/icn_automotive.png') no-repeat;}
        .project .appliance{ background: url('../images/icn_appliance.png') no-repeat;}
        .project .ace{ background: url('../images/icn_ace.png') no-repeat;}
        .project .furniture{ background: url('../images/icn_furniture.png') no-repeat;}
        .project .industry{ background: url('../images/icn_industry.png') no-repeat;}
        .project .hardware{ background: url('../images/icn_hardware.png') no-repeat;}
        .project .applicators{ background:  url('../images/icn_applicators.png') no-repeat;}
        .project .lighting{ background:  url('../images/icn_lighting.png') no-repeat;}
        .project .retail{ background: url('../images/icn_retail.png') no-repeat;}





article.project{width:100%;padding:15px 20px;}
article.project header{width:100%; clear:both; display:inline-block; position:relative;}
article.project .thumbnail{float:left; max-width:100px;max-height:100px; margin:0 10px 0 0; width:100px; height:100px; overflow:hidden;  }
article.project .thumbnail img{width:100px; height:auto;max-height:90px; cursor:pointer; }
article.project figure{width:400px;  height:400px;float:left; overflow:hidden; background-position:50% 45%; background-repeat:no-repeat; background-size:40px 40px; }
article.project figure img{width:400px; height:auto;}
article.project .details{width:40%;float:left; position:absolute; bottom:0; left:440px;}
article.project .thumbnail_container{width:100%;height:80px; clear:both; margin:0 0 25px 0;}
article.project .thumbnail_container ul{margin:0 0 0 0;}
article.project .features{width:100%; clear:both; border-bottom:1px solid #cccccc; padding:15px 0; display:inline-block;}
article.project h1{color:#000; font-size:1.3em; position:relative; vertical-align: bottom; min-height:40px; margin:0 0 10px 0; padding:0px 0 0 45px; background-position: 0 bottom; background-repeat: no-repeat; background-size: 40px 40px !important;}
article.project h1 span{vertical-align: bottom; position:absolute; bottom:0; }
article.project h2{width:35%; padding:12px 0 0 45px; min-height:40px; background: url('../images/icn_brand_bullet.png') no-repeat 0 0; float:left;background-position: 0 0px; background-repeat: no-repeat; background-size: 40px 40px !important;}
article.project .related{width:65%;float:left; padding-top:35px; padding-bottom:10px}
article.project .related li{float:left; list-style-type: none; margin:0 30px 0 0; text-align:center; position:relative;}
article.project .related.colors{width:100px; }
/*article.project .info{width:28px; height:28px; background: url('../images/icn_info.png') no-repeat; background-size: cover; float:right;} */
.info{width:28px; height:28px; background: url('../images/icn_info.png') no-repeat; background-size: cover; position:absolute; top:84px; left:48px;}
/*article.project .label-color{line-height:28px;}*/
article.project .swatch,article.project .swatch-placeholder{margin-bottom:10px}
article.project .chart th{width:40%}
article.project .chart{width:220px; font-size:.8em !important;}
.popover-title{font-size:.9em !important; background-color:#f50000 !important; color:#ffffff;}
.swatch-placeholder{display:block; width:100px; height:100px; border:1px solid #cccccc; padding:35px 20px 20px 20px ; text-align: center; color:#aaaaaa}
.swatch-placeholder:hover{text-decoration:none; color:#aaaaaa;}

        
 /********************** PROJECT PAGE STYLES (End)*************************/  
/*===============================================================*/



/********************** CONTACT FORM STYLES *************************/

#ContactForm .field{margin:0 0 10px 0;}


        
/********************** CONTACT FORM STYLES (End)*************************/  
/*===============================================================*/

/********************** FOOTER STYLES *************************/

#footer{
	width:100%;
	height:62px;
        position:fixed;
        bottom:0;
        z-index:1000;
	}	
#footer{
	color:#ffffff;
	font-size:.9em;
	}

#footer p{margin:0 !important;}	
.global_actions{background-color:#f50000;width:100%; height:62px; line-height:62px; position:absolute; bottom:0;}
.global_actions a {
    font-family:        'Open Sans Condensed', Arial, Helvetica, sans-serif; 
    font-weight:        bold; 
    font-size:          1.2em; 
    text-transform:     uppercase; 
    color:              #ffffff; 
}
.global_actions .phone{font-size:1.7em;}


.brand{
    width:              150px; 
    height:             33px; 
    position:           absolute; 
    right:              30px; 
    bottom:             10px; 
    background:         url('../images/logo_ifs-coatings_txt.png') no-repeat;
}
.footer-placeholder{width:100%; height:60px;}
/*@media only screen and (max-width: 750px){.global_nav{display:none;}*/
.global_nav{ background: #bbbbbb;
/*background-image: url('../images/bg_global_nav.png');
background-repeat:repeat-x;
background-position: left -32px;*/
          padding: 0 0 0 5px;
          width: 75%;
		  height:480px;
	bottom:62px;	 

          position:absolute;
        /*  border: 1px solid #29216d;*/
		z-index:999;
                margin: 0 auto 0 auto;
                left: 12% !important;
                /*right:20% !important;*/
             
/*-webkit-box-shadow: inset 0px 0px 28px -10px rgba(0,0,0,0.38);
-moz-box-shadow: inset 0px 0px 28px -10px rgba(0,0,0,0.38);
box-shadow: inset 0px 0px 28px -10px rgba(0,0,0,0.38);*/
}
.handle{display:block;
      /*  border-bottom:5px solid #c9c9c9; */
        width:100%;
        position:absolute;
        left:0%;
        bottom:65px;
        background: #bbbbbb;
        color:#929292;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        text-align:center;
        line-height:40px;
        text-decoration:none !important;
        font-size:1.3em;
        
        background-image:url('../images/icn_nav_open.png');
        background-repeat:no-repeat; 
        background-position: right 10px top 8px;
        margin:0 auto;
        /*border-bottom:1px solid #ffffff;*/
        padding-bottom:40px;
}
@media only screen and (max-width: 979px){.handle{font-size:1.1em;}}
.handle:hover, .handle:active, .handle:visited, .handle:link{text-decoration:none; color:#666666;}
.open .handle {background-image:url('../images/icn_nav_close.png'); height:35px !important; top:-40px !important}


.global_nav_category a:hover{color:#f50000; text-decoration: none;transition:color 0.2s linear 0s;}
.global_nav_category{float:left; width:12%; margin-right:2%; margin-left:2%; margin-top:25px}
.global_nav_category h2{color:#515151; margin:0 0 16px 0; font-size:1.3em; text-transform:uppercase;}
.global_nav_category li{margin:5px 0 8px 0; font-size:.9em;}
.global_nav_category a{color:#000; font-size:1em; line-height:1.2em;}
.global_nav_category a:hover{color:#ffffff; transition:none;}
.copyright{position:absolute; bottom:80px; right:32px; font-size:.8em;color:#000; }
.credits{position:absolute; bottom:80px; left:32px; font-size:.8em;color:#000; }
.achilles{text-transform:uppercase;}
.achilles{ color:#000; }
.social{position:absolute; bottom:110px; right:32px}
.social li{text-align:right; margin: 0 0 5px 0; line-height:36px;}
.social li a{color:#000; background-position:right top;}
.social li a:hover{text-decoration:none; color:#ffffff;}
.linkedin{background:url('../images/icn_linkedin.png') no-repeat right 6px; padding-right:33px; height:36px; display:block; min-width:150px; }
.youtube{background:url('../images/icn_youtube.png') no-repeat right 6px; padding-right:33px; height:36px; display:block; min-width:150px;}

/********************** FOOTER STYLES (End)*************************/  
/*===============================================================*/

/*================================================================/
/*****************************************************************/

#site-resources{
	width:100%;
	 height:         88px; 

	 background:url(../images/bg_adv_off.png) repeat-x 0 bottom; 
}
.site-resource-header h2 a{
   height:         78px; 
    padding:        55px 0px 0 0px;
    color:          #3e3e3e; 
    font-family:    'Open Sans Condensed', Arial, Helvetica, sans-serif; 
    font-size:      16px; 
    font-weight:    bold;
    display:        block;
	text-decoration:none;
	
}
.site-resource-header h2 a:hover{
/*background:url(../images/bg_adv_on.png) 0 bottom; color:#ffffff; text-decoration:none;*/
}
#site-resources h3{margin:0 0 3px 0}

.site-products, .site-news, .site-resources{padding-top:15px; padding-bottom:15px;min-height:1000px;}

.site-news, .site-news-header{border-right:2px solid #ffffff; border-left:2px solid #ffffff;}

.bg-light{background-color:#ededed;/*bg-light*/}
.bg-lighter{background-color:#f5f5f5;}

.site-products li a{color:#ff0000; font-weight:normal; font-size:13px}
.site-products p{font-size:11px;line-height:15px}

.site-resources li{font-size:13px; margin:0 0 20px 0;}

/****************************************************************/
/*===============================================================/

/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{min-height:0px;}*/
.global-site-notice{background-color:#f50000; width:100%; position:absolute; top:50%;  padding:15px 0; z-index:999999999; }
.global-site-notice p{margin:0 0 0 0;text-align:center; color:#ffffff;}

.link-underline {text-decoration:underline;}
.copyright a{color:#000000;}
.copyright a:hover{color:#ffffff;}
.pagination{margin:0 auto; width:50%;}
.PageNumbers li{float:left; padding:0 3px; text-align:center;}
.social {    
	width:              150px; 
    height:             33px; 
    position:           absolute; 
    left:              30px; 
    bottom:             16px; }
.social li{float:left; padding:0 5px;margin:0;}
.social li.last{padding:0 5px 0 13px;}
.hide-popup{display:none;}
.modal-home-popup{
	min-width:300px;
	min-height:300px;
	max-width:600px;
	padding:50px 50px;
}
.signup-form{width:100%; display:inline-block; margin:0 0 15px 0;}
.signup-form .field{margin:0 0 10px 0;}