/* CSS Document */







@font-face {

	font-family: "ProximaNova";

	src: url('fonts/proximanova-regular-webfont.eot');

	src: url('fonts/proximanova-regular-webfont.eot') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff2') format('woff2'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');

}

@font-face {

	font-family: "ProximaNovaLight";

	src: url('fonts/proximanova-light-webfont.eot');

	src: url('fonts/proximanova-light-webfont.eot') format('embedded-opentype'), url('fonts/proximanova-light-webfont.woff2') format('woff2'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');

}

@font-face {

	font-family: "ProximaNovaSemiBold";

	src: url('fonts/proximanova-semibold-webfont.eot');

	src: url('fonts/proximanova-semibold-webfont.eot') format('embedded-opentype'), url('fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');

}

.fl {

	float: left

}

.fr {

	float: right

}

.cl {

	clear: both

}

input[type="text"], select, textarea, password {

	border: 1px solid #c0bebe;

	border-radius: 5px;

	color: #666666;

	font-family: "ProximaNovaLight";

	font-size: 15px;

	margin: 4px 0;

	padding: 5px;

	text-align: left;

}

textarea {

	width: 90%;

	height: 80px !important

}
.clear
{
	clear:both;
}

body {

	color: #333333;

	font-family: "ProximaNova";

	background-color: #f7f7f7;

	font-size: 12px;

	margin: 0;

	padding: 0;

	background: url(images/body-bg.png);

}

#main {
    width: 1024px;
    overflow: auto;
    margin: 120px auto 0 auto;
    min-height: calc(100vh - 181px);
}
@media screen and (min-width: 0) and (max-width:767px) {
#main { min-height: calc(100vh - 209px);}
}
#header-content {

	width: 1024px;

	margin: 0 auto;

}

#header {

	width: 100%;

	overflow: auto;

	background-color: #FFF;

	position: fixed;

	top: 0;

	z-index:20000;

}

#header #logo {

	float: left;

	margin: 0 0 0px 0px;

}

#header #logo img {

	float: left;

	margin: 0 0 0px 0px;

	width: 177px;

	height: 81px;

}

#header #info {

	float: right;

	text-align: right;

	font-weight: smooth;

	letter-spacing: 1px;

	font-size: 14px;

	margin-top: 30px;

	text-transform: uppercase;

	color: #000000;

}

#header #info a {

	text-decoration: none;

}

#header #info img {

	border: none;

}

#menu {

	background-color: #3C3C3C;

	background-repeat: repeat-x;

	clear: right;

	font-family: "ProximaNovaSemiBold";

	height: 40px;

	left: 0;

	margin: 0 auto;

	position: fixed;

	text-align: center;

	top: 80px;

	width: 100%;

	z-index: 1;

}

#menu ul {

	margin: 0 auto;

	padding: 0;

	text-align: center;

	width: 1024px;

}

#menu ul li {

	float: left;

	padding: 0;

	list-style: none;

	height: 40px;

	text-align: center;

	margin-left: 0;

	/*margin-right: 17px;*/
	
	margin-bottom: 10px;

}

#menu ul li.active {

	background-color: #8ec63f;

}

#menu ul li.active a {

	color: #FFF;

}

#menu li:hover {

	background-color: #8ec63f;

	color: #FFF;

}

#menu li a:hover {

	background-color: #8ec63f;

	color: #FFF;

}

#menu li a {

	color: #CCC;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 13px;

	font-weight: bold;

	padding: 0px 14px;

	margin-top: 10px;

	display: block;

	font-family: "ProximaNovaSemiBold";

}

.btns {

	color: #FFF !important;

	font-size: 16px !important;

	font-family: "ProximaNovaSemiBold" !important;

	border-radius: 5px;

	text-transform: uppercase;

	background: #05c898;

	padding: 5px;

	width: auto !important;

	border: none;

}

.btnSmall {

	color: #FFF;

	font-size: 14px;

	font-family: "ProximaNovaSemiBold";

	border-radius: 5px;

	text-transform: uppercase;

	background: #05c898;

	padding: 3px;

	width:120px;

	border: none;

}

.btnbookmarkSmall {

	color: #FFF;

	font-size: 14px;

	font-family: "ProximaNovaSemiBold";

	border-radius: 5px;

	text-transform: uppercase;

	background:rgba(236,60,60,1.00);

	padding: 3px;

	width:120px;

	border: none;

}

#leftwidget {

	float: left;

	overflow: auto;

	width: 275px;

	padding: 5px 0 5px 0;

	margin-top: 0px;

}

#leftwidget a {

	text-decoration: none;

}

#leftwidget a img {

	border: none;

}

#bottomadwidget {

	float: right;

	overflow: auto;

	width: 712px;

	margin-left: 0px;

	margin-right: 15px;

	text-align: left;

	padding: 5px 0 5px 0;

}

#bottomadwidget a {

	text-decoration: none;

}

#bottomadwidget a img {

	border: none;

}

#homewidgets {

	overflow: auto;

	width: auto;

	padding-left: 10px;

}

#homewidgets #content {

	width: 99%;

	margin: 5px 0;

	min-height: 475px;

	height: auto !important;

	height: 475px;

	overflow: auto;

	padding: 0px 0px 0px 0px;

	vertical-align: text-top;

}

#homewidgets #widget {

	background-image: url(images/highlight_texture.png);

	background-repeat: repeat;

	width: 350px;

	height: 225px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	float: left;

	margin: 0 5px 10px 5px;

}

#homewidgets #widget #widgeticon {

	position: relative;

	top: 5px;

	left: 50px;

	z-index: 2;

	width: 75px;

}

#homewidgets #widget #widgetlabel {

	position: relative;

	background-color: #FFFFFF;

	float: right;

	height: 25px;

	width: 325px;

	top: -45px;

	z-index: 1;

	text-align: right;

	padding-top: 8px;

	padding-right: 5px;

	font-size: 13px;

	font-weight: bold;

	color: #77c455;

	text-transform: uppercase;

}

#homewidgets #widget #widgetcontent {

	clear: both;

	float: left;

	margin: -40px 5px 5px 15px;

}

#homewidgets #widget #widgetcontent img {

	float: left;

	margin: 0 5px 5px 5px;

}

#homewidgets #widget #widgetcontent a {

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	text-decoration: none;

}

.more {

	float: right;

	margin-right: 0px;

}

#footer {

	clear: both;

	margin: auto;

	background-color: #ffffff;

	height: 75px;

	width: 100%;

	font-size: 13px;

	text-align: left;

	padding-top: 15px;

	margin-top: 50px;

}

