@charset "UTF-8";
/* CSS Document */

/* --- RESET --- */

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

body {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#000000;
}

img {
	border:0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom:7px;
}

.clear_float {
	clear:both;
	float:none;
}

/* --- FONTS --- */

@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('../fonts/champagne__limousines_bold-webfont.eot');
    src: url('../fonts/champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champagne__limousines_bold-webfont.woff') format('woff'),
         url('../fonts/champagne__limousines_bold-webfont.ttf') format('truetype'),
         url('../fonts/champagne__limousines_bold-webfont.svg#champagne__limousinesbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('../fonts/champagne__limousines-webfont.eot');
    src: url('../fonts/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champagne__limousines-webfont.woff') format('woff'),
         url('../fonts/champagne__limousines-webfont.ttf') format('truetype'),
         url('../fonts/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blackjackregular';
    src: url('../fonts/black_jack-webfont.eot');
    src: url('../fonts/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/black_jack-webfont.woff') format('woff'),
         url('../fonts/black_jack-webfont.ttf') format('truetype'),
         url('../fonts/black_jack-webfont.svg#blackjackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- MAIN STRUCTURE --- */

h1 {
	font-family: 'champagne__limousinesbold';
	font-weight:normal;
	font-size:3.2em;
	line-height:1em;
	color:red;
}

h1 a {
	color:inherit;
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
}

h2 {
	font-family: 'champagne__limousinesregular';
	font-weight:normal;
	font-size:1.9em;
	color:red;
}

h2 a {
	color:red;
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#header_logo {
	width:400px;
	height:auto;
	display:block;
	margin:-40px auto -5px auto;
}

#remote_support {
	display:block;
	width:150px;
	height:auto;
	position:absolute;
	right:27px;
	top:154px;
}

#remote_support:hover {
	opacity:0.7;
}

#social_links_wrapper {
	width:155px;
	height:30px;
	position:absolute;
	right:25px;
	top:230px;
}

#click_text {
	width:155px;
	position:absolute;
	right:25px;
	top:265px;
	font-size:0.48em;
	text-align:center;
	color:#FFFFFF;
}

.social_links {
	height:100%;
	width:auto;
	margin:0 4px;
	float:left;
}

.social_links:hover {
	opacity:0.7;
}

#brand_logos_wrapper_1 {
	width:155px;
	height:auto;
	position:absolute;
	left:25px;
	top:233px;
}

.brand_logos_1 {
	width:43px;
	height:auto;
	margin:0 4px;
	float:left;
}

#brand_logos_wrapper_2 {
	display:none;
}

#main_content {
	width:1000px;
	background-color:#FFFFFF;
	border-radius:50px;
	overflow:hidden;
	position:relative;
}

#slogan {
	width:900px;
	margin:15px auto;
	font-family: 'blackjackregular';
	font-weight:normal;
	font-size:2.6em;
	text-align:center;
	color:#FFEA00;
	text-shadow:1px 1px 3px #2A2A2A;
}

#footer {
	width:980px;
	margin:12px auto;
	padding:30px 10px;
	background-color:#FFEA00;
	border-radius:20px;
	font-family: 'champagne__limousinesregular';
	font-weight:normal;
	font-size:1.3em;
	text-align:center;
}

#bag_footer {
	height:40px;
	width:400px;
	margin:0 auto 7px auto;
	color:slategray;
	font-size:0.9em;
	line-height:40px;
	text-align:center;
}

#bag_footer img {
	height:38px;
	width:auto;
	vertical-align:middle;
}

.solid_button {
	margin:7px auto;
	border:none;
	border-radius:50px;
	padding:11px 30px;
	color:white;
	font-family: 'champagne__limousinesbold';
	font-size:1.3em;
	font-weight:700;
	background-color:#424242;
	display:inline-block;
	position:relative;
	text-decoration: none;
}

.solid_button:hover {
	opacity:0.8;
}

/* --- NAV BAR --- */

#nav_pulldown {
	display:none;
}

#nav_bar {
	width:820px;
	height:53px;
	margin:30px auto;
	border-radius:30px;
	border:1px solid #7a7318;
	background: #ffff00; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2E3MzE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	
	background: -moz-linear-gradient(top,  #ffff00 37%, #7a7318 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#ffff00), color-stop(100%,#7a7318)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #ffff00 37%,#7a7318 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#7a7318',GradientType=0 ); /* IE6-8 */
}

#nav_bar ul {
	list-style-type:none;
	width:100%;
}

#nav_bar li {
	width:20%;
	float:left;
	text-align:center;
}

