@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: local("Lato Hairline"), local("Lato-Hairline"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"), local("Lato-Light"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/zLhfkPOm_5ykmdm-wXaiuw.eot") format("embedded-opentype"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
		
    font-weight: 400;
    src: local("Lato Regular"), local("Lato-Regular"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/nQhiC-wSiJx0pvEuJl8d8A.eot") format("embedded-opentype"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"), local("Lato-Bold"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/sBtfDPlEIwvKKU53nAG7AQ.eot") format("embedded-opentype"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    src: local("Lato Italic"), local("Lato-Italic"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/bjaQ6jyWa8A2XFrSKceJyA.eot") format("embedded-opentype"), url("https://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff") format("woff");
}


/* font-end*/



/*Common - styles*/

.left{float:left;}
.right{float:right;}
.disable{display:none;}
.enable{dislay:block;}
body{width:100%; margin:0 auto; font:100%/1.5 Lato,Arial,Helvetica,sans-serif;}

a{ text-decoration:none; float:left;}
ul li{ list-style:none;}}
ol,ol li{ width:100%; list-style:outside; float: left;
width: 100%;}
.bold{ font-weight:bold;}
.full-width,.container-section{width:100%; float:left;}
.clear{ clear:both; float:none;}
h1{font:1.5em Lato,Arial,Helvetica,sans-serif; float:left; width:100%; }
h2{ margin:10px 0; float:left; width:100%; font-size:1.2em; font-weight:normal;}
h3{ margin:7px 10px; float:left;  font-size:1.1em; font-weight:normal;}

.coverage-items {
border: 1px solid #eee;
float: left;
margin-bottom:30px;
}
/*  */
.mobile-fixed{ overflow:hidden; width:100%; float:left;}
.section-space-10 {float: left; width: 10%;}
.section-space-15 {float: left;  width: 13%; padding:0 1%; text-align:right;}
.section-space-20 {float: left; width: 20%;}
.section-space-25 {float: left; width: 25%;}
.section-space-30 {float: left; width: 30%;}
.section-space-33 {float: left; width: 33.3%;}
.section-space-30 {float: left; width: 30%;}
.section-space-40 {float: left; width: 40%;}
.section-space-50 {float: left; width: 50%;}
.section-space-60 {float: left; width: 60%;}
.section-space-70 {float: left; width: 70%;}
.section-space-80 {float: left; width: 80%;}
.section-space-90 {float: left; width: 90%;}


.section-space-30_4 {
width: 30%;
float: left;
}
/*end*/

