
/*************************************************************************************/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) MAX WIDTH = 959px */
/*************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {
		font: normal normal;
		font-size: small;
		font-family: 'Titillium web', sans-serif;
	}

	.L3 {
		display: block;
		clear: both;
	}
	.conditional {
		display: block;
		clear: both;
	}
	.conditional1 {
		display: none;
	}
	.conditiona3 {
		display: block;
		clear: both;
	}

	#content {
		width: 460px;
		/* border: 1px solid green; */
	}

	#content-inside {
		width: 460px;
	}

	#divLogo {
		float: left;
		width: 400px;
	}
		#imgLogo {
			position: relative;
			width:120px;
			float: left;
			padding: 0 20px;
		}

	#header {
		width: 460px;
		height: 50px;
	}

	#spnHeader {
		width: 440px;
		font-size: 13.5pt;
		color: #036646;
		position: absolute; bottom: 0; left: 0;
		text-align: center;
	}


	#main_page {
		width: auto;
		padding-left: 15px;
	}
		#FFAK_text {
			font-size: medium;
		}

	#spnGiftCode {
		display: block;
	}

	#cust_id-label {
		float: left;
		text-align: right;
		font-size: small;
		width: 95px;
	}
	#cust_id {
		width: 100px;
	}
	#cust_id-note {
		font-size: 10pt;
		font-style:italic;
	}

	#firstname-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#firstname {
	  float: left;
	  width: 300px;
	}

	#middlename-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#middlename {
	  float: left;
	  width: 20px;
	}
	#lastname-label {
	  float: left;
	  text-align: right;
		width: 95px;
	}
	#lastname {
	  float: left;
	  width: 300px;
	}

	#address-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#address {
	  float: left;
	  width: 300px;
	}

	#city-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#city {
	  float: left;
	  width: 300px;
	}
	#state-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#state {
	  float: left;
	  width: 60px;
	}
	#zipcode-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#zipcode {
	  float: left;
	  width: 100px;
	}

	#phone-label {
		float:left; 
		margin-left: -10px;
		width: 105px;
		text-align: right;
	}
	#phone {
		float:left; 
		width: 80px;
	}
	#ephone-label {
		float:left; 
		margin-left: 10px;
		width: 105px;
		text-align: right;
	}
	#ephone {
		float:left; 
		width: 80px;
	}

	#email-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#email {
		float:left; 
		width: 300px;
	}


	#dob-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#dob-mm {
		float:left; 
		width: 62px;
		margin-left: 1px;
	}
	#dob-dd {
		float:left; 
		width: 52px;
		margin-left: 5px;
	}
	#dob-yyyy {
		float:left; 
		width: 68px;
		margin-left: 5px;
	}

	#gender-label {
		float:left; 
		padding-left: 28px;
		width: 70px;
		text-align: right;
	}
		#gender_female {
			height: 15px;
			top: 3px;
		}
		#gender-female-label {
			height: 10px;
			top: 5px;
		}
		#gender_male {
			height: 15px;
			top: 3px;
		}
		#gender-male-label {
			height: 10px;
			top: 5px;
		}

	#imgLady {
		display: none;
	}

	#kidsinfo {
	}
	#spn5AndUnder {
		margin-left: 2px;
	}
	#q_06_1 {
		width: 35px;
		margin-right: 22px;
	}
	#q_06_2 {
		width: 35px;
		margin-right: 22px;
	}
	#q_06_3 {
		width: 35px;
	}


	#divPCP {
	}	
		#pcp-label {
			font-size: small;
			font-weight: bold;
			color: #0f4e80;
		}
		#pcp-yes {
			vertical-align: middle;
		}
		#pcp-yes-label {
		}
	
		#pcp-no {
			vertical-align: middle;
		}
		#pcp-no-label {
		}

	#no_pcp {
		margin-left: 10px;
	}

	#chkEmailSubscription {
		display: none;
	}
	#subscription_box {
	}

	#email_required {
		font-size: 10pt;
		font-style: italic;
	}
	
	#FreeInfo {
		font-size: small;
		font-weight: bold;
		color: #0f4e80;
	}
	#free-info-area {
		/*border: 1px dashed blue;*/
		float:left;
		width: 460px;
	}
		#FreeInfoText {
			font-weight: bold;
			font-size: 12pt;
		}
		.FreeInfoItem {
			float: left;
			width: 50%;
			color: black;
			font-size: 9pt;
			padding-bottom: 5px;
		}
		.FreeInfoItem label {
			font-size: small;
			color: rgb(111, 117, 121);
		}

	#referral-area {
		width: 460px;
		padding-top: 5px;
	}
		.checkbox {
			float:left;
		}
		.ReferralItemLabel {
			width: 90%;
			display: block;
			float: left;
		}

		#ReferralText {
			font-weight: bold;
			font-size: small;
			color: #0f4e80;
		}

		.ReferralItem {
			float: left;
			width: 50%;
		}
		#ref_other_text {
			width: 100px;
			height: 13px;
		}

		.referral-label {
			top: -2px;
		}
	
		#BestTime-label {
			font-size: small;
			font-weight: bold;
			color: #0f4e80;
			left: -3px;
		}
		#BestTime-label_2 {
			font-size: small;
			left: -3px;
		}

		#q_08_1 {
			height: 17px;
		}

	#q_162 {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
		#spnQ_162_label	{
			width: 400px;
		}
	#q_163 {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
		#spnQ_163_label	{
			width: 400px;
		}

	#divPrivacy{
		float: left;
		width: 300px;
		font-style: italic;
		font-size: 9pt;
	}

	#divFooter {
		width: 460px;
		background-color: #036646;
		text-align: center;
		height: 1em;
	}
		#imgFooter {
			margin: auto;
			height: 3em;
		}
}
