/*
######################################################################################
######   NAVIGATION                                                           #######
####################################################################################

1 - MARKUP STYLES
	1.0 - ALL MARKUP
	1.1 - HEADERS

2 - LAYOUT
	2.0 - BACKGROUND
	2.1 - WRAPPER
	2.2 - HEADER
	2.3 - CONTENT
	2.4 - FOOTER

3 - COMPONENTS
	3.0 - BUTTONS

4 - MOBILE

5 - WIDGETS




######################################################################################
######                                                                        #######
######   1 - MARKUP STYLES                                                   #######
######                                                                      #######
##################################################################################
*/


#p-rcb {
	font-size: 100%;
	}
#p-body-content {
	/*overflow: visible;*/
	overflow: hidden;
	}

#p-rcb p {
	margin: 0px;
	padding: 0px;
	}

#p-rcb h2 {
	margin: 0px 0px 7px;
}

/********************************************************************************/
/***** 1.0 - ALL MARKUP ********************************************************/
/******************************************************************************/

body {
	color: #999999;
	font-family: Verdana, sans-serif;
	}
	
p {
	line-height: 1.6em;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	}

a {
	outline: none;
}
img {
	outline: none;
	border: none;
}
input {
	outline: none;
}
a,
a:link { color: #0099dc; text-decoration: none; cursor: pointer; }
a:hover { color: #0573a3; text-decoration: underline; }
h1, h2 { font-family: 'Gill Sans W01 Light', Verdana, sans-serif; }
label { font-size: 1.2em; }
fieldset { margin: 0; padding: 0; border: 0; }

.note {
	font-size: 1.2em;
}

ul {
	list-style: none;
}


/********************************************************************************/
/***** 1.1 - HEADERS ***********************************************************/
/******************************************************************************/

/***** HEADER 1 *****/

h1 {
	padding: 0 0 17px 0;
	margin: 0;
	font-size: 5em;
	line-height: 1em;
	color: #00334A;
	}

/***** HEADER 2 *****/

h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 4em;
	line-height: 0.8em;
	color: #00334A;
	}

/***** HEADER 3 *****/

h3 {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	color: #00334A;
	}




/*
######################################################################################
######                                                                        #######
######   2 - LAYOUT                                                          #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** 2.0 - CONTENT HEADER ****************************************************/
/******************************************************************************/

#cp_category_header {
	width: 960px;
	height: 275px;
	}

/***** TAB 1 *****/

.cp_category_header_1 {}

/***** TAB 2 *****/

.cp_category_header_2 {
	background-image: url(../images/fallback1.jpg)
}

/***** TAB 3 *****/

.cp_category_header_3 {}

/***** TAB 4 *****/

.cp_category_header_4 {}







/********************************************************************************/
/***** 2.1 - TAB STYLES ********************************************************/
/******************************************************************************/

/***** TAB MENU *****/

.cp_tab_menu {
	width: 960px;
	height: 37px;
	}
	.cp_tab_menu ul {
		width: 960px;
		margin: 0;
		padding: 0;
		list-style: none;
		height: 36px;
		}
		
		.cp_tab_menu ul li {
			float: left;
			width: 318px;
			height: 36px;
			margin: 0;
			padding: 0;
			border-right: 2px solid #fff;
			background: url(../images/tabs-item.png) left top repeat-x;
			}
		
			.cp_tab_menu a {
				float: left;
				display: block;
				font-weight: bold;
				height: 36px;
				width: 318px;
				line-height: 36px;
				text-align: center;
				color: #000;
				font-size: 1.4em;
				outline: none;
				font-family: gs_light_regular, Verdana;
				}
			.cp_tab_menu a:hover,
			.cp_tab_menu a.cp_active {
				background-image: url(../images/tabs-item-active.png);
				color: #fff;
				outline: none;
			}
			.cp_tab_link_last {
				border-right: none !important;
				width: 320px !important;
				}
				.cp_tab_link_last a {
					width: 320px !important;
					}

/***** TABS *****/

.cp_tabs {
	width: 960px;
	}
	.cp_tab {
		display: block;
		width: 960px;
		height: auto !important;
		min-height: 300px;
		height: 300px;
		overflow: hidden;
		position:relative;
		}
		.cp_tab p {
			margin-bottom: 8px !important;	
			}
	.js .cp_tab { display: none; }	





/*
######################################################################################
######                                                                        #######
######   3 - SECTIONS                                                        #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** OVERLAY STYLES **********************************************************/
/******************************************************************************/

/***** BRIGHTCOVE OVERLAY *****/

#cp_video_overlay.popup {
	width: auto;
	display: none;
	background: #fff;
	border: 1px solid black;
	padding: 4px;
}
#cp_video_overlay.popup .navigation { float: right; }
#cp_video_overlay.popup .content { padding: 10px; text-align: center; }
#cp_video_overlay.popupbrightcove{ height: auto; }
#cp_video_overlay .close_btn { cursor: pointer; color: #000000; font-weight: bold; }
#popupManBackground { background: #333; }



/*
 * Philips footer modification
 */
#p-generic-tools-item p {
	margin: 3px 0px;
}

/**
 *
 * My code
 *
 */	


