﻿body{
	background-color: #333;
}
.dispInlineBlk { display: inline-block;}
#headerWrapper {
	width: 960px;
	margin: 0 auto;
}
/* Header Styles */
header {
	position: relative;
	overflow: hidden;
	padding-bottom: 22px;
}

	header > a {
		float:left;
		padding-top: 25px;
	}
	header > p {
		position: absolute;
		top:10px; right: 0;
		color: #FFF;
		font: normal 11px/100% 'Myriad Pro', Sans-Serif;
	}
		header > p > a {
			color: #f14e23;
			text-decoration: none;
			font: normal 11px/100% 'Myriad Pro', Sans-Serif;
		}
			header > p > a:hover {
				text-decoration: underline;
			}
	header > form {
		position: relative;
		float: right;
		margin-top: 60px;
		width: 195px;
		height: 32px;
	}
		.inputFieldSearch {
			padding: 0px 5px;
			background-color: #FFF;
			color: #6D6D6D;
			font: normal 10px/21px 'F_Book_BT', Helvetica, sans-serif;
			border: 1px solid #d2d1d1;
			position: absolute;
			line-height: 1;
			height: 21px; width: 100px;
		}
		.goButton {
			background-color: #f14e23;
			color: white;
			font: bold 10px/22px 'F_Book_BT', Helvetica, sans-serif;
			height: 22px; 
			cursor: pointer;
			position: absolute;
			right: 0;
			padding: 0 7px;
			border: 0px;
			-webkit-appearance: none;
		}
		.roundedElement {
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
		}
		#searchInput {
			width: 145px;
		}
		#searchBtn {
			width: 32px;
		}
		.areaInputDesc {
			color: #FFF;
			font: normal 12px/120% 'Hel_LT_Std';
			position: absolute;
			top: -16px;
			left: 180px;
			width: 180px;
		}

/* Footer Styles */
footer {
	margin-bottom: 40px;	
}	
	footer ul{
		overflow: hidden;
		margin: 0 auto;
	}
		footer li {
			float: left;
			color:#CACACA;

		}	
			footer li a {
				text-decoration: none;
				color: #cacaca;
				font: normal 11px/100% 'Arial', Sans-Serif;
			}
			footer li span {
				color: #cacaca;
				font: normal 11px/100% 'Arial', Sans-Serif;
				border-right: 1px solid #cacaca;
				padding: 0 10px;
			}
	
	footer table {
		width: 540px;
		margin: 0 auto;
	}
		footer td {
			color: #cacaca;
			font: normal 11px/100% 'Arial', Sans-Serif;
			vertical-align: middle;
		}
	#firstListFooter {
		width: 715px;
		margin:25px auto 5px;
		overflow: hidden;
	}
	#secondListFooter {
		width: 400px;
		margin: 0 auto 20px;
		overflow: hidden;
	}
	#thirdListFooter {
		width: 540px;
		margin: 0 auto;
		color: #cacaca;
		font: normal 11px/100% 'Arial', Sans-Serif;
		overflow: hidden;
	}
	#firstListFooter ul, #secondListFooter ul, #thirdListFooter ul { float: left;}
	#thirdListFooter p {
		color: #cacaca;
		font: normal 11px/100% 'Arial', Sans-Serif;
		float: left;
		padding: 7px 15px 0 0;
	}
	#thirdListFooter li { padding: 0 7px 0 0; }
	footer li span.first { padding-left: 0; }
	footer li.last.noBorder span { border-right: none; padding-right: 0; }
	
	#footerMessage{
		color: #cacaca;
		font: normal 11px/100% 'Arial', Sans-Serif;
		margin-bottom: 20px;	
        text-align:center;
	}
	footer li.first span { padding-left: 0; }

/* Middle Content Styles */

/* Marketing Area Styles */

#marketingArea {
	height: 85px;
	background-color: #ecede9;
	padding: 40px 0 15px 0;
	
}
	#marketingWrapper {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}
		#marketingWrapper > * {
			float: left;
		}
		#marketingWrapper > ul {
			width: 535px;
			padding-left: 40px;
			border-right: 1px solid #cbcbc7;
		}
			#marketingWrapper > ul li {
				float: left;
				margin-left: 20px;
			}
				#marketingWrapper > ul li p {
					width: 300px;
					font: normal 16px/100% 'F_L_C';
					color: #333;
					line-height: 140%;
				}
		#marketingWrapper > div {
			width: 250px;
			margin-left: 40px;
		}
			h1 {
				font: 700 20px/100% 'F_B_C';
				text-transform: uppercase;	
				color: #333;
			}
			h2 {
				font: normal 50px/100% 'F_B_C';
				text-transform: uppercase;	
				color: #FFF;
			}
			h3 {
				font: 700 17px/100% 'F_B_C';
				text-transform: uppercase;	
				color: #333;
				margin-bottom: 15px;
			}
		#marketingWrapper a {
			font: normal 16px/100% 'F_L_C';
			color: #FFF;
			line-height: 120%;
			text-transform: uppercase;
			text-decoration: none;
			background-color: #717075;
			padding: 5px 15px;
			margin-right: 10px;
		}

