/* Responsive Design Next Step Pages (Non-homepage) */

/* Overrides on previous design */

.searchinput {
	height:auto;
}
.center
{
	width:auto;
}
#sidebar
{
	margin: 30px 0 0 0px;
}
.searchsubmit 
{
    height: 37px !important;
	width: 27px !important;
	background: url(../images/searchsubmit.png) left center no-repeat !important;
	float: left !important;
	border: none !important;
	cursor: pointer !important;
}
.searchinput
{
    background: url("../images/searchinput.png") no-repeat scroll left center transparent !important;
    border: medium none !important;
    color: #CACACA !important;
    float: left !important;
    height: 17px !important;
    padding: 10px !important;
    width: 109px !important;
}

/* New changes */

/* Header stuff */
#tablet-header-top
{
	padding:20px 0px 0px 0px;
	min-width:100%;
	height:100px;
	position:relative;
	background-color:#ffffff;
}
#header-content
{
	max-width:1024px;
	margin:0 auto;
}
#header-logo
{
	float:left;
	padding-top:0.5em;
	
}
#header-logo a
{
	text-decoration:none;
	display:block;
	border:none;
}
#header-right
{
	float:right;
	text-align:right;
	margin-right:20px;
}
.header-cta1
{
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin:0;
}
.header-cta2
{
	font-size: 15px;
	color: #333;
	margin:0;
}
.header-cta3
{
	font-size: 36px;
	font-weight: bold;
	color: #419de7;
	margin:4px;
}
#tablet-header-bottom
{
	min-width:100%;
	position:relative;
}
#header-bottom-content
{
	max-width:1024px;
	margin:0 auto;
	position:relative;
	background-color:#edece6;
	overflow:hidden;
}
#header-nav
{
	min-width:52%;
	float:left;
	margin-right:80px;
}
#header-nav .header-link:first-child a
{
	margin-left:-15px;
}
#header-nav .header-link:last-child
{
	border:none;
}
#header-nav .header-link
{
	float:left;
	border-right:dotted 1px #ababab;
	height:45px;
	padding-top:29px;
}
#header-nav .header-link:hover
{
	background-color:#c0ccff;
}
#header-nav .header-link a
{
	font-size: 18px;
	color: #333;
	text-decoration:none;
	margin-top:29px;
	padding:29px 15px;
}
.deskhide
{
	display:none;
	visibility:hidden;
}
#header-search
{
	background-color:#2b6ca0;
	float:right;
	height:74px;
	position:absolute;
	width:80px;
	top:0px;
	right:0;
}
.search-dropdown
{
	font-size: 13px;
	font-weight: 500;
	color: #f1bf08;
	padding:22px 0px 0px 10px;
	overflow:hidden;
	clear:both;
	z-index:300;
	overflow:visible;
}
.search-dropdown p
{
	float:left;
	margin:6px 10px 0 0;
	font-weight:bold;
}
.dropdown
{
	float:left;
	z-index:500;
	font-size:13px;
	font-weight:normal;
	color: #333;
}
.dropdown:hover
{
	cursor:pointer;
	cursor:hand;
}
.dropdown ul
{
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	z-index:5000;
}
li.topmenu
{
	float:left;
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	z-index:5000;
}
.topmenu a
{
	float:left;
	font-size: 13px;
	color: #333;
}
.topmenu ul
{
	display:none;
}
.topmenu p
{
	border-collapse:collapse;
	font-weight:normal;
	padding:0px;
	text-decoration:none;
	border:none;
	width: 63px;
	height:63px;
	overflow: hidden;
	background: url("/wp-content/themes/crccorp/images/rtablet/icon-search.png") no-repeat;
	text-indent:-99999px;
	float:left;
	margin:-15px 0 0 0;
}
.topmenu a
{
	padding:5px;
	text-decoration:none;
	border-collapse:collapse;
	width: 193px;
	overflow: hidden;
	background: url("/wp-content/themes/crccorp/images/rdesktop/icon-search-arrow.png") no-repeat 97% center #fff;
	border: 1px solid #ccc;
}
.submenu a
{
	padding:8px;
	font-size:16px;
	width:184px;
	position:relative;
	clear:both; /* special IE6 */
	background:none;
	background-color:#ffffff;
	z-index:3000;
	margin-left:-142px;
}
.dropdown a:hover, .topmenu.on a
{
	background-color:#c0ccff !important;
}
/* End Header Stuff */
.btn-Research-Therapy-Options a
{
	width:100%;
	height:100%;
	display:block;
}
.btn-Research-Treatment-Options a
{
	width:100%;
	height:100%;
	display:block;
}