body {
	color: #00334a !important;
	}
	h1,h2,h3,h4,h5,h6 {
		font-family: gs_light_regular, Verdana;
		color: #00334a;
		}
	h1, h2 {
		font-size: 26px;
		}
	a {
		color: #00334a;
		font-size: 11px;
		}
		a.arrowIcon {
			background: url(../images/arrow_left.png) left top no-repeat;
			padding-left: 10px;
			}	
		
		
/**
 * Overview template
 *
 */
#wb-header {
	background: url(../images/skyline_top.jpg) left -140px no-repeat;
	}
	#wb-header-top {
		padding: 27px 40px;
		}
		#wb-header-top p {
			width: 595px;
			font-size: 12px;
			}
		
#wb-test {
	height: 420px;
	position:relative;
	background: #000;
	}
	.sl-home h2 {
		top: 183px;
		font-size: 43px;
		}
	.wb-testSlide {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 134px 75px 25px 75px;
		width: 810px;
		color: #fff;
		height: 260px;
		}
		.sl-home {
			cursor: pointer;	
			}
		.wb-testSlide button {
			position: absolute;
			right: 110px;
			bottom: 20px;
			}
		.slide-title {
			margin-bottom: 22px;	
			}
		.slide-body {
			margin-bottom: 5px;
			font-size: 12px;
			}
		.wb-testSlide .slide-title, .slide-body {
			text-align: center;
			}
			.range {
				width:606px;
				}
		.pagination {
			position: absolute;
			bottom: 13px;
			left: 451px;
			width: 58px;
			height: 13px;
			background-position: left top;
			background-repeat: no-repeat;
			}
			#page-1 {
				background-image: url(../images/page1.png);
				}
			#page-2 {
				background-image: url(../images/page2.png);
				}
			#page-3 {
				background-image: url(../images/page3.png);
				}

#noJs {
	background: #FFCB6C;
	color: #fff;
	text-align: center;
	height: 396px;
	border: 2px solid #000;
	}

/* Quesetion 1*/
#question-a td {
	border-bottom: 1px solid #7e9ebd;	
	}
#question-a th td {
	border-bottom: 1px solid #fff;	
	}

/* Question 2 */
#question-b table input {
	width: 606px;	
	}
	
#question-c {
	text-align: center;	
	}

#wb-loading {
	position: absolute;
	height:15px;
	top: 350px;
	width: 100%;
	text-align: center;
	z-index: 4;
	color: #fff;
	font-size: 14px;
	}
	
#wb-message {
	display:none;
	font-size: 1.2em;
	position: absolute;
	background: #DE4E4E;
	bottom: 9px;
	right: 183px;
	padding: 4px 10px;
	color: #fff;
	z-index: 10;
}

#wb-result {
	display:none;
	position: absolute;
	top: 0px; left: 0px;
	height: 390px;
	width: 760px;
	z-index: 2;
	padding: 30px 100px 0px 100px;
	font-size: 17px;
	line-height: 22px;
	z-index: 0;
	}
	#wb-result h2 {
			color: #fff;	
		}
	#resultCopy {
		height: 243px;
		color: #fff;
		padding-right: 30px;
		text-align: center;
		}
	.blues {
		background: url(../images/result.jpg) left top no-repeat;
		}
	.noBlues {
		background: url(../images/no_blues.jpg) left top no-repeat;
		}
		.noBlues #resultCopy {
			color: #000;	
			}
		.noBlues h2 {
			color: #000 !important;	
			}
	.mildBlues {
		color: #fff !important;
		background: url(../images/result_mild.jpg) left top no-repeat;
		}
	#wb-result h2 {
		text-align: center;
		font-size: 42px;
		margin-bottom: 20px;
		}
	#wb-result div {
		font-weight: bold;	
		}

/*
 input[type="range"]{
   -webkit-appearance:none !important;
 }

 input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
 }
 */
#wb-mainSlides {
	position: relative;
	height: 420px;
	z-index: 0;
	}
	.wb-slide {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 420px;
		}
		.wb-subSlide {
			position: absolute;
			top: 0px;
			left: 0px;
			background: #fdfbe3;
			width: 960px;
			z-index: 1;
			}
		.wb-slide .wb-slide-left {
			float: left;
			width: 427px;
			height:420px;
			background-repeat: no-repeat;
			}
			.wb-imgLink {
				position: absolute;
				top: 0px;
				left: 0px;
				width:400px;
				height: 353px;				
				}
		.wb-slide .wb-slide-right {
			margin-left: 430px;
			width: 430px;
			height: 344px;
			padding: 38px;
			overflow: hidden;
			}
			.wb-slide-right > div {
				padding-right: 40px;
				height: 344px;
				max-height: 344px;
				overflow-y: auto;	
				}
			.slideExtraMargin {
				margin-top: 35px !important;	
				}
.btnWrap {
	width: 432px;
	position: absolute;
	bottom: 30px;
	text-align: center;
	height:50px;
	}