#footer a {

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	margin: 0 10px 0 10px;

	text-transform: uppercase;

}

#footer span {

	margin-left: 10px;

}

#footer a:hover {

	color: #14714c;

}

#socialnetwork {

	width: 150px;

	overflow: hidden;

	float: right;

	font-size: 14px;

	margin-right: 0px;

	text-align: center;

}

#socialnetwork a {

	text-decoration: none;

}

#socialnetwork a img {

	border: none;

}


.banner_bg {

	background-image: url(images/banner_bg.png);

	background-repeat: repeat-x;

	margin-left: 0px;

}

.banner_bg ul {

	overflow: auto;

	margin-top: 0px;

	border-bottom: #999999 solid 1px;

}

.banner_bg ul li {

	list-style: none;

	background-image: url(images/what_is_myhealthmeter_bg_grey.png);

	background-repeat: no-repeat;

	height: 51px;

	width: 140px;

	float: left;

	text-align: center;

	vertical-align: text-bottom;

	margin-top: -3px;

	padding: 0 5px 0 5px;

}

.banner_bg ul li:hover {

	background-image: url(images/what_is_myhealthmeter_bg_white.png);

}

.banner_bg ul li > a {

	color: #FFFFFF;

	width: 10px;

	font-weight: bold;

	text-decoration: none;

}

.banner_bg ul li:hover > a {

	color: #333333;

}

.trolley {

	background-color: #8ec63f;

	color: #FFF;

	text-transform: none;

	width: 350px;

	float: right;

	padding: 5px 5px 5px 5px;

	height: 20px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-moz-box-shadow: 3px 3px 2px #888;

	-webkit-box-shadow: 3px 3px 2px #888;

	box-shadow: 3px 3px 2px #888;

	margin-right: 5px;

}

.trolley a {

	color: #FFFFFF;

	text-transform: none;

	text-decoration: none;

	font-size: 13px;

}

.trolley a:hover {

	color: #117011;

}

.title {

	color: #000;

	font-family: "ProximaNova";

	padding: 10px 0 20px;

	font-size: 28px;

	text-align: left;

	font-weight: bold;

	text-transform: uppercase;

}

.member_profile_back {

	background: #f6f6f6;

	padding-left: 5px;

}

.member_profile_subheading {

	background-color: #368be8;

	color: #FFF;

	font-weight: bold;

	padding-left: 5px;

	height: 22px;

}

.slider_div {

	padding: 0 0 25px;
	font-size: 15px;
	color: #333;
	text-transform: uppercase;
}

.slider_div_head {
font-family:ProximaNovaSemiBold;
font-size:24px;
}

.slider_div #cat {

	padding: 20px;

	font-family: "ProximaNovaLight";

	font-size: 18px

}

.slider_div a {

	font-size: 18px;

	text-transform: uppercase;

}

.slider_div_margin {

	width: 97%;

	font-size: 15px !important;

	background: url(images/box-bg2.png) repeat-x 0 44px;

	color: #666666;

	padding: 10px 12px 12px;

}







.row-color{

	background:red;

}

.first {

	border-top: none !important;

	padding-top: 22px !important;

}

.slider_div_margin h5 {

	display: block;

	padding: 0 0 34px 0;

	margin: 0;

	font-size: 18px;

}

.slider_div_margin h4.top-border {

	border-top: 1px solid #ccc;

	color: #ff8741 !important;

	display: block;

	font-size: 16px;

	font-weight: bold;

	margin: 15px 0 0 4px;

	padding: 15px 0 4px;

}

.slider_div_margin h4 {

	

	color: #ff8741 !important;

	display: block;

	font-size: 16px;

	font-weight: bold;

	margin: 0px 0 0 -1px;

	padding: 15px 0 4px;

}

.slider_div_margin h4.pad-0 {

	padding: 10px 0;

	border: none

}



.marb20{padding-bottom:20px;}



.chk-margin checkbox{margin-left:50px; display:block;}



.numberCircle {

   border-radius: 50%;

    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	

    width: 36px;

    height: 36px;

    padding: 8px;



    background: #e58008;

   display:inline-block;

    color: #FFF;

    text-align: center;



    font: 32px Arial, sans-serif;

}


.health-news-img{position:relative; right:3px;width: 446px;height: 175px; float:left;}
.personal-img{position:relative; left:21px; top:12px;}

.medical-img{position:relative; left:70px; float:left;}

.social-img{position:relative; right:10px;bottom:-18px;}

.dental-img{position:relative; top:24px; left:-17px;}

.insurance-img{position:relative; top:24px; left:-5px;}

.vision-img{position:relative; right:24px; top:26px;}

.diet-img{position:relative; top:-120px; left:207px;}

.other-img{padding:20px;}



.content {

	font-family: "ProximaNova";

	color: #666666;

	padding-left: 5px;

	vertical-align: top;

	padding-right: 5px;

	padding-top: 5px;

	text-align: justify;

}

.j_space {

	padding-left: 10px;

}

.cs {

	font-size: 14px;

	color: #333;

}

.content img {

	border: #CCCCCC thin;

	border-style: solid;

}

.jcontent {

	font-family: ""ProximaNova"";

	font-size: 14px;

	color: #333;

}

.content a {

	text-decoration:none;
	font-size: 14px;
	color: #666666;
	/*color:rgb(85, 26, 139);*/
	/*color:#fff;*/
	font-weight:bold;
}

.content a:hover {

	color: rgb(85, 26, 139);
	font-weight:bold;
}

.homeinfo img {

	border: none;

}

.widgettitle {

	font-family: "ProximaNova";

	font-size: 14px;

	text-align: justify;

	color: #FFFFFF;

	padding-left: 5px;

	font-weight: bolder;

	background-image: url(images/bg/adbg_old.png);

}

a.adbox {

	text-decoration: none;

	border: none;

}

a.adbox img {

	border: #CCCCCC solid 1px;

}

.footer {

	color: #666666;

	font-family: "ProximaNova";

	font-size: 12px;

}

.footer a {

	color: #666;

	text-decoration: none;

}

.footer a:hover {

	color: #FFF;

}

.dataBoxTbl td {

	font-family: "ProximaNovaLight";

	font-size: 15px;

	text-align: left;

	color: #666666;

	padding: 5px;

	margin: 8px 0;

}

.dataBoxTbl tr:nth-child(odd) {

	background: #f3f3f3;

}

