/*
******************************
*****  LARGE TABLET CSS  *****
******************************
*/
	body:after, span#MQ { 
		font-family: 'large-tablet'; 
    	content: 'large-tablet';
	}
	
	.mobile-only {
    	display: none !important;
	}
	.small-tablet-only {
    	display: none !important;
	}
	.large-tablet-only {
    	display: inherit !important;
	}
	.full-only {
    	display: none !important;
	}
	
	.hide-mobile {
    	display: inherit !important;
	}
	.hide-small-tablet {
    	display: inherit !important;
	}
	.hide-large-tablet {
    	display: none !important;
	}
	.show-mobile {
    	display: none !important;
	}
	.show-small-tablet {
    	display: none !important;
	}
	.show-large-tablet {
    	display: inherit !important;
	}
	
/*
General layout
------------------
*/
	body {
		font-size: 16px;
		line-height: 21px;
	}
	
	section .withBottomMargin {
		display: block;
		margin: 0px 0px 15px 0px;
	}
	
	.columns_noTopMargin {
		margin-top: 0px !important;
	}
	
	.oneColumnDivider {
		display: none;
	}
	
/*
Header layout
------------------
*/
#logoText {
    color: #FFFFFF;
    font-size: 22px;
    left: 130px;
    position: absolute;
    line-height: 22px;
}

	#headerWrapper {
		height: 100px;
	}
	
	#headerContent {
		height: 80px;
	}
	
	#headerLogo {
		top: 10px;
		left: 100px;
		width: 100px;
	}
	.gcMagazine #headerLogo {
		top: 15px;
		width: 245px;
	}

	.icsaShop #headerContent h1 {
		top: 10px;
		left: 100px;
	}
	
	/* Account link */
	
	#headerAccountLinks {
		top: 23px;
		right: 220px;
	}
	
	/* Social links */
	
	#headerSocialLinks {
		top: 25px;
		right: 15px;
	}
	
	#headerShopLinks {
		top: 25px;
		right: 15px;
	}
	
	/* Menu launcher */
	
	#menuLauncher {
		display: block;
		padding: 0px;
		position: absolute;
		top: 25px;
		left: 15px;
	}


/*
General
------------------
*/

	.googleMap {
		width: 100%;
		height: 350px;
	}
	
	h1 {
		font-size: 34px;
		line-height: 40px;
	}

	.columnPicFloatRight {
		float: right;
		width: 40%;
		margin: 0px 0px 10px 10px;
	}

/*
Panels
------------------
*/

	.panel {
		margin: 0px 0px 20px 0px;
		background-color: #e3eef1;
	}
	.panel p {
		margin: 0px 0px 10px 0px;
	}
	.panelContent {
		padding: 10px 15px 5px 15px;
	}

/*
Picture listing 
*/

.column .three .pictureListing .listingItem .listingPicture {
    width: 80%;
}
.column .three .pictureListing .listingItem .listingContent {
    width: 100%;
}

.pictureListing .listingItem .listingPicture {
    width: 20%;
}
.pictureListing .listingItem .listingContent {
    width: 76%;
}

	
	.heroSplitPanel {
		position: relative;
		margin: 0px 0px 15px 0px;
		padding: 0;
		color: #fff !important;
		width: 100%;
		max-width: none;
		height: 0;
		padding-bottom: 48.38%;
	}
	.heroSplitPanel .heroImage {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 0;
		width: 48.38%;
	}
	.heroSplitPanel .heroImage img {
		width: 100%;
		max-width: none;
	}
	.heroSplitPanel .heroContent {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 48.38%;
		height: 0;
		padding-bottom: 48.38%;
	}
	.heroSplitPanel .heroContent h2 {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 10px;
		font-size: 36px;
		line-height: 40px;
		color: #fff !important;
	}
	.heroSplitPanel .heroContent p {
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin: 0px;
		padding: 10px;
	}

/*
Logo listing 
*/

.logoListing .listingItem .listingPicture {
    width: 20%;
}
.logoListing .listingItem .listingContent {
    width: 76%;
}

/*
Picture listing
------------------
*/

	.pictureListing .listingItem .listingPicture {
		width: 20%;
	}
	.pictureListing .listingItem .listingContent {
		width: 76%;
	}
        
/*
Cookies message
------------------
*/

#cookieMessage {
  top: 111px !important;
}

#cookieMessage .messageWrap {
   width: 100%;   
}
		
/*
DFP
------------------
*/

	.adsWrapper {
		margin: 0px 0px 30px auto;
		max-width: 250px;
	}	
        .inWrapper {
		margin: 0px 0px 0px auto;
		max-width: 250px;
	}
        
        /*
        Shop custom styles
        ------------------
        */
	.resultsOptionsArea .resultsSort {
		float: left;
		width: 30%;
		max-width: none;
	}
	.resultsOptionsArea .resultsStyle {
		float: left;
		width: 30%;
		max-width: none;
	}	
	.resultsOptionsArea .resultsPages {
		float: right;
		width: 38%;
		max-width: none;
	}
		
	/* Overrides for grid listing */
	.productListing.gridListing .product {
		border: 1px solid #e5e5e5;
		float: left;
		margin: 0 1.5% 1.5% 0;
		width: 31%;
	}
        
	/* Overrides for grid listing within 12 column container */
	.column.twelve .productListing.gridListing .product {
		margin: 0 1.8% 1.8% 0;
		width: 30.7%;
	}
	.icsaShop .column.twelve.overFlowHidden {
		overflow: hidden;
	}
	.column.twelve .productListing.gridListing {
		width: 103.4%;
	}
	.column.twelve .productListing.gridListing .productImage p {
		max-height: 270px;
	}

	
	/* Overrides for grid listing of related products */
	.productListing.relatedProducts .product {
		float: left;
		margin: 0 6.2% 3% 0;
		width: 15%;
	}
	.productListing.relatedProducts .product.lastItem {
		margin-right: 0;
	}
	.productListing.relatedProducts .productImage {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}
	.productListing.relatedProducts .productImage p {
		margin: 0px auto;
		display: block;
		max-height: none;
		max-width: none;
		padding: 0px;
	}
	.productListing.relatedProducts .productInfo {
		display: block;
		float: none !important;
		margin: 0px auto;
		width: 100% !important;
	}
	.productListing.relatedProducts .productInfo h3 {
		font-size: 12px;
		line-height: 16px;
	}
	.productListing.relatedProducts .productInfo p.productDetails {
		display: none;
	}
	.productListing.relatedProducts .productInfo p.productButton {
		display: none;
	}
	.productListing.relatedProducts .dividerRule {
		display: none;
	}

	
	
	/* Product page - side panel */
	.productPage .productPanel .productPanelContent {
		padding: 12px;
	}
	.productPage .product .productImage {
		float: none;
	}
	.productPage .product .productImage p {
		max-height: none;
		max-width: none;
		text-align: center;
	}
	.productPage .product .productImage p img {
		margin: 0px auto 0px auto;
		display: block;
		width: 100%;
		max-height: none;
		max-width: none;
	}
	
	.productPage .product .productDetailsArea {
		float: none;
		width: 100%;
	}
	.productPage .product .productDetailsArea .productButton a.actionButton {
		padding: 5px 12px 4px 8px;
		width: 85%;
	}
	
	
	
	/* Author page */
	.authorPage .panel .panelContent .authorImage {
		float: none;
		margin: 5px 0px 10px 0px;
		max-width: none;	
		width: 100%;	
	}		

	
	
	
/*
Footer layout
------------------
*/
	
	#footerInfo {
		font-size: 14px;
		line-height: 19px;
	}