.btnWrap-left {
	width: 432px;
	position: absolute;
	bottom: 30px;
	height:50px;
	}
	.btnBoxPos-left {
		height: 24px;
		margin-bottom: 15px;
		}
	.btnBoxPos-center {
		position: relative;
		height: 24px;
		margin-bottom: 15px;
		left: 50%;
		}
		.btnBoxPos-center .ctaBtn {
			right: 25%;
			}
		.btnBoxPos-left .ctaBtn {
			left: 25%;	
			}
	.ctaBtn {
		position: relative;
		display: block;
		height: 24px;
		margin: 0 auto;
		padding-bottom:10px;
		}
		.ctaBtn-left {
			float: left;
			position: relative;
			height: 24px;
			background: url(../images/cta_btn.png) 0px 0px no-repeat;
			overflow: hidden;
			}
			.ctaBtn-left a {
				line-height: 25px;
				padding-left: 10px;
				color: #123F4D;
				font-weight: bold;
				}
		.ctaBtn-right {
			position: relative;
			float: left;
			width: 29px;
			height: 24px;
			overflow: hidden;
			background: url(../images/cta_btn.png) 0px -24px repeat-x;
			}
.wb-btnWrap {
	position: absolute;
	bottom: 30px;
	text-align: center;
	}
	.wb-ctaBtn {
		float: left;
		position:relative;
		display: block;
		left: 50%;
		height: 38px;
		margin: 0 auto;
		padding-bottom:10px;
		}
		.wb-ctaBtn-left {
			font-family: gs_regular;
			float: left;
			position: relative;
			right: 50%;
			height: 18px;
			background: url(../images/wb-test_btns.png) 0px 0px no-repeat;
			overflow: hidden;
			line-height: 20px;
			font-size:22px;
			color: #123F4D;
			padding: 10px;
			}
		.wb-ctaBtn-right{
			position: relative;
			float:left;
			right: 50%;
			width: 10px;
			height: 38px;
			overflow: hidden;
			background: url(../images/wb-test_btns.png) right top repeat-x;
			}
	

	.ctaBtn-result {
		position: absolute;
		width: 813px;
		left: 0px;
		padding: 18px 147px 18px 0px;
		border-top: 1px solid #B3B9AB;
		bottom: 0px;
		height: 22px;
		background: url(../images/buttonsWrapBg.png) left top repeat;
		}
	.ctaBtn-result .ctaBtn {
		float: right !important;
		margin-left: 20px;
		}


	/** Hide results call to action for items that would link to the same tab */
	#energylight .mildBlues .ctaBtn-result,
	#energylight .advancedBlues .ctaBtn-result,
	#energylight .moderateBlues .ctaBtn-left {
		display: none;
	}


	#wb-slide-3 dt {
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 3px;
		}
	#wb-slide-3 dd {
		margin: 0px;
		}

.energyLight-large {
	background: url(../images/energy_light_large.jpg) 50px 38px no-repeat;
	}
.energyLight-medium {
	background: url(../images/energy_light_medium.jpg) 81px 38px no-repeat;
	}
.wakeupLight-large {
	background: url(../images/wakeup_light_large.jpg) 105px 38px no-repeat;
	}
.goLiteBlu-large {
	background: url(../images/goliteblu_large.jpg) 105px 103px no-repeat;
	}

#wb-slideContent {
	height: 419px;
	background: #fdfbe3;
	}
	#wb-skyline {
		position: relative;
		color: #00334a;
		background: #f3e9ce url(../images/skyline_top.jpg) top left no-repeat;
		}
		.wb-inner {
			padding: 27px 86px 94px 86px;
			}
		#wb-skyline .wb-inner {
			background: url(../images/skyline_bottom.jpg) left bottom no-repeat;
			overflow: auto;
			}
		.skyline-img {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			z-index: -1;
			}
		#wb-skyline p {
			padding-right: 30px;
			}

		#wb-skyline-top {
			overflow: auto;	
			}
	.wb-skyline-col {
		float: left;
		width: 368px;
		overflow: visible;
		padding-bottom: 46px;
		}
		 .wb-skyline-col-txt {
			width: 220px;	
			}
			.wb-skyline-col-txt p {
				margin-bottom: 30px;
				padding-right: 0px!important;	
				}

			.wb-skyline-col-txt ul {
				width: 173px;	
				}
			

			.wb-skyline-col-txt li {
				margin-bottom:10px;
				list-style: none;
				background: transparent url(../images/arrow_right.png) 0px 4px no-repeat;
				padding-left: 14px;
				}
				.wb-skyline-col-txt li a {
					font-size: 105%;
					font-weight: bold;
					color: #00334a;
					}
		.wb-skyline-col img {
			margin-bottom: 30px;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
			}
		#wb-skyline-col-wakeup {
			margin-right: 50px;
			background: url(../images/wakeup_light.png) right bottom no-repeat;
			}
		#wb-skyline-col-energy {
			background: url(../images/energy_light.png) right bottom no-repeat;	
			}
	.wb-skyline-col-last {
		margin-right: 0px !important;	
		}
		.ca-main-item h3 {
			font-size: 14px;	
			}

#wb-proven {
	padding-top: 27px;
	min-height: 400px;	
	}
.wb-skyline-left {
	width: 390px;
	float: left;
	margin-right: 30px;
	}
	.wb-provenLight {
		overflow: auto;
		margin-bottom: 11px;	
		}
	.wb-proven-label {
		float: left;
		width: 110px;
		max-width: 110px;
		font-weight: bold;
		padding-right: 0px !important;
		}
	.wb-proven-content {
		float: left;
		width: 278px;
		}
		.wb-proven-content {
			list-style: none;
			}
	.refCell {
		float: left;
		width: 205px;	
		}
