﻿
/* product finder styles go in here */
            div.ProductFinderWrapper{
            }

            #filter .glassbox {padding:0px;}

            #filter ul {
                margin:0;
                padding:0;
                list-style:none;
                margin-bottom:20px;
            }
			
			#filter ul:after {
				content: ".";
				display: block;
				clear: both;
				visibility: hidden;
				line-height: 0;
				height: 0;
			}
			
			#filter li {
			    cursor:pointer;
			    font-size:12px;
			    display:block;
			    margin:10px 0 10px 0px;
			    padding:10px;
			    float:left;
			    text-align:center;
			}
			
			#filter li:first-child {}
			
			
			#filter li img {
				border								: #ccc solid 1px;
				display								: block;
				margin-bottom						: 4px;
			}
			
			#filter li.selected, #applications li:hover {
				text-shadow							: 0 1px #526a29;

				background                          : #88b344; /* Old browsers */
				background                          : -moz-linear-gradient(top,  #e3f28b 0%, #ddee84 2%, #cce371 19%, #bfd662 31%, #bad466 33%, #9abc4c 34%, #8cb346 35%, #87b344 36%, #8ab043 38%, #86b042 38%, #86b044 39%, #82ab41 43%, #7b9f3d 57%, #799d3d 63%, #85a540 69%, #92b34a 76%, #95b749 78%, #9bc350 85%, #9cc451 88%, #99c450 89%, #96c14d 100%); /* FF3.6+ */
				background                          : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f28b), color-stop(2%,#ddee84), color-stop(19%,#cce371), color-stop(31%,#bfd662), color-stop(33%,#bad466), color-stop(34%,#9abc4c), color-stop(35%,#8cb346), color-stop(36%,#87b344), color-stop(38%,#8ab043), color-stop(38%,#86b042), color-stop(39%,#86b044), color-stop(43%,#82ab41), color-stop(57%,#7b9f3d), color-stop(63%,#799d3d), color-stop(69%,#85a540), color-stop(76%,#92b34a), color-stop(78%,#95b749), color-stop(85%,#9bc350), color-stop(88%,#9cc451), color-stop(89%,#99c450), color-stop(100%,#96c14d)); /* Chrome,Safari4+ */
				background                          : -webkit-linear-gradient(top,  #e3f28b 0%,#ddee84 2%,#cce371 19%,#bfd662 31%,#bad466 33%,#9abc4c 34%,#8cb346 35%,#87b344 36%,#8ab043 38%,#86b042 38%,#86b044 39%,#82ab41 43%,#7b9f3d 57%,#799d3d 63%,#85a540 69%,#92b34a 76%,#95b749 78%,#9bc350 85%,#9cc451 88%,#99c450 89%,#96c14d 100%); /* Chrome10+,Safari5.1+ */
				background                          : -o-linear-gradient(top,  #e3f28b 0%,#ddee84 2%,#cce371 19%,#bfd662 31%,#bad466 33%,#9abc4c 34%,#8cb346 35%,#87b344 36%,#8ab043 38%,#86b042 38%,#86b044 39%,#82ab41 43%,#7b9f3d 57%,#799d3d 63%,#85a540 69%,#92b34a 76%,#95b749 78%,#9bc350 85%,#9cc451 88%,#99c450 89%,#96c14d 100%); /* Opera 11.10+ */
				background                          : -ms-linear-gradient(top,  #e3f28b 0%,#ddee84 2%,#cce371 19%,#bfd662 31%,#bad466 33%,#9abc4c 34%,#8cb346 35%,#87b344 36%,#8ab043 38%,#86b042 38%,#86b044 39%,#82ab41 43%,#7b9f3d 57%,#799d3d 63%,#85a540 69%,#92b34a 76%,#95b749 78%,#9bc350 85%,#9cc451 88%,#99c450 89%,#96c14d 100%); /* IE10+ */
				background                          : linear-gradient(to bottom,  #e3f28b 0%,#ddee84 2%,#cce371 19%,#bfd662 31%,#bad466 33%,#9abc4c 34%,#8cb346 35%,#87b344 36%,#8ab043 38%,#86b042 38%,#86b044 39%,#82ab41 43%,#7b9f3d 57%,#799d3d 63%,#85a540 69%,#92b34a 76%,#95b749 78%,#9bc350 85%,#9cc451 88%,#99c450 89%,#96c14d 100%); /* W3C */

				/*-pie-background						: linear-gradient(top, #e3f28b 41%,#96c14d 100%); /* ie */

				/*-pie-poll							: true;

				/*behavior				            : url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
				
				padding                             : 9px;

				-webkit-border-radius				: 5px;
				-moz-border-radius					: 5px;
				border-radius						: 5px;
				
				-moz-box-shadow						: inset 0 0 4px #cfe473;
				-webkit-box-shadow					: inset 0 0 4px #cfe473;
				box-shadow							: inset 0 0 4px #cfe473;
				
				border								: #526a29 solid 1px;				
			}
			
			.ie6 #filter li.selected, .ie6 #applications li:hover,
			.ie7 #filter li.selected, .ie7 #applications li:hover,
			.ie8 #filter li.selected, .ie8 #applications li:hover {
			    background-color:#94bd51;
			}
			
			#applications li a {
			    color                               : #707373;
			}
			
			#applications li:hover a,
			#applications li:hover a h3,
			#filter li.selected {
			    color:#fff !important;
			}
			
			#filter li.selected img {
				border-color						: #526a29;
			}
			
			#gamma li {width:82px;}
			
			#beta li, #gamma li{min-height:104px;}
			
			#beta li {width:112px;position:relative;}
			
			
			
			#application li {width:250px; height:215px; font-size:12px;line-height:16px;overflow:hidden;}
			
			#application li p { height:70px; overflow:hidden;}
			
			
			
			.clearFixNew {clear:both;}
			
			
			#filter li.selected {
				
			}
			
			#beta li.selected .arrowHead {
				background:url(arrowHead.png) no-repeat;
				width:185px;
				height:32px;
				position:absolute;
				display:none;
				bottom:-32px;
				left:-28px;
				z-index:200;
			}
			
			#alpha {
				margin:0 !important;
			}
			
			#alpha li {
				float:right;
				padding:5px 10px;
			}
			
			#alpha li.selected {
				padding								: 4px 10px;
			}
			
			
			li.animate {
				padding								: 10px;
				display								: block;
				float								: left;
				
				
				text-align							: left;
				margin								: 10px 0;
				
				width								: 210px;
				cursor								: pointer;
				font-size							: 14px;


			}
			
			li.animate img {
				display								: block;
				margin-bottom						: 10px;
				border								: #ccc solid 1px;
			}
			
			li.animate:hover img {
				border-color						: #526a29;
			}
			
			li.animate h3 {
				margin								: 0;
				
				font-weight                         : normal;
				font-size                           : 16px;
			}
			
			#solution{margin-bottom:0}
			
			.image-grid:after {
				content								: ".";
				display								: block;
				clear								: both;
				visibility							: hidden;
				line-height							: 0;
				height								: 0;
			}
			
			#applications {
				list-style:none;
				margin:0;
				min-height:220px;
				height: auto !important;
			}
			
			#applications li img {width:248px;height:106px;}
			
			#filter .glassbox{position:relative;padding-left:70px;padding-right:50px;}
			#application.glassbox {position:relative;padding-left:70px;padding-right:40px;}
			
			h2.labelTitle  {
				font-size							: 30px;
				margin								: 10px 0;
				border                              : none;
				font-weight                         : bold;
                color:#404040;
			}

            h2.labelTitle span {
                font-size:14px;
                color:#707070 ;
            }
			
			#solution {
			    margin-left                         : 10px;
			    font-weight                         : normal;
			    font-size                           : 20px;
			}
			
			.blcIcon {
				width                               : 56px;
				height                              : 56px;
				
				border                              : transparent solid 1px;
				
				margin								: 0 auto;
				margin-bottom                       : 5px;

			}
			
			.ie7 .blcIcon, .ie8 .blcIcon {
			    background-color:#fff;
			}
			
			.selected .blcIcon {
				-webkit-border-radius				: 28px;
				-moz-border-radius					: 28px;
				border-radius						: 28px;
				
				-webkit-border-radius				: 4px;
				-moz-border-radius					: 4px;
				border-radius						: 4px;
				
				border								: #526a29 solid 1px;
				background-color					: #fff;
				
				
				-moz-box-shadow						: 0 0 4px #cfe473;
				-webkit-box-shadow					: 0 0 4px #cfe473;
				box-shadow							: 0 0 4px #cfe473;
			}
			
			.blcIcon.thermalinsulationIcon {
				background-image					: url(img/blcicons/thermalinsulationIcon.png);
			}
			
			.blcIcon.selfcleaningIcon {
				background-image					: url(img/blcicons/selfcleaningIcon.png);
			}
			
			.blcIcon.solarcontrolIcon {
				background-image					: url(img/blcicons/solarcontrolIcon.png);
			}
			
			.blcIcon.solarenergyIcon {
				background-image					: url(img/blcicons/solarenergyIcon.png);
			}
			
			.blcIcon.decorationIcon {
				background-image					: url(img/blcicons/decorationIcon.png);
			}
			
			.blcIcon.glasssystemsIcon {
				background-image					: url(img/blcicons/glasssystemsIcon.png);
			}
			
			.blcIcon.safetysecurityIcon {
				background-image					: url(img/blcicons/safetysecurityIcon.png);
			}
			
			.blcIcon.specialapplicationsIcon {
				background-image					: url(img/blcicons/specialapplicationsIcon.png);
			}
			
			.blcIcon.noisecontrolIcon {
				background-image					: url(img/blcicons/noisecontrolIcon.png);
			}
			
			.blcIcon.fireprotectionIcon {
				background-image					: url(img/blcicons/fireprotectionIcon.png);
			}
			
			
			
/* Carousel */


div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-direction-rtl {
	direction: rtl;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-container-horizontal {
    width: 100%;
}


div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-clip {
   overflow: hidden;

   /*overflow-y: visible !important;*/
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-clip-horizontal {
    width:  100%;
}


div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-item {}

.jcarousel-list-horizontal {}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-horizontal {
    position: absolute;
    top: 50% !important;
	margin-top:-16px !important;
    right: -50px !important;
    top:95px !important;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/next-horizontal.png) no-repeat 0 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/prev-horizontal.png);
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-horizontal:hover,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-disabled-horizontal,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-disabled-horizontal:hover,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-disabled-horizontal:focus,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
	margin-top:-16px;
    left: -70px !important;
    top:95px !important;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/prev-horizontal.png) no-repeat 0 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/next-horizontal.png);
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-horizontal:hover, 
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-disabled-horizontal,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-disabled-horizontal:hover,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-disabled-horizontal:focus,
div.ProductFinderWrapper .jcarousel-skin-finder .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



div.ProductFinderWrapper .jcarousel-skin-finder ul.jcarousel-list{
	margin-left: 0px !important;
}

div.ProductFinderWrapper .jcarousel-skin-finder li.jcarousel-item-undefined, div.ProductFinderWrapper .jcarousel-skin-finder li.jcarousel-item-NaN{
	display: none;
}


#output {
	/*width				: 500px;*/
	border				: #ccc solid 1px;
	padding				: 5px;
	background			: #FAFAFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}


/*
#filter li {
    cursor:default;
    color:#f2f2f2;
    opacity:0.4;
    filter:alpha(opacity=40);
}

#filter li.selected,
#filter li.selected.clickable {
    
    opacity:1;
    filter:alpha(opacity=100);
    
    cursor:pointer;
}
			
#filter li.clickable {
    color:#999;
    cursor:pointer;
    opacity:1;
    filter:alpha(opacity=100);
}
*/

#filter li {cursor:pointer;opacity:0.4; filter:alpha(opacity=40);}
#filter li.selected,#filter li.selected.clickable {color:green; opacity:1; filter:alpha(opacity=100);}
			
#filter li.clickable {opacity:1; filter:alpha(opacity=100);}
.alpha_link:hover{
	color:#94bd51;
}
.onnit{
	color:#94bd51; text-decoration:underline;
}



.appIcon {
				width                               : 110px;
				height                              : 82px;
				background-repeat:no-repeat;
				border                              : transparent solid 1px;
				
				margin								: 0 auto;
				margin-bottom                       : 5px;
			}
			
.selected .appIcon {
				/*
                -webkit-border-radius				: 28px;
				-moz-border-radius					: 28px;
				border-radius						: 28px;
                */
				
				border								: #526a29 solid 1px;
				background-color					: #fff;
				
				
				-moz-box-shadow						: 0 0 4px #cfe473;
				-webkit-box-shadow					: 0 0 4px #cfe473;
				box-shadow							: 0 0 4px #cfe473;
}


.appIcon.doorsIcon {
				background-image					: url(img/appicons/doorsIcon.jpg);
}


.appIcon.internalglazingIcon {
				background-image					: url(img/appicons/internalglazingIcon.jpg);
}

.appIcon.photovoltaicsIcon {
				background-image					: url(img/appicons/photovoltaicsIcon.jpg);
}

.appIcon.rooflightsIcon {
				background-image					: url(img/appicons/rooflightsIcon.jpg);
}

.appIcon.stairsIcon {
				background-image					: url(img/appicons/stairsIcon.jpg);
}

.appIcon.windowsIcon {
				background-image					: url(img/appicons/windowsIcon.jpg);
}

.appIcon.balconiesIcon {
				background-image					: url(img/appicons/balconiesIcon.jpg);
}

.appIcon.conservatoriesIcon {
				background-image					: url(img/appicons/conservatoriesIcon.jpg);
}

.appIcon.replacementconservatoryroofsIcon {
				background-image					: url(img/appicons/conservatoriesIcon.jpg);
}

.appIcon.replacementglazingIcon  {
				background-image					: url(img/appicons/windowsIcon.jpg);
}

.appIcon.curtainwallsIcon {
				background-image					: url(img/appicons/comcurtainIcon.jpg);
}


.appIcon.floorsIcon {
				background-image					: url(img/appicons/floorsIcon.jpg);
}

.appIcon.facadesIcon {
				background-image					: url(img/appicons/facadesIcon.jpg);
}

.appIcon.floorsIcon {
				background-image					: url(img/appicons/floorsIcon.jpg);
}

.appIcon.furnitureIcon {
				background-image					: url(img/appicons/furnitureIcon.jpg);
}

.appIcon.internalpartitionIcon {
				background-image					: url(img/appicons/internalpartitionIcon.jpg);
}

.appIcon.kitchensIcon {
				background-image					: url(img/appicons/kitchensIcon.jpg);
}

.appIcon.mirrorsIcon {
				background-image					: url(img/appicons/mirrorsIcon.jpg);
}

.appIcon.bathroomsIcon {
				background-image					: url(img/appicons/bathroomsIcon.jpg);
}

.appIcon.balconiesandbalustradesIcon {
				background-image					: url(img/appicons/balconiesandbalustradesIcon.jpg);
}

.typecommercialapplications .appIcon.canopiesIcon {
				background-image					: url(img/appicons/comcanopyIcon.jpg);
}

.typecommercialapplications .appIcon.curtainwallsIcon {
				background-image					: url(img/appicons/comcurtainIcon.jpg);
}

.typecommercialapplications .appIcon.doorsIcon {
				background-image					: url(img/appicons/comdoorsIcon.jpg);
}

.typecommercialapplications .appIcon.firecorridorsIcon {
				background-image					: url(img/appicons/comcorridorIcon.jpg);
}

.typecommercialapplications .appIcon.glassstructuresIcon {
				background-image					: url(img/appicons/comstructureIcon.jpg);
}

.typecommercialapplications .appIcon.internalglazingIcon {
				background-image					: url(img/appicons/cominternalIcon.jpg);
}



.typecommercialapplications .appIcon.internalpartitionIcon {
				background-image					: url(img/appicons/cominternalPartitionIcon.jpg);
}

.typecommercialapplications .appIcon.photovoltaicsIcon {
				background-image					: url(img/appicons/comphotovoltaicsIcon.jpg);
}

.typecommercialapplications .appIcon.roofglazingIcon {
				background-image					: url(img/appicons/comroofIcon.jpg);
}

.typecommercialapplications .appIcon.stairsIcon {
				background-image					: url(img/appicons/comstairsIcon.jpg);
}

.typecommercialapplications .appIcon.windowsIcon {
				background-image					: url(img/appicons/comwindowsIcon.jpg);
}

.typecommercialapplications .appIcon.floorsIcon {
				background-image					: url(img/appicons/comfloorsIcon.jpg);
}

.typecommercialapplications .appIcon.balustradesIcon  {
				background-image					: url(img/appicons/comroofIcon.jpg);
}


.typecommercialapplications .appIcon.atriumIcon  {
				background-image					: url(img/appicons/combalustradesIcon.jpg);
}

.typecommercialapplications .appIcon.shopfrontIcon  {
				background-image					: url(img/appicons/comshopfrontIcon.jpg);
}

.typecommercialapplications .appIcon.glassfurnitureIcon  {
				background-image					: url(img/appicons/comglassfurnitureIcon.jpg);
}



/*.ie7 #betaMaster {display:block !important;}*/

.ie7 #betaMaster li {display:block; width: 120px;float:left;}

.ie7 #first_element {display:none !important;}

.ie7 #filter h2,
.ie7 #application h2 {display:none;}