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

/*  GO TO 2 COLUMNS AT LESS THAN 960 PIXELS */
@media only screen and (max-width: 960px) {

/* BASIC RESPOSNSIVE PAGE SETUP =========================================================== */

/*  HEADINGS  ============================================================================= */

/*  TYPOGRAPHY  ============================================================================= */

/* LINKS =============================================================================  */

/*  BUTTONS  ============================================================================= */

/* IMAGES ============================================================================= */

/* TABLES ============================================================================= */

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	table.responsive, 
	table.responsive thead, 
	table.responsive tbody, 
	table.responsive th, 
	table.responsive td, 
	table.responsive tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive tr { border: 1px solid #f5f2e9; padding: 6px; margin-top:1em;}
	
	table.responsive th { border:none; padding:6px;}
	table.responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-top: 1px solid #f5f2e9; 
		position: relative;
		padding-left: 30%; 
		font-size: 1em;
		width: 70%;
	}
	table.responsive td.product {
		padding-left: 1.5%;
		width: 97.5%;
		border-top: none;
		font-size:1.1em;
	}
	table.responsive td.product-image {
		padding-left: 1.5%;
		width: 25%;
		border-top: none;
	}
	table.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		right: 6px;
		white-space: nowrap;
	}	
}

/* FORMS ============================================================================= */

/*  MAIN LAYOUT	============================================================================= */

.maincontent, #maincontent, footer, #breadcrumbs, .search-menu {
	width: 95%;
}

/*  HEADER (AND ELEMENTS) ============================================================================= */

header {
	width: 100%;
	text-align:center;
}
header .col {
	float:none;
}
header img {
	margin-top: 5px;
}
.tagline {
	margin-bottom:0;
	margin-left:0;
	margin-top:-3px;
}
#tabs li a,
#tabs li.tab-icon a,
#tabs li.blog a {
	padding: 6px 0 6px 1.5%;
	display: inline-block;
	float: left;
	margin: 0 0.25%;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: 23%;
	border-top: 2px solid white;
	text-align: left;
}
#tabs li.tab-icon.search a {
	display: none;
}

.login-button {
	display:none;
}
.search-button {
 	position:absolute;
	top:5px;
	right:5px;
}

/* GO TO 2 UP */
@media only screen and (max-width: 640px) {
#tabs li a,
#tabs li.tab-icon a,
#tabs li.blog a {
	width: 48%;
}
#tabs li.trial {
	display:inline-block;
}
}

/*  SEARCH ============================================================================= */

/*  SECTIONS  ============================================================================= */

/*  GRID COLUMN SETUP   ==================================================================== */

/*  CONTENT  ============================================================================= */

/*  NAVIGATION - LEFT COLUMN  ============================================================================= */

.nav {
	width: 23.8%;
}
.nav-menu {
	display: none;
	height: auto;
}
a#pull {
	display: block;
	position:absolute;
	top:5px;
	left:5px;
}

/*  CONTENT/ADS CONTAINER  ============================================================================= */

.copy-container {
	width: 74.6%;
}

/*  CONTENT - CENTRAL COLUMN  ============================================================================= */

.copy {
	width: 100%;
}
.main-image img {
	width: 100%;
}
.trial {
	display:none;
}
.content-ad {
	display:none;
}

/*  ADS/PROMO - RIGHT COLUMN  ============================================================================= */

.ads {
	width: 100%;
	background-color: #F4F1EA;
	margin-left: 0;
}
.ads .section {
	padding: 2.5%;
}
.ads .ads-success, .ads .ads-trial {
	width: 49.2%;
	padding:0;
}
.ads .ads-author {
	padding:0;
}
.ads-trial p {
	margin-bottom:0;
}
.ads-success img {
	width: 33.3%;
	float: right;
	margin-left: 10px;
}
.ads-success figcaption {
	display:none;
}
.ads-bible {
	display:none;
}

/*  FOOTER  ===============______============================================================== */

/*  BACKGROUND COLOURS  ============================================================================= */

/*  GLOBAL OBJECTS  ============================================================================= */

.mobile {
 	display: inline-block;
}
.desktop {
	display:none;
}

}