/* ===== Responsive Retrofit ===== */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* ===== Header ===== */

#cc_header {
	max-width: 950px;
	width: 100%;
}

#banner_ad {
	float: right;
}

#cc_info_message {
	max-width: 950px;
	width: 100%;
}

#nav_wrapper {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

#nav_inner_wrapper {
	background-color: #333;
}

#mobile_menu_close {
	display: none;
}

#nav {
	background-color: #000890;
}

#menu {
	display: table;
	width: 100%;
}

/* ===== Reset for responsive CSS menu ===== */

#menu #navbar {
	background: none;
	background-color: #000890;
	height: auto;
	width: auto;
	text-indent: 0;
}

#menu #navbar li {
	list-style-type: none;
	top: auto;
	height: auto;
}

#menu #navbar a {
	height: auto;
}

/* ===== New responsive menu ===== */

#menu #navbar,
#menu #navbar ul {
	display: table-row;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

#menu #navbar > li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding-left: 0;
}

#menu #navbar li a {
	display: block;
	color: #fff;
	font-size: .8em;
	text-decoration: none;
	padding: 11px 4px 11px;
	text-align: center;
	line-height: 1.39em;
	text-transform: uppercase;
	font-size: 1.3em;
/*	height: 24px;*/
}

/*#menu #navbar li a.menu_selected {
	text-decoration: underline;
}*/

/*#menu #navbar li a:link,
#menu #navbar li a:visited {
	background-color: #080690;
}*/

#menu #navbar li a:hover {
	background-color: #004fb0;
}

#menu #navbar li a:active {
	
}

#nav {
	height: 45px;
}

#nav2 {
	height: 30px;
	background-color: #004fb0;
}

#nav3 {
/*	height: 26px;*/
/*	overflow: hidden;*/
	background-color: #fff;
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 0;
	position: relative;
}

#nav3 > div:first-child {
	float: left;
}

#sub_nav {
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#sub_nav a i {
	display: none;
}

#sub_nav span {
	padding: 0 5px;
}

#mobile_search_link,
#mobile_menu_link,
.mobile_text {
	display: none;
}

#mobile_menu_link {
	text-align: left;
	background-color: #333333;
}

#black_friday {
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	text-align: center;
	font-family: Arial,sans-serif;
	font-size: .85em;
	padding: 10px 7px;
}

#black_friday a,
#black_friday span {
	margin: 0 9px;
	display: inline-block;
}

#black_friday a {
	margin-left: 0;
}

#black_friday span:last-child {
	margin-right: 0;
}

#black_friday a {
	text-decoration: underline;
	color: #fff;
}

/* ===== Testimonials ===== */

#cc_testimonial {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	border: none;
	background-color: #fff;
	padding: 0;
}

#cc_testimonial tr:last-child td {
	padding: 0 7px 13px;
}

/* ===== Footer ===== */

#cc_footer {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	border: none;
	background-color: #e6e6e6;
	padding: 0;
}

#cc_footer td {
	padding: 6px;
}

#cc_footer tr:first-child td:first-child {
	padding-left: 12px;
}

#cc_footer tr:first-child td:last-child {
	background-color: #333;
	padding-right: 12px;
}

#cc_footer tr:first-child td:last-child a:link,
#cc_footer tr:first-child td:last-child a:visited,
#cc_footer tr:first-child td:last-child a:hover,
#cc_footer tr:first-child td:last-child a:active {
	color: #fff;
}


#cc_footer tr:first-child td:nth-of-type(3) span {
	white-space: nowrap;
}

#cc_footer .Category {
	margin: 12px 0 0 0;
	display: block;
}

#cc_footer .LinksMenu {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#cc_footer .LinksMenu li {
	margin-bottom: 10px;
}

#mobile_search_box {
	position: absolute;
	display: none;
	left: 0;
/*	top: 0;*/
	z-index: 1;
	background-color: #000080;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
	padding: 15px;
}

#mobile_search_box > div {
	display: table;
	width: 100%;
}

#mobile_search_box input,
#mobile_search_box span {
	display: table-cell;
	height: 30px;
}

#mobile_search_box input {
	border: medium none;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 1.7em;
    padding: 4px;
    width: 100%;
}

#mobile_search_box span {
	background-color: #fff;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    text-align: right;
    width: 3.5em;
}

#mobile_search_box a {
	display: block;
	font-size: 1.7em;
	padding: 9px;
}

#mobile_search_box a:link,
#mobile_search_box a:visited,
#mobile_search_box a:hover,
#mobile_search_box a:visited {
	color: #000080;
}

/* ===== Media Queries ===== */

@media only screen and (min-width: 966px) {
	#mobile_search_box {
		display: none !important;
	}
}

@media only screen and (max-width: 965px) {
	body {
		padding-top: 0 !important; /* Hide any screen wrap. Any width less and it cut's off the ad */
	}
	
	#cc_header,
	#cc_header > tbody,
	#cc_header > tbody > tr,
	#cc_header > tbody > tr > td {
		display: block;
	}
	
	#cc_header {
		padding-bottom: 5px;
	}
	
	#banner_ad {
		display: none;
/*		float: none;*/
	}
/*	
	#banner_ad > div {
		margin: 0 auto;
		max-width: 728px;
	}

	#banner_ad > div > div {
		width: 100% !important;
		height: 0 !important;
		padding-bottom: 12.3626%; /* 728 x 90 banner dimensions: 90 / 728 = .123626 */
