/** All Views **/
@media only screen and (min-width: 1px){
		body {
			font-family: sans-serif;
			color: #555555;
			font-size: 14px;
			background-color: #204282;
		}
		#toppagebg {
			background-color: #204282;
			width: 100%;
			border-bottom: 2px solid #D4262F;
			color: #FFFFFF;
		}
		#toppage {
			margin-left: auto;
			margin-right: auto;
			max-width: 950px;
			padding: 10px;
		}
		#middlepagebg {
			background-color: #FFFFFF;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		#middlepage {
			margin-left: auto;
			margin-right: auto;
			max-width: 950px;
		}
		footer {
			margin-left: auto;
			margin-right: auto;
			max-width: 950px;
			padding-top: 10px;
			background-color: #204282;
			width: 100%;
			border-top: 2px solid #D4262F;
			color: #FFFFFF;
		}

		header {
			width: 100%;
			clear: both;
		}
			#logo {
				font-size: 3em;
				float: left;
				width: 50%;
			}
			#logo img { float: left; max-width: 90px; }
			#headerMenu {
				float: right;
				font-size: 0.9em;
			}
			#headerMenu a {
				text-decoration: none;
				color: #555555;
			}
			#headerMenu a:hover {
				text-decoration: underline;
			}
			#headerWidget {
				float: right;
				clear: right;
				margin-top: 10px;
				text-align: right;
				font-size: 3em;
			}
				#headerWidget a {
					color: #FFFFFF;
					text-decoration: none;
				}
			#headerTitle {
				text-align: center;
				width: 100%;
				clear: both;
				font-size: 2em;
				color: #FFFFFF;
			}
			#headerInfo {
				text-align: center;
				width: 100%;
				font-size: 1.5em;
				color: #FFFFFF;
				clear: both;
				text-shadow: 1px 2px 5px #888888;
			}

		#banner {
			padding: 1% 0;
			text-align: center;
		}
		#banner img {
			width: 100%;
		}
		.leftbox {
			width: 20%;
			border: 1px #c2c2c2 solid;
			float: left;
			list-style: none;
			padding: 1%;
			margin: 1%;
		}
		.boximg { width: 100%;}
		#coupon10 img, #coupon10 span {
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:50%;
	box-shadow: 5px 5px 5px #999999;
	border:1px solid #000000;
	float: left;
	

}
.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.CSSTableGenerator tr:nth-child(odd) { background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; }
.CSSTableGenerator td {
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:0.8em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td {
	background:-o-linear-gradient(bottom, #00aed1 5%, #008abc 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00aed1), color-stop(1, #008abc) );
	background:-moz-linear-gradient( center top, #00aed1 5%, #008abc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aed1", endColorstr="#008abc");
	background: -o-linear-gradient(top,#00aed1,008abc);
	background-color:#00aed1;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #00aed1 5%, #008abc 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00aed1), color-stop(1, #008abc) );
	background:-moz-linear-gradient( center top, #00aed1 5%, #008abc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aed1", endColorstr="#008abc");
	background: -o-linear-gradient(top,#00aed1,008abc);
	background-color:#00aed1;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
			.button {
				text-decoration: none;
				text-align: center;
				padding: 10px;
				font-size: 18px;
				background: #7690c3;
				display: block;
				color: #FFFFFF;
				clear: both;
			}
			.button:hover {
				background: #74A599;
				text-decoration: underline
			}
			.button:active {
				background: #3db37d;
			}
		.img33 {
			width: 33%;
			margin-left: 10px;
			margin-right: 10px;
			float: right;
			/* top-left corner */
			border-top-right-radius: 40px;
			-moz-border-radius-topright: 40px;
			-webkit-border-top-right-radius: 40px;
			/* bottom-right corner */
			border-bottom-left-radius: 40px;
			-moz-border-radius-bottomleft: 40px;
			-webkit-border-bottom-left-radius: 40px;
		}
		.img10p {
			width: 80%;
			margin-left: 20px;
			float: left;
		}
		p {
			text-align: justify;
		}
		.text123 { 
		/**	border: 1px #c2c2c2 solid; **/
			padding: 20px 20px;
			margin-top: 20px;
			margin-bottom: 5px;
			clear: both;
			overflow:auto;
		}
		.check_list img {
			float:left; padding-right: 10px;
		}
		.usa123 { 
			float: left;
			border: 1px #c2c2c2 solid;
			padding: 20px 20px;
			margin: 20px 20px;
		}
		.usa123 ul {
			margin-left: 0px;
			list-style-type: square;
			padding-left: 10px;
		}
		ul {
			list-style-image:url('../images/icons/tick.png');
		}
		.services {
			list-style-image:url('../images/icons/check.png');
		}
		.servicesList {
			float: left;
		}
		th {
			border: 1px solid;
		}
		#pricetable table td {
			border-top: 1px #efefef solid;
		}
		.schemalogo { float: left; max-width: 100px; }
		footer {
			width: 100%;
			clear: both;
			text-align: center;
		}
		footer p {
			text-align: center; 
		}
		footer p a {
			color: #FFFFFF;
		}
		footer img {
			display: block;
			clear: both;
			width: 250px;
		}
		#footerMenu {
			font-size: 0.9em;
			text-align: center
		}
		#footerMenu a {
			text-decoration: none;
			color: #FFFFFF;
		}
		#footerMenu a:hover {
			text-decoration: underline;
		}
		.mobileview {
			display: none;
		}
		
}
@media only screen and (min-width: 481px) {
#phone_footer { display: none; }
}
@media only screen and (max-width: 950px) {
		.boximg { width: 100%;}
		.boxlist { float: left; }
	}
@media only screen and (max-width: 950px) {
		#logo {
			text-align: center;
			width: 100%;
		}
		#headerWidget {
			float: center;
			text-align: center;
		}
	}
@media only screen and (max-width: 480px){
		.desktopview {
			display: none;
		}
		.mobileview {
			display: block;
		}
		#toppage {
			margin-left: 0;
			margin-right: 0;
			padding: 0px;
		}
		#logo {
			font-size: 2.5em;
			text-align: center;
			width: 100%;
		}
		#headerWidget {
			float: center;
			margin-top: 10px;
			text-align: center;
			font-size: 2.5em;
		}
		.leftbox {
			width: 100%;
			border: 1px #c2c2c2 solid;
			float: left;
			list-style: none;
			padding: 0;
			margin: 0 0 2% 0;
		}
		h3{ padding-left: 1em; }

		.CSSTableGenerator {
			width:100%;
			box-shadow: 0;
		}
		
		.img33 {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			float: left;
		}
		html {
			position: relative;
			min-height: 100%;
		}
		body {
			margin: 0 0 50px; /* bottom = footer height */
		}
		#phone_footer {
			left:0;
			position: fixed;
			text-align:center;
			bottom: 0px;
			width: 100%;
			background: #2db1dc;
			font-size:1.5em;
			line-height: 1.5em;
			padding-bottom: 5px;
		}

		#phone_footer img { vertical-align: middle; }
		#phone_footer a { color: #FFF; text-decoration: none; }
		
		#f_name:focus ~ #phone_footer { display: none; }
		#f_phone:focus ~ #phone_footer { display: none; }
		#f_email:focus ~ #phone_footer { display: none; }
		#f_address:focus ~ #phone_footer { display: none; }
		#f_message:focus ~ #phone_footer { display: none; }
}