.wb-skyline-right img {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	margin-top:47px;	
	}

	


.wl-inner {
	width:870px;
	padding: 40px 45px 41px 45px;
	overflow: auto;
	}
	.floatLeft {
		float: left;
		}

#wl-header {
	height: 275px;
	background: url(../images/wl_header.jpg) left top no-repeat;
	}
	#wl-header h1 {
		width: 200px;
		line-height: 33px;
		}


#wl-subHeader {
	height: 281px;
	background: url(../images/skyline_top.jpg) left -220px no-repeat;
	}
	#wl-subHeader h2 {
		margin-bottom: 10px;
		}
	#wl-subHeader a {
		font-weight: bold;
		color: #00334a;
		}
	#wl-subHeader-copy {
		width: 422px;
		}
	#wl-subHeader-vid {
		margin-left: 40px;
		box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
		}
	#wl-subHeader-vid img {
		cursor: pointer;
		}
	#wl-subHeader .ctaBtn {
		margin-top: 15px;	
		}

#wl-main {
	background: #fefcde url(../images/wakeup_light.jpg) right bottom no-repeat;
	border-top: 2px solid #ddd;
	}
	#wl-main .wl-inner {
		min-height: 428px;	
		}
	#lightLevels {
		position: relative;
		left: -13px;
		}
	#wl-main h3 {
		font-size: 20px;
		font-weight: bold;
		padding: 0px;
		margin-bottom: 10px;
			}
	#wl-main h4 {
		font-size: 16px;
		margin: 6px 0px;
		}
	#wl-main p {
		width: 550px;
		}
		#wl-wakeupLightLink {
			float: right;
			display: block;
			width: 300px;
			height: 383px;
			}


#wl-skyline {
	position: relative;
	background: #f3e9ce url(../images/skyline_top.jpg) left top no-repeat;
	}
	#wl-skyline .wl-inner {
		padding-bottom: 175px !important;
		background: url(../images/skyline_bottom.jpg) left bottom no-repeat;	
		}
	#wl-skyline-top {
		overflow: auto;
		padding-bottom: 60px;
		}
		.addSeparator {
			background: url(../images/skyline_border.png) center bottom no-repeat;
			}
	#wl-skyline-bottom {
		overflow: auto;
		margin-top: 40px;
		}
	#wl-skyline-left {
		width: 408px;
		margin-right: 53px;
		}
		#wl-skyline-left h4 {
			font-size: 19px;	
			}
	#wl-skyline-right {
		width: 408px;
		}
		#wl-skyline-right li {
			height: 56px;
			padding-left: 68px;
			list-style: none;
			}

	#wl-skyline {
		color: #00334a;
		}
		#wl-stat-pleasant {
			background: url(../images/92_percent.png) left top no-repeat;
			padding-top:10px;
			height: 49px;
			}
		#wl-stat-better {
			background: url(../images/88_percent.png) left top no-repeat;
			padding-top:10px;
			height: 49px;
			}
		#wl-stat-easier{
			background: url(../images/92_percent.png) left top no-repeat;
			padding-top:10px;
			height: 49px;
			}
		.wl-liSmall {
			height: 12px !important; 	
			}
	#wl-skyline-bottom p {
		margin-bottom: 40px;
		}
	#wl-skyline-bottom h3 {
		margin-bottom: 0px;
		}
	
	#wl-skyline .wl-bottom-video {
		position: relative;
		width: 408px;
		float:left;
		margin-right: 53px;
		padding-top: 15px;
		}

		#wl-skyline-videos h5 {
		padding-bottom: 7px;
		font-size: 16px;
		font-weight: bold;
		}
		#wl-skyline .playBtn {
			top: 113px;	
			}
		#wl-skyline .wl-bottom-video-last {
			margin-right: 0px !important;
			}


	#wl-skyline-videos img {
		box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
		cursor: pointer;
		}

/************ Energy Light *****************/

#el-header {
	min-height: 195px;
	background: url(../images/el_header.jpg) left top no-repeat;
	padding: 40px;
	}
	#el-header h1 {
		width: 265px;
		font-size: 30px;
		line-height: 41px;
		}
#el-subHeader {
	padding: 40px;
	background: url(../images/skyline_top.jpg) left -220px no-repeat;
	}
	#el-subHeader h2 {
		margin-bottom: 15px;
		line-height: 31px;
		}
	#el-subHeader h2, #el-subHeader p {
		width: 600px;
		}
	#el-subHeader p {
		line-height: 22px;
		}
	#el-subHeader a {
		padding-left: 10px;
		}
	#triggerTest {
		cursor: pointer;	
		}

.el-startTest {
	background: url(../images/el-test_home.jpg) left top no-repeat;
	height: 281px
	}
	.el-startTest h2 {
		color: #fff;
		top: 183px;
		font-size: 43px;
		text-align: center;
		padding-top: 137px;
		}
	.el-startTest .sl-next {
		position: relative;
		top: 20px;	
		}