/*		overflow: hidden;
	}

	#banner_ad > div > div > iframe {
		width: 100%;
	}
*/
	#cc_header > tbody > tr > td {
		text-align: center;
	}
	
	#cc_header > tbody > tr > td > div:last-child {
		display: block;
	}

	#header_logo img {
		margin-left: 0 !important;
	}
	
	#header_facebook {
		padding-left: 0 !important;
	}

	#nav {
		height: auto;
	}

	#nav > table {
		max-width: 700px;
		margin: 0 auto;
	}

	#nav > table > tbody > tr > td:first-child {
		width: auto;
	}

	#nav > table > tbody > tr > td:last-child {
		display: none;
	}

	#nav2 {
		height: auto;
		line-height: 18px;
	}

	#nav3 {
		height: auto;
		padding: 0;
	}
	
	#nav3 > div:first-child {
		display: none;
	}
	
	#nav3 #sub_nav {
		width: 100%; /*auto;*/
		text-align: center;
		background-color: #e6e6e6;
	}
	
	#mobile_search_link {
		display: inline;
	}
	
	#sub_nav {
		margin-right: 0;
	}
	
	#sub_nav a {
		/*float: left;*/
		font-size: 1.1em;
		padding: 6px 0;
		color: #292929;
	}
	
	#sub_nav a:nth-of-type(1n+2) {
		display: block;
		/*width: 25%;*/
	}
	
	#sub_nav.logged_in a:nth-of-type(1n+2) {
		width: 20%;
	}
	
	#sub_nav a:hover {
		text-decoration: none;
	}
	
	#sub_nav a i {
		display: block;
		font-size: 1.6em;
		padding-bottom: 3px;
	}
	
	#sub_nav span {
		display: none;
	}
}

@media only screen and (max-width: 865px) {
	#cc_testimonial,
	#cc_testimonial tbody,
	#cc_testimonial tr,
	#cc_testimonial td {
		display: block;
	}
	
	#cc_testimonial tbody tr:last-child td:nth-of-type(1) {
		padding-bottom: 0;
	}
	
	#cc_testimonial tbody tr:last-child td:nth-of-type(1n+2) {
		display: inline-block;
	}
}

@media only screen and (max-width: 770px) {
	#banner_ad {
		display: none;
	}
}

@media only screen and (max-width: 700px) {
	#cc_footer,
	#cc_footer tbody,
	#cc_footer tr,
	#cc_footer td {
		display: block;
	}
	
	#cc_footer tr:first-child td {
		width: 45%;
	}
	
	#cc_footer tr:first-child td:nth-of-type(2n+1) {
		float: left;
	}
	
	#cc_footer tr:first-child td:nth-of-type(2n+2) {
		float: right;
	}
	
	#cc_footer tr:first-child td:nth-of-type(3) {
		clear: both;
	}
	
	#cc_footer tr:first-child td:last-child {
		float: none;
		clear: both;
		width: auto;
	}
	
	#cc_footer .LinksMenu,
	#cc_footer .Info,
	#cc_footer .PhoneNumber {
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	#nav_inner_wrapper,
	.non_mobile_text {
		display: none;
	}
	
	.mobile_text {
		display: inline;
	}
	
	#sub_nav {
		display: table;
		width: 100%;
	}
	
	#sub_nav a:nth-of-type(1n+1) {
		/*width: 20%;*/
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	
	#sub_nav a:nth-of-type(1) {
		padding-left: 20px;
		padding-right: 20px;
		color: #fff;
		width: 1.9em;
	}
	
	#mobile_menu_link {
		display: block;
	}
	
	#mobile_menu_close {
		color: #fff;
		font-size: 1.5em;
		padding: 11px 18px 14px;
		position: absolute;
		display: block;
		z-index: 5;
		background-color: #333;
	}
	
	#nav,
	#nav2 {
		padding-left: 54px;
	}
	
	#nav > table,
	#nav > table > tbody,
	#nav > table > tbody > tr,
	#nav > table > tbody > tr > td,
	#menu,
	#menu #navbar,
	#menu #navbar > li {
		display: block;	
	}
	
	#menu #navbar li a {
		display: block;
		padding: 1px 10px;
		text-align: left;
	}
	
	#menu #navbar li a:hover {
		background-color: #080690;
	}
	
	#nav2 #deal_bar {
		text-align: left;
		padding: 0;
	}
	
	#nav2 #deal_bar a {
		display: block;
		font-size: 1.2em;
		margin: 0;
		padding: 3px 10px;
	}
	
	#menu #navbar li:first-child a,
	#nav2 #deal_bar a:first-child {
		padding-top: 7px;
	}
	
	#menu #navbar li:last-child a,
	#nav2 #deal_bar a:last-child {
		padding-bottom: 7px;
	}
	
	#nav2 #deal_bar a::after {
		content: none;
	}
	
	#nav_inner_wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10;
	}
}

@media only screen and (max-width: 485px) {
	#cc_testimonial tbody tr:last-child td:nth-of-type(1) {
		padding-bottom: 10px;	
	}
	
	#cc_footer tr:first-child td:nth-of-type(1n) {
		float: none;
		width: auto;
	}
}