#nav_bar ul a {
	display:block;
	width:100%;
	height:53px;
	text-decoration:none;
	color:#FFFFFF;
	font-family: 'champagne__limousinesbold';
	font-size:1.8em;
	font-weight:normal;
	border-right:solid 1px #7a7318;
	text-shadow:1px 1px 5px #5E5E5E;
	line-height:53px;
}

#nav_bar ul a:hover {
	background-color:rgba(0, 0, 0, 0.6);
}

#nav_bar ul li:first-child a {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
}

#nav_bar ul li:last-child a {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-right:none;
}

#nav_bar_dropdown {
	width:150px;
	padding:7px;
	background-color:rgba(0, 0, 0, 0.8);
	position:absolute;
	z-index:999;
	display:none;
}

#nav_bar_dropdown li {
	width:auto;
	float:none;
	text-align:left;
}

#nav_bar_dropdown ul a {
	display:block;
	width:90%;
	height:auto;
	padding:5px;
	border:none;
	border-bottom:1px solid #000000;
	text-decoration:none;
	color:#FFFFFF;
	font-family: 'champagne__limousinesregular';
	font-weight:normal;
	font-size:1.2em;
	line-height:1em;
	text-shadow:1px 1px 5px #000000;
}

#nav_bar_dropdown ul li:first-child a {
	border-radius:0;
}

#nav_bar_dropdown ul li:last-child a {
	border-radius:0;
}

#nav_bar_dropdown ul a:hover {
	background-color:#000000;
}

/* --- INDEX ELEMENTS --- */

.slide img {
	width:500px;
	height:auto;
	display:block;
	float:left;
}

.slider_text {
	width:476px;
	height:191px;
	padding:12px;
	float:left;
}

.slider_btn {
	display:block;
	padding:7px 5px;
	margin:4px auto;
	height:35px;
	width:50%;
	line-height:35px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.4em;
	text-align:center;
	color:white;
	background-color:red;
	border-radius:8px;
	border:2px solid #A70002;
}

.slider_btn:hover {
	background-color:#A70002;
	border-color:red;
}

.index_columns {
	width:300px;
	height:150px;
	margin:15px 0;
	padding:0 15px;
	border-right:1px solid #878787;
	text-align:center;
	float:left;
}

.learn_more_links {
	font-weight:bold;
}

.learn_more_links a {
	text-decoration:none;
	color:#B6B6B6;
}

.learn_more_links a:hover {
	text-decoration:underline;
	color:#686868;
}

/* --- INTERIOR PAGE ELEMENTS --- */

#int_fullwidth {
	width:900px;
	margin:0 auto;
}

.half_column {
	width:429px;
	padding:10px 35px;
	float:left;
}

#int_float_img {
	width:300px;
	height:auto;
	margin-left:10px;
	float:right;
}

.store_form_wrapper {
	width:90%;
	max-width:500px;
	padding:7px;
	margin:7px 0;
	background-color:#E0E0E0;
	border-radius:10px;
}

label {
    white-space:nowrap;
}

#order_errors {
	width:320px;
	background-color:#F00;
	padding:5px;
	border:2px solid;
	border-color:#900;
	border-radius:5px;
	font-weight:bold;
}

#order_errors ul {
	list-style:none;
}

#form_wrapper {
	width:400px;
	padding:15px;
	margin:10px auto;
	background-color:#CFCFCF;
	border:2px solid #616161;
	border-radius:12px;
}

#form_wrapper input[type=text] {
	width:390px !important;
	height:25px;
	padding:5px;
	border:1px solid #616161;
	border-radius:8px;
	font-size:100%;
}

#form_wrapper textarea {
	width:390px;
	padding:5px;
	border:1px solid #616161;
	border-radius:8px;
	font-size:100%;
}

.store_form_wrapper input[type=text] {
	width:85% !important;
	height:25px;
	padding:5px;
	border:1px solid #616161;
	border-radius:8px;
	font-size:100%;
}

.store_form_wrapper textarea {
	width:85% !important;
	padding:5px;
	border:1px solid #616161;
	border-radius:8px;
	font-size:100%;
}

.whatsthis a {
	font-size:0.75em;
	color:red;
}

.whatsthis-popup {
	background-color:#FFFFFF;
	width:75%;
	max-width:550px;
	margin:auto;
	padding:30px;
	border-radius:15px;
}

.iphone_prices {
	margin: 5px 8px;
	width: 170px;
	padding: 7px 12px;
	float: left;
}

.gray {
	background-color: #E0E0E0;
}

.review-logo {
	width: 85%;
	max-width: 500px;
	height: auto;
	margin: 20px auto;
}

/*
--------------------------------------------
*************RESPONSIVE 768px***************
--------------------------------------------
*/