.dataBoxHeading td {

	font-family: "ProximaNovaLight";

	font-size: 15px;

	text-align: left;

	color: #333;

	padding: 5px;

	margin: 8px 0;

	

}

.tableGrid {

	border: #CCC 1px solid;

	color: #000

}

.tableGrid td {

	font-family: "ProximaNovaLight";

	font-size: 14px;

	padding: 0 5px 10px 5px;

	border-right: #CCC 1px solid;

	border-bottom: #CCC 1px solid;

	color: #333;

}

.tableGrid th {

	font-family: "ProximaNovaLight";

	font-size: 14px;

	padding-left: 5px;

	border-right: #CCC 1px solid;

	color: #666;

	border-bottom: #CCC 1px solid;

}

.ahc td {

	font-family: "ProximaNovaLight";

	font-size: 15px;

	text-align: left;

	color: #666666;

	padding: 5px;

	margin: 8px 0;

}

span.text {

	font-size: 13px

}

.ahc input, .ahc select, ahc textarea {

	border: 1px solid #c0bebe !important;

	border-radius: 5px;

	color: #666666;

	font-family: "ProximaNovaLight";

	font-size: 15px;

	margin: 4px 0;

	padding: 4px;

	text-align: left;

}

.innerTbl {

	border: #CCC 1px solid;

	border-right: none;

	color: #000

}

.innerTbl td {

	border-right: #CCC 1px solid;

	color: #666

}

.noBorder {

	border: none

}

.noBorder td {

	border: none;

	color: #666;

}

.Mar5 {

	margin: 0 5px;

}

.noBorderLabel td {

	padding: 8px 0

}

.logintxtb {

	font-family: "ProximaNovaLight";

	width: 90% !important;

	font-size: 15px;

	text-align: left;

	color: #666666;

	border: #c0bebe 1px solid !important;

	padding: 5px;

	margin: 8px 0;

	border-radius: 5px

}

select.logintxtb {

	width: 91.5% !important;

	border: #c0bebe 1px solid !important;

	padding: 4px 8px; !important;

	margin: 8px 2px; !important;

}

input#mobile {

	font-family: "ProximaNovaLight";

	width: 200px !important;

	font-size: 15px;

	text-align: left;

	color: #666666;

	border: #c0bebe 1px solid !important;

	padding: 4px;

	margin: 8px 0;

	border-radius: 5px

}

.loginbtn {

	font-family: "ProximaNova";

	color: #333;

	padding: 4px;

	background-color: #8EC63F;

	font-size: 18px;

	width: 100px;

	font-weight: bold;

	text-align: center;

	border: #999 1px solid;

	cursor: pointer;

}

.submenu td {

	background: url(images/sunmenu-unclkd-btn_03.jpg);

	border: none;

	background-repeat: no-repeat;

	background-position: center;

	padding-left: 5px;

	padding-top: 8px;

	width: 215px;

	height: 39px;

	text-align: center;

	vertical-align: text-top;

}

.submenu td:hover {

	background: url(images/submenu-btn-clkd_05.jpg);

	background-repeat: no-repeat;

	background-position: center;

}

.submenu a {

	font-family: "ProximaNova";

	font-size: 14px;

	font-weight: bold;

	border-style: none;

	text-decoration: none;

	color: #666666;

}

.submenu a:hover {

	color: #FBFBFB;

}

.emptycell {

	background: url(images/menu-seperator.gif);

	width: 10px;

	height: 48px;

}

.subtabs td {

	background: url(images/my-profile-unclkd-btn.jpg);

	border: none;

	background-repeat: no-repeat;

	background-position: center;

	width: 177px;

	height: 36px;

	text-align: center;

	vertical-align: middle;

}

.subtabs td:hover {

	background: url(images/my-profile-clkd-btn_03.jpg);

	background-repeat: no-repeat;

	background-position: center;

}

.subtabs a {

	font-family: "ProximaNova";

	font-size: 14px;

	font-weight: bold;

	border-style: none;

	text-decoration: none;

	color: #666666;

}

.subtabs a:hover {

	color: #FBFBFB;

}

#tableinvdescp {

	color: #333333;

	font-family: "ProximaNova";

	font-size: 14px;

	width: 600px;

	height: 600px;

	background: url(images/other/tbldivbg.png);

	background-position: top;

	background-repeat: no-repeat;

	margin-top: 50px;

}

/*  Blog Stylings */







.jhead {

	color: #333;

	font-size: 20px;

	font-weight: bold;

}

.postedon {

	padding-top: 5px;

	font-style: italic;

	font-size: 12px;

	color: #666;

}

.readmore {

	font-style: italic;

	font-size: 12px;

	color: #666;

}

.common {

	font-style: italic;

	font-size: 15px;

	color: #666;

}

.read {

}

/*     FOOTER     */



.ft {

	font-size: 18px;

	padding: 5px 0 10px 0;

}

.jig {

	background-color: #CCC;

	padding: 5px 4px 5px 4px;

	color: #333;

}