/*header-start*/
.header{width:100%; float:left;}
.header-section{float:left; width:100%; background:url("images/top_gradiant.png") repeat-y scroll center center #630b0d}
.logo{ background:url(images/logo.png) no-repeat; width:132px; height:43px; display:block; margin:10px;}
.mobile-menu{ background:url(images/menu_icon.png) no-repeat; width:30px; height:30px; display:none; margin:10px;}
/* header-end*/

/*nav-menu section start*/
.nav-menu-wrapper{width:100%; float: left; overflow-x: hidden; }
.nav-menu{ width:100%; background:url(images/menu_bg.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0); float:left;  }
.nav-menu ul{margin:0px; padding:0px;}
.nav-menu ul li{ float:left;}
.nav-menu ul ul{ position:absolute; display:none; width:200px; background-image:none; background-color:#333; margin-top:25px; overflow:hidden;}

.nav-menu ul ul li { width:100%; float:left;}
.nav-menu ul ul li a{ color:#fff; width:100%;}
.nav-menu ul ul li a:hover{ color:#333;}
.nav-menu ul li:hover ul{ display:block;}
.nav-menu a {
    color: #4e0300;
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    padding: 0 10px;
}
.nav-menu a.active, .nav-menu a:hover {background: none repeat scroll 0 0 #ffffff;}

/*nav-menu */


/* infor-bar */
.info-bar {
    background: url("images/infor_bar.png") repeat-x scroll 0 0 #d9e8fc;
    float: left;
    overflow: hidden;
    width: 100%;
	height:30px;
}

.info-content {
    float: left;
    line-height: 30px;
    margin: 0 3px !important;
}

.info-content img {
    float: left;
    padding: 5px !important;
}


.folder{background:url("images/infobar_PolicyFile.png") no-repeat center center; width:30px; height:30px; display:block;}

.dwelling{background:url("images/header_icon_dwelling.png") no-repeat center center; width:30px; height:30px; display:block;}

.business-auto{background:url("images/infobar_commercialAuto.png") no-repeat center center; width:32px; height:30px; display:block;}

.personal-auto{background:url("images/infobar_personalAuto.png") no-repeat center center; width:32px; height:30px; display:block;}

.info-type-no.disabled{
    border-right: 1px solid #ccc;
    color: #888888 !important;
    cursor: default;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 2px;
    padding: 0 10px 0 0;
}

.info-type.disabled {
    color: #888888 !important;
    cursor: default;
    float: left;
    font-size: 14px;
    margin: 0px 2px;
}
.info-type-no.active{
    border-right: 1px solid #ccc;
    color: #12b3fe;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 2px;
    padding: 0 10px 0 0;
}

.info-content:last-child .info-type-no {
    border-right: 0 none;
}

/*button*/
.green-arrow-out{background:url("images/green-arrow_out.png") no-repeat center center; width:20px; height:20px; display:block; margin:2px 3px 0 0;}

.box-green-button{
	background: linear-gradient(#58b028, #458f1c) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #8dd067 #69a746 #63a140 #6eb348;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 -1px #7bb060, 0 1px #326915, -1px 0 #60a03f, 1px 0 #5f8f45;
    color: #ffffff;
    display: block;
    height: 26px;
    margin: 0 auto;
    padding: 2px 10px;
    text-shadow: 0 -1px #3e7c19;
	float:left;
	cursor:pointer;
}

.box-green-button-rounded{
	background: linear-gradient(#58b028, #458f1c) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #8dd067 #69a746 #63a140 #6eb348;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 -1px #7bb060, 0 1px #326915, -1px 0 #60a03f, 1px 0 #5f8f45;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    text-shadow: 0 -1px #3e7c19;
	float:left;
	cursor:pointer;
	border-radius:50%;
}
.box-green-button:hover,.box-green-button-rounded:hover{background: linear-gradient(#458f1c, #58b028) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.search-toggle{ background:url(images/search.png) no-repeat; width:32px; height:32px; display:block;}

/*container*/
.container{width:100%; float:left; background-color:#fff; min-height:500px;}


/*common page requirement*/
.logout {
    position: absolute;
    right: 10px;
    top: 15px;
}
.logout a {
color: #fff;
font-size: 1em;
}
.logout a:hover{
color: #999;
background-color:transparent;
text-decoration:underline;
font-size: 1em;
}

.product{ width:100%;}
.policy-header span{ font-weight:bold;}

.info-bar .plus.open{display:none;}

.billing-info{
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    padding: 1%;
    width: 98%;
}

.desc {
    color: #666666;
    font-size: 0.9em !important;
    font-style: italic;
	float:left;
	width:100%;
}

.desc2 {
    color: #333333;
    float: left;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    line-height: 30px;
    margin: 0 10px;
}


.coverage-items .table-content:nth-child(even),.layout-type-4 .section-space-25:nth-child(even){
    background: none repeat scroll 0 0 #eeeeee;
}

.widgets{float:left;}
.widgets .table-content:nth-child(2n) {
    background: none repeat scroll 0 0 #eeeeee;
}


.table-content {
    border-bottom: 1px solid #eeeeee;
    float: left;
    padding: 5px 1%;
    width: 98%;
}
.table-header {
    float: left;
    font-weight: bold;
    padding: 0px 1%;
    width: 98%;
}

.container-space-1 {
    float: left;
    width: 40%;
}









.right{float:right !important;}



.mobi_tilte{display:none;}

.red-arrow {background:url('images/arrow.png') no-repeat 0 -12px; width:14px; height:13px; display:block; float:right; margin:4px !important;}

.green-arrow {background:url('images/arrow.png') no-repeat 0 0px; width:14px; height:13px; display:block; float:right; margin:4px !important;}



.left {
    float: left;
}
.plus {
    cursor: pointer;
}
.trans_his {
    float: left;
    font-weight: bold;
    margin: 5% 0 0;
    width: 100%;
}
.plus.close {
    background: url("images/accordian.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 15px;
    left: -4px;
    margin: 5px !important;
    position: relative;
    width: 15px;
}

.plus.open {
    background: url("images/accordian.png") repeat scroll 0 -16px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 15px;
    left: -4px;
    margin: 5px !important;
    position: relative;
    width: 15px;
}

.menu-img{position:absolute; right:0px; left:auto; display:none; background:url(images/info_menu.png) 0 0 no-repeat; width:30px; height:30px; opacity:0.8 }
.menu-img:hover{ opacity:1;}
.menu-img.close{background:url(images/info_menu.png) 0 -33px no-repeat;}
.table-content ul, .table-content li {
    float: left;
    margin: 0 2%;
    padding: 0;
    width: 90%;
	padding: 0 15px;
}
.table-content li {
list-style:none;
background:url("images/bullets.png") no-repeat 0 7px;
}

.table-content.total{background: #fff !important; font-size:1.1em;}
.section-space-30.custom{text-align:right;}
.total .section-space-60 {
	 text-align:right;
}
/*end*/

/*policy change*/
.policy-header .section-space-20{text-align:left;}
.policy-info .section-space-20{text-align:left;}
.info{width:100%; float:left; margin:0 0 10px; border-bottom:1px solid #ccc; }
.info:nth-child(odd){
    background: none repeat scroll 0 0 #eeeeee;
}

/* policy-change-	end*/

/*login*/
.login-section {
    margin: 10% auto;
}

.login-section {
    border: 1px solid #999999;
    border-radius: 3px;    
    overflow: hidden;
    width: 300px;
}

.login-section img {
    margin: 9px;
}
.login-section span.full-width{ margin:10px 0;}
.login-section .title{
    background: url("images/top_gradiant.png") repeat-y scroll center center #630b0d;
    float: left;
    width: 100%;
}
.login-details label {
    float: left;
    padding: 5px;
    text-align: right;
    width: 30%;
}
.login-details input {
    border: 1px solid #a6a6a6;
    padding: 10px 0 10px 10px;
    width: 50%;
}

.sys-down-section {
    -moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	border:1px solid #C9C5C5;
    overflow: hidden;
	max-width:80%;
	margin:60px 10% 0 10%;
	position:relative;
	min-height:400px;
	
}
.sys-down-section .title{
	color:#FFF;
	padding-left:10px;
	float: left;
	width: 90%;
	padding: 10px 5% 10px 5%;
	font-size: 1.2em;
	border-top: 1px solid #9f483f;
	border-bottom: 1px solid #814443;
	border-right: 1px solid #823430;
	border-left: 1px solid #620702;
	background: #5e0b09 0 0 repeat-x;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.sys-down-section p{
	margin:20px 30% 0 5%;
	float:left;
}



 .sys-down-msg {
		background: url(../images/scheduled-maintenance.png) 0px 0 no-repeat;
		height:422px;
		width:361px;
		position:absolute;	
		top: 50px;
		right:0;
		z-index: 0;
	}
/* */
/* policy-search-page start*/
.search-page {
width: 98%;
padding: 1%;
background: #fff;
float: left;
overflow:hidden;
}
.section {
width: 33%;
float: left;
margin: 0 0 10px;
min-width: 300px;
height: 50px;
}

.search-page input {
width: 130px;
border: 1px solid #a6a6a6;
padding: 10px 0 10px 10px;
}
.search-page label {
display: block;
float: left;
padding: 5px 10px 5px 0;
text-align: right;
width: 130px;
}

.search-page select {
width: 142px;
border: 1px solid #a6a6a6;
padding: 10px 0 10px 10px;
}

.error {
color: #ff0000;
float: left;
font-size: 0.8em;
padding: 0 0 0 140px;
}

/* policy-search-page	end*/
.map-section{margin-bottom:20px;}
.map-section:nth-child(odd) {
    background: none repeat scroll 0 0 #eeeeee;
}

/* .layout-type-4 .section-space-25*/
.layout-type-4 .section-space-25{ margin-bottom:10px; border:1px solid #eee;  box-sizing:border-box}


/*footer*/
.footer{width:100%; float:left;}

.footer
{
background: linear-gradient(#21201e, #101010 25%, #080808 50%, #010101 55%, #040404 95%, #0c0b09) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    padding: 1%;
    width: 98%;
	margin:8% 0 0;
	color:#fff;
}
/*end*/


/*Pop-up*/
.pop-up-wrapper{ width:100%; height:100%; position:fixed; z-index:999; top:0px; display:none; left:0px; background-image:url(images/bg.png);}

.pop-up-shell{ width:310px; margin:0 auto;}

.pop-up{  display:block;
padding: 5px;
background-color: #f1f1f1;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
border-radius:4px;
width:98%;
float:left;
height:267px;
}



/*Pop-up end*/

@media (min-width : 320px) 
and (max-width : 640px) {
	.mobi_tilte{display:block; width: 70%; font-size: 12px!important;}
	.mobile-menu{display:block;}
	.nav-menu-wrapper{width:70%; position: fixed; height:100%; background-color:#333; right:0px; z-index:-1; box-shadow: 2px 0 10px #000000 inset;}
	.mobile-fixed{ width:100%;  height:100%; z-index:-1;}
	.mobile-fixed .segment{  width:100%;}
	
.nav-menu{background:none;}
.nav-menu li {
    width: 100%;
	
}
.nav-menu li a {
    /*background: url("images/menu_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    width: 100%;
}

.nav-menu a {
    color: #eee;
	
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    padding: 10px;
	border-bottom:1px solid #333;
	
}

.nav-menu a:hover{
    color: #333;
	padding: 10px;
	border-bottom:#666 solid 1px;
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;

}
.nav-menu ul ul{ position:inherit; background:#666; width:100%;}
.nav-menu a.active, .nav-menu a:hover{ color:#eee; background-color:#999; border-bottom:1px solid #333;}
.nav-menu ul  li a.active .nav-menu ul li a:hover{ color:eee;}
.nav-menu ul li ul{ display:block; border-bottom:2px outset #333;}

.nav-menu ul li ul li a{ padding-left:20px; border-bottom:1px solid #333;}
.nav-menu ul li ul li a:hover{padding-left:20px;  background-color:#999;}






/*  */
.info-content{height:30px;}
.info-bar{width:100%; overflow:hidden; height:30px;}
.info-type-no.disable,.info-type-no.active {border:none;}
/*  */

.new_space{width:75%; float:left;}
.table-header{display:none;}
.section-space-30{width:100%;}
.section-space-15{width:100%;}

.section-space-30.custom{width:25%; text-align:right;}
.section-space-30_4{width:100%;}

.total .section-space-30.custom {
    width: 40%;
	 text-align:right;
}
.content-spacing-2{width:70%; float:left;}
.section-space-20.custom{width:30%;}

/*policy-search*/
.policy-header{display:none;}
.info .section-space-30,.info .section-space-20,.info .section-space-10{ width:90%; border-bottom:1px solid #ccc; margin:0 5%; }
.info .section-space-20 a{ float:right; margin:10px; }
.info{margin:0 0 20px 0;}
.info .mobi_tilte{font-size:1em !important;}
/*policy-search -end*/



/*policy-search-page*/
.section {
width: 100%;
height:auto;
}

.search-page select {
width: 97%;
padding: 1%;
}

.search-page label {
width: 100%;
padding: 0px;
text-align: left;
}
.search-page input {
width: 95%;
padding: 1%;
}
.error {
padding:0px;
}
/*policy-search-page -end*/


/*map -end*/

.map-section .mobi_tilte{width:100%;}
.section-space-33,.section-space-25{width:100%;}
.section-space-33.custom{width:50%;}
.section-space-33.map{display:none;}
/*map*/
.logout {
    position: inherit;
    right: 10px;
    top: 10px;
}

.section-space-50,.section-space-10{width:100%;}
.section-space-50.custom{width:50%;}

.section-space-25.custom-1{width:46%; margin: 0 2% 10px;;}
.layout-type-4 .container-section{border-bottom:1px solid #ccc;}

.menu-img{display:block;}
.mobile-fixed.enable{ width:100%; height:100%; position:fixed;}
.mask_section{ width:30%; position:fixed; left:0%; height:100%;  display:block; z-index:1;}

}

@media (max-width : 900px) {
	
	
	
	
	.sys-down-section p{
	margin:20px 5% 0 5%;
	float:left;
}
	
	
	
	 .sys-down-msg {
		background:none;
		height:422px;
		width:361px;
		position:absolute;	
		top: 50px;
		right:0;
		z-index: 0;
	}
	.sys-down-section {
	min-height:200px;
	
}
	
}