html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:100;
}

html,  body,  div,  span,  object,  iframe, blockquote, pre, abbr,
address, cite, code, del, dfn, em, ins, kbd, q, samp, small, /* strong, */ sub, sup, var,
b, i, dl, dt, dd, fieldset, form, label, legend, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video, input, select, textarea {
	margin:0;
	padding:0;
	border:0;
	font-size: 16px;
	vertical-align: baseline;
	font-family: Open Sans, Arial, helvetica, sans-serif;
	color: #58585b;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display:block
}

/*******************************************************************************************************************************************************/
/************** general styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

p, ol, ul, div.paragraghBorder {
	margin-top: 0px;
	margin-bottom: 16px;
}

p.tiny {font-size: 12px;}
p.small, li.small {font-size: 14px;}
p.larger {font-size: 18px;}
p.veryLarge {font-size: 24px;}
p.veryVeryLarge {font-size: 30px;}
p.largest {font-size: 50px;}

p.noBorder {margin-bottom: 0px;}

ul, ol {
	margin-left: 1.0em;
	padding-left: 0.2em;
	line-height:normal;
}

ul {list-style-type: square;}
ol {list-style-type: decimal;}

a:link, p a:link, ul a:link, ol a:link {color: #1f59aa; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {color: #1f59aa; text-decoration: underline}
a:active, p a:active, ul a:active, ol a:active {color: #1f59aa; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {color: #1f59aa; text-decoration: none}

h1 {
	font-size: 30px;
	color: #1f59aa;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 16px;
}

h2 {font-size: 22px; color: #1f59aa; font-weight: bold; margin-top: 0px; margin-bottom: 11px;}
h3 {font-size: 18px; color: #1f59aa; font-weight: bold; margin-top: 0px; margin-bottom: 9px;}

/* By default IE8+ centre aligns headers */
th { text-align: left; }

img.banner{
	width: 100%;
	vertical-align:top; /* removes white at bottom */
}