.btn-Research-Treatment-Centers a
{
	width:100%;
	height:100%;
	display:block;
}
.section
{
	margin-bottom:20px;
}
.section h2
{
	font-size: 24px;	
	color: #14477d !important;
	text-decoration:underline;
}
.sectionlinks a
{
	font-family: Arial;
	font-size: 12px;	
	color: #14477d !important;
	line-height: 30px;
	text-decoration:underline;
	white-space: nowrap;
}
#tablet-header-top
{
	display:none;
	visibility:hidden;
}
#tablet-header-bottom
{
	display:none;
	visibility:hidden;
}
#footer-tablet
{
	display:none;
	visibility:hidden;
}
#mobile-header
{
	display:none;
	visibility:hidden;
}
.mobile-sidebar
{
	display:none;
	visibility:hidden;
}
.mobile-sidebar-quotes
{
	display:none;
	visibility:hidden;
}
	
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 640px) and (max-width: 959px) 
{
	#uberholdme
	{
		display:none;
		visibility:hidden;
	}
	#topwrapper
	{
		display:none;
		visibility:hidden;
	}
	#header
	{
		display:none;
		visibility:hidden;
	}
	#tablet-header-top
	{
		display:block;
		visibility:visible;
	}
	#tablet-header-bottom
	{
		display:block;
		visibility:visible;
	}
	#bottomwrapper
	{
		display:none;
		visibility:hidden;
	}
	#footer
	{
		display:none;
		visibility:hidden;
	}
	#footer-tablet
	{
		display:block;
		visibility:visible;
	}
	#wrapper
	{
		margin: 0px auto 20px;
		width:auto;
		max-width:960px;
	}
	#topwrapper
	{
		width:auto;
		max-width:960px;
	}
	#mainwrapper
	{
		width:auto;
		max-width:960px;
		background:#fff;
	}
	#page-heading
	{
		width:100%;
	}
	#page-heading img
	{
		max-width:100%;
		height:182px;
	}
	
	
	/* Content Stuff */
	
	.maincontent
	{
		max-width:600px;
		width:60%;
	}
	#header-nav .header-link a
	{
		font-size:14px;
	}
	
	/* End Content Stuff */
	
	/* Footer Stuff */
	
	#footer
	{
		min-width:100%;
		background-color:#edece6;
		height:250px;
	}
	#footer-content
	{
		max-width:1024px;
		margin:0 auto;
	}
	.footer-top
	{
		overflow:auto;
		padding:20px 30px;
		height:100%;
		
		position:relative;
		min-width:50%;
	}
	.cmo-message
	{
		font-family: Arial;
		font-size: 11px;
		width: 40%;
		height:145px;
		float:left;
		visibility:hidden;
		overflow:hidden;
	}
	#footer-tablet .footerlinks
	{
		min-width:280px;
	}
	.footer-seals
	{
		padding-top:35px;
		overflow:hidden;
	}
	.footer-goldseal
	{
		text-decoration:none;
		display:block;
		border:none;
		float:left;
		margin: 0px 10px 0 0;
		width:15%;
		height:74px;
	}
	.footer-crcseal
	{
		text-decoration:none;
		display:block;
		border:none;
		width:15%;
		height:73px;
		float:left;
		margin: 0px 10px 0 0;
	}
	.footer-carfseal
	{
		text-decoration:none;
		display:block;
		border:none;
		width:50%;
		height:65px;
		float:left;
		margin: 5px 0px 0px 0px;
	}
	.footer-bottom
	{
		font-family: Arial;
		font-size: 11px;
		line-height: 14px;
		padding:20px 30px;
		min-width:50%;
		border-top:1px dotted #ababab;
		overflow:visible;
		margin-top:0;
	}
	.footer-bottom a
	{
		color: #2b6ca0;
		text-decoration:none;
	}
	.footer-links
	{
		font-size: 16px;
		line-height: 30px;
		min-width:50%;
		margin-top:-80px;
		padding-top:0;
		position:absolute;
		top:125px;
		left:30px;
		
	}
	.footer-links div
	{
		float:left;
		margin-right:20px;
	}
	.footer-links div:last-child
	{
		margin-right:0;
	}
	.footer-links a
	{
		font-size: 11px;
		line-height: 14px;
		color: #2b6ca0;
		text-decoration:none;
	}
	.footer-copyright
	{
		width:100%;
	}
	.copyright1
	{
		color: #14436f;
		margin:0;
		display:inline;
		text-align:center;
		word-wrap:break-word;
		
	}
	.copyright2
	{
		display:block;
		bottom:0%;
		left:0;
		position:absolute;
		left:50%;
		margin-left:-120px;
	}
	.copyright3
	{
		color: #14436f;
		margin:0;
		display:inline;
		text-align:center;
		word-wrap:break-word;
	}
	.footer-copyright p
	{
		text-align:center;
		font-family: Arial;
		font-size: 12px;
		line-height: 16px;
		color: #14436f;
		margin-bottom:-6px;
	}
	
	/* End Footer Stuff */

}

