/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


.notmobile, .drop-videos, .drop-articles, header iframe { display:none !important; visibility:hidden !important; }
.mobile { display:block; }
.clear-mobile { clear:both; }
#trigger-menu { position:absolute; top:5px; left:0; }
#trigger-search { position:absolute; top:5px; right:0; }
#logo { position:absolute; left:50%; margin-left:-61px;  float:none; }
	#logo img { width:121px; height:31px; }

header { height: 50px; }
#headcontainer  
{		
		background: #f1f1f1;
		background: -moz-linear-gradient(top, #f1f1f1 0%, #eaeaea 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #eaeaea));
		background: -webkit-linear-gradient(top, #f1f1f1 0%, #eaeaea 100%);
		background: -o-linear-gradient(top, #f1f1f1 0%, #eaeaea 100%);
		background: -ms-linear-gradient(top, #f1f1f1 0%, #eaeaea 100%);
		background: linear-gradient(to bottom, #f1f1f1 0%, #eaeaea 100%);
		
		-moz-box-shadow: 0 1px 5px rgba(34, 34, 34, 0.5);
		z-index:2; position:fixed; top:0; }

#maincontentcontainer { margin-top:60px; }


#maincontent { display:table; }
#article { display:table-header-group; }
#side-panel { display:table-footer-group; float:none; background-color: transparent; width: auto; }
.search-icon,  #responsive-menu-button { padding-top: 25px; }
/* nav  */

#navcontainer { position:absolute; left:0; top:0; }
		nav { position:absolute; left:0; top:0; z-index:-1; width:100%; }
		
		nav ul { margin:0; padding:0; }
		nav a {  }
		nav a:hover { }
		nav li { float:none; display: block; text-align: center; position: relative;  background-color: #f2f2f2; border-right:none;}
		nav li a { color: #333333; padding: 10px 0 9px 15px; margin-top: 0px;  display: block; text-decoration: none; text-align:left; border-bottom: 1px solid #bbbbbb;  z-index: -1; }
		nav li a.active { border-top:none; color: #333333; background-color: #f2f2f2; border-bottom: 1px solid #bbbbbb; }
		nav li a:hover,nav li a:focus{ color: #0869BD; background-color: #e8e7e7; text-decoration:none; }
		#mainnav { list-style: none; margin: 0 auto; height: 100% !important; padding: 0px 1px; line-height: 22px;  }
		#subnav li a { padding-left:30px !important; }	
		#subnav {  clear:both; width:100%; position:relative; top:0px; line-height: 22px; height: auto; background: #ffffff; border-right: none; border-left: none; border-bottom: none; padding: 0px; }
			#subnav a { color: #333333; margin:0; padding:0; }
			#subnav li { border:none; padding: 0; margin-right: 0px; }
			#subnav li a { padding:12px 0 12px 30px; }
			#subnav li:first-child { margin-left:0px; }
			#subnav li .drop { background: none; padding:12px 0 12px 30px; }
				#subnav li .drop:hover {  background-color: #e8e7e7; }
			#subnav li .cart { background: none; padding:12px 0 12px 30px; }
				#subnav li .cart:hover { background-color: #e8e7e7; }
			#responsive-menu-button { position:relative; z-index:99; }
			
nav li { float:none; }
nav li a.active { border:none;  }

#subnav { border-top: 1px solid #bbbbbb; }
#subnav li .drop:hover, #subnav li .cart:hover { background-image:none; }		
nav li a.active { padding-top:10px; }	

.fixfixed { position: absolute !important; top:0 !important; } 

/* end nav */			


#search { position:absolute; top:50px; display:none;  border: 1px solid #b7c7e1; background-color:#fff; right:-1px; padding:10px; z-index:1; }

/* post */
.bodytextdiv blockquote { padding: 0 0 0 15px !important; }

.bodytextdiv img { max-width: 100%; height: auto; }
.bodytextdiv table { width:100%; }
/* comment section */
.replydiv .messagediv { margin-left:30px !important; }
.commentlinks, .rewardsbtn { float:none !important; width:auto !important; }
.commentlinks .mobile, .profiledetails .mobile { display: inline-block; }
.rewardsbtn { text-align:left !important; margin-top:10px; }
.badge img { width:30px !important; }

.sidebar-img { float: left; margin-right: 20px; }

.whytheseads { text-align: left; float: none; margin-bottom: 0px; margin-top:5px; }

/* modal */

/* profile side panel */

.last-signin { float:left; width:100px; overflow-wrap: break-word; }
.CommonUserList { margin-left: 110px; }

.profile-title td { position:relative; float:left; clear:both; width:100%; text-align:left; }
.profile-title td:first-child { padding-bottom:15px; }

.profile-sidepaneldiv { display: table-header-group !important;  width: 100%; float: none;} 
.profile-sidepanel { margin-bottom:20px; }
.profile-content { display: table-footer-group !important; float:none !important; width: 100%; }

/* post */
#ctl00_ctl00_ctl00_tr_tr_tr_divStoryImage { clear:left; text-align:center; }

/* footer subscription */
.subscribe-title { margin-left: 0; font-size: 14px; width: 42%; }
.subscribe-box { margin-right: 0 !important; width: 55%; position: relative; }
.subscribe-txtbox { width:50%; float:right; margin-right: 130px; }
.subscribe-box input[type="submit"] { margin-left: 20px; position: absolute; right: 0; }
.subscribe-load { position: absolute; right: 0; }


/* footer seals */
#footer-seal img  { max-width: 90%; height: auto; }
#footer-seal .fix-width { width: 75%; }

/* ipad portait */
@media only screen and (max-width: 900px) {

	#footer-seal .fix-width { width: 100%; }
	#footer-seal ul li { padding:0; }
}
/* iphone 5 landscape */

@media only screen and (max-width: 720px) {

	#footer-seal .fix-width { width: 97%; }
	#footer-seal ul li { padding:0 10px; }
}



/* iphone 5 landscape */

@media only screen and (max-width: 640px) {
	.notphone {  display:none; visibility:hidden;  }
	.current-btns button.action .label, .current-btns .button.action .label, span.label { display:none; }
	
}


/* Footer Subscription for Specific Articles only */
.article-footer-sub h3 { width:auto; padding:10px 30px; }
.article-footer-form { padding:15px 30px; }
.article-footer-form input[type=text] { width:50%; }
.article-footer-img { display:none; }