.warning, .red {color: #EA2227;}
.greyText {color: #58585b;}
.darkGrey {color: #ababab;}
.midGrey {color: #dddddd;}
.lightGrey {color: #efefef;}
.veryLightGrey {color: #f8f8f8;}
.mwdBlue {color: #1f59aa;}
.harmonyBlue {color: #143a6f;}
.green {color: #1faa70;}
.greenHighlight {color: #198d5d;}
.orange {color: #aa561f;}
.aa-green {color: #09828e;}
.highlightColour {}

/*******************************************************************************************************************************************************/
/************** SALES PAGE STYLES **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

p.productType, p.currentCover {
	font-weight: bold;
	margin-bottom: 6px;
	color: #000000;
}

p.productType {
	color: #ffffff;
	text-align: center;
}

p.productPriceLarge {
	font-size: 30px; /* Same as H1 */
	font-weight: bold;
	margin-bottom: 0px;
	color: #ffffff;
	text-align: center;
}

p.productPriceSmall {
	font-size: 12px; /* Same as p.tiny above */
	color: #ffffff;
	text-align: center;
}

p.currentExpiry {
	font-size: 12px;
	margin-bottom: 0px;
}

p.currentExpiryDate {
	font-size: 30px; /* Same as H1 */
	font-weight: bold;
}

ul.features {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}

li.yes {background: url('./Images/spacers_etc/if_tick_273677.png');}
li.no {background: url('./Images/spacers_etc/if_cross_273678.png');}
li.triangle {background: url('./Images/spacers_etc/if_warning_1473852.png');}

li.yes, li.no, li.triangle {
	padding-left: 25px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

div.activateWarningCheckbox {
	margin-bottom: 16px;
}

/*******************************************************************************************************************************************************/
/************** MAIN LAYOUT DIV STYLES *****************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.outerContaner {
	width: 100%;
	min-width:320px;
	border-top: 10px solid #1f59aa;
}

div.container,
div.container-logo-overlay,
div.container-header,
div.container-header-spacer,
div.container-title-banner,
div.container-banner-wide,
div.container-banner-small,
div.container-mobile-nav,
div.container-footer,
div.container-company {
	width: 100%;
	clear: both;
}

div.container-logo-overlay {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	height: 0px;
	top: -40px;
	pointer-events: none;  /* So links underneath work */
}

div.container-header-spacer div.containerInside div.containerInsideTwo {
	height: 40px;
}

div.container-title-banner {}
div.container-mobile-nav {display: none;}
div.container-banner-small {display: none;}

div.container div.containerInside div.containerInsideTwo div.containerInsideContent {padding-top: 25px;}

div.containerInside {
	width: 1250px; 			/* For ie8 - reset in media stuff below */
	max-width: 1250px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
	clear: both;
}

div.containerInsideTwo, div.containerInsideTwoMobileNav, div.containerInsideTwoTitleBanner {
	padding: 0px 30px 0px 30px; /* Included here for ie8, also declared in media stuff below */
}

div.containerInsideTwoTitleBanner {
	background-color: #dddddd;
}

div.containerInsideTwoTitleBanner, div.containerInsideTwoBanner {
	border-top: 5px solid #000000;
}

div.containerInsideTwoTitleBanner {
	border-bottom: 1px solid #ababab;
}

div.containerInsideTwo, div.containerInsideTwoMobileNav, div.containerInsideTwoTitleBanner, div.containerInsideTwoBanner {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

div.containerInsideContent, div.containerInsideContentBanner, div.containerInsideContentSales {
	width: 100%;
	overflow: hidden;
	clear: both;
}

div.containerInsideContent {max-width: 1190px;}
div.containerInsideContentBanner { background-color: #000000}

div.container-footer div.containerInside div.containerInsideTwo {
	background-color: #121214; /* Matches website #121214 */
}

div.container-company div.containerInside div.containerInsideTwo {
	background-color: #000000; /* Matches website */
}

div.container div.containerInside div.containerInsideTwo div.containerInsideContent {
	padding-bottom: 15px; /* Improves spacing in main content area */
}

div.containerInsideContentSales {
	margin-bottom: 0px;
}

div.containerInsideContentSalesExtraTopMargin {
	padding-top: 10px;
}

div.titleBanner {
	float: left;
	color: #58585b;
	font-size: 24px;
	font-weight: light;
	padding: 20px 0px 20px 0px;
}

div.footer-main {
	padding: 15px 0px 15px 0px;
	color: #efefef;
}

div.footer-main div.twoColumnContentFooter h2, div.footer-main div.twoColumnContentFooter p {color: #efefef;}

div.footer-main div.twoColumnContentFooter p a:link,
div.footer-main div.twoColumnContentFooter p a:visited,
div.footer-main div.twoColumnContentFooter p a:active,
div.footer-main div.twoColumnContentFooter p a:hover {
	color: #efefef;
	text-decoration: underline;
}

div.footer-company {
	padding: 15px 0px 25px 0px;
	text-align: center;
	color: #efefef;
}

div.footer-company p a:link, div.footer-company p a:visited,
div.footer-company p a:active, div.footer-company p a:hover {
	color: #efefef;
	text-decoration: underline;
}

/*******************************************************************************************************************************************************/
/************** HEADER STYLES **************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.header-main {
	float: left;
	width: 100%;
	height: 60px;
}

div.header-main-left {
	float: left;
	padding-top: 0px;
}

div.header-main-right {
	float: right;
	padding-top: 10px;
	text-align: right;
}

span.header-top-button-menu {display: none;}

/*******************************************************************************************************************************************************/
/************** main nav STYLES ************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.topNavigation {
	font-weight: bold;
	float: left;
	height: 40px;
	padding-right: 5px; /* Matches border on buttons */
}

div.mobleNavigation {
	float: left;
	width: 100%;
	clear: both;
}

ul.topNavigation, ul.mobileNavigation {
	list-style-type: none;
	margin: 0px auto;
	padding:0;
	width: 100%;
}

li.topNavigationOn, li.topNavigationOff,
li.mobileNavigationOn, li.mobileNavigationOff {
    display: inline;
	font-weight: bold;
    line-height: 16px;
    font-size: 16px;
}

li.topNavigationOn a, li.topNavigationOff a, 
li.mobileNavigationOn a, li.mobileNavigationOff a {
    display: inline-block; *zoom: 1; *display: inline; /* IE7 */
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

li.topNavigationOn a, li.topNavigationOff a {
   -webkit-border-radius: 4px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 4px; /* For older versions of Firefox */
	border-radius: 4px;
	margin: 0px 0px 0px 5px;
	padding: 12px 8px 12px 8px;
	background-color: #ffffff;
}

li.mobileNavigationOn a, li.mobileNavigationOff a {
	float: left;
	margin: 0px;
	padding: 8px 10px 8px 10px;
	width: 100%;
	border-bottom: 3px solid #ffffff;
}


li.topNavigationWarning {
    display: inline;
	margin: 0px 0px 0px 8px;
	padding: 3px 10px 2px 10px;
	background-color: #ffffff;
	color: red;
    font-size: 16px;
}

li.topNavigationOn a {background-color: #1f59aa;}

li.topNavigationOn a:link {color: #ffffff; text-decoration: none;}
li.topNavigationOn a:visited {color: #ffffff; text-decoration: none;}
li.topNavigationOn a:active {color: #ffffff; text-decoration: none;}
li.topNavigationOn a:hover {color: #ffffff; text-decoration: none;}

li.topNavigationOff a:link {color:#1f59aa; text-decoration: none; background-color: #efefef;}
li.topNavigationOff a:visited {color:#1f59aa; text-decoration: none; background-color: #efefef;}
li.topNavigationOff a:active {color:#ffffff; text-decoration: none; background-color: #1f59aa;} 
li.topNavigationOff a:hover {color:#ffffff; text-decoration: none; background-color: #1f59aa;}

li.mobileNavigationOn a, li.mobileNavigationOff a {background-color: #000000;}

li.mobileNavigationOn a:link {color: #ffffff; text-decoration: none;}
li.mobileNavigationOn a:visited {color: #ffffff; text-decoration: none;}
li.mobileNavigationOn a:active {color: #ffffff; text-decoration: none;}
li.mobileNavigationOn a:hover {color: #ffffff; text-decoration: none;}

li.mobileNavigationOff a:link {color:#ffffff; text-decoration: none;}
li.mobileNavigationOff a:visited {color:#ffffff; text-decoration: none;}
li.mobileNavigationOff a:active {color:#ffffff; text-decoration: none; background-color: #58585b;} 
li.mobileNavigationOff a:hover {color:#ffffff; text-decoration: none; background-color: #58585b;}

/*******************************************************************************************************************************************************/
/************** COLUMN STYLES **************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.twoColumnContentFooter, div.fourColumnContentFooter, 
div.leftColumnContent, div.rightColumnContent, div.leftColumnContentSales, div.rightColumnContentSales, div.rightColumnContentInsideColumn {
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

div.fourColumnContentMain {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	display:inline-block;
	text-align: left;
	vertical-align: top;
}

div.fourColumnContentFooter {margin-bottom: 15px}
div.fourColumnContentMain {margin-bottom: 0px}

div.twoColumnContentFooter {width: 49%;}
div.fourColumnContentFooter {width: 48%;}
div.fourColumnContentMain {width: 25%;}
div.leftColumnContent {width: 32%;}
div.rightColumnContent {width: 65%;}
div.leftColumnContentSales {width: 25%;}
div.rightColumnContentSales {width: 72%;}

div.fourColumnContentMainInside {padding: 0px 10px 0px 10px;}

div.rightColumnContentInsideColumn {width: 48%;}

div.twoColumnContentSpacer, div.rightColumnContentInsideColumnSpacer, 
div.twoColumnContentSpacerFooter, div.fourColumnContentSpacerFooter,
div.twoColumnContentSpacerMain, div.fourColumnContentSpacerMain {
	float: left;
	padding: 0px;
	margin: 0px;
}

div.twoColumnContentSpacer {width: 3%;}
div.rightColumnContentInsideColumnSpacer {width: 4%;}
div.twoColumnContentSpacerFooter, div.twoColumnContentSpacerMain {width: 2%;}
div.fourColumnContentSpacerFooter, div.fourColumnContentSpacerMain {width: 4%;}

/*******************************************************************************************************************************************************/
/************** Form stuff *****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

/******************************/
/* form columns ***************/
/******************************/

div.standardForm, div.standardFormCloser {
	float: left;
	width: 100%;
	clear: both;
}

div.standardForm, div.standardFormDashedLine {margin-bottom: 12px;} /* 20px (required) - 8px (par_formspacing) */

div.standardFormDashedLine {
	border-top: 1px dashed #58585b;
}

div.standardFormLeftColumn,
div.standardFormRightColumn {
	float: left;
	width: 48%;
}

div.standardFormSpacer {
	float: left;
	width: 4%;
}

/******************************/
/* form fields ****************/
/******************************/

.par_formspacing, .par_formspacingRed, div.input_halfsize_fake { /* Note that this is not picked up in modal */
	margin-top: 0px;											 /* overridden by div.modalContent p, div.modalContent ul, div.modalContent h2 */
	margin-bottom: 8px;
	line-height:normal;
}

p.par_no_spacing, div.modalContent p.par_no_spacing {
	margin-bottom: 0px;
}

.par_nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:normal;
}

input, select, textarea, div.input_halfsize_fake {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	background: #ffffff;
	color: #000000;
	border: 1px solid #58585b;
	padding: 4px;
}

div.input_halfsize_fake {
	background: #ffffff url('./Images/spacers_etc/lock.gif') top right no-repeat;
}

input, select, textarea {margin: 2px;} /* Sorts radios and checkboxes */

input:focus {background: #ffffff;}

span.noborder input {
	border: 10px;
	background-color: transparent;
}

.input_halfsize, .input_halfsize_mandatory,
div.input_halfsize_fake,
.select_halfsize, .select_halfsize_mandatory,
.input_fullsize, .input_fullsize_mandatory,
.select_fullsize, .select_fullsize_mandatory {
	width: 100%;
	margin: 0px;
}

.input_quartersize, .select_quartersize {width: 45%;} /* Phone number on person details, etc */

.input_halfsizeWithDatePicker {
	width: 80%;
	margin: 0px;
}

.input_dd, .input_dd_mandatory {width: 20%; margin: 0px;}
.input_mm, .input_mm_mandatory {width: 20%; margin: 0px;}
.input_yyyy, .input_yyyy_mandatory {width: 40%; margin: 0px;}
.input_postcode {width: 40%; margin: 0px;}
.input_login {width: 100%; margin: 0px;}

.input_halfsize_mandatory, .select_halfsize_mandatory,
.input_fullsize_mandatory, .select_fullsize_mandatory,
.input_dd_mandatory, .input_mm_mandatory, .input_yyyy_mandatory {
	background-color: #ffffff; /* Maybe change */
	margin: 0px;
}

/******************************/
/* inputs / buttons ***********/
/******************************/

div.buttonStandard, div.buttonSecondary, div.buttonHighlight {
    display: inline;
}

.input_button_main, .input_button_secondary, .input_button_highlight {
	margin: 0px;
}

div.buttonStandard a, div.buttonSecondary a, div.buttonHighlight a,
.input_button_main, .input_button_secondary, .input_button_highlight {
    display: inline-block;
    -webkit-border-radius: 11px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 11px; /* For older versions of Firefox */
	border-radius: 11px;
	border: 1px solid #58585b;
	
	padding: 4px 10px 4px 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

div.bigger-button a, input.bigger-button {padding: 13px 27px 15px;}

div.top-button a {padding: 10px 10px 10px 10px;}
	
div.buttonStandard a, .input_button_main {background-color: #1f59aa;}
div.buttonSecondary a, .input_button_secondary {background-color: #dddddd; border: 1px solid #58585b}
div.buttonHighlight a, .input_button_highlight {background-color: #1faa70;}

div.buttonStandard a:link, div.buttonStandard a:visited, .input_button_main {
	color: #ffffff; 
	text-decoration: none;
    cursor: pointer;
}

div.buttonStandard a:active,  div.buttonStandard a:hover, 
.input_button_main:hover, .input_button_main:focus { 
	color: #ffffff;
	text-decoration: none;
	background-color: #143a6f;
}

div.buttonSecondary a:link, div.buttonSecondary a:visited, .input_button_secondary {
	color: #58585b;
	text-decoration: none;
    cursor: pointer;
}

div.buttonSecondary a:active, div.buttonSecondary a:hover, 
.input_button_secondary:hover, .input_button_secondary:focus {
	text-decoration: none;
	background-color: #ffffff;
}

div.buttonHighlight a:link, div.buttonHighlight a:visited, .input_button_highlight {
	color: #ffffff;
	text-decoration: none;
    cursor: pointer;
}

div.buttonHighlight a:active, div.buttonHighlight a:hover,
.input_button_highlight:hover , .input_button_highlight:focus {
	COLOR: #ffffff;
	text-decoration: none;
	background-color: #198d5d;
}

/*******************************************************************************************************************************************************/
/************** Highlight box **************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.box {
	float:left;
	-webkit-border-radius: 13px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 13px; /* For older versions of Firefox */
	border-radius: 13px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
    background-color: #efefef; 
    padding: 15px 20px 10px 20px;
    border: 1px solid #ababab;
	margin-bottom: 20px;
}

div.productBox-top, div.productBoxHighlight-top, div.productBoxSelected-top, div.productBoxGrey-top {
	float:left;
	-webkit-border-radius: 8px 8px 0px 0px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 8px 8px 0px 0px; /* For older versions of Firefox */
	border-radius: 8px 8px 0px 0px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
    padding: 15px 15px 0px 15px;
    border: 1px solid #ababab;
	border-bottom: 0px;
	min-height: 175px; /* To ensure panels line up */
}

div.productBox-top, div.productBoxHighlight-top, div.productBoxSelected-top {
	background-color: #143a6f;
}

div.productBoxHighlight-top, div.productBoxSelected-top {
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	border-radius: 0px;
	
	border: 4px solid #1f59aa;
	border-bottom: 0px;
}

div.productBox-bottom, div.productBoxHighlight-bottom, div.productBoxSelected-bottom, div.productBoxGrey-bottom {
	float:left;
	-webkit-border-radius: 0px 0px 8px 8px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 0px 0px 8px 8px; /* For older versions of Firefox */
	border-radius: 0px 0px 8px 8px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
    padding: 15px 15px 10px 15px;
	border: 1px solid #ababab;
	border-top: 0px;
	
	margin-bottom: 16px; /* matches paragraphs */
}

div.productBoxHighlight-bottom, div.productBoxSelected-bottom {
	border: 4px solid #1f59aa;
	border-top: 0px;	
}

div.currentPolicyBox {
	float:left;

	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
    background-color: #ffffff; 
    padding: 15px 0px 10px 00px;
    border-top: 1px solid #ababab;
	margin-bottom: 16px; /* Matches paragraph */
}

div.productBox-top, div.currentPolicyBox-top, div.productBoxGrey-top {
	margin-top: 32px; /* Matches height of highlightText below */
}

div.productBoxGrey-top {
	background-color: #dedede;
}

div.productBoxGrey-top p.productType, 
div.productBoxGrey-top p.productPriceLarge, 
div.productBoxGrey-top p.productPriceSmall {
	color: #000000;
}

div.productHighlightText { /* This is the selected / popular panel */
	float:left;
	-webkit-border-radius: 8px 8px 0px 0px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 8px 8px 0px 0px; /* For older versions of Firefox */
	border-radius: 8px 8px 0px 0px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
	font-weight: bold;
    background-color: #1f59aa;
	color: #ffffff;
	text-align: center;
    padding: 5px 15px 5px 15px;
    border: 4px solid #1f59aa;
	border-bottom: 0px;
	margin: 0px;
	height: 32px; /* margin-top of productBox classes */
}

div.helpText {
	float:left;
    width: 100%;
	clear: both;
}

/*******************************************************************************************************************************************************/
/************** Tooltip box **************88************************************************************************************************************/
/*******************************************************************************************************************************************************/

.tooltipBody, .tooltipBodyFixedWidth {
    border: #ababab 1px solid;
    background-color: #dddddd;
    padding: 10px;
} 

.tooltipBodyFixedWidth {width: 260px;}

.tooltipLink {
	cursor: pointer;
	text-decoration: underline;
}

/*******************************************************************************************************************************************************/
/************** Screen specific stuff ******************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* Biggest size */
@media only screen and (min-width: 1020px)
{
	/* Reset from value above which is required for ie8 */
	div.containerInside {width: 100%;}

	/* Also declared above for ie8 */
	div.containerInsideTwo, div.containerInsideTwoMobileNav, div.containerInsideTwoTitleBanner {padding: 0px 30px 0px 30px;}
}

/* Anything less than 1019px (Medium size) */
@media only screen and (max-width: 1019px) 
{
	div.containerInside {width: 100%; max-width: 960px} /* 940px plus 10px border search side */
	div.containerInsideTwo, div.containerInsideTwoMobileNav, div.containerInsideTwoTitleBanner {padding: 0px 10px 0px 10px;} /* Gives a bit of a border */
	
	/************** other *******************************************************/
	
	h1, h1 p, p.veryLarge {font-size: 22px;}
	
	div.twoColumnContentSpacerFooter, div.twoColumnContentSpacerMain {display:none;}
	div.twoColumnContentFooter {width: 100%;}
	div.fourColumnContentFooter {text-align: center;}
	div.fourColumnContentMain {width: 50%;}
	
	li.topNavigationOn, li.topNavigationOff,
	li.mobileNavigationOn, li.mobileNavigationOff,
	div.top-button a {
		font-size: 14px;
		line-height: 14px;
	}

	li.topNavigationOn a, li.topNavigationOff a {padding: 10px 8px 10px 8px;}
	div.top-button a {padding: 8px 8px 8px 8px;}
}

/* Anything less than 767px (Small size) */
@media only screen and (max-width: 767px)
{
	/************** border stuff ************************************************/
	
	div.containerInsideTwo, div.containerInsideTwoMobileNav, div.containerInsideTwoTitleBanner, div.containerInsideTwoBanner {
		border-left: 0px;
		border-right: 0px;
	}
	
	/************** header stuff ************************************************/

	span.header-top-button-menu {display: inline;}
	div.topNavigation {display: none;}
	div.container-mobile-nav {display: block;}
	div.container-banner-small {display: block;}
	div.container-banner-wide {display: none;}
	div.containerInsideTwoMobileNav {padding: 0px 0px 0px 0px;}

	/************** columns *****************************************************/

	div.leftColumnContent {width: 38%;}
	div.rightColumnContent {width: 58%;}
	div.leftColumnContentSales {width: 31%;}
	div.rightColumnContentSales {width: 65%;}
	
	
	div.rightColumnContentInsideColumnSpacer, div.standardFormSpacer {display:none;}
	div.rightColumnContentInsideColumn, div.standardFormLeftColumn, div.standardFormRightColumn {width: 100%;}
}

/* Smaller than iPhone 5s width */
@media only screen and (max-width: 567px)
{	
	/************** columns *****************************************************/
	
	div.twoColumnContentSpacer {display: none;}
	div.leftColumnContent, div.rightColumnContent, div.leftColumnContentSales, div.rightColumnContentSales, div.rightColumnContentInsideColumn {width: 100%;}
	
	div.fourColumnContentMain {width: 100%;}
	
	div.productBox-top, div.productBoxHighlight-top, div.productBoxSelected-top, div.productBoxGrey-top {
		min-height: 50px; /* To ensure panels line up */
	}
}

/* Anything less than 399px (Tiny size) */
@media only screen and (max-width: 399px)
{	
	/************** header stuff ************************************************/

	div.header-main-left {width: 100%;}

	div.header-main-right {
		float: left;
		width: 100%;
		padding-top: 10px;
	}

	/************** columns *****************************************************/

	div.fourColumnContentSpacerFooter, div.fourColumnContentSpacerMain {display: none;}
	div.fourColumnContentFooter {width: 100%;}
}