/* Tablet corrections for very small sizes */
@media only screen and (min-width: 640px) and (max-width: 685px)
{
	.maincontent
	{
		width:100%;
	}
	#sidebar
	{
		width:100%;
		margin:0 auto;
	}
	.sidebar
	{
		width:100%;
	}
	.footer-seals
	{
	}	
	#header-nav .header-link a
	{
		font-size:13px;
	}
}

/* Mobile Version */
@media only screen and (max-width: 640px)
{
	#uberholdme
	{
		display:none;
		visibility:hidden;
	}
	#topwrapper
	{
		display:none;
		visibility:hidden;
	}
	#header
	{
		display:none;
		visibility:hidden;
	}
	#page-heading
	{
		display:none;
		visibility:hidden;
	}
	#mobile-header
	{
		display:block;
		visibility:visible;
	}
	#wrapper
	{
		margin: 0px auto 20px;
		width:auto;
		max-width:640px;
	}
	#topwrapper
	{
		width:auto;
		max-width:640px;
	}
	#mainwrapper
	{
		width:auto;
		max-width:640px;
		background:#fff;
	}
	.maincontent
	{
		max-width:640px;
		width:100%;
	}
	#bottomwrapper
	{
		display:none;
		visibility:hidden;
	}
	.treatmentbox-main
	{
		display:none !important;
		visibility:hidden !important;
	}
	#footer
	{
		display:none;
		visibility:hidden;
	}
	#footer-tablet
	{
		display:block;
		visibility:visible;
	}
	.cmo-message
	{
		display:none;
		visibility:hidden;
	}
	.footer-links
	{
		display:none;
		visibility:hidden;
	}
	.footer-seals
	{
		margin:20px auto;
		overflow:hidden;
		padding:0 20px;
	}
	.footer-goldseal
	{
		width:15%;
		max-width:80px;
		float:right;
		display:block;
		margin:0 10px;
	}
	.footer-crcseal
	{
		width:15%;
		max-width:80px;
		float:right;
		display:block;
		margin:0 10px;
	}
	.footer-carfseal
	{
		width:48%;
		max-width:260px;
		float:left;
		display:block;
		padding-top:2%;
		margin:0 10px;
	}
	#header-logo
	{
		float:left;
		padding:30px 10px 20px 10px;
		width:20%;
		max-width:146px;
	}
	#header-logo a
	{
		text-decoration:none;
		display:block;
		border:none;
	}
	.mobile-header-content
	{
		background-color: #edece6;
		width:100%;
	}
	#mobile-header-right
	{
		padding:5px 0 0 10px;
		float:left;
		width:51%;
		display:block;
		height:95px;
		border-left: dotted 1px #ababab;
	}
	#mobile-header-cta1
	{
		font-family: Lato;
		font-weight: bold;
		color: #333;
		display:block;
		width:100%;
		text-align:right;
		font-size:12px;
	}
	#mobile-header-cta2
	{
		font-family: Lato;
		color: #333;
		display:block;
		width:100%;
		text-align:right;
		font-size:13px;
	}
	#mobile-header-cta3
	{
		font-family: Lato;
		font-weight: bold;
		color: #419de7;
		display:block;
		width:100%;
		text-align:right;
		font-size:24px;
		margin:auto;
	}
	#header-search
	{
		height:100px;
		padding: 0;
	}
	.search-dropdown
	{
		padding: 36px 0 0 10px;
	}
	.footer-copyright
	{
		width:100%;
	}
	.footer-copyright-content
	{
		min-height:64px;
	}
	.copyright1
	{
		color: #14436f;
		margin:0;
		display:inline;
		text-align:center;
		word-wrap:break-word;
		
	}
	.copyright1 p
	{
		padding:0 10px;
	}
	.copyright2 a
	{
		display:block;
		bottom:0%;
		left:0;
		position:absolute;
		left:50%;
		margin-left:-120px;
		font-size: 12px;
		color: #2b6ca0;
	}
	.footer-copyright p
	{
		text-align:center;
		font-family: Arial;
		font-size: 12px;
		line-height: 16px;
		color: #14436f;
		margin-bottom:-6px;
	}
	#sidebar
	{
		width:100%;
	}
	.sidebar
	{
		width:100%;
		float:none;
	}
	.sidebar-mainimage
	{
		width:100%;
		max-width:250px;
		display:block;
		margin:0 auto;
	}
	.sidebar
	{
		display:none;
		visibility:hidden;
	}
	.mobile-sidebar
	{
		display:block;
		visibility:visible;
	}
	.mobile-sidebar-quotes
	{
		display:block;
		visibility:visible;
		margin-bottom:50px;
		overflow:hidden;
	}
	.btn-Find-a-Facility
	{
		max-width: 100%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: #2b6ca0;
		height:60px;
		position:relative;
	}
	.btn-Find-a-Facility a
	{
		width:100%;
		height:100%;
		display:block;
		color:#fff;
		position:relative;
	}
	.btn-Find-a-Facility span
	{
		position:absolute;
		top:50%;
		margin-top:-10px;
		left:50%;
		margin-left:-52px;
		font-family: Lato;
		font-size:18px;
	}
	.mobile-sidebar p
	{
		font-family: Lato;
		font-size: 16px;
		color: #2b6ca0;
	}
	.mobile-sidebar .blue
	{
		margin:0 auto;
		padding:20px;
		text-align:center;
	}
	.mobile-sidebar-quotes .carf-badge
	{
		max-width:120px;
		width:40%;
		float:left;
		margin:2% 5%;
	}
	.mobile-sidebar-quotes .carf-seal
	{
		max-width:90px;
		width:40%;
		float:right;
		margin:0 5%;
	}
	.calloutstep-content 
	{
		max-width:75%;
	}
	.find-facility.calloutbox-main h1
	{
		line-height:24px;
	}
	.calloutbox-main h2
	{
		line-height:18px;
	}
	.mobile-treatmentbox-dropdown
	{
		margin:20px 0;
	}
	.mobile-treatmentbox-dropdown .findtreatment-button
	{
		width: 100%;
		background-color: #62a9de;
		position: relative;
	}
	.mobile-treatmentbox-dropdown .findtreatment-button p
	{
	    background: url("/wp-content/themes/crccorp/images/rmobile/nav-arrow-down.png") no-repeat scroll 93% center;
		background-size:46px 24px;
		color: #2b6ca0;
		font-size: 25px;
		font-weight: bold;
		width:100%;
		height:100%;
		text-align:center;
		margin:0 auto;
		padding:17px 0;
		display: block;
		text-align: left;
		text-decoration:none;
		text-indent:36px;
	}
	#header-bottom-content
	{
		background-color: #fff;
	}
	#header-nav
	{
		background-color: #EDECE6;
		display: block;
		margin-top: 5px;
		width:100%;
	}
	#header-nav .header-link a
	{
		font-size:12px;
		margin:0;
		padding:20px 0 0 0;
		text-align:center;
		display:block;
		width:100%;
		height:100%;
	}
	#header-nav .header-link
	{
		width:24%;
		padding-top:0;
		height:55px;
		position:relative;
	}
	#header-nav .header-link:first-child a
	{
		margin-left: 0px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) 
{
	#wrapper
	{
		margin: 0px auto 20px;
		width:auto;
		min-width:320px;
	}
	#topwrapper
	{
		width:auto;
		min-width:320px;
	}
	#mainwrapper
	{
		width:auto;
		min-width:320px;
		background:#fff;
	}
	#mobile-header #header-search
	{
		width:70px;
		height:90px;
	}
	#mobile-header #search-dropdown
	{
		padding:0;
	}
	#mobile-header div#header-search div.search-dropdown div.dropdown ul li.topmenu p
	{
		max-height:100%;
		max-width:100%;
		width:50px;
		background-size:contain;
	}
	#mobile-header-right
	{
		width:55%;
		padding-top:15px;
		height:75px;
		border-left: dotted 1px #ababab;
	}
	#mobile-header-right p
	{
		
		margin:0;
	}
	.gethelp-button a, .infobox-findfacility a, .findtreatment-button p
	{
		font-size:16px !important;
	}
	.findtreatment-button p
	{
		text-indent:16px !important;
	}
}
/* Fixes for very small mobile sizes */
@media only screen and (max-width: 320px) 
{
	#mobile-header-right
	{
		max-width: 50%;
		padding:8px 0;
		margin:0;
		border-left: dotted 1px #ababab;
	}
	#mobile-header-cta1
	{
		font-family: Lato;
		font-weight: bold;
		color: #333;
		display:block;
		width:100%;
		text-align:right;
		font-size:12px;
		line-height:12px;
	}
	#mobile-header-cta2
	{
		font-family: Lato;
		color: #333;
		display:block;
		width:100%;
		text-align:right;
		font-size:12px;
		line-height:12px;
	}
	#mobile-header-cta3
	{
		font-family: Lato;
		font-weight: bold;
		color: #419de7;
		display:block;
		width:100%;
		text-align:right;
		font-size:20px;
		margin:auto;
		line-height:16px;
	}
	.btn-Find-a-Treatment-Center
	{
		margin-top:20px;
	}
	.findtreatment-button p
	{
		text-indent:6px !important;
	}
	#header-nav .header-link a
	{
		padding-top:10px;
	}
}