.sl-slider {
	height: 420px;
	overflow: hidden;
	/*background: url(../images/el-wb-test.jpg) left top no-repeat; */
	}
	.sl-slider button {
		background: url(../images/next.png) left top no-repeat;
		width: 74px;
		height: 27px;
		top: 383px;
		right: 74px;
		position: absolute;
		border: none;
		cursor: pointer;
		}
	.sl-slider table {					
		width: 100%;
		margin-top: 17px;
		}
		#question-b table {					
			margin-top: 0px;
			}		
		.sl-slider th {
			font-size: 12px;
			padding: 5px;
			text-align: center;
			}
		.sl-slider tr {
			margin-bottom: 10px;	
			}
		.sl-slider td {					
			font-size: 14px;
			padding: 4px;
			}
			#question-b .rangeBg {
				background: url(../images/sliderbg.png) left center no-repeat;	
				}
				#question-b .rangeSlider {
					width: 490px;
					}
			#question-c .rangeBg {
				background: url(../images/sliderbg.png) center 15px no-repeat;	
				}
				#question-c .rangeSlider {
					width: 620px;
					}
			.sl-slider p {					
				margin-bottom: 0px !important;
				}
			.sideBorders {
				border-left: 1px solid #fff;
				}
		#question-a th {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-align: left;
			}
		#question-a td {
			border-bottom: 1px solid #fff;	
			}
		#question-b td {
			padding: 0px 5px 5px 0px;
			font-size: 12px;
			}
			.sl-next {
				cursor: pointer;	
				}
			.wb-testSlide .sl-next {
				position: absolute;
				bottom: 0px;
				right: 87px;
				}
			.sl-home .sl-next {
				top: 286px;
				}
			.sl-next .next-left {
				background: url(../images/next_left2.png) 0px 0px no-repeat;
				float: left;
				height: 27px;
				padding: 6px 0px 5px 9px;
				color: #1E4F6E;
				font-family: gs_regular;
				font-size: 14px;
				font-weight: bold;
				}
			.sl-next .next-right {
				background: url(../images/next_right2.png) 0px 0px no-repeat;
				width: 11px;
				height: 27px;
				float:left;
				}
#question-c .range {
	width: 760px;
	}

#el-slides-nav {
	
	}
	#el-slides-nav li {
		padding: 10px 0px;
		margin: 0px;
		float: left;
		width: 33%;
		text-align: center;
		cursor: pointer;
		}

#el-howItWorks {
	padding-top: 38px;
	background: #fdfbe3 url(../images/energy_light_large.jpg) 30px 30px no-repeat;
	}
	#el-howItWorks-left {
		position: absolute;
		height: 320px;
		width:354px;
		}
	#el-howItWorks-left a {
		display: block;
		position: relative;
		top:0px;
		left:0px;
		background: yellow;
		opacity: 0.01;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)";
		filter: alpha(opacity=01);
		height: 300px;
		width: 358px;
	}
	#el-howItWorks-right {
		min-height: 487px;
		width: 474px;
		position:relative;
		overflow: hidden;
		margin-left: 390px;
		}
		#el-howItWorks-right p {
			font-size: 12px;
			line-height: 1.5em;
			}

#el-accordian dt {
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/arrow_right_darkblue.png) 0px 2px no-repeat;
	padding-left: 19px;
	margin: 10px 0px;
	}
	#el-accordian dd {
		display: none;
		font-size: 11px;
		margin: 0px;
		}


#el-skyline {
	overflow: auto;
	background: #f3e9ce url(../images/skyline_top.jpg) left top no-repeat;
	}
	.el-inner {
		padding: 40px;
		}
	#el-skyline .el-inner {
		padding-bottom: 85px;
		background: url(../images/skyline_bottom.jpg) left bottom no-repeat;
		}
	#el-skyline-colWrap {
		overflow: auto;
		padding-bottom:30px;
		}
		.el-skyline-col {
			float: left;
			width: 420px;
			margin-right: 34px;
			}
			.el-skyline-col p {
				line-height: 1.5em;
			}
			.el-skyline-col img {
				box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
				cursor:pointer;
				}
			#el-skyline-colWrap .el-skyline-video {
				position:relative;
				margin-bottom: 25px;	
				}
			#el-skyline-colWrap .el-skyline-video h3 {
				margin-bottom: 3px;
				font-size: 18px;
				}
				.el-skyline-col-last {
					margin-right: 0px !important;
					}
	#el-skyline-stats li {
		margin-bottom: 10px;
		width: 390px;
		}
		#el-stat-satisfied {
			background: url(../images/91_percent.png) left top no-repeat;
			margin-bottom: 3px !important;
			height: 48px;
			padding-left: 65px;
			width: 88% !important;
    		padding-right: 5px;
    		padding-top: 17px;
			}
		#el-stat-agree {
			background: url(../images/84_percent.png) left top no-repeat;
			padding-top:10px;
			height: 49px;
			margin-bottom: 15px !important;
			padding-left: 65px;
			width: 360px !important;
			}
			
	#el-skyline-testimonials {
		overflow: auto;
		padding: 30px 0px 20px;
		}
		.el-testimonials-wrap {
			overflow: auto;
			margin-bottom: 20px;
			}
		.el-testimonials-wrap div {
			float: left;
			width: 375px;
			padding-left: 22px;
			margin-right: 50px;
			background: url(../images/arrow_right_darkblue.png) 0px 2px no-repeat;
			}
			#el-skyline-testimonials h5 {
				font-weight: bold;
				font-size: 16px;
				margin-bottom: 5px;
				}
			#el-skyline-testimonials p {
				font-size: 12px;
				}
			#el-skyline-testimonials .noMargin {
				margin-right: 0px !important;
				}
	#el-skyline .playBtn {
		top: 91px;
		}