.grey{background:#eeedeb; margin:0 -12px; padding-left:20px; padding-bottom:20px;}
/*.grey-bg{margin:0 -12px; padding-left:20px; padding-bottom:20px;}*/

.dotLine{background:url(member/images/dot-bg.png) repeat-y 48px 0 #eeedeb; margin:0 -12px; padding-left:20px; }

.dotLineW{background:url(member/images/dot-bg.png) repeat-y 48px 0 #FFF; margin:0 -12px; padding-left:20px;  }

/*.grey{background-color:#eeedeb; margin:0 -12px; padding-left:20px; padding-bottom:20px;}

.grey-bg-num_pad{padding-left:10px;}
*/

.heading-font{font-size:24px !important;}



.padL20{padding-left:20px !important;}

.jigs td {

	background: #40db8b;

	padding: 5px 4px 5px 4px;

	color: #fff !important;

}

.jigsGrey td {

	background: #fff;

	padding: 5px 6px 5px 4px;

	color: #666666 !important;

	font-size: 14px

}

.jigc {

	background-color: #F4F4F4;

	padding: 5px;

	color: #FFF;

}

.jigs a {

	color: #FFF;

}

.jigb {

	border: #CCC 1px solid;

	color: #333;

}

/* STEP 1 styles







 */











.j1 {

	margin: 0;

	padding: 0;

	color: #333;

}

/*



.j1 ul, li{



	list-style-image:url(images/tick.jpg);



	color:#333;



}



*/



/*  2 programs  */



.st1 {

	padding: 5px 10px 5px 10px;

	color: #333;

}

/* STEP 2 boxes 







i respect u coz 







*/







.step2 {

	background-image: url(images/jsp.jpg);

	background-repeat: repeat-x;

	height: 185px;

	background-color: #ebebeb;

	font-size: 15px;

}

.an {

	color: #000;

}

.an a {

	color: #000;

}

.step2 h1 {

	font-size: 17px;

	margin: 5px 0px 5px 0px;

	padding: 0 0 8px 0;

	text-shadow: 0px 1px 0px #FFF, 0px 2px 0px #888, 0px 2px 0px #FFF, 0px 2px 0px #666, 0px 2px 0px #555, 0px 2px 0px #444, 0px 2px 0px #333, 0px 1px 1px #FFF; /* not working in IE will show default font with color given to text */

}

/* 











 */







/* HOME PAGE BOX */







.mybox1 {

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

	height: 230px;

	width: 300;

	border: 1px solid #CCC;

}

.jigneshover {

	text-decoration: none;

	color: #333;

}

.jigneshover a {

	text-decoration: none;

	color: #333;

}

.jigneshover a:hover {

	color: #1871a5;

	text-decoration: underline;

}

.mybox1 h1 {

	margin-top: -1px;

	font-weight: bold;

	font-family: "ProximaNova";

	background-color: #99cc33;

	padding: 10px 0px 10px 65px;

	font-size: 18px;

	width: 250px;

	color: #FFF;

	background-image: url(images/news.jpg);

	background-position: left;

	background-repeat: no-repeat;

}

.mybox1 p {

	padding: 0px 10px 10px 10px;

}

.mybox1 a {

	margin-bottom: 10px;

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

}

.mybox1 img {

	float: left;

	padding: 0px 5px 5px 5px;

}

.rdmore {

	float: right;

	padding-right: 5px;

	border: none;

}

/* 2nd box */



/* HOME PAGE BOX */







.mybox2 {

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

	height: 230px;

	width: 300;

	border: 1px solid #CCC;

}

.mybox2 h1 {

	margin-top: -1px;

	font-weight: bold;

	font-family: "ProximaNova";

	background-color: #99cc33;

	padding: 10px 0px 10px 65px;

	font-size: 18px;

	width: 250px;

	color: #FFF;

	background-image: url(images/que.jpg);

	background-position: left;

	background-repeat: no-repeat;

}

/*   







*/	



.mybox2 p {

	padding: 0px 10px 10px 10px;

}

.mybox2 a {

	margin-bottom: 10px;

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

}

.mybox2 img {

	float: left;

	padding: 0px 5px 5px 5px;

}

.mybox3 {

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

	height: 230px;

	width: 300;

	border: 1px solid #CCC;

}

.mybox3 h1 {

	margin-top: -1px;

	font-weight: bold;

	font-family: "ProximaNova";

	background-color: #99cc33;

	padding: 10px 0px 10px 70px;

	font-size: 18px;

	width: 245px;

	color: #FFF;

	background-image: url(images/event.jpg);

	background-position: left;

	background-repeat: no-repeat;

}

/*   







*/	



.mybox3 p {

	padding: 0px 10px 10px 10px;

}

.mybox3 a {

	margin-bottom: 10px;

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

}

.mybox3 img {

	float: left;

	padding: 0px 5px 5px 5px;

}

.mybox4 {

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

	height: 230px;

	width: 300;

	border: 1px solid #CCC;

}

.mybox4 h1 {

	margin-top: -1px;

	font-weight: bold;

	font-family: "ProximaNova";

	background-color: #99cc33;

	padding: 10px 0px 10px 70px;

	font-size: 18px;

	width: 245px;

	color: #FFF;

	background-image: url(images/cust.jpg);

	background-position: left;

	background-repeat: no-repeat;

}

/*   







*/	



.mybox4 p {

	padding: 0px 10px 10px 10px;

}

.mybox4 a {

	margin-bottom: 10px;

	font-family: "ProximaNova";

	font-size: 14px;

	color: #666666;

}

.mybox4 img {

	float: left;

	padding: 0px 5px 5px 5px;

}

.clinicbox {

	width: 122px;

	height: 160px;

	border: 1px solid #CCC;

}

.clbox {

	height: 110px;

	width: 122px;

	overflow: hidden;

}

.clinicbox img {

	background-position: center;

}

.jphoto {

	float: left;

	margin: 5px 15px 5px 5px;

	border: none;

}

.jphoto img {

	border: none;

}

@font-face {

/*font-family:""ProximaNova"";



  src:url(images/font/GARA.ttf)format("truetype");*/



}

/*  styles prepared by jignesh */







.j_common_table {

	font-size: 12px;

	color: #333;

}

.data {

	FONT-SIZE: 12px;

	PADDING-BOTTOM: 5px;

	FONT-FAMILY: "ProximaNova";

	line-height: 16px;

	PADDING-LEFT: 10px;

	PADDING-RIGHT: 10px;

	color: #333333;

	PADDING-TOP: 5px;

}

.data A {

	FONT-SIZE: 12px;

	PADDING-BOTTOM: 5px;

	FONT-FAMILY: "ProximaNova";

	line-height: 16px;

	PADDING-LEFT: 10px;

	PADDING-RIGHT: 10px;

	color: #333333;

	PADDING-TOP: 5px;

	text-decoration: none;

}

.data A:hover {

	COLOR: #4D4D4D;

	TEXT-DECORATION: underline;

	font-weight: normal;

}

#homewidgets #content #deals_full {

	width: 700px;

	;

	margin: 0 auto;

	overflow: auto;

	font-size: 12px;

	float: right;

}

#homewidgets #content #deals_full img {

	float: left;

	margin: 0 10px 10px 0;

	border: #CCCCCC solid 2px;

	border-radius: 5px;

	-moz-border-radius: 5px;

}

#homewidgets #content #deals_full #dealtitle {

	font-size: 18px;

	color: #666666;

	font-weight: bold;

}

.dealstats {

	font-size: 14px;

	margin-top: 35px;

}

.dealcontent {

	width: 47%;

	float: left;

	border: #CCCCCC solid 0px;

	margin: 5px 5px 5px 0;

	padding: 0 5px 5px 5px;

	font-size: 13px;

}

.dealcontent .sectionheaders {

	font-size: 14px;

	font-weight: bold;

	border-bottom: #999999 solid 1px;

	margin: 0 0 5px 0;

	padding-bottom: 5px;

}

.buyprocess {

	margin: 0 5px 5px 0;

	float: right;

}

<!--