/* Middle Content Styles */
#middleContent {
	overflow: hidden;
	width: 1168px;
	margin: 0 auto;
	border-top: 1px solid #f14e23;
	border-bottom: 1px solid #f14e23;
	height:383px;
	}
	#middleContent form {
		position: relative;
		padding-top: 10px;
		width: 150px;
		height: 32px;
		display: none;
		margin-left: 20px;
	}
	#middleContent #residentialArea{
		float: left;
		width: 492px; height: 303px;
		padding: 110px 0 0 90px;
	}
	#middleContent #commercialArea{
		float: left;
		width: 492px; height: 303px;
		padding: 110px 0 0 90px;
	}
		#middleContent > div > div {
			position: relative;
		}
	#residentialArea {
		background: url('/images/bg_residential.jpg') no-repeat 0 0;
		border-right: 3px solid #000;
	}
		.areasSubTitle {
			color: #FFF;
			font: normal 16px/100% 'F_L_C';
			padding: 5px 0 0;
		}
		.areasGoToBtn {
			color:#FFF;
			text-transform: uppercase;
			text-decoration: none;
			background-color: #f14e23;
			padding: 5px 35px;
			font: normal 17px/100% 'F_L_C';
			display: inline-block;
			margin: 30px 0 50px 0;
		}
		.areaExpandBtn {
			display: inline-block;
			background-color: #FFF;
			padding: 2px;
			text-decoration: none;
			height: 10px;
			line-height: 80%;
			color: #333;
			margin-right: 4px;
			width: 9px;
			text-align: center;
		}
			.areaCollapseBtn {
				background-color: #f14e23;
				color:White;
			}
		.areaBtnInfo {
			color: #FFF;
			text-transform: uppercase;
			text-decoration: none;
			font: normal 13px/100% 'Hel_LT_Std';
		}
	#commercialArea {
		background: url('/images/bg_commercial.jpg') no-repeat 0 0;
	}