.imageCell {
	position:relative !important;	
	}

.playBtn {
	position: absolute;
	top: 52px;
	left: 152px;
	background: url(../images/vid_arrows.png) 0px -106px no-repeat;
	width: 106px;
	height: 106px;
	z-index: 2;
	cursor: pointer;
	}

/********************************************************************************/
/***** 4.0 - POPUP STYLES ******************************************************/
/******************************************************************************/

/* DIV POPUP */
#p-rcb #video1, #video2, #video3, #video4, #freedom_flash {
	color: #0D5FD8;
	cursor: pointer;
}

/* BRIGHTCOVE */
#overlayDiv.popup {
	width: auto; /*750px;*/ /* player height + padding left and right (486 + 20)*/
	display: none;
	background: #fff;
	border: 1px solid black;
	padding: 4px;
}
#overlayDiv.popup .navigation { float:right; }
#overlayDiv.popup .content { padding: 10px; text-align: center; }
#overlayDiv.popupbrightcove{ height: auto; /* player height + padding top and bottom + close button height (412 + 20 + 15)*/ }
#popupManBackground { background: #333; }
#overlayDiv .close_btn { cursor: pointer; color: #000000; font-weight: bold; }



/**
 * carousel
 */
		#wb-cellItems {
			height: 238px;
			margin: 0 auto;
			position: relative;
			width:960px;
			z-index: 1;
			/*overflow: hidden;*/
			}
			#wb-cellItems h3 {
				font-weight: normal !important;	
				}
			.wb-arrows {
				display: none;
				position: absolute;
				top: 71px;
				cursor: pointer;
				z-index: 2;
				/*opacity: 0.7*/
				}
				.wb-arrows:hover {
					/*opacity: 1;*/
					}
				#wb-arrow-left {
					left: 8px;	
					}
				#wb-arrow-right {
					right: 8px;	
					}
			#wb-cellItems .wb-cellItem {
				position: absolute;
				height: 239px;
				width: 192px;
				}
				.wb-itemMain {
					width: 192px;
					height: 166px;
					padding-top: 72px;
					background-repeat: no-repeat;
					cursor: pointer;
					text-align: center;
					}
					.wb-itemMain h3 {
						margin: 0 auto 5px auto !important;
						width: 138px;
						padding: 0;
						}
					.wb-itemMain p {
						font-size: 11px;
						margin: 0px 13px !important;	
						}
			.wb-itemContent {
				position: absolute;
				top:0px;
				left: 192px;
				height: 191px;
				width: 767px;
				text-align: left;
				margin-top: 45px;
				border-top: 1px solid #84A1AB;
				border-right: 1px solid rgba(15, 61, 75, 0.2);
				border-bottom: 1px solid #b2bec2;
				display: none;
				}
				.wb-itemContent-txt {
					margin: 15px 25px;
					width: 500px;
					}
				.wb-itemMore{
					position: absolute;
					bottom: 0px;
					left:0px;
					width: 100%;
					height: 24px;
					line-height: 24px;
					text-align: center;
					}
					.wb-itemMore img {
						position:relative;
						top:-5px;
						left: -5px;
						}
					.wb-itemMore a {
						text-indent: 10px;
						font-weight:bold;
						color: #00334a !important;
						font-size: 13px;
						text-indent: -2px;
						}
						.wb-itemMore span {
								padding-left:19px;
								background: url(../images/arrow_right_darkblue.png) 0px 2px no-repeat;
							}
				.wb-itemClose{
					position:absolute;
					top: -29px;
					right:5px;
					background: url(../images/close.png) center center no-repeat;
					width:27px;
					height:27px;
					text-indent:-9000px;
					outline:none;
					/*opacity:0.7;*/
					}
					.wb-itemClose:hover {
						/*opacity:1;*/
						}
		.subPageLinks {
			position: absolute;
			top: 134px;
			}
			.wb-subPageLink {
				float: left;
				font-size: 105%;
				font-weight: bold;
				bottom: -36px;
				width: 225px;
				height: 28px;
				padding-left: 30px;
				margin-top:15px;
				line-height: 16px;
				padding-top: 14px;
				color: #00334A !important;
				background: url(../images/sub_slides.png) 0px 0px no-repeat;
				}
				.wb-subPageLink-active {
					background: url(../images/sub_slides.png) 0px -43px  no-repeat;
					height: 68px;
					}
					
					
/* Radio images */
.radio_image input {
	position:absolute;
	opacity:0;
	}
.radio_image input + span {
	background: url(../images/Radio_button_off.png) left top no-repeat;
	padding-left: 1.6em;
	}
.radio_image input:checked + span {
	background-image: url(../images/Radio_button_on.png);
	}

	
/** 
 * Slit slider
 *
 */

