/* once going live all styles need to pleace in their original css files (responsive.css, ecstyles.css etc */

#headerwrap {padding-top: 10px;font-family: 'Roboto', Arial, Helvetica, sans-serif;text-align:center; height: 179px; background-color: #fff;font-weight: 200;}
.hdr-r1 {width:100%;max-width:1100px; margin:auto;}
	.hdr-r1-c1 {float:left;width: 32%; min-width: 280px; color:#999;font-size: 15px; text-align:left; margin-left:14px; font-weight:normal;}
		.hdr-r1-c1 a {color: #999; text-decoration: none;}
		.hdr-r1-c1 a:hover {text-decoration: underline;}
	.hdr-r1-c2 {float:left;width: 32%; min-width: 248px;text-align:center;}
		#srch-top {width:250px;margin: auto;}
			.input-field-box {width: 250px; height: 30px;border: 1px solid #ccc;border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; background-color: #eee; padding: 2px 5px;}
			.input-field {margin: 1px 0; padding:3px 0px; width:205px;float:left; border:none; background-color: transparent !important; color: #999;}
			.submit-btn {border: none; background-color: transparent; padding: 5px; color: #666;margin: -1px;}
			#srch-top input:hover[type="submit"] {background-color: transparent; color: #090; cursor:pointer;}
		.search-label {}
	.hdr-r1-c3 {float:left;width: 32%; min-width: 240px;text-align: left;}
		.cures-reported {float: left; text-align:right;color: #333; font-size: 13px;}
		.cures-reported a {color: #666; text-decoration: none;}
		.cures-reported a:hover {color: #666; text-decoration: underline;}
		.signin {float:right; text-align:right; font-weight: 500; font-size: 13px;text-transform: uppercase; min-width:175px; max-width: 225px; width:100%; margin-top:-28px;}
		.signin a {color: #333; text-decoration: none;}
		.signin a:hover {text-decoration: underline;}
.hdr-r2 {clear:left; max-width:1100px; height: 100px; margin:auto;}
	.hdr-r2-c1 {float: left;width: 50%;}
	.hdr-r2-c2 {float: left;width: 50%; padding:14px 0 0 0;text-align:right;}
		.add-post-btn {padding-right: 30px;}

		.logo {background: none;color: #000;font-size: 14px;line-height: 100px;padding: 0;text-indent: 0;width: 450px; margin-top: 3px;margin-left: 18px;text-align: left;}
.hdr-r3 {clear: both; max-width:1100px; margin:auto;border-bottom:1px double #f3f3f3;border-top:1px double #f3f3f3;}
	

/* Overwriting styles from ecstyles.css */
#page-wrapper {padding:0;background: linear-gradient(to bottom, #d3f4d4 0%, #d3f4d4 64%) repeat scroll 0% 0% transparent;}
#mainNav-new { width:100%; height:37px;}
#mainNav-new li a {font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:14px;text-transform:uppercase; font-weight:bold;}
#mainNav-new li li a {font-size:14px;text-transform: none;text-transform:uppercase; font-weight:normal; padding:10px;}
#mainNav-new li.navicons a {display: inline;padding:0 3px; margin-top:5px;}
#mainNav-new li.navicons a:hover {background-color:#fff;}
	.minusicon, .plusicon {color: #09C; font-size: 22px;}
	.rssicon {color: #F63; font-size: 22px;}
#content {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

/* end of overwriting styles from ecstyles.css */

/* Responsive header styles */

/* @media Rule 
@media all and (max-device-width: 992px) {*/
/* @media Rule 
@media all and (max-device-width: 640px) {*/
@media only screen 
and (max-width : 640px)
{
	#headerwrap {height: 190px; width:100%;}
		.hdr-r1 {width:100%;position: absolute;top: 150px;}
		.hdr-r1-c1 {text-align:left; width: 90%; margin: auto; margin:0;}
		.hdr-r1-c2 {clear:left;width: 100%;}
			#responsivesearch  {display:none;}
			#responsivesearch input.srch-input {display:none;}
			#responsivesearch input.srch-submit {display:none;}
			#srch-top {clear:left;margin:auto;}
					.input-field-box {width: 250px; height: 30px;border: 1px solid #ccc;border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; background-color: #eee; padding: 2px 5px;margin:auto;}
					.input-field {margin: 1px 0; padding:3px 0px; width:205px;float:left; border:none; background-color: red; color: #999;}
					.submit-btn {border: none; background-color: transparent; padding: 5px; color: #666;}
					#srch-top input:hover[type="submit"] {background-color: transparent; color: #090; cursor:pointer;}
				.search-label {}
		.hdr-r1-c3 {float:none;width: 100%;text-align:center;}
			.cures-reported {width: 100%;text-align: center;}
			.signin {font-size: 18px;text-align: center;min-width: 100%; max-width: 100%;}
	.logo {margin-left:0px;background:none;}
	img.resize{ width:42%; height: auto;}
	.topleftad{padding:0 !important;}
}

/* @media Rule 
@media all and (max-device-width: 480px) {*/
@media only screen 
and (max-width : 480px)
{
	#pageBody{width:100% !important;}
	#headerwrap {height: 180px; width:100%;}
		.hdr-r1 {width:100%; position:absolute; top:95px;}
		.hdr-r1-c1 {text-align:center; width: 90%; margin: auto;}
		.hdr-r1-c2 {clear:left;width: 100%; margin: 0 5px;text-align:center;}
			#responsivesearch  {display:none;}
			#responsivesearch input.srch-input {display:none;}
			#responsivesearch input.srch-submit {display:none;}
			#srch-top {clear:left;margin: auto;}
					.input-field-box {width: 250px; height: 30px;border: 1px solid #ccc;border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; background-color: #eee; padding: 2px 5px; margin:auto;}
					.input-field {margin: 1px 0; padding:3px 0px; width:205px;float:left; border:none; background-color: red; color: #999;}
					.submit-btn {border: none; background-color: transparent; padding: 5px; color: #666;}
					#srch-top input:hover[type="submit"] {background-color: transparent; color: #090; cursor:pointer;}
				.search-label {}
		.hdr-r1-c3 {float:none;width: 100%;;}
			.cures-reported {width: 100%;text-align: center;}
			.signin {font-size: 18px;min-width: 100%; max-width: 100%;}
	.logo {margin-left:0px;background:none;} 
	.logo img {width: 140%;}
	img.resize{ width:42%; height: auto;}
	.topleftad{padding:0 !important;}
}


ul.headermenu{
	position: relative;
	list-style-type: none;
	float:left;
	margin:0px auto;
	padding:0px;
	font: Glegoo, Verdana, Helvetica, sans-serif !important;
	font-size:14px;
	padding-top:5px;
	height:35px;
	list-style-type: none;
	text-transform:lowercase !important;
	}
	ul.headermenu li{
		float: left;
		padding: 0px;
		}
	ul.headermenu li a{
		color:#333;
		display:block;
		font-weight: normal;
		line-height:25px;
		text-transform: uppercase;
		margin:0px;
		padding:0px 25px 0px 15px;
		margin-bottom: 0px;
		text-align:center;
		text-decoration:none;
		}
		ul.headermenu li a:hover, ul.headermenu ul li:hover a{
			color: #C00;
			text-decoration:none;
		}
		
	ul.headermenu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:175px;
		z-index:200;
		list-style-type: none !important;

		/*top:1em;
		/*left:0;*/
		}
	ul.headermenu li:hover ul{
		display:block;
		list-style-type: none;
		background:#f5f5f5;
		border-left: 1px dotted #999;
		border-bottom: 1px dotted #999;
		border-right: 1px dotted #999;
		}
	li.navicons:hover{
		background:#fff !important;
		}
	ul.headermenu li li {
		display:block;
		float:none;
		margin-left:10px;
		padding:0px;
		width:185px;
		/*background:url(/tmpl-imgs/menu-list-dot.png) left no-repeat;*/
		}
	ul.headermenu li:hover li a{
		background:none;
		
		}
	ul.headermenu li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		ul.headermenu li ul a:hover, ul.headermenu li ul li:hover a{
			border:0px;
			color:#C00;
			text-decoration:underline;
			}
	ul.headermenu p{
		clear:left;
		}	
/***** 2014 Styles ******/

#header-outer{text-align:center}
#header{ background-color: transparent; border-bottom:none;border-top:none;margin-bottom:0px;text-align:center}
#header-inner{height:127px;margin:0 auto;padding:0;position:relative;text-align:left;width:950px}
#header-inner h1{color:#000;font-size:14px;line-height:127px;margin:0;padding:0;text-indent:-9999px;width:450px}
#header-search{left:400px;position:absolute;top:1px}
#header-search form{margin:0;padding:0}
#header-inner .name{font-weight:700;margin-left:140px}
#header-inner .slogan{font-weight:700;margin-left:140px}

#srch-box{background: transparent;padding:0px 0 0 10px;position:relative; top:35px;width:540px}
#srch-box span{color:#333;margin-right:10px}
#srch-box input.srch-input{border-color:#70ad4a;color:#666;font-size:18px;width:235px}
#srch-box input.srch-submit{background:url(../tmpl-imgs/search-btn-header-2014.png) no-repeat top left;border:0;cursor:pointer;height:35px;margin-bottom:-10px;position:relative; width:60px;top: -4px;}
.search-options{margin-left:70px}
#srch-box .powerdby a{color:#fff;font-size:10px}
.search-label{font-size:20px}

.hdr-icons {position:relative;top:-40px;float:right;background-color: #99cc67; padding:5px 10px; margin:0;height:60px;width:120px;}
.icons-row1, .icons-row2 {padding:0; margin:0;width:120px;}
#loginli a{ background:url(/images/scure-login.png) left no-repeat; }
#curesreported {width:135px;}

#content {border:none;}
#mainNav-new li{width: 14.16%;}
/*Home Page*/
#homefeatured ul{ width:70%;max-width: 900px;}
#popularremedies{height: 369px; max-width: 900px;}

/*left menu*/
.hdr-r1-c1 ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0 4px 17px 0;
  list-style: none;
}
.hdr-r1-c1 ul li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.hdr-r1-c1 ul li ul {
  padding: 0;
  position: absolute;
  top: 25px;
  left: 0;
  width: 120px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:9999;
}
.hdr-r1-c1 ul li ul li { 
  background: #fff; 
  display: block; 
  color: #000;
  padding-left:5px;
   border-left:#EEE thin solid;
}
.hdr-r1-c1 ul li ul li:hover { background: #EEE; padding-left:10px;}
.hdr-r1-c1 ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
/*END left menu*/
#popularremedies li {width: 215px;}