deals listing page-->  #homewidgets #content #deals_listing {

	width: 700px;

	;

	margin: 0 auto;

	overflow: auto;

	font-size: 12px;

	float: right;

}

#homewidgets #content #deals_listing img {

	float: left;

	margin: 0 10px 10px 0;

	border: #CCCCCC solid 2px;

	border-radius: 5px;

	-moz-border-radius: 5px;

}

#homewidgets #content #deals_listing #dealtitle {

	font-size: 18px;

	color: #666666;

	font-weight: bold;

}

.dealstats {

	font-size: 14px;

	margin-top: 35px;

}

.newstitle {

	background-color: #8ec63f;

	border-radius: 5px;

	-moz-border-radius: 5px;

	padding: 5px 5px 0 5px;

	height: 35px;

}

.bolgheading {

	color: #FFF;

	font-size: 18px;

}

#sub_menu {

	width: 100%;

	background-color: #d8d8d8;

	height: 35px;

	margin-bottom: 5px;

}

#sub_menu ul {

	overflow: auto;

	width: 100%;

}

#sub_menu ul li {

	float: left;

	list-style: none;

	padding: 5px 0 0 0;

	width: 122px;

	height: 30px;

	background-image: url(images/what_is_myhealthmeter_bg_grey.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	border-radius: 5px;

	-moz-border-radius: 5px;

	text-align: center;

}

#sub_menu ul li:hover {

	background-image: url(images/what_is_myhealthmeter_bg_white.png);

}

#sub_menu ul li a {

	color: #FFFFFF;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

}

#sub_menu ul li:hover > a {

	color: #333333;

}

.table_format {

	border: #CCCCCC solid 1px;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	font-size: 14px;

}

.health_tr {

	color: #FFF;

	font-weight: bold;

	padding: 5px;

}

.health_tr a {

	color: #FFF;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 13px;

}

.health_tr a:hover {

	color: #666;

}

@font-face {

	font-family: "KABEL";

	src: url(images/KABELN_1.TTF)format("truetype");

}

/*********************Health meter CSS****************************/



#parameter {

	color: #FFF;

	text-decoration: none;

}

#parameter #stats {

	display: none;

	margin-bottom: 25px;

	overflow: auto;

	width: 354px;

	position: absolute;

	border: #333 solid 1px;

	background: #FFF;

	font-size: 12px;

	color: #333;

}

#parameter #stats #heading {

	font-size: 12px;

	border-bottom: #999 dotted 1px;

	margin-bottom: 5px;

	width: 100%;

	background-color: #EBEBEB;

	font-weight: bold;

}

#parameter:hover {

	color: #202020;

}

#parameter:hover #stats {

	display: block;

}

#meterbar {

	color: #333;

	font-size: 12px;

}

#meterbar a {

	text-decoration: underline;

	color: #FFF;

	font-weight: bold;

}

#meterbar a:hover {

	color: #333;

}

#meterbar td {

}

.profilediv {

	width: 95%;

	height: auto;

	padding: 5px 5px 5px 5px;

	overflow: auto;

	border: #666 solid 1px;

	margin: 10px auto;

	font-size: 12px;

	border: #CCC solid 1px;

	overflow: auto;

}

.profilediv h2 {

	font-size: 20px;

	color: #333;

}

.profilediv a {

	color: #333;

	text-decoration: none;

}

.veryhigh_reading {

	width: 350px;

	height: 50px;

	border: #CCC solid 1px;

	float: left;

	margin: 0 10px 10px 0;

	padding: 10px 5px 0 5px;

	font-size: 13px;

	text-align: left;

	background-color: #d3592a;

}

.high_reading {

	width: 350px;

	height: 50px;

	border: #CCC solid 1px;

	float: left;

	margin: 0 10px 10px 0;

	padding: 10px 5px 0 5px;

	font-size: 13px;

	text-align: left;

	background-color: #f1ad00;

}

.normal_reading {

	width: 350px;

	height: 50px;

	border: #CCC solid 1px;

	float: left;

	margin: 0 10px 10px 0;

	padding: 10px 5px 0 5px;

	font-size: 13px;

	text-align: left;

	background-color: #81b812;

}

.low_reading {

	width: 350px;

	height: 50px;

	border: #CCC solid 1px;

	float: left;

	margin: 0 10px 10px 0;

	padding: 10px 5px 0 5px;

	font-size: 13px;

	text-align: left;

	background-color: #0dbe8a;

}

.verylow_reading {

	width: 350px;

	height: 50px;

	border: #CCC solid 1px;

	float: left;

	margin: 0 10px 10px 0;

	padding: 10px 5px 0 5px;

	font-size: 13px;

	text-align: left;

	background-color: #327dd8;

}

#pagination * {

	color: #333;

	font-size: 12px;

	font-family: "ProximaNova", Geneva, sans-serif;

}

#pagination a {

	background-color: #333;

	border: #CCC solid 1px;

	color: #FFF;

	height: 15px;

	padding: 2px 5px 2px 5px;

	margin: 0 5px 0 5px;

	text-decoration: none;

}

.spec_sugg {

	border: solid 1px #ccc !important;

	width: 68%;

	padding-left: 0px;

	margin-left: 0px;

	position: absolute;

	border-radius: 5px;

	background: #edecec;

	margin-top: 0px;

}

.spec_sugg li:hover a {

	background: #a2a2a2;

	color: #fff;

}

.spec_sugg li {

	line-height: 20px;

	list-style: none;

	text-align: left;

}

.spec_sugg li a {

	display: block;

	text-decoration: none;

	padding-left: 9px

}

.date {

		background: url(images/other/datepicker.png) no-repeat 122px 1px;background-size: 25px 25px;

}
.date-pick 
{
	width: 180px;
	background-image: url(member/images/calander.png);
    background-repeat: no-repeat;
    background-position: 165px 3px;
    background-size: 20px 20px !important;
}

.display-none{
display:none;
}

.display-block{
display:block;
}
#third_insurance_table{margin-top: -25px; margin-left:6px;}


.plus-img-btn
{
	/*background-image:url(member/images/plus-img.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:28px;*/
	border-radius:10px 8px 8px 10px !important;
	padding: 5px 15px 5px 40px !important;
	text-align:center !important; 
	background-color:#e0e0e0; 
    border: 1px solid #e0e0e0 !important;
	color:#000;
	cursor:pointer;
}

.dose-schedule-table
{
background-color:#f8f8f8; border-collapse:collapse;/*box-shadow: 2px 2px 3px #ccc; color:#000;*/width:100%;
}