.sl-slider {
	/*position: absolute;
	top: 0;
	left: 0; */
	position: relative;
	font-family: 'Montserrat', Arial, sans-serif;
	background: #99C8E6;
}

/* Navigation arrows */

.sl-slider nav span {
	position: fixed;
	z-index: 2000;
	top: 50%;
	width: 80px;
	height: 80px;
	border: 2px dashed #ddd;
	border: 2px dashed rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sl-slider nav span:hover {
	border-color: rgba(150,150,150,0.9);
}

.sl-slider nav span.sl-prev {
	left: 60px;
	border-right: none;
	border-top: none;
}

.sl-slider nav span.sl-next {
	right: 60px;
	border-left: none;
	border-bottom: none;
}

/* Slide wrapper and slides */

.sl-slide, .sl-slides-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/cuts */

.sl-content-cut {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
}

/* Horizontal cut */

.sl-slide-horizontal .sl-content-cut {
	width: 100%;
	height: 50%;
	left: -200px;
}

.sl-slide-horizontal .sl-content-cut:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-cut:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical cut */

.sl-slide-vertical .sl-content-cut {
	width: 50%;
	height: 100%;
	top: -200px;
}

.sl-slide-vertical .sl-content-cut:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-cut:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}


/* Content elements */

.sl-deco {
	top: 15px;
	width: 148px;
	height: 148px;
	position: absolute;
	bottom: 50%;
	left: 55%;
	margin-left: -123px;
}
#question-a .sl-deco {
	background: url(../images/question1.png) left top no-repeat;
	}
#question-b .sl-deco {
	background: url(../images/question2.png) left top no-repeat;
	}
#question-c .sl-deco {
	background: url(../images/question3.png) left top no-repeat;
	}

[data-icon]:after {
    font-family: 'AnimalsNormal';
    color: #000;
	text-shadow: 0 0 1px #000;
	position: absolute;
	width: 220px;
	height: 220px;
	line-height: 220px;
	text-align: center;
	font-size: 100px;
	top: 50%;
	left: 50%;
	margin: -110px 0 0 -110px;
	box-shadow: inset 0 0 0 10px #f7f7f7;
	border-radius: 50%;
}

.sl-slide h2 {
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 1px #000;
	padding: 20px;
	position: absolute;
	font-size: 34px;
	letter-spacing: 2px;
	width: 920px;
	left: 0px;
	text-align: center;
	line-height: 50px;
	bottom: 41%;
	margin: 0 !important;
	}

.sl-slide blockquote {
	position: absolute;
	width: 30%;
	text-align: center;
	left: 35%;
	font-size: 13px;
	line-height: 20px;
	height: 70px;
	color: #8b8b8b;
	z-index: 2;
	bottom: 50%;
	margin: 0 0 -200px 0;
	padding: 0;
}

.sl-slide blockquote:before {
	color: #f0f0f0;
	color: rgba(244,244,244,0.65);
	font-family: "Bookman Old Style", Bookman, Garamond, serif;
	position: absolute;
	line-height: 60px;
	width: 75px;
	height: 75px;
	font-size: 200px;
	z-index: -1;
	left: -15px;
	top: 35px;
	content: '\201C';
}

.sl-slide blockquote cite {
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/* Dark slides */

.sl-slide-dark {
	/*background: url(../images/test_bg.png) left top repeat-x;	*/
}

.sl-slide-dark .sl-content-cut,
.sl-slide-dark .sl-content {
	/* edit background: #000;*/
}

.sl-slide-dark [data-icon]:after,
.sl-slide-dark.sl-slide h2 {
	color: #fff;
}

.sl-slide-dark.sl-slide blockquote:before {
	color: #222;
}

/* Color 1 slides */
.sl-slide-color-1 .sl-content-cut,
.sl-slide-color-1 .sl-content {
	background: #8d0f39;
}

.sl-slide-color-1 [data-icon]:after {
	color: #e6a6bb;
	text-shadow: 0 0 1px #e6a6bb;
	box-shadow: inset 0 0 0 10px #e6a6bb;
}

.sl-slide-color-1.sl-slide h2,
.sl-slide-color-1.sl-slide blockquote{
	color: #fff;
}

.sl-slide-color-1.sl-slide blockquote:before {
	color: #7b0c31;
}

/* Color 2 slides */
.sl-slide-color-2 .sl-content-cut,
.sl-slide-color-2 .sl-content {
	background: #ade1f4;
}

.sl-slide-color-2 [data-icon]:after {
	text-shadow: 0 0 1px #8bc7dd;
	color: #8bc7dd;
}

.sl-slide-color-2.sl-slide h2,
.sl-slide-color-2.sl-slide blockquote{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sl-slide-color-2.sl-slide blockquote:before {
	color: #8bc7dd;
}

/* Color 3 slides */
.sl-slide-color-3 .sl-content-cut,
.sl-slide-color-3 .sl-content {
	background: #ffeb41;
}

.sl-slide-color-3.sl-slide h2,
.sl-slide-color-3.sl-slide blockquote{
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.sl-slide-color-3.sl-slide blockquote:before {
	color: #ecd82c;
}

.sl-content {
	width: 960px;
	height: 420px;
	background: url(../images/test_bg.png) left top repeat-x;	
}

.sl-home .sl-content-cut,
.sl-home .sl-content{
	background: url(../images/wb-test_home.jpg) left top no-repeat !important;
	}

.sl-2 .sl-content-cut,
.sl-2 .sl-content {
	background: url(../slides/test/3.jpg) left top no-repeat !important;
	}
	
.sl-3 .sl-content-cut,
.sl-3 .sl-content {
	background: url(../slides/test/6.jpg) left top no-repeat !important;
	}
	
.sl-4 .sl-content-cut,
.sl-4 .sl-content {
	background: url(../slides/test/5.jpg) left top no-repeat !important;
	}
/* Animations for elements */

.sl-trans-elems .sl-deco{
	-webkit-animation: roll 2s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 2s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 2s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 2s ease-out both, fadeIn 1s ease-out both;
	animation: roll 2s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 2s ease-in-out both;
	-moz-animation: moveUp 2s ease-in-out both;
	-o-animation: moveUp 2s ease-in-out both;
	-ms-animation: moveUp 2s ease-in-out both;
	animation: moveUp 2s ease-in-out both;
}
.sl-trans-elems blockquote {
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
/*
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(0deg); opacity: 0;}
	50% {-webkit-transform: translateX(0px) rotate(1turn); opacity: 1;}
	100% {-webkit-transform: translateY(-40px) scale(.5, .5);}
}
*/

@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) translateY(0px) rotate(0deg) scale(1, 1);}
	50% {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);}
	100% {-webkit-transform: translateY(-40px) translateX(0px) rotate(0deg) scale(0.5, 0.5);}
}