.errorMessage {
	position: absolute;
	top: 40px;
	color: #FFF;
	font-size: 12px;
	width: 220px;
	display: none;
}
#globalMenuWrap {
	overflow: hidden;
	width: 1168px;
	margin: 0 auto;
}
#globalMenu {
	display: none;
	border-top: 3px solid #f14e23;
	background: #333;
	width: 1120px;
	height: auto;
	position: absolute;
	z-index: 100;
	/*width: 1120px; height: 383px;*/
	padding: 0 0 30px 50px;
}
	.countryColumn {
		float: left;
		width: 250px;
		border-right: 1px solid #4f4f4f;
		margin-left: 24px;
		height:800px;
	}
	.noBorder {
		border-right: none;
	}
			.countryColumn h2.areaName {
				color: #f14e23;
				font: normal 12px/160% 'F_Book_BT';
				text-transform: uppercase;
				margin-bottom: 15px;
			}
				.countryColumn li a {
					 color: #efefea;
                     text-transform: none;
                     text-decoration: none;
                     font: normal 12px/100% 'F_Book_BT';
				}
				.countryColumn li {
					 margin-bottom: 11px;                    
					 color: #efefea;                      
					 text-transform: none;                      
					 text-decoration: none;  	
					 font: normal 12px/100% 'F_Book_BT';
					}
					.countryColumn a:hover {
						text-decoration: underline;
						
					}

			.countryColumn span.styledLink {
				font-style: italic;
				color:#837e7e;
			}
			.countryColumn span {
				color: #f14e23;
				text-decoration: underline;
				font:normal 12px/100% 'F_Book_BT';
			}
	#areaME {
		margin-top: 35px;
	}
	#closeGlobalBtn {
		float: right;
		width: 100%;
		text-align: right;
		padding: 10px 20px 10px 0;
		color: #f1f1ef;
		text-decoration: none;
		font:normal 13px/100% 'F_Book_BT';
	}
		#closeGlobalBtn img {
			padding-right: 5px;
		}

	.countryColumn li span{color:#fff; text-decoration:none;}
	.hidedesktop , .search_mobile, .outsidetxt_mobile, .countryColumn .fa {display:none;}
	.visible-phone {display: none;}
    .desktopinlinedisplay{  display:inline-block;}

@media only screen and (max-width: 640px)  {
	.desktopinlinedisplay{  display:none;  }
	.hidden-phone {display:none;}
	.visible-phone {display: inherit;}
	header { padding-bottom: 0;}
	.hidedesktop{display:block;}
	.headerhide_mobile, .areaInputDesc{display:none;}

	.search_mobile {
		width: 80px;
		float: right;
		border-left: 1px solid #4a4a4a;
		font-size: 18px;
		text-transform: uppercase;
		display: block;
		padding: 12px 0;
		text-align: center;
		margin: 7px 0 0;
	}
	.search_mobile.active { background: #E45F1E;	}
	.search_mobile img { width: 40px; }
	.search_mobile a {color: #fff;text-decoration: none;font: normal 14px/100% 'Myriad Pro', Sans-Serif;cursor: pointer;}
	/*.search_mobile a img {width: 40%;}*/
	.search_mobile a span {display: block;}
	#headerWrapper { width: 100%;}
	header > a {padding: 14px 0 5px 2%;}
	#middleContent {height:auto; width: 100%;border-top: 3px solid #F14E23; background: #fff;text-align: center;position:relative;}
	#middleContent #residentialArea {float: left;width: 100%; height: 71%; padding:0px; border:none;text-align: left;}
	#middleContent #residentialArea .txtcontent{padding: 50px 2%;}
	#middleContent #commercialArea .txtcontent{padding: 50px 2%;}
	#middleContent #commercialArea {float: left;width: 100%; height: 71%;padding:0px;text-align: left;}
	#residentialArea  ,#commercialArea {background-size: 100% 100%;}	
	.areasSubTitle {font: 20px/100% "F_L_C";width: 90%;letter-spacing: 1px;}	
	.areasGoToBtn {padding: 10px 36px 7px;margin: 10px 0px 20px;background: #e45f1e;}
	h2 {font: 30px/100% "F_B_C";}	  
	.areaExpandBtn {padding: 3px;height: 11px;line-height: 78%; margin-right: 4px;width: 10px;}	  

	.search_mobile  a { color: #fff;text-decoration: none !important;font: normal 14px/100% 'Myriad Pro', Sans-Serif;}
	.global-search-div {
		position: absolute;
		top: 94px;
		width: 100%;
		z-index: 100;
		left: 0;
		padding: 0;
		background-color: #333;
		vertical-align: bottom;
		margin: auto;
		display: none;
	}
	.global-search-cont {
		top: 0px;
		text-align: center;
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	#middleContent .global-search-div form {
		position: inherit;
		padding: 0;
		width: inherit;
		height: inherit;
		display: block;
		margin: 0;
	}
	.findsearchplaceholder {
		position: relative;
		width: 100%;
		display: table;
		margin: 4% 0;
	}
	.findsearchinput {
		width: 90%;
		height: 35px;
		padding: 0 0 0 5px;
		font-size: 16px;
		border: 1px solid #dadada;
	}
	.findsearchgo {
		position: absolute;
		right: 4.1%;
		background-color: #e75f1f;
		color: white;
		font-weight: bold;
		font-size: 14px;
		font-family: F_Book_BT;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		border: none;
		height: 37px;
		width: 50px;
		top: 0px;
		border-left: 1px solid #ccc;
		outline: 0;
		-webkit-appearance: none;
	}
	#firstListFooter {
		margin: 0;
		width: 100%;
		font: 12px/100% "Arial",sans-serif;
		padding: 0 0 20px;
	}	
	footer ul {
		padding: 0 0 10px;
	}

	#secondListFooter {width: 100%;	font: 12px/100% "Arial",sans-serif;}	  
	 
	footer {border-top: 3px solid #F14E23; width:96%;float: left;padding: 25px 2%;margin: 0;}
	footer ul { overflow: hidden; margin: 0px;font: 12px/100% "Arial",sans-serif;}
	#firstListFooter ul, #secondListFooter ul {clear: both;}
	footer li span.first { padding-left: 5px; }
	footer li {	padding: 0; } 
	footer li span {border-right: 1px solid #cacaca;padding: 0 5px;}
	footer li.last span {border: none;padding-right: 0;}
	footer li a {
		font: 12px/100% "Arial",sans-serif;
		text-decoration:underline;
	}
	#footerMessage {
		font: 12px/100% "Arial",sans-serif;
		width: 90%;
		margin-left: 9px;
		line-height: 17px;
		text-align:left;
	}

	footer table {
		width: 95%;
		 margin-left: 10px;
		 font: 12px/100% "Arial",sans-serif;
	}
	footer table td p{display:inline-block; width:100%;}	
	footer td {
		font: 12px/100% "Arial",sans-serif;
		display: initial;
		padding-bottom: 10px;
	}
	#thirdListFooter {
		padding: 0 0 0 5px;
		width: 98%;
		margin: 0;
	}
	#thirdListFooter p {
		width: 100%;
		padding: 0 0 8px;
	}
	#thirdListFooter ul {padding: 0;}




	#globalMenuWrap {
		width: auto;
		height: auto;
	}
	#globalMenu {
		background: #fff;
		position: relative;
		z-index: 100;
		width: 100%;
		height: 100%;
		padding: 0px;
		overflow: hidden;
		padding: 0 0 40px;
	}
	.countryColumn {
		float: left;
		width: 100%;
		margin:0px;
		height:auto;
		background:#fff;
		border: none;
	}
	.countryColumn h2.areaName {
		padding: 20px 2%;
		background: none repeat scroll 0% 0% #E55F20;
		border-bottom: 1px solid #DADADA;
		color: #fff;
		cursor: pointer;
		margin: 0px;
		font-size: 18px;
		font-family: Tahoma, Helvetica, sans-serif;
		text-transform: capitalize;
		font-weight: normal;
		position: relative;
	}
	.mySlideToggler.active:after {
		content: '';
		position: absolute;
		top: 68px;
		left: 10px;
		width: 0;
		height: 0;
		border-top: 12px solid #E55F20;
		border-left: 16px solid transparent;
		border-right: 17px solid transparent;
	}

	.sltregion{font-size:25px; color:#000;line height:20px; padding:20px 15px; background:#fff;}

	.countryColumn ul{ background:#fff;border: 1px solid #CCC;margin: 20px 10px; border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;-webkit-border-radius: 3px;display: none;}

	.countryColumn li {
		color: #000;
		padding: 4% 5%;
		margin:0px;
		border-bottom: 1px solid #ccc;
		font: normal 18px/100% 'F_M_C';
	}
	.countryColumn li a {
		color: #E55F20;
		float: right;
		font: normal 14px/100% Tahoma, Helvetica, sans-serif;
		text-decoration: underline;
	}
	#areaME{margin:0;}

	.outsidetxt_mobile a {text-decoration:none}
	.outsidetxt_mobile {
		width: 94%;
		padding: 16px 0;
		display:inline-block;
	}
	.outsidetxt_mobile p {
		padding: 10px 35px;
		background: #fff url(../images/bg_radio_button_off.gif) bottom left repeat-x;
		position: relative;
		border: 1px solid #CFCFCF;
		color: #333;
		text-transform: uppercase;
		font-size: 20px;
		font-family: 'F_B_C';
		line-height: 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		text-align: left;
		width: 80%;
		margin: 0 auto;
		line-height: 40px;
	}
	.outsidetxt_mobile p span.dispInlineBlk {
		font-family: 'F_B_C';
		line-height: 20px;
		color: #333;
		font-size: 20px;
	}

	.outsidetxt_mobile .fa-chevron-right {
		position: absolute;
		right: -1px;
		padding: 1px 11px;
		background: #E55F20;
		top: -1px;
		font-size: 23px;
		color: #fff;
		height: 100%;
		line-height: 67px;
		border-radius: 0 10px 10px 0;
		-moz-border-radius: 0 10px 10px 0;
		-ms-border-radius: 0 10px 10px 0;
		-o-border-radius: 0 10px 10px 0;
		-webkit-border-radius: 0 10px 10px 0;
	}

	.countryColumn .fa {display:block;}
	.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	.fa-chevron-right:before {
	content: "\f054";
	}

	.fa-chevron-right.tabHeader {
	color: #f04e23;
	background: #fff;
	padding: 5px;
	float: right;
	margin: 0 5px 0 0;


	}
	.fa-chevron-right.tabHeader:before {
	content: "\f067";
	}

	/*.orangeborderbottom{border-bottom: 3px solid #f14e23;}*/

	.countryColumn li span{float:right;text-decoration: none;color: #333;width: auto;}
	.countryColumn li span a{float:none!important;}
	.expandadd{
		background:url(../images/expand_add.png) no-repeat;
		display:block;
		width:31px;
		height:20px;
		float: right;
		padding: 5px;
	}
	h2.active .expandadd{
		background:url(../images/expand_minus.png) no-repeat;
		display:block;
		width:31px;
		height:20px;
		float: right;
		padding: 5px;
	}
}

@media only screen and  (max-width: 540px)  {
	.outsidetxt_mobile p {
		padding: 10px 40px 10px 20px;
		line-height: 20px;
		width: 77.3%;
	}
}
@media only screen and  (max-width: 340px)  {
	#thirdListFooter li {
		padding: 0 3px 0 0;
	}
}