body {background:url(/_includes/images/bg_Body.gif) #212c62 repeat-x center top;margin:0;padding:0;}
body, body table td * {font-family: Arial, Helvetica, Verdana;}

h1 {color:#1D58A1; font-weight:bold;font-size:1.5em;text-transform:uppercase;padding-bottom:5px;}
h2 {color:#1D58A1; font-weight:bold;font-size:1.3em;padding-bottom:5px;}
h3 {color:#1D58A1;font-size:1.1em;}

.wc td {vertical-align:top;}
	.wc h1 {color:#000099;line-height:auto;font-weight:bold;}
	.wc h3 {color:#666666;font-weight:bold;}
	.wc .item h1 {color:#000000;}

hr {height:0;color:none;border-bottom:1px solid silver;}

a:link, a:visited, a:active {color:navy;text-decoration:underline;}
a:hover {	color:orange;text-decoration:underline;}

.tagline {margin-top: 30px;}
.logo img {max-width: 100%; max-height: 220px;}
.Home.main {border: 5px solid white; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #dadada 10%, #fff);
	background-image: -moz-linear-gradient(bottom, #dadada 10%, #fff);
	background-image: -o-linear-gradient(bottom, #dadada 10%, #fff);
	background-image: linear-gradient(to top, #dadada 10%, #fff);
	
}
.main {background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15); border: 5px solid white;}
.MainPane {margin-top: 20px;}
.Home .atom {background: url('/_includes/images/home-main-bg.png') no-repeat top left }
.navigation-wrapper {
background: #f07535;

	padding-top: 25px;
	padding-bottom: 6px;
	border-bottom: 5px solid white;
}

.flexnav  li a {
	color:#fff;
	padding:1.9em;
}

.flexnav li a:hover {
	background:#f07535;
}

.flexnav li ul a {
	color:#fff;
}

.flexnav li ul a:hover {
	background:#f07535;
}

.flexnav li ul li a {
	color:#fff;
	background:#212c62;
}

.flexnav li ul li a:hover {
	background:#f07535;
}

.flexnav .touch-button .navicon {
	color:#fff !important;
}

.menu-button .touch-button .navicon {
	color:#fff !important;
}

.menu-button {
	color:#fff !important;
}
	
.nav-bg {
	background: #212c62
	}


.feature img {width: 100%; height: 100%;}

.hide {	display: none; }

/* Footer */
	#Footer{color:white;clear: both;}
	#Footer .Normal {color:white;}
	#Footer .FooterRight {float:right;text-align:right;}

	#Footer a:link, #Footer a:visited, #Footer a:active {color:#f07535 !important;}
	#Footer a:hover {color:yellow !important;}
	.copyright {text-transform: uppercase;font-size:12px;color:#ffffff;font-weight:bold;padding:15px 0 0 0;}
	.byDRB {font-weight:normal;color:#75c7fc;font-size:11px;text-transform:none;}
	.byDRB a:link, .byDRB a:visited, .byDRB a:active {color: #12a1fc !important;text-decoration:underline;}

.ImagePane img {max-width: 100%; float:right;}

.item img {max-width: 100%; height: auto;}

.wc_button {border:0;width:150px !important;height:25px;color:#ffffff;font-size:14px;background:#FE6000; border-radius: 5px; border: 1px solid #EE8C4E;} 

div[class*="col-"] img {max-width: 100%; height: auto;}

/*store items*/
.item_right, .item_left {margin-bottom: 10px;}
.item_right {background:#f2f0f0; padding: 10px;}
	.wc_store_items .header {background:silver;padding:10px;}

	.wc_store_items .name {margin:2px;}
	.wc_store_items .item {margin:2px;}
	.wc_store_items .price {margin:2px;}
	.wc_store_items .qty {margin:2px;}
	.wc_store_items .button {margin:2px;margin-top:15px;}


/*email registration*/
.email-registration .wc_login .alert {
background-color: #ff6d00;
color: black;
font-weight: bold;
text-align: center;
}
.email_registration_radio_buttons table {width: 100%; margin: 0 auto;}


	.row1 td {background:#F9F9F9;}
	.row2 td {background:#F2F0F0;}
	.row3 td {border-bottom:1px dashed silver;}
	.row4 td {border:0;}

.wc_login .buttons {padding-bottom:10px;text-align:center;}
.wc_cart .total-area .order-total {font-size: 1.5em; font-weight: bold; color: #E55200;}
.wc_summary td.grand_total {font-size: 1.5em; font-weight: bold; color: #E55200;}

/*content */
.content img {max-width: 100%; width: 100%; height: auto;}



@media screen and (max-width: 767px) {

.feature {width: 50%; float:left;}

.wc_cart, .wc_orderinfo { width: 100%; 
  border-collapse: collapse; }

table.wc_cart, .wc_cart thead, .wc_cart tbody, .wc_cart th, .wc_cart td, .wc_cart tr, table.wc_prepaid, .wc_prepaid thead, .wc_prepaid tbody, .wc_prepaid th, .wc_prepaid td, .wc_prepaid tr,
table.wc_summary, .wc_summary thead, .wc_summary tbody, .wc_summary th, .wc_summary td, .wc_summary tr  {
display: block;
}

.another-card {margin-top: 20px;}
.wc_cart .header, .wc_prepaid .header, .wc_summary .header, .wc_orderinfo .header {

		position: absolute;
		top: -9999px;
		left: -9999px;

}
.wc_cart td.before-label:before, .wc_prepaid td.before-label:before, .wc_summary td.before-label:before, .wc_orderinfo td.before-label:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: ;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
		
	}

.wc_cart td.before-label, .wc_prepaid td.before-label, .wc_summary td.before-label, .wc_orderinfo td.before-label { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

.wc_cart td.item:before {content: "Cart Item:"; }
.wc_cart td.price:before {content: "Price:";}
.wc_cart td.qty:before {content: "Quantity:";}
.wc_cart td.total:before {content: "Item Total:";}

.wc_prepaid td.date:before {content: "Date:"; }
.wc_prepaid td.location:before {content: "Location:";}
.wc_prepaid td.last-recharge:before {content: "Last Recharge:";}
.wc_prepaid td.uses:before {content: "Uses:";}

.wc_summary td.item:before {content: "Item:"; }
.wc_summary td.price:before {content: "Price:";}
.wc_summary td.qty:before {content: "Quantity:";}
.wc_summary td.total:before {content: "Item Total:";}
.wc_summary td.discount:before {content: "Discount:";}
.wc_summary td.sales-tax:before {content: "Sales Tax:";}
.wc_summary td.grand_total:before {content: "Grand Total:";}
.wc_summary td.sub-total:before {content: "Sub Total:";}
.wc_summary td.bill-to:before {content: "Bill To:";}
.wc_summary td.ship-to:before {content: "Ship To:";}
.wc_summary td.payment-info:before {content: "Payment Info:";}

.wc_summary td.ship-to:before {content: "Ship To:";}
.wc_summary td.payment-info:before {content: "Payment Info:";}

.wc_orderinfo td.order-number:before {content: "Order Number:";}
.wc_orderinfo td.order-date:before {content: "Order Date:";}

.wc_summary td.bill-to, .wc_summary td.ship-to {border-bottom: 2px solid black; margin-bottom: 10px;}




.wc_summary .row3 {border-bottom: 2px solid black; margin-bottom: 10px;}


.wc_prepaid td.total {border-bottom: 1px solid #eee;  font-weight: bold; border-bottom: 1px dashed silver;}


	.wc_cart td.qty input {max-width: 100%;}
.wc_cart td * {position: relative;}

.wc_cart .row1 {background: #ccc; border-bottom: 2px solid ;}
.wc_cart .row2 {border-bottom: 2px solid ;}

.wc_cart .total-area {margin-bottom: 20px; margin-top: 10px;}
.wc_cart .total-area .discount, .wc_cart .total-area .tax, .wc_cart .total-area .order-total {padding-left: 50%;}

.wc_cart .total-area .before-label:before {position: absolute;
top: ;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;}
.wc_cart .total-area .discount:before {content: "Discount:"; }

.wc_cart .total-area .tax:before {content: "Tax:";}
.wc_cart .total-area .order-total:before {content: "Order Total:";}

.promo-code {background: #ccc; padding: 5px; margin-bottom: 20px;}
.promo-code input {width: 50%;}
.promo-code .wc_button {width: 45% !important;}

.wc_storeinfo {margin-bottom: 20px;}




}

@media screen and (max-width: 525px) {

.feature {width: auto;}
}



@media screen and (min-width: 768px) { 
.wrapper {background: url('/_includes/images/wrapper-bg.png') no-repeat bottom center; background-size: 100%;}
}




@media screen and (min-width:525px ){

.content img[align="left"] {margin-right:20px; }
.content img[align="right"] {margin-left:20px; }
.content img {

width: auto;
}
}

@media screen and (min-width: 768px) { 
	.site-header {position: relative; height: 135px; background: url('/_includes/images/header-bg.jpg') top center no-repeat; background-size:100% 100%;}
	.logo {float: right;
			position: absolute;
			right: 20px;
			top: -20px;
	}
	.logo img {max-width: 100%; max-height: auto;}
	.main {}

	.nav-bg{height: 59px;}

	/* Main Horizontal Menu */

	.Main_DNNMenu_NodeRoot /* Root Horiz Menu Items */{
		display:block;
		cursor: pointer;
		cursor: hand;
		color: #000000;
		font-size: 12px;
		line-height:18px;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica;
		white-space: nowrap;
		padding: 19px 15px 11px 15px;
		text-align:center;
		height:27px !important;
		height:57px;
		width:auto !important;
		min-width:75px;
		width:105px;
		float:left;
	}
	.Main_DNNMenu_ContainerSub /* Subnavigation Containers */ {
		background-color:yellow;
		z-index: 1000;
		cursor: pointer;
		cursor: hand;
		margin:0 !important;
		margin:0 0 0 2px;
	}
	.Main_DNNMenu_Node td /* Subnavigation Node elements */ {
		cursor: pointer;
		cursor: hand;
		color: #000000;
		font-size: 11px;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica;
		background-color: Transparent;
		white-space: nowrap;
		padding: 4px 4px 4px 2px;
	}
	.Main_DNNMenu_NodeHoverRoot, .Main_DNNMenu_NodeHoverRoot td {background:yellow;}
	.Main_DNNMenu_NodeHoverSub, .Main_DNNMenu_NodeHoverSub td {background:#F06000;color:white;}

/* content */





	/* Website Connect */
	.button_adobe {width:120px;margin-top:15px;}
	.button_adobe img {border:0px;} 

	.wc {margin:0;padding:0px;border:0;}
	.wc, .wc td, .wc td input, .wc td select  {font-size:12px;}
	.wc, .wc td {line-height:18px;}

	

	
	

	.wc td .header {line-height:16px;font-weight:bold;text-align:center;}
	.wc .left {text-align:left;}
	.wc .right {text-align:right;}


	.wc_cart, .wc_checkout, .wc_prepaid {width:100%;background:white;}

	/* Store Items */
	.wc .qty input {width:40px;}

	.wc_store_items {width:85%; margin: 0 auto;}
	

	

	.wc td.item h1 {font-size:14px;font-weight:bold;}

	/* Shopping Cart */
	table.wc_cart {background:#ffffff;width:100%;border:1px solid #f2f0f0;}
	.wc_cart td {vertical-align:top;padding:5px 2px;}
	.wc_cart td.header {padding:10px;font-weight:bold;background: silver;border-top: 5px solid gray; height: auto}

	
	.wc_cart .total {width:5%;text-align:center;}
	.wc_cart .buttons {text-align:right;background:#ffffff;}
	.wc_cart .qty input {margin:0;padding:0;text-align:center;}
	.promo-code {background: #ccc; padding: 5px; margin-bottom: 20px; float:right;}
	/* Checkout */
	.wc_checkout {width:70%;background:none;}

	.wc_checkout td {padding:5px 2px;}
	.wc_checkout .header {text-align:left;border-top:1px solid silver;padding:10px 2px;font-weight:bold;}

	.wc_checkout .label {width:40%;}
	.wc_checkout .value {width:60%;}	
	.wc_checkout .value input {width:250px;}

	/* Summary */
	.wc_summary {width:100%;border:1px solid silver;}
	.wc_summary td {padding:5px;} 
	.wc_summary .header {background:#f2f0f0;border-bottom:1px solid silver;font-weight:bold;}

	.wc_summary .item {width:76%;}
	.wc_summary .price {width:8%;text-align:center;}
	.wc_summary .qty {width:8%;text-align:center;}
	.wc_summary .total, .wc_summary .grand_total {width:8%;text-align:right;}
	.wc_summary .grand_total {font-weight:bold;font-size:12px;}
	.wc_summary .address {vertical-align:top;}
	.wc_summary .pre_total {text-align: right;}
	.wc_summary .sub-total {text-align:right;}

	/* Summary */
	.wc_ordergrid {width:100%;}
	.wc_ordergrid td {padding:5px;} 

	/* Receipt */
	.wc_orderinfo, .wc_storeinfo {width:auto;margin:0 0 15px 0;}
	.wc_orderinfo td, .wc_storeinfo td {padding:2px 10px 2px 0;} 

	.wc_orderinfo {float:left;}
	.wc_storeinfo {float:right;}

	.wc .wc_upc {width:100%;border-top:1px dashed gray;}
	.wc_upc td {padding:10px 5px;border-bottom:1px dashed gray;vertical-align:top;}
	.upc {width:75%;text-align:right;}

	/* Login */

	.wc_login {width:400px;border:1px solid gray;background:#f2f0f0;}
	.club-registration, .email-registration, .prepaid-card-balance {width:85%;border:1px solid gray;background:#f2f0f0;}
	.wc_login td {padding:5px 10px;font-size:12px;}
	.wc_login .label {text-align:right;width:33%;font-weight:bold;}
	.wc_login .alert {background-color:#ff6d00;color:black;font-weight:bold;text-align:center;}
	.wc_login .email_registration_radio_buttons td {
		text-align:center;
	}
	.email_registration_radio_buttons table {width: 50%; margin: 0 auto;}
	
	.wc_login .email_registration_radio_buttons input {width:auto !important;}
	
	.wc_login .buttons input {text-align:center;/*width:auto !important;*/}


	/* Prepaid Cards */
	.wc_prepaid {width:100%;}
	.wc_prepaid td  {vertical-align:top;padding:5px 10px;}
	.wc_prepaid .header {background:silver;}
	.wc_prepaid .row3 {background:#ffffff;}

	.wc_prepaid td {width:20%;}
	.wc_prepaid .amount {width:10%;text-align:right;}

	.wc_prepaid .total {width:5%;text-align:right;font-weight:bold;}
	.wc_prepaid .buttons {background:#ffffff;}

	/* Forms */
	.DNN_FeedbackContent table {width:auto !important;}
	#userForm td.right {width:auto !important;}
	#userForm td input, #userForm td textarea {width:300px;}
	/*div.DNN_FeedbackContent  table td.buttons input.wc_button {width:200px !important;}*/
}



/* print media section */
@media print {
	/* print styles for DNN */
	html, body {margin:0;padding:0;}
	body * {font-size:12pt !important;}
	#Header,.Menu, .LoginLeft,.FooterRight,#ControlPanel {display:none;}
	#NoPrint, .NoPrint {display:none;}
	.FooterLeft {width:100% !important;}
	 }
/* close @media print */
}