@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) translateY(0px) rotate(0deg) scale(1, 1);}
	50% {-moz-transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);}
	100% {-moz-transform: translateY(-40px) translateX(0px) rotate(0deg) scale(0.5, 0.5);}
}

@-o-keyframes roll{
	0% {-o-transform: translateX(500px) translateY(0px) rotate(0deg) scale(1, 1);}
	50% {-o-transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);}
	100% {-o-transform: translateY(-40px) translateX(0px) rotate(0deg) scale(0.5, 0.5);}
}

@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) translateY(0px) rotate(0deg) scale(1, 1);}
	50% {-ms-transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);}
	100% {-ms-transform: translateY(-40px) translateX(0px) rotate(0deg) scale(0.5, 0.5);}
}
@keyframes roll{
	0% {transform: translateX(500px) translateY(0px) rotate(0deg) scale(1, 1);}
	50% {transform: translateX(0px) translateY(0px) rotate(0deg) scale(1, 1);}
	100% {transform: translateY(-40px) translateX(0px) rotate(0deg) scale(0.5, 0.5);}
}


@-webkit-keyframes moveUp {
	0% {-webkit-transform: translateY(40px);}
	50% {-webkit-transform: translateY(0px);}
	100% {-webkit-transform: translateY(-95px) scale(0.7, 0.7);}
}

@-moz-keyframes moveUp {
	0% {-moz-transform: translateY(40px);}
	50% {-moz-transform: translateY(0px);}
	100% {-moz-transform: translateY(-95px);}
}

@-o-keyframes moveUp {
	0% {-o-transform: translateY(40px);}
	50% {-o-transform: translateY(0px);}
	100% {-o-transform: translateY(-95px);}
}

@-ms-keyframes moveUp {
	0% {-ms-transform: translateY(40px);}
	50% {-ms-transform: translateY(0px);}
	100% {-ms-transform: translateY(-95px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-95px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.sl-trans-back-elems .sl-deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

/**
 * 3rd party styles
 */

/* *********************************************************************
 * jQuery scroll bar plugin
 *
 */
.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
/*.lb-scrollbar-wrap { position: absolute; left: 0; top: 0; }*/
.lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; cursor: pointer;}
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }


/**
 * Jquery tools range tools
 *
 */

/* slider root element */
.slider {
    background:#3C72E6 url(/media/img/gradient/h30.png) repeat-x 0 0;
    height:9px;
    position:relative;
    cursor:pointer;
    border:1px solid #333;
    width:675px;
    float:left;
    clear:right;
    margin-top:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:inset 0 0 8px #000;
}


.rangeSlider {
	height: 22px;
	position:relative;
	overflow: visible;
	margin: 0 auto;
}
.txtRange {
	display: none;		
	}
.rangeHandle {
	background: url(../images/slider.png) left top no-repeat;
	width: 14px;
	height: 22px;
	top: 1px;
	position:absolute;
	display:block;
	margin-top:1px;
	cursor:move;
	}



/* the overlayed element */
.testOverlay {
    display:none;
    z-index:9999;
    background-color:#333;
    width:960px;
	 height: 420px;
    min-height:200px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.testOverlay .close {
    background:url(../images/overlay_close.png) left top no-repeat;
    position:absolute;
    right: 16px;
    top: 10px;
    cursor:pointer;
    height:23px;
    width:24px;
	 z-index: 100;
}
#overlay-closeLbl {
    position:absolute;
    right: 48px;
	 width: 200px;
    top: 13px;
    height:23px;
	 z-index: 100;
	 text-align: right;
	 color: #fff;
	 font-weight: bold;
	 font-size: 14px;
}