.dose-schedule-table table,.dose-schedule-table tr,.dose-schedule-table th,.dose-schedule-table td
{
border:1px solid #CCCCCC;
}

.dose-schedule-table tr:first-child
{
	height:40px;
}

.dose-schedule-table tr
{
	height:40px;
}

.dose-schedule-table td
{
	padding-left:20px;
}
.purchase-table-details
{
	color: #666666;
    line-height: 22px;
}
.individual-plan-name{background-color:#fff;padding:10px 20px}
.purchase-table
{
background-color:#f8f8f8; border-collapse:collapse;box-shadow: 2px 2px 3px #ccc; color:#000;width:100%;
}

.purchase-table table,.purchase-table tr,.purchase-table th,.purchase-table td
{
border:1px solid #CCCCCC;
}

.purchase-table tr:first-child
{
	height:40px;
}

.purchase-table tr
{
	height:40px;
}

.pl20
{
	padding-left:20px;
}

.pr20
{
	padding-right:20px;
}

.w12
{
	width:12%;
}

.w30
{
	width:30%;
}

.checkbox-width
{
	width: 15px;height: 15px;
}
.checkbox{padding-left:0px !important;text-align:center;}

.checkbox input[type="checkbox"] {
	background-color:#fff;
}

.padl0
{
	padding-left:0px !important;
}

.talign
{
	text-align:center;
}

.w40
{
	width:40%;
}

.title-img
{
	position:relative;top:10px;
}

.main-title
{
	padding: 0px 0 0px 15px;bottom: 14px;position: relative;font-weight:bold;
}

.visit-title
{
	position: relative;font-weight:bold;
}

.tag-line
{
	font-size: 11px;padding: 5px 0 0px 59px;bottom: 15px;position: relative; color:#999;float: left;
}

.freq-field
{
	color: #000 !important;
    background-color: #e0e0e0;
    width: 75px;
    text-align: center !important;
    font-weight: bold;
    padding: 5px 10px !important;
}

.remove-txt
{
	left: 10px;position: relative;bottom: 2px;color: #FC773C;text-decoration: underline;font-weight:bold;
}

.update-btn
{
	text-decoration:none; color:#fff;padding: 5px 20px;background-color: #05C898;border-radius: 5px 5px 5px 5px;
}

.prescription-management-table
{
	width:48%;float:left;border-collapse:collapse;margin:1.2% 1%;box-shadow: 2px 2px 3px #ccc;word-break:break-word;height: 66px;max-height:205px;
}

.order-history-table
{
	width:98%;float:left;margin:1.2% 1%;box-shadow: 2px 2px 3px #ccc;word-break:break-word;height: 66px;max-height:205px;border-radius:10px;
}

.investigation-div {border: 1px solid #ccc;width: 87%;margin: 0 auto;bottom: 10px;position: relative;border-top: none;display:none;}
.investigation-div button{border: none;color: #fff;background: #666666;padding: 10px 30px;border-radius: 5px;margin: 10px;}

.order-history-table td { font-weight:bold;}
.order-history-table td span{ font-weight:normal;}
.prescription-management-table td
{
	padding-left:20px;
}


.prescription-management-table #short-discription{ 
padding:20px;line-height:22px;
}

.read-more-btn
{
	text-decoration:none; color:#fff;padding: 5px 10px;background-color: #05C898;border-radius: 5px 5px 5px 5px;margin:0 10px;
}

.read-more-btn:hover
{
	text-decoration:none; color:#fff;padding: 5px 10px;background-color: #949494;border-radius: 5px 5px 5px 5px;margin:0 10px;
}

.manage-reminder
{
	text-decoration:none; color:#05C898;padding: 5px 10px 5px 5px;background-color: transparent;border-radius: 5px 5px 5px 5px;border: 1px solid #05C898;margin-left:5px;
}











.name-dose{width:70%; float:left; padding: 10px 0px;}
.name-dose label{font-size: 16px; font-weight: bold;}
.name-days{width:30%; float:left; padding: 10px 0px;}
.name-days label{font-size: 16px; font-weight: bold;}
.dose-frequency label{font-size: 16px; font-weight: bold;}

.name-dose input[type="text"] {
	width: 310px;
}

.name-days input[type="text"] {
	width: 130px;
}

.dose-frequency  select {
	width:467px;
}
.save-next-step{padding: 25px 0 25px 0; margin-bottom: 0px; text-align: center;}
.save-next-step  input[type="submit"]{background-color: #05c898; border-radius: 5px; border: 1px solid #ccc; padding: 5px 25px; color: #fff;}

.name-doctor{width:70%; float:left; padding: 10px 0px;}
.name-doctor label{font-size: 16px; font-weight: bold;}
.name-visit{width:30%; float:left; padding: 10px 0px;}
.name-visit label{font-size: 16px; font-weight: bold;}
.dose-frequency {height: 150px;}
.dose-frequency label{font-size: 16px; font-weight: bold;}
.attach-prescription label{font-size: 16px; font-weight: bold;}

.visit-doctor{width:100%; float:left; padding: 10px 0px 20px 0px;}
.visit-doctor label{font-size: 16px; font-weight: bold;}

.name-doctor input[type="text"] {
	width: 310px;
}

.name-visit input[type="text"] {
	width: 130px;
	background-image: url(member/images/calander.png);
    background-repeat: no-repeat;
    background-position: 115px 2px;
    background-size: 20px 20px !important;
}

/*.reminder-cal{width:30%; float:left; padding: 10px 0px;}*/
.reminder-cal label{font-size: 16px; font-weight: bold;}

.reminder-cal input[type="text"] {
	width: 125px;
	background-image: url(member/images/calander.png);
    background-repeat: no-repeat;
    background-position: 110px 7px;
    background-size: 20px 20px !important;
}



.visit-doctor input[type="text"] {
	width: 467px;
}

.dose-frequency  select {
	width:477px;
}
.attach-prescription  select {
	width:477px;
}
.attach-prescription > span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #C0BEBE;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    padding:5px 5px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 464px;
    color: #808080;
    height: 15px;
    margin: 0px 0px 0px 0px;
}

.attach-prescription > span::after { background: #ddd none repeat scroll 0 0; content: "Browse"; cursor: pointer; height: 100%; line-height: 28px; position: absolute; right: 0; text-align: center; top: 0; width: 80px; color: #444;font-size: 16px;}
/*.attach-prescription > span { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; overflow: hidden; padding: 10px 84px 10px 10px; position: absolute; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #808080; }*/
.attach-prescription > input[type="file"] { cursor: pointer; height: 27px; opacity: 0; width: 100%; z-index: 99; }
/*------------------------------css by hiren on 5-1-16----------------------------------*/

/*overlay */
.overlay-bg{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100000;}
.overlay {height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100001;visibility:hidden}
.overlay-box { display: table; height: inherit; margin: 0 auto; width: 470px; }
.overlay-box .content { display: table-cell; vertical-align: middle; }
.overlay-box .closeBtn { background: none;  color: #fff; cursor: pointer; font:18px "ProximaNovaSemiBold"; height: 25px; padding: 0; position: absolute; right: 10px; text-align: center; top: 15px; width: 25px; z-index: 1002; }
.overlay-box .overlay-header { background: none repeat scroll 0 0 #3f3f3e; color: #fff; font: 18px "ProximaNovaSemiBold"; padding: 14px 18px; position:relative; border-top-left-radius:10px; border-top-right-radius:10px;}
.overlay-box .overlay-content { padding: 10px 12px 18px 12px; background: none repeat scroll 0 0 #fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.overlay-box .overlay-footer { padding: 9px 18px; background: #e3e3e3; text-align: right }
/*overlay end*/
/*----------------------------------------------------------------*/
.health-news .closeBtn {
    background: #000;
    color: #fff;
    cursor: pointer;
    font: 18px "ProximaNovaSemiBold";
    height: 25px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 8px;
    line-height: 26px;
    width: 25px;
    z-index: 1002;
    border-radius: 25px;
}
.dose .closeBtn {
    background: #fff;
    color: #000;
	border-radius: 25px;
	font-size:22px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
	opacity:1;
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
	opacity:0;
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
	opacity:0;
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	opacity:1;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
	opacity:0;
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

/*accordion css*/
.accordion { }
.accordion dl { border-bottom: 1px solid #d0d0d0; border-radius: 0; margin-bottom: 20px; /*box-shadow: 3px 3px #c0c0c0;*/ }
.accordion dl dt { background: none repeat scroll 0 0 #F9F9F9; color: #212121; cursor: pointer; font: 300 16px 'Roboto Slab', serif; padding: 8px 1%; position: relative; }
.accordion dl.active dt { border-bottom: 0px solid #d0d0d0; }
.accordion dl dt:after { background: #F9F9F9; border: 1px solid #F9F9F9; border-radius: 3px; content: "\f107"; font: 24px/30px FontAwesome; height: 30px; margin: 3px 1%; position: absolute; right: 0; text-align: center; top: 0; width: 30px; color: #2c6a90; }
.accordion dl.active dt:after { content: "\f106" }
.accordion dl dd { display: none; padding: 10px 1%; }
/*accordion css end*/



/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	border-radius:3px;
	background:#fff;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px 15px 0px 0;
	display:inline-block;
	border-bottom:1px solid #ccc;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#000;
	text-decoration:none;
		
}
.accordion-section-title.active, .accordion-section-title:hover {
	/*background:#F9F9F9;*/
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:1px solid #ccc;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
	border-bottom:1px solid #ccc;
}

.accordion .accordion-section a
{
	background-image: url(member/images/expand-col-plus.png);

	background-repeat: no-repeat;
	
	    background-position: 910px;
}


.border-box-heading {
	border-bottom:1px solid #ccc;
	background: #fff;
	border-bottom: none;
	position: relative;
	display: block;
}

.thank-you-header
{
	color: #f36a0c;
    font-size: 22px;
	font-weight:bold;
	padding: 0px 50px 15px 50px;
}

.thank-you-content
{
	background-color: #fffddc;
	padding: 50px;
}

.thank-you-content p 
{
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 0px;
}

.thank-you-content p:last-child
{
	margin-bottom: 0px;
	margin-top: 50px;
}

.thank-you-container
{
	padding: 75px 100px;
}

.field
{
    background-color: transparent;
    width: 96%;
    padding-left: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #ccc;
    height: 25px;
}


#city
{
	border-radius: 5px;
	height: 29px;
	width: 20%;
	float:left;
	margin-right:20px;
	
}

#location , #appointment_time
{
	border-radius:5px;
	height: 29px;
	width: 20%;
	float:left;
}
#appointment_date
{
	width:46%;
	float:left;
	background-image: url(../images/calander.png);
    background-repeat: no-repeat;
    background-position:95% 6px;
}
.center-info tr:first-child td:first-child
{
	background-image:url(member/images/arrow.png);
	vertical-align:middle;
	background-repeat:no-repeat;
	height: 68px;
    width: 54px;
    background-position: 0px 16px;
}



.active-tab
{
	color:#F8773E;
	background: url(member/images/down-arrow.png) no-repeat 60% 2px;
    padding-top: 31px;
}
.hide-select-div {
	display: none;
}
input[type=button].tab-button {
	background-color: #E9E9E9;
    /* border-bottom: 5px solid #5080d2; */
    padding: 5px 10px;
    color: #696969;
	border-radius: 5px;
	    border: none;
    outline: none;
	font-size: 15px;
	    margin-left: 10px;
		cursor:pointer;
}
input[type=button].tab-button:hover {
	background-color: #FC7941;
    /* border-bottom: 5px solid #5080d2; */
    padding: 5px 10px;
    color: #fff;
	border-radius: 5px;
	    border: none;
    outline: none;
	font-size: 15px;
	cursor:pointer;
}
input[type=button].active-tab-btn {
	background-color: #FC7941;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
	    border: none;
    outline: none;
	font-size: 15px;
	cursor:pointer;
}
.tab-section ul li  input[type=button].tab-button {
	float: left;
	border-bottom: none;
	background: url(../images/tab-menu.png) repeat-x;
}
.tab-section ul li  input[type=button].tab-button {
	font-weight: bold;
	font-size: 12px;
	color: #696767;
	text-transform: uppercase;
	padding: 10px 10px 9px 10px;
	display: block;
	transition: none
}

.tab-section ul li input[type=button].active-tab  {
	background: url(../images/tab-menu-active.png) center bottom no-repeat #5080d2 !important;
	color: #fff;
}
.tab-section ul li:hover input[type=button].tab-button:hover {
	font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 10px 9px 10px;
	border-radius: 0px;
   background: #5080d2;
}
.select-btn
{
	text-decoration:none; color:#fff;padding: 5px 10px;background-color: #05C898;border-radius: 5px 5px 5px 5px;margin-right:5px;float: right;
}

.select-btn:hover
{
	text-decoration:none; color:#fff;padding: 5px 10px;background-color: #949494;border-radius: 5px 5px 5px 5px;margin-right:5px;
}
.selected-btn
{
	text-decoration:none; color:#fff;padding: 5px 10px;background-color: #949494;border-radius: 5px 5px 5px 5px;margin-right:5px;
}

.edit-btn
{
	float:right;padding:0px;margin:0 50px 0 0;border:none;color: #FC773C;text-decoration: underline;visibility:hidden;
}
#edit
{
	font-size:15px;color:red;text-decoration:underline;cursor:pointer;
}

#save-button
{
	text-decoration: none;
    color: #fff;
    padding: 5px 20px;
    background-color: #05C898;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    border: none;	
}
.select-plan p{margin:0 1%;font-weight:bold;color:#000;margin-bottom:7px;}
.medical-center-info{border-bottom:1px solid #ccc;padding:10px 20px;background-color: #fff;cursor:pointer}
.medical-center-info:hover{background-color: #fffddc;}
.medical-page{padding-top:10px; background-color: #fff; width: 99.4%;padding-bottom:150px;}
.center-name{font-size:18px;color:#696969;cursor:pointer;}

.medical-center-info tr:first-child td:first-child
{
/*	background-image:url(member/images/arrow.png);
	vertical-align:middle;
	background-repeat:no-repeat;
	height: 68px;
    width: 54px;
    background-position: 0px 16px;*/
	
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    background-position: 0px 0px;
    border-radius: 40px;
    top: 8px;
    position: relative;
    color: #fff;
    font-size: 36px;
    text-align: center;
}

/*#active-orange-arrow

{
	background-image:url(member/images/right-tick.png);
	vertical-align:middle;
	background-repeat:no-repeat;
	height: 68px;
    width: 54px;
    background-position: 0px 16px;
}*/
.delivery-add{margin:5% 1%;}
.delivery-add h3{font-weight:bold;color:#000;}
.delivery-add textarea {padding:20px;margin-top:20px;border-radius:10px;width: 95.5%;outline:none;}
.date-time{margin:0 1%;}
.date-time h3{font-weight:bold;color:#000;}
.personal-info{margin:0 1%;}
.personal-info h3{font-weight:bold;color:#000;}
.purchase{margin:5% 1% 0 1%;}
.plan-name{background-color:#FC773C;color:#fff;font-size:18px;text-align:left}
.payment-total{margin:20px 2% 0 1%;float:right}
.overlay-next-prev-fix{
    position: fixed;
    width: 96%;
    bottom: 20px;
    height: 68px;
    background-color: #f0f0f0;
    border-radius: 5px 5px 5px 5px;
}
.div-close-bt .closeBtn {
    right: -19px;
    top: auto;
    bottom: -5px;
    left: auto;
}
.terms-purchase-terms
{
	font-size: 18px;
    color: #5080D2;
}

.terms-purchase-terms:hover
{
	font-size: 18px;
    color: #FF0000;
}
.terms-purchase{
    float: right;
    margin-top: 20px;
	margin-right:20px;
}




































.plans-btn
{
	text-align:left;
	margin-bottom:20px;
	margin:0 1%;
    
}

.plans-btn a
{
color:#fff;text-transform:capitalize;text-decoration:none;margin-top:20px;padding:5px 10px;border-radius: 5px 5px 5px 5px;font-size:15px;
}

#individual-plan-btn
{
	background-color:#FC7941;
}

#health-plans-btn
{
	background-color:#E9E9E9;
	color:#696969;
}


.page-header
{
	padding:15px 0;
	/*font-family: 'Roboto', sans-serif;*/
	text-align:left;
	margin:0 1%;
}

.page-header ul
{
	list-style-type: none;
    margin: 0;
    padding: 0 ;
}

.page-header ul li
{
	display:inline;
    margin:0 15px;
	font-size:20px;
}

.page-header ul li:first-child
{
    margin-left:0px;
}

.page-header ul li:last-child
{
    margin-right:0px;
}
.count-num
{
	background-color: #ff754b;
    color: #fff;
    font-size: 9px;
    padding: 2px 5px;
    border-radius: 75px;
    position: relative;
    vertical-align: text-top;
	font-weight:bold;
    right: 3px;
}
.non-count
{
	background-color:transparent;
    color: #fff;
    font-size: 9px;
    padding: 2px 8px;
    border-radius: 75px;
    position: relative;
    vertical-align: text-top;
	font-weight:bold;
    right: 3px;
}


<!----------------------hiren strat------------------------>  
.myaccordian {
 position:relative;
 cursor:pointer;
}
.accordian-arrow-down {
	/*background-color:blue !important;
	width:10px;
	height:10px;
	border-radius:20px;*/
	background: url(member/images/expand-col-plus.png) center center no-repeat;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari */
	transform: rotate(180deg);
	height: 50px;
	width: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.accordian-arrow-up {
	/*background-color:red !important;
	width:10px;
	height:10px;
	border-radius:20px;*/
	background: url(member/images/expand-col-minus.png) center center no-repeat;
	height: 50px;
	width: 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.center-details-btn{
	text-decoration: none;
    color: #fff;
    background-color: #f8773e;
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 5px;
    position: relative;
    left: 15px;
	border:none;
	outline:none;
	cursor:pointer;
	z-index:10;
}

.doc-img
{
    position: relative;
    right: 115px;
    left: auto;
    float: right;
    bottom: 35px;	
}
<!-- --------------------hiren end---------------------------> 

/************Aadhar start***********/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .overlay-box .overlay-content{height: 600px !important;min-height: 600px !important;}
	::i-block-chrome, .overlay-box .overlay-content strong{font-weight:bold !important}
	::i-block-chrome, .overlay-next-prev-fix {
	position: fixed;
	width: 96%;
	bottom: -104px !important;
	height: 68px;
	background-color: #f0f0f0;
	border-radius: 5px 5px 5px 5px;
	top: auto !important;
	left: 1px !important;
	}
	
}
@-moz-document url-prefix() { 
			.overlay-box .overlay-content{height: 600px !important;min-height: 600px !important;}
		}


/*@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
{

.overlay-next-prev-fix {
position: fixed;
width: 96%;
bottom: -93px !important;
top: auto !important;
left: 1px !important;
}

}

_::-webkit-:not(:root:root), .safari_only {

.overlay-next-prev-fix {
position: fixed;
width: 96%;
bottom: -93px !important;
top: auto !important;
left: 1px !important;
}

}*/