﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
*{padding:0;margin:0;border:0;outline:0;}

article,sectio,header{display:block;}

body{font-family: arial;font-size: 14px;direction: ltr;background-color: #e1e1e1;}
.onlineSite{width:100%;height:auto;float:left;font-family: 'Open Sans', sans-serif !important;}
.onlineSite  .container{width:980px;margin:0 auto;position: relative;}

/* /// Login Box /// */
header{overflow:inherit !important;}
.loginBox{float:right;position:absolute;right:0px;top:8px;}
.loginBox ul:last-child{float:right;margin:0px;padding:0px;list-style-type:none;}
.loginBox ul:last-child li{float:right;margin:0px;padding:0px;list-style-type:none;}
.loginBox ul:last-child li:nth-child(1){width:19px;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') no-repeat 0 0;}
.loginBox ul:last-child li:nth-child(2){width:auto;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') repeat-x 0 -104px;}
.loginBox ul:last-child li:nth-child(3){width:19px;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') no-repeat 0 -52px;}
.loginBoxIn{width:auto;float:left;position:relative;}
.loginBoxIn .LoginDiv{width:auto;float:left;font-size:14px;color:#fff;margin-top:8px;}
.loginBoxIn .LoginDiv strong{font-weight:normal;cursor:pointer;}
.loginBoxIn > img{position:absolute;top:35px;left:-98px;display:none;}
.loginBoxIn > .loginInEnterBox{display:none;position:absolute;top:43px;left:-84px;width:152px;height:auto;padding:10px;display:none;background:url('/Portals/_default/Skins/Local03_Online/Images/LoginBox/bg.png') repeat 0 0;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;z-index:999;}
.loginBoxIn > .loginInEnterBox > .errorBox{display:none;width:140px;height:auto;padding:5px;border:1px solid #ff5858;background-color:#ffd4d5;padding:5px;float:left;margin:0 0 10px 0; -moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;color:#cc0000;font-size:12px;}
.loginBoxIn > .loginInEnterBox > .errorBox span{display:none;width:100%;height:auto;float:left;margin:0 0 4px 0;}
.loginBoxIn > .loginInEnterBox > p input{border:0px;float:left;padding:4px 0px;width:100%;border:0px;color:#000;}
.loginBoxIn > .loginInEnterBox > p{width:138px;height:auto;background-color:#fff;padding:2px 6px;float:left;margin:0 0 6px 0;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
.loginBoxIn > .loginInEnterBox .btn{width:150px;height:24px;float:left;padding-top:2px;background:url('/Portals/_default/Skins/L03/Images/LoginBox/btn.png') repeat 0 0;border:0px;cursor:pointer;color:#fff;}
.loginBoxIn > .loginInEnterBox .btn:hover{background:url('/Portals/_default/Skins/L03/Images/LoginBox/btn.png') repeat 0 -34px;}
.loginBoxIn > .loginInEnterBox .chkRememberMe{float:left;margin-top:0px;}
.loginBoxIn > .loginInEnterBox label{font-size:12px;color:#fff;}
.loginBoxIn > .loginInEnterBox > a{width:100%;height:auto;float:right;text-align:right;color:#89a96d;text-decoration:none;font-size:10px;margin-top:6px;}
.loginBoxIn > .loginInEnterBox > a:hover{text-decoration:underline;}
.loginBoxIn > .LoginDiv > span{float:left;width:auto;padding:0 10px;font-size:14px;text-align:center;}
.loginBoxIn > .LoginDiv > a{text-decoration:none;float:left;width:auto;padding:0 10px 0 10px;margin:0 0 0 10px;border-left:1px solid #fff;border-right:1px solid #fff;color:#fff;font-size:14px;}
.loginBoxIn > .LoginDiv > a:hover{text-decoration:underline;}
.loginBoxIn > .logOutBtn{float:left;margin:4px 0px 0 10px;width:72px;height:24px;background:url('/Portals/_default/Skins/L03/Images/LoginBox/logout_button.png') no-repeat 0 0;border:0px;color:#fff;cursor:pointer;z-index:9999;}
.loginBoxIn > .logOutBtn:hover{background:url('/Portals/_default/Skins/L03/Images/LoginBox/logout_button.png') no-repeat 0 -30px;}
.language-object .Language:last-child{display:none;}



/* /// langs box /// */
.loginBox ul:first-child{float:right;margin:0px;padding:0px;list-style-type:none;position:relative;}
.loginBox ul:first-child li{float:right;margin:0px;padding:0px;list-style-type:none;}
.loginBox ul:first-child li:nth-child(1){width:19px;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') no-repeat 0 0;}
.loginBox ul:first-child li:nth-child(2){width:auto;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') repeat-x 0 -104px;}
.loginBox ul:first-child li:nth-child(3){width:19px;height:32px;background:url('/Portals/_default/Skins/Local03_Online/images/loginBox/box.png') no-repeat 0 -52px;}
.loginBox .LangsDiv{cursor:pointer;}
.loginBox .LangsDiv > strong{color:#fff;font-weight:normal;width:100%;float:left;padding-left:0px;margin-top:6px;text-align:center;font-size:14px;}
.loginBox .langsEnterBoxHetz{display:none;position:absolute;top:35px;left:-74px;}
.loginBox .language-object{width:100%;height:auto;float:right;}
.language-object{display:none;position:absolute;top:43px;left:-24px;width:152px;height:auto;padding:10px;background:url('/Portals/_default/Skins/Local03_Online/Images/LoginBox/bg.png') repeat 0 0;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;z-index:999;}
.loginBox .language-object span{width:100%;height:auto;float:left;margin:0 0 6px 0;font-size:12px;text-align:center;}
.loginBox .language-object span img{float:left;margin-right:6px;display:none;}
.loginBox .language-object a{color:rgb(168, 200, 109);text-decoration:none;}
.loginBox .language-object a:hover{color:#fff;text-decoration:underline;}


/* /// header /// */
.onlineSite #utilities{width:100%;height:8px;background-color:#a8c86d;}
/*
.onlineSite header{width: 100%;height:449px;background: #173958 url('/Portals/_default/Skins/Local03_Online/images/bg.jpg') no-repeat center top;overflow:hidden;}
*/
.onlineSite header{
	width: 100%;
	height:140px;
	background: #173958 url('/Portals/_default/Skins/Local03_Online/images/bg.jpg') no-repeat center top;
	overflow:hidden;
	position:relative;
}

.onlineSite #utilities{width:100%;height:8px;background-color:#a8c86d;}
.onlineSite header #logo{float:left;}
.onlineSite header nav{width: 100%;height: 75px;margin-top:25px;border-bottom: 1px solid #fff;}
.onlineSite header nav > ul{list-style-type: none;float:right;margin-top: 40px;}
.onlineSite header nav > ul > li{display: inline;color:#fff;padding-left:30px;}
.onlineSite header nav > ul > li a{color:#fff;text-decoration:none;}
.onlineSite header nav > ul > li a:hover{color:#0d2233;}


/* /// wire /// */
.onlineSite section.wire{
	position: relative;
	top: -10px;
	width: 100%;
	height: auto;
	float:left;
	padding-top: 45px;
	background: url('/Portals/_default/Skins/Local03_Online/images/wire.png') repeat-x 0 0;
	z-index: 29 !important;
}

/* /// footer /// */
.footer{width:100%;height:auto;min-height:270px;padding-top:30px;margin-top:40px;float:left;background-color:#84a643;}
.footer > div > div{width:196px;float:left;}
.footer > div > div span{width:100%;height:auto;float:left;}
.footer > div > div strong{width:100%;height:auto;float:left;font-weight:700;font-size:15px;color:#2e6899;margin-bottom:10px;}
.footer > div > div a{width:100%;height:auto;float:left;font-weight:400;font-size:14px;color:#4a4a4a;text-decoration:none;margin-bottom:4px;cursor:pointer;}
.footer > div > div a:hover{text-decoration:underline;}

.footer > div > div:nth-child(5){width:180px;float:right;}
.footer > div > div:nth-child(5) strong:nth-child(1){width:100%;height:auto;float:left;font-weight:700;font-size:15px;color:#2e6899;margin-bottom:10px;}
.footer > div > div:nth-child(5) strong{width:auto;height:auto;float:right;font-weight:700;font-size:14px;color:#4a4a4a;margin-bottom:6px;}
.footer > div > div:nth-child(5) span{width:64px;height:auto;float:left;font-size:14px;margin-bottom:6px;}
.footer > div > div:nth-child(5) div.secured{width:100%;height:auto;float:left;text-align:center;margin-top:20px;}

.footer > div > div:nth-child(6){width:100%;float:left;color:#4f524a;font-weight:700;font-size:14px;}
.footer > div > div:nth-child(6) div{color:#4f524a;font-weight:700;font-size:14px;}

/* /// homepage header /// */
.onlineSite header .callingPlansHeader{width: 100%;height:310px;float:left;position:relative;z-index:2;}
.onlineSite  .container{width:980px;margin:0 auto;position: relative;}
.onlineSite .callingPlansHeader h1{
	margin-top: 60px;
	font-family:'Open Sans';
	font-size:32px;
	color:#fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}
.onlineSite .callingPlansHeader h1 > span{font-weight: 800;}

.onlineSite #mainSearch{
	display: inline-block;
	position: relative;
	float:left;
	z-index: 200;
	margin-top: 35px;
	margin-bottom:16px;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #2e6899;
	-webkit-box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
	box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
}

.onlineSite #mainSearch:focus{
	background-color: rgba(25,68,102,1);
}
.onlineSite #mainSearch > input[type="text"]{
	font: 20px 'Open Sans';
	color: #2d2d2d;
	width: 416px;
	height: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:0 45px;
	background: #ececec url(/Portals/_default/Skins/Local03_Online/images/search.png) no-repeat 13px center;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	-webkit-transition: background-color 0.5s, width 0.5s;
	-moz-transition: background-color 0.5s, width 0.5s;
	transition: background-color 0.5s, width 0.5s;
	margin-right: 10px;
	text-transform: lowercase;
}
.onlineSite #mainSearch > input[type="text"]:focus{
	background: #fff url(/Portals/_default/Skins/Local03_Online/images/search.png) no-repeat 13px center;
	width: 693px;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.5);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.5);
}



.onlineSite .mainSearchOpen > input[type="text"]{
	width: 693px !important;
}

.onlineSite .mainSearch > input[type="text"]:first-letter,.onlineSite .mainSearchOpen > input[type="text"]:first-letter {
    text-transform: uppercase;
}

.onlineSite #mainSearch > input[type="button"]{
	font: 600 20px 'Open Sans';
	color: #fff;
	text-shadow: 0 1px 1px #566a30;
	width: 151px;
	height: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #83a542;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 3px #b9d175;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 3px #b9d175;
	box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 3px #b9d175;
	background-image: -webkit-linear-gradient(bottom, #83a542, #a8c76d);
	background-image: -moz-linear-gradient(bottom, #83a542, #a8c76d);
	background-image: -o-linear-gradient(bottom, #83a542, #a8c76d);
	background-image: linear-gradient(to top, #83a542, #a8c76d);
	cursor: pointer;
}


.onlineSite #mainSearch > input[type="button"]:hover{
	background-color: #6c8c31;
	-webkit-box-shadow: inset 0 2px #adcc6e;
	-moz-box-shadow: inset 0 2px #adcc6e;
	box-shadow: inset 0 2px #adcc6e;
	background-image: -webkit-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: -moz-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: -o-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: linear-gradient(to top, #6c8c31, #8fad57);
}


.ui-menu .ui-menu-item a{height:50px !important;border:0px;padding-top:10px;padding-bottom:10px;padding-left:40px !important;background-color:#fff;color:#454545;font-size:20px;font-weight:400;font-family: 'Open Sans', sans-serif !important;background-position:4px 10px;background-repeat:no-repeat;line-height:2.1em !important;}
.ui-autocomplete{z-index:999 !important;}
/*
.ui-menu .ui-menu-item a:hover{background-color:#2e6899 !important;color:#fff;}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {background-color:#2e6899 !important;color:#fff;}
*/

/* /// calling plans home page /// */
.callingPlans{width:100%;height:auto;float:left;margin-top:0px;min-height:600px;}
.callingPlans > article{
display:none;
	width:316px;min-height:520px;height:auto;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f0f0f0;
	/*
	-webkit-box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
	box-shadow: 0 1px rgba(255,255,255,.3), inset 0 1px rgba(0,0,0,.3);
	*/
}
.callingPlans > article:nth-child(2){
	margin-left:15px;
	margin-right:15px;
}
.callingPlans > article > div{width:100%;height:auto;float:left;}
.callingPlans > article > div:nth-child(1){height:106px;}
.callingPlans > article > div:nth-child(2){height:150px;padding:0px 0px;background-color:#2e6898;position:relative;}
.callingPlans > article > div:nth-child(3){height:110px;padding-top:34px;}
.callingPlans > article > div:nth-child(4){height:74px;}
.callingPlans > article > div:nth-child(5){height:auto;}
/*1*/
.callingPlans > article > div:nth-child(1) span{width:100%;height:auto !important;float:left;margin:0px;padding:39px 0;text-align:center;}
.callingPlans > article > div:nth-child(1) span{color:#376891;font-size:30px;}
/*2*/
.callingPlans > article > div:nth-child(2) > span{width:100%;height:auto !important;float:left;margin:0px;padding:16px 0px 10px 0px;text-align:center;}
.callingPlans > article > div:nth-child(2) > span{color:#f6f1ed;font-weight:bold;font-size:16px;font-weight:600;}
.callingPlans > article > div:nth-child(2)  span:nth-child(3){padding:4px 0 0 0px;}
.callingPlans > article > div:nth-child(2) > strong{width:100%;height:auto;min-height:60px;float:left;margin:0px;padding:0px 0px 8px 0px;text-align:center;color:#84a643;font-size:72px;line-height:0.84em !important;font-weight:700;}
.callingPlans > article > div:nth-child(2) > .starText{width:76px;height:79px;position:absolute;top:-25px;right:-17px;background:url('/Portals/_default/Skins/Local03_Online/images/patch.png') no-repeat 0 0;font-size: 14px;font-weight: bold;color: #fff;text-shadow: 1px 1px #8c6700;text-align:center;padding:18px 10px 10px 10px;}
/*3*/
.callingPlans > article > div:nth-child(3) > div{width:146px;height:auto;float:left;color:#fff;}
.callingPlans > article > div:nth-child(3) > div:nth-child(1){}
.callingPlans > article > div:nth-child(3) > div:nth-child(3){float:right;}
.callingPlans > article > div:nth-child(3) > div:nth-child(2){width:20px;height:auto;float:left;color:#5e5e5e;font-size:16px;font-weight:600;padding-top:34px;}
.callingPlans > article > div:nth-child(3) > div:nth-child(1){}
.callingPlans > article > div:nth-child(3) > div span{color:#5e5e5e;width:100%;height:auto !important;float:left;margin:0px;padding:0px 0px 0px 0px;text-align:center;font-size:16px;font-weight:600;}
.callingPlans > article > div:nth-child(3) > div strong{width:100%;height:auto !important;float:left;margin:10px 0px;padding:0px 0px 0px 0px;text-align:center;font-size:40px;line-height:0.85em;font-weight:400;color:#376891;}

.callingPlans > article > div:nth-child(4) > .planBut, .hpPart2But,.formIn .planBut{
	float:left;
	width: 250px;
	height: 42px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #83a542;
	-webkit-box-shadow: inset 0 2px #bddf79;
	-moz-box-shadow: inset 0 2px #bddf79;
	box-shadow: inset 0 2px #bddf79;
	background-image: -webkit-linear-gradient(top, #a6c66b, #83a542);
	background-image: -moz-linear-gradient(top, #a6c66b, #83a542);
	background-image: -o-linear-gradient(top, #a6c66b, #83a542);
	background-image: linear-gradient(to bottom, #a6c66b, #83a542);
	cursor:pointer;
	margin-left:33px;
	margin-top:10px;
	font-size: 16px;
	color: #fefeff;
	text-shadow: 0 1px 1px #566a30;
}

.callingPlans > article > div:nth-child(4) > .planBut:hover, .hpPart2But:hover,.formIn .planBut:hover{
	background-color: #6c8c31;
	-webkit-box-shadow: inset 0 2px #adcc6e;
	-moz-box-shadow: inset 0 2px #adcc6e;
	box-shadow: inset 0 2px #adcc6e;
	background-image: -webkit-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: -moz-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: -o-linear-gradient(bottom, #6c8c31, #8fad57);
	background-image: linear-gradient(to top, #6c8c31, #8fad57);
}

.callingPlans > article > div:nth-child(5) > a{float:left;color:#5e5e5e;margin:10px 0 0 110px;text-decoration:none;}
.callingPlans > article > div:nth-child(5) > a:hover{color:#0d2233;}
.callingPlans > article > div:nth-child(5) > ul{display:none;width:80%;margin:20px 10%;float:left;}
.callingPlans > article > div:nth-child(5) > ul > li{float:left;color:#5e5e5e;width:100%;}
.callingPlans > article > div:nth-child(5) > ul > li{list-style-type:none;padding-left:30px;background:url('/Portals/_default/Skins/Local03_Online/images/icons/v_green.png') no-repeat left 2px;font-size:14px;margin-bottom:4px;}


#dnn_callingPlansForm{float:left;}
#dnn_callingPlansForm > div{height:auto;width:100%;float:left;}
#dnn_callingPlansForm > div > div{height:auto;width:100%;float:left;}
.ModLocal03CFormCallingPlansC{height:auto;width:100%;float:left;}
.formContainer{width:249px;height:auto;padding:10px 32px 30px 32px;float:left;}
.formContainer > div{width:100%;height:auto;float:left;}
.formContainer > .formIn{position:relative;}
.formContainer > .formIn > div{height:44px;}
.formContainer > div input{
	width: 230px;
	padding-right:10px;
	padding-left:10px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ececec;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	float:left;
	font-family: 'Open Sans', arial,sans-serif;
	font-size:16px;
}
.formContainer > div select{
	width: 250px;
	padding-right:5px;
	padding-left:5px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ececec;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.3);
	float:left;
}
.formContainer > div input.txtPhonePrefix{width: 30px;text-align:center;padding-right:10px;padding-left:10px;}
.formContainer > div input.txtPhone{width: 170px;float:right;padding-right:10px;padding-left:10px;}
.formContainer > .formIn > div > strong{color:red;width:100%;height:auto;float:right;font-size:12px;text-align:right;}
.formContainer > .formIn .btnBox{position:absolute;bottom:-80px;left:-32px;}
.formContainer > .formIn .LoadingForms{float:left;margin:20px 0px 0px 80px;}