@media only screen and (max-width:768px) {
	h1 {
		font-size:2.2em;
		line-height:1em;
	}
	
	h2 {
		font-size:1.3em;
	}
	
	#wrapper {
		width:100%;
		margin:0;
	}
	
	#header_logo {
		width:45%;
		margin:-30px auto -5px auto;
	}
	
	#remote_support {
		display:none;
	}
	
	#social_links_wrapper {
		width:auto;
		height:25px;
		position:absolute;
		right:5px;
		top:40px;
	}
	
	#click_text {
		top:68px;
		right:5px;
		font-size:0.4em;
	}
	
	#brand_logos_wrapper_1 {
		height:30px;
		width:auto;
		position:absolute;
		left:5px;
		top:40px;
	}
	
	.brand_logos_1 {
		width:auto;
		height:100%;
	}
	
	#main_content {
		width:100%;
		border-radius:0;
	}
	
	#slogan {
		width:100%;
		margin:9px 0;
		font-size:2em;
	}
	
	#footer {
		width:100%;
		margin:0;
		padding:12px 0;
		border-radius:0;
		font-size:0.9em;
	}
	
	#bag_footer {
		height:30px;
		width:90%;
		margin:0 auto 7px auto;
		font-size:0.8em;
		line-height:30px;
	}
	
	#bag_footer img {
		height:97%;
	}
	
	/* --- NAV BAR --- */
	
	#nav_bar {
		width:88%;
		height:45px;
		margin:25px auto;
		border-radius:25px;
	}
	
	#nav_bar ul a {
		height:45px;
		font-size:1.4em;
		border-right:solid 1px #7a7318;
		text-shadow:1px 1px 5px #5E5E5E;
		line-height:45px;
	}
	
	#nav_bar ul li:first-child a {
		border-top-left-radius:25px;
		border-bottom-left-radius:25px;
	}
	
	#nav_bar ul li:last-child a {
		border-top-right-radius:25px;
		border-bottom-right-radius:25px;
	}
	
	#nav_bar_dropdown {
		width:100px;
		padding:7px;
		background-color:rgba(0, 0, 0, 0.8);
		position:absolute;
		z-index:999;
		display:none;
	}
	
	#nav_bar_dropdown ul a {
		font-size:1em;
		line-height:1em;
		border-right:none;
	}
	
	#nav_bar_dropdown ul li:first-child a {
		border-radius:0;
	}
	
	#nav_bar_dropdown ul li:last-child a {
		border-radius:0;
	}
	
	/* --- INDEX ELEMENTS --- */
	
	.slide img {
		width:50%;
	}
	
	.slider_text {
		width:45%;
		height:auto;
		padding:5px;
	}
	
	.slider_btn {
		width:90%;
		height:auto;
		font-size:1.1em;
	}
	
	.index_columns {
		width:28%;
		height:auto;
		margin:12px 0;
		padding:0 2.5%;
	}
	
	/* --- INTERIOR PAGE ELEMENTS --- */
	
	#int_fullwidth {
		width:90%;
		margin:0 auto;
	}
	
	.half_column {
		width:43%;
		padding:10px 3.25%;
	}
	
	#int_float_img {
		width:200px;
		margin-left:10px;
	}
	
	#order_errors {
		width:320px;
		background-color:#F00;
		padding:5px;
		border:2px solid;
		border-color:#900;
		border-radius:5px;
		font-weight:bold;
	}
	
	#order_errors ul {
		list-style:none;
	}
	
	#form_wrapper {
		width:90%;
		padding:1.75%;
		margin:10px auto;
		background-color:#CFCFCF;
		border:2px solid #616161;
		border-radius:12px;
	}
	
	#form_wrapper input[type=text] {
		width:95% !important;
		height:25px;
		padding:5px;
		border:1px solid #616161;
		border-radius:8px;
		font-size:100%;
	}
	
	#form_wrapper textarea {
		width:95%;
		padding:5px;
		border:1px solid #616161;
		border-radius:8px;
		font-size:100%;
	}
}

/*
--------------------------------------------
*************RESPONSIVE 480px***************
--------------------------------------------
*/

@media only screen and (max-width:480px) {
	h1 {
		font-size:1.8em;
		line-height:0.9em;
		margin-top:5px;
	}
	
	h2 {
		font-size:1.5em;
	}
	
	#header_logo {
		width:75%;
		margin:25px auto -5px auto;
	}
	
	#social_links_wrapper {
		width:195px;
		height:40px;
		margin:7px auto;
		position:static;
	}
	
	#click_text {
		display:none;
	}
	
	#brand_logos_wrapper_1 {
		display:none;
	}
	
	#brand_logos_wrapper_2 {
		display:block;
		width:75%;
		height:auto;
		margin:7px auto;
	}
	
	.brand_logos_2 {
		width:20%;
		margin:5px 6%;
		float:left;
	}
	
	#slogan {
		width:100%;
		margin:7px 0;
		font-size:1.3em;
		text-shadow:1px 1px 1px #000000;
	}
	
	#footer {
		font-size:0.8em;
	}
	
	/* --- NAV BAR --- */
	
	#nav_pulldown {
		display:block;
		position:fixed;
		top:0;
		width:100%;
		height:40px;
		font-family: 'champagne__limousinesbold';
		font-size:1.3em;
		line-height:40px;
		text-align:center;
		color:#FFFFFF;
		text-shadow:1px 1px 5px #5E5E5E;
		z-index:100;
		background: #ffff00; /* Old browsers */

		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2E3MzE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		
		background: -moz-linear-gradient(top,  #ffff00 37%, #7a7318 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#ffff00), color-stop(100%,#7a7318)); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  #ffff00 37%,#7a7318 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  #ffff00 37%,#7a7318 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#7a7318',GradientType=0 ); /* IE6-8 */
	}
	
	#nav_pulldown a {
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		width:100%;
		height:100%;
		font-size:1.4em;
	}
	
	#menu_icon {
		height:28px;
		width:auto;
		position:absolute;
		right:10px;
		top:6px;
		display:block;
	}
	
	#nav_bar {
		width:100%;
		height:auto;
		margin:0 0 7px 0;
		border-radius:0;
		border:none;
		position:fixed;
		top:40px;
		z-index:999;
		display:none;
	}
	
	#nav_bar li {
		width:100%;
		float:none;
	}
	
	#nav_bar ul a {
		height:40px;
		background-color:#000000;
		border-bottom:solid 1px #FFFFFF;
		font-size:1.1em;
		line-height:40px;
	}
	
	#nav_bar ul li:first-child a {
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
	
	#nav_bar ul li:last-child a {
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		border-right:none;
	}
	
	.hide_menu_item {
		display:none;
	}
	
	#nav_bar_dropdown {
		width:100%;
		padding:0;
		margin:0;
		background-color:inherit;
		position:static;
		z-index:inherit;
		display:block;
	}
	
	#nav_bar_dropdown ul {
		width:100%;
	}
	
	#nav_bar_dropdown li {
		width:100%;
		text-align:center;
	}
	
	#nav_bar_dropdown ul a {
		height:40px;
		width:100%;
		padding:0;
		margin:0;
		font-size:1.1em;
		font-family: 'champagne__limousinesbold';
		line-height:40px;;
		border-bottom:1px solid #FFFFFF;
	}
	
	#nav_bar_dropdown ul a:hover {
		background-color:rgba(0, 0, 0, 0.6);
	}
	
	/* --- INDEX ELEMENTS --- */
	
	.slide img {
		width:100%;
		float:none;
	}
	
	.slider_text {
		width:90%;
		margin:0 auto;
		height:auto;
		padding:5px;
		float:none;
	}
	
	.slider_text p {
		display:none;
	}
	
	.index_columns {
		width:95%;
		height:auto;
		margin:6px auto;
		padding:0;
		border-right:none;
		border-bottom:1px solid #000000;
		float:none;
	}
	
	/* --- INTERIOR PAGE ELEMENTS --- */
	
	#int_fullwidth {
		width:90%;
		margin:0 auto;
	}
	
	.half_column {
		width:90%;
		margin:5px auto 15px auto;
		padding:0;
		border-right:none;
		float:none;
	}
	
	#int_float_img {
		width:95%;
		margin-left:0;
		margin-right:0;
	}
	
	#order_errors {
		width:320px;
		background-color:#F00;
		padding:5px;
		border:2px solid;
		border-color:#900;
		border-radius:5px;
		font-weight:bold;
	}
	
	#order_errors ul {
		list-style:none;
	}
	
	#form_wrapper {
		width:90%;
		padding:1.75%;
		margin:10px auto;
		background-color:#CFCFCF;
		border:2px solid #616161;
		border-radius:12px;
	}
	
	#form_wrapper input[type=text] {
		width:95% !important;
		height:25px;
		padding:5px;
		border:1px solid #616161;
		border-radius:8px;
		font-size:100%;
	}
	
	#form_wrapper textarea {
		width:95%;
		padding:5px;
		border:1px solid #616161;
		border-radius:8px;
		font-size:100%;
	}
	
	.iphone_prices {
		float: none;
	}
}