@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,800);

.element-hidden { display: none; }
.element-invisible { position: absolute ! important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; }
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static ! important; clip: auto; overflow: visible; height: auto; }
/* .form-item .element-invisible {
	clip:rect(auto, auto, auto, auto);
	height:auto;
	overflow:auto;
	position:relative !important;
} Remove commenting on IE7, IE8 & IE9 (need to figure out!) */
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
:first-child + html .clearfix { min-height: 1%; }

li a.active { color: rgb(0, 0, 0); }
.breadcrumb { padding-bottom: 0.5em; }

fieldset { margin-bottom: 1em; padding: 0.5em; }
form { margin: 0px; padding: 0px; }
img { border: 0px none; }
.form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; }
.form-item .description { font-size: 0.85em; }
label, .lblBooking { display: block; font-weight: bold; }
label.option { display: inline; font-weight: normal; }
input.form-checkbox, input.form-radio { vertical-align: middle; }
.marker, .form-required { color: rgb(255, 0, 0); }

.block-nice-menus { line-height: normal; z-index: 10; }
ul.nice-menu, ul.nice-menu ul { z-index: 5; position: relative; }
ul.nice-menu li { position: relative; }
ul.nice-menu a { display: block; color: rgb(2, 122, 198); }
ul.nice-menu ul, #header-region ul.nice-menu ul { position: absolute; visibility: hidden; }
ul.nice-menu ul li { display: block; }
ul.nice-menu::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
ul.nice-menu li:hover ul, ul.nice-menu li.menuparent li:hover ul, ul.nice-menu li.menuparent li.menuparent li:hover ul, ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul, ul.nice-menu li.over ul, ul.nice-menu li.menuparent li.over ul, ul.nice-menu li.menuparent li.menuparent li.over ul, ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul, #header-region ul.nice-menu li:hover ul, #header-region ul.nice-menu li.menuparent li:hover ul, #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul, #header-region ul.nice-menu li.over ul, #header-region ul.nice-menu li.menuparent li.over ul, #header-region ul.nice-menu li.menuparent li.menuparent li.over ul { visibility: visible; }
ul.nice-menu li.menuparent ul, #header-region ul.nice-menu li.menuparent ul { overflow: visible ! important; }

ul.nice-menu, ul.nice-menu ul { list-style: outside none none; padding: 0px; margin: 0px; border-top: 1px solid rgb(204, 204, 204); }
ul.nice-menu li { border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; float: left; background-color: rgb(238, 238, 238); }
ul.nice-menu a { padding: 0.3em 5px; }
ul.nice-menu ul { top: 1.8em; left: -1px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-right: 0px; }
ul.nice-menu ul li { width: 12.5em; }
ul.nice-menu-down { float: left; border: 0px none; }
ul.nice-menu-down li { border-top: 1px solid rgb(204, 204, 204); }
ul.nice-menu-down li li { border-top: 0px none; }
ul.nice-menu-down ul { left: 0px; }
ul.nice-menu-down ul li { clear: both; }
ul.nice-menu-down .menuparent a { padding-right: 15px; }
ul.nice-menu-down li.menuparent { background: rgb(238, 238, 238) url('arrow-down.png') no-repeat scroll right center; }
ul.nice-menu-down li.menuparent:hover { background: rgb(204, 204, 204) url('arrow-down.png') no-repeat scroll right center; }
ul.nice-menu li { margin: 0px; padding-left: 0px; background-image: none; }

/* Browser Resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img{
	border:0;
}
address, caption, cite, code, dfn, var {
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1, h2, h3 ,h4, h5, h6, p, li {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; /* Correct `block` display not defined for any HTML5 element in IE 8/9, `details` or `summary` in IE 10/11 and Firefox, and  `block` display not defined for `main` in IE 11 */
}
html {
	height:100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust:100%;	 /* Stops Safari Mobile from trying to adjust paragraph tags */
}
body {
	border:0;
	width:100%;
	height:100%;
	background: #012F71; /* Colour of area below footer which is used for Footer-Bottom */
}
body#tinymce,
body.mceContentBody {
	background: #FFF; /* Colour of background of main body text in TinyMCE */
}
audio, 
canvas,
progress,
video {
	display: inline-block; /* Correct `inline-block` display not defined in IE 8/9 */
	vertical-align: baseline; /* Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera */
}
audio:not([controls]) {
	display: none; /* Prevent modern browsers from displaying `audio` without controls */
	height: 0; /* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22*/
}
img,
embed,
object,
video {
	max-width:100%;
	height:auto;
}
#locationmap_map img, 
#locationmap_map embed, 
#locationmap_map object, 
#locationmap_map video { 
	max-width: none; /* to make Google Map controls appear */ 
} 
input, textarea, select, .grippie {
	-webkit-border-radius:0; /* Stop iOS auto round cornering input elements */
	-webkit-appearance:none; /* Stop iOS auto styling input elements */
	-moz-box-sizing: border-box; /* makes the border and padding part of the width of the item, works IE8+ */
	-webkit-box-sizing: border-box; /* makes the border and padding part of the width of the item, works IE8+ */
	box-sizing: border-box; /* makes the border and padding part of the width of the item, works IE8+ */
}
input[type=radio] {
	-webkit-appearance:radio; /* Stop iOS auto styling input elements */
}
input[type=checkbox] {
	-webkit-appearance:checkbox; /* Stop iOS auto styling input elements */
}
a {
	background: transparent; /* Remove the gray background color from active links in IE 10*/
}
a:active,
a:hover {
	outline: 0; /*Improve readability when focused and also mouse hovered in all browsers*/
}


/* --------------- Common Settings ---------------- */
#header-wrap,
.slideshow-wrap,
.colmask-wrap,
#footer-top-wrap,
#footer-middle-wrap,
#footer-bottom-wrap,
.breadcrumb-wrap {
	width:100%;
	margin:0;
	padding:0;
}
#header,
.slideshow,
.colmask,
.footer,
.footer-top,
.footer-middle,
.footer-bottom,
.banner-no-image,
.banner-with-image,
.breadcrumb {
	margin:0;
	padding:20px 3%;
	padding:2rem 3%;
	width:94%; /* 100% minus padding left and right from above */
}
.colmask .content {
  position: relative;
}
.header-wrap-gap {
	padding-top:50px;		/* extra padding to match the height of the fixed header */
	padding-top:5rem;		/* extra padding to match the height of the fixed header */
}
.drop-menu .header-wrap-gap {
	padding-top:0;			/* drop padding on the gap when the menubox is open */
}
#overlay-container { /* this is for the Drupal Admin Overlay */
	z-index:1000; /* make the admin overlay appear in front of fixd header */
}
#overlay-container .overlay-element, /* this is for the Drupal Admin Overlay */
#admin-menu, #admin-menu .dropdown {/* this is for the Drupal Admin Overlay to get the admin menu appear to the front */
	z-index:1001; /* make the admin overlay appear in front of fixd header */
}

/* --------------- Header styles ---------------- */
#header-wrap { /* header container to edge of screen */
	background:#fff; /* Header Background Colour*/
	position:fixed;
	top:0;
	left:0;
	-webkit-backface-visibility:hidden; /*needed to make position:fixed work on android*/
	z-index:999;
}
.drop-menu #header-wrap { /* header container to edge of screen when the menubox is open */
	position:relative; /* Removed the fixed header position on mobile devices when the menubox is open (allows the menu to be scrolled) */
}
.fixed-header {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
	/* border-bottom:1px solid #666; Remove comments on IE7 & IE8 */
}
#header { /* header container to edge of display area */
	padding-top:10px;		/* reset common setting above */
	padding-top:1rem;		/* reset common setting above */
	padding-bottom:0;		/* reset common setting above to allow dropdowns to appear direct under navigation */
	clear:both;
	text-align:center;
}
.header-wrap-gap {
	background:#fff;		/* Backround colour of header */
}
.logo-wrap { /* logo container */
	float:left;
	position:relative;
	text-align:left;
	width:47%;
}
.logo-wrap a { /* link inside logo container */
	width:100%;
	text-align:left;
	text-decoration:none;
	line-height:1;
}
.logo-wrap img { /* image inside logo container */
	padding-bottom:5px;
	padding-bottom:0.5rem;
	max-width:70%;
}
.name-slogan { /* Site name and slogan container */
	text-align:left;
	margin-top:0;
	padding:0;
	padding-right:20px;
	padding-right:2rem;
	float:left;
	position:relative;
	display:none;
}
.name-slogan .site-name,
.name-slogan .site-name h1,
.name-slogan .site-name h1 a,
.name-slogan .site-name a { /* Site name */
	text-align:left;
	font-weight:normal;
	color:#01499A !important;
	font-size:28px;
	font-size:2.8rem;
	text-decoration:none !important;
}
.name-slogan .site-slogan { /* Site slogan */
	text-align:left;
	color:#01499A;
	font-size:20px;
	font-size:2rem;
}
.breadcrumb-wrap {
	background:#01499A;
}


/* --------------- slideshow ---------------- */
.slideshow-wrap { /* slideshow */
	background:#171b26;
}

.slideshow { /* slideshow */
	clear:both;
	padding:0; 				/* reset common setting above */
	width:100%; 			/* reset common setting above */
	margin:0 auto;
}


/* --------------- column container ---------------- */
.colmask-wrap { /* Main content container to edge of screen */
	background:#fff;
}
.colmask { /* Main content container to edge of display area */
	background:#fff; /* full width column background colour */
	position:relative;
	clear:both;
	overflow:hidden;
}


/* --------------- Padding/Border on various elements ---------------- */
.border-pad { /*padding on element containers*/
}


/* --------------- common column settings - no need to adjust ---------------- */
.colright,
.colmid,
.colleft {
	width:100%;
}
.col1,
.col2,
.col3,
.col4 {
	width:100%;
}


/* --------------- 2 Column (Main Content Left) settings ---------------- */
.full-col{ /* full width column (in Colmask and Footers) */
}
.twocol-mainleft .colleft { /*column 1 (left column) */
	background:#fff; /* column 1 (left column) background colour */
}
.twocol-mainleft .col1 { /*column 1 (left column) (shouldn't need any adjustments here for mobile) */
}
.twocol-mainleft, 
.twocol-mainleft .col2 { /*column 2 (right column) */
	background:#fff; /* column 2 (right column) background colour */
}


/* --------------- Common Footer settings - no need to adjust ---------------- */
#footer-top-wrap,
#footer-middle-wrap,
#footer-bottom-wrap { /* footer containers to edge of screen */
}
.footer,
.footer-top,
.footer-middle,
.footer-bottom { /* main footer container in each footer-***-wrap  */
	clear:both;
	padding-top:10px;
	padding-top:1rem;
	padding-bottom:10px;
	padding-bottom:1rem;
}


/* --------------- Footer Layout styles ---------------- */
#footer-top-wrap { /* top footer container to edge of screen */
	background: #01499A; /* Top footer background colour */
}
.footer-top { /* main footer container in footer-top-wrap  */
}
.footer-top-left,
.footer-top-right { /* secondary footer container in footer-top */
	width:100%;
	padding:0;
	margin:0;
}
.footer-col,
.footer-col1, 
.footer-col2,
.footer-col3,
.footer-col4 { /* individual footer columns in footer-top-left and footer-top-right */
	padding:5px 0;
	padding:0.5rem 0;
}

#footer-middle-wrap { /* middle footer container to edge of screen */
	background:#e6ecec ; /* middle footer background colour */
}
.footer-middle { /* main footer container in each footer-***-wrap  */
	padding-top:30px;
	padding-top:3rem;
	padding-bottom:30px;
	padding-bottom:3rem;
}
.footer-middle-left,
.footer-middle-right { /* secondary footer container in footer-middle */
}

#footer-bottom-wrap { /* bottom footer container to edge of screen */
	/*no need to set background colour here as it's set by the <body> tag */
}
.footer-bottom-left,
.footer-bottom-right { /* secondary footer container in footer-bottom */
}


/* Wheels overrides */

.slideshow .slide-text {
	width:94%;
	margin:0 auto;
}
.slideshow .slide-text h2 {
	top: 30px;
	top: 3rem;
	z-index: 200;
	max-width:980px;
	margin:0 auto;
	font-size:35px;
	font-size:3.5rem;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	line-height:35px;
	line-height:3.5rem;
	color:#FFF;
	padding:40px 0 25px 0;
	padding:4rem 0 2.5rem 0;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
	letter-spacing:-2px;
}
.slideshow .views-field-field-call-to-action-text {
	position: absolute;
	top: 220px;
	top: 22rem;
	z-index: 200;
}
.slideshow .views-field-field-call-to-action-text a {
	font-size:16px;
	font-size:1.6rem;
	font-style:italic;
	color:#fff;
	background:#01499A;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
	z-index:450;
	padding:5px 20px;
	padding:0.5rem 2rem;
}
.slideshow .views-field-field-call-to-action-text a:hover {
	background:#012F71;
	-webkit-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.5);
}
.slideshow .slide-services {
	position:relative;
	margin:0 auto;
	width:94%;
	max-width:1280px;
}

/* --------------- Basic element styles ---------------- */
html, input, textarea, select {
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Set the base rem so that 1.3rem = 13px (this size (usually for PC's) is also required here for Tiny MCE)  */
}
html.rem-base {
	font-size:71.25%; /* Set the base rem so that 1.3rem = 14.8px (larger for mobiles/tablets). This setting does not affect TinyMCE */
}
body, h1, h2, h3, h4, h5, h6, p, li, table, th, td, div, dt, dd, input, textarea, select, button {
	font-size:13px;					/* Base font size in whole document for older browsers */
	font-size:1.3rem;				/* Base font size in REM for newer browsers */
	line-height:1.5;				/* Base line height */
}


/* --------------- Font styles ---------------- */
h1 {
	font-size:40px;
	font-size:4rem;
	padding:15px 0;
	padding:1.5rem 0;
	color:#01499A;
	margin:0;
	line-height:1.2;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:-2px;
}
h2 {
	font-size:30px;
	font-size:3rem;
	padding:0 0 5px 0;
	padding:0 0 0.5rem 0;
	color:#01499A;
	margin:0;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:-2px;
	line-height:1.2;
}
.front h1,
.front h2, 
.slideshow h1 {
	color:#fff;
}
.front .footer-middle h2 {
	color:#01499A;
}
h3 {
	font-size:18px;
	font-size:1.8rem;
	padding:0 0 3px 0;
	padding:0 0 0.3rem 0;
	color:#888fa1;
	text-align:left;
	margin:0;
	font-weight:700;
	line-height:1.2;
}
.front h3 {
	color:#fff;
}
.footer-middle-top h3 {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
}
.front .footer-middle h3 {
	color:#F48B30;
}
h4 {
	font-size:20px;
	font-size:2rem;
	padding:0 0 40px 0;
	padding:0 0 4rem 0;
	color:#525252;
	text-align:center;
	margin:0;
	font-weight:normal;
	top:0;
}
.not-front .col1 h4 {
	font-size:17px;
	font-size:1.7rem;
	padding:0 0 16px 0;
	padding:0 0 1.6rem 0;
	color:#525252;
	text-align:left;
	margin:0;
	font-weight:normal;
}
.front h4,
.slideshow h4 {
	color:#888fa1;
}
.slideshow h4 {
	padding:0 0 15px 0;
	padding:0 0 1.5rem 0;
}
h5 {
	font-size:14px;
	font-size:1.4rem;
	padding:0 0 3px 0;
	padding:0 0 0.3rem 0;
	color:#525252;
	text-align:left;
	margin:0;
}
h6 {
	font-size:12px;
	font-size:1.2rem;
	padding:0 0 15px 0;
	padding:0 0 1.5rem 0;
	color:#01499A;
	text-align:left;
	margin:0;
}
p, 
div, 
input, 
select, 
textarea,
li,
dt,
dd {
	color:#525252;
	text-align:left;
	margin:0;
}
.front .colmask p,
.front .colmask div {
	color:#888fa1;
}
p {
	padding:0 0 16px 0;
	padding:0 0 1.6rem 0;
}
a,
input.form-submit,
#menubox,
#menu-icon,
#search-icon,
#header-wrap, 
#header,
.logo-wrap,
.logo-wrap img,
#navigation-wrap,
.navigation,
.child-trigger,
.arrow { /* creates fading effect for hovers */
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a {
	color:#01499A;
}
a:hover,
a:active {
	color:#012F71;
	text-decoration:underline;
}
.front .footer-middle a {
	color:#01499A;
}
.front .footer-middle  a:hover,
.front .footer-middle  a:active {
	color:#012F71;
}
.slideshow h4 a,
.breadcrumb a {
	color:#fff;
	text-decoration:none
}
.slideshow h4 a:hover,
.breadcrumb a:hover {
	color:#888fa1;
	text-decoration:underline;
}
.colmask ul,
#tinymce ul,
.colmask ol,
#tinymce ol {
	padding:0 0 16px 0;
	padding:0 0 1.6rem 0;
	margin:0;
}
.colmask ul li,
#tinymce ul li {
	text-align:left;
	margin-left:16px;
	margin-left:1.6rem;
	padding:0 0 0 6px;
	padding:0 0 0 0.6rem;
}
.colmask ol li,
#tinymce ol li {
	text-align:left;
	margin-left:22px;
	margin-left:2.2rem;
	padding:0;
}
dt {
	text-align:left;
	margin:0;
	padding:0;
}
dd {
	text-align:left;
	padding:0 0 16px 22px;
	padding:0 0 1.6rem 2.2rem;
	margin:0;
}


/* --------------- Table Styles ---------------- */
table {
	border:0;
	border-spacing:0;
	margin:10px 0;
	margin:1rem 0;
	width:100%;
}
table th {
	background:#01499a;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
table.ui-datepicker-calendar th {
  font-size: 13px;
  font-size: 1.3rem;
}
table th .btnStyle1 {
	margin: 0;
}
table tr th,
table tr th a,
table tr th a:hover {
	color:#FFF;
	font-weight:bold;
}
table tbody tr th {
	vertical-align:top;
}
tr td,
tr th {
	padding:4px 9px;
	padding:0.4rem 0.9rem;
	border:1px solid #fff;
	text-align:left; 
}
tr.odd {
	background:#e4e4e4;
	background:rgba(0, 0, 0, 0.105);
}
tr,
tr.even {
	background:#efefef;
	background:rgba(0, 0, 0, 0.063);
}
table ul.links {
	margin:0;
	padding:0;
}
table ul.links li {
	padding:0 16px 0 0;
	padding:0 1.6rem 0 0;
}


/* --------------- Highlighted ---------------- */
#highlighted {
}


/* --------------- Breadcrumbs ---------------- */
#breadcrumb,
#breadcrumb div {
	font-size:11px;
	font-size:1.1rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	margin:0;
}
#breadcrumb div {
	display:inline;
}


/* --------------- System Tabs  --------------- */
ul.tabs {
	margin:10px 0;
	margin:1rem 0;
}
.tabs ul.primary {
	border-bottom:2px solid #ccc; /* border colour below tabs - same as below */
	padding:0 15px; /* padding left of tab block */
	padding:0 1.5rem; /* padding left of tab block */
	height:26px;
	height:2.6rem;
}
.tabs ul.primary li {
	margin:0 10px 0 0; /* gap between tabs */
	margin:0 1rem 0 0; /* gap between tabs */
	display:block;
	float:left; 
	vertical-align: bottom;
}
.tabs ul.primary li a,
.tabs ul.primary li a:hover {
	background:#01499A; /* background of tab - same as navigation */
	border-color:#6E95C2 #012F71 #012F71 #6E95C2; /* border colour around tabs - same as left & right on navigation */
	border-bottom:none;
	color:White;/* font colour of text on tabs */
	padding:0 15px 3px; /* padding left and right on each tab */
	padding:0 1.5rem 0.3rem; /* padding left and right on each tab */
	font-weight:bold; /* tab font weight */
	height:22px;
	height:2.2rem;
	line-height:24px;
	line-height:2.4rem;
	display:block;
	float:left;
	margin:0;
	-khtml-border-radius-topleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-khtml-border-radius-topright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
.tabs ul.primary li a:hover {
	background:#012F71; /* background of tab - same as navigation hover */
	border-color:#6E95C2 #012F71 #012F71 #6E95C2; /* border colour around tabs on hover - same as left & right on navigation */
	border-bottom:none;
}
.tabs ul.primary li.active a,
.tabs ul.primary li.active a:hover {
	background:#6E95C2; /* background of active tab - same a active navigation */
	border-color:#6E95C2 #6E95C2 #6E95C2 #6E95C2; /* border colour around active tabs - same as left & right on navigation */
	height:24px;
	height:2.4rem;
	border-bottom:none;
}
.tabs ul.secondary {
	border-bottom:none;
	padding:6px 0;
	padding:0.6rem 0;
	height:10px;
}
.tabs ul.secondary li {
	display:block;
	float:left;
}
.tabs ul.secondary li:last-child {
	border-right:none;
}
.tabs ul.secondary li:first-child {
	padding-left:0;
}
.tabs ul.secondary li a {
	padding:3px 6px;
	padding:0.3rem 0.6rem;
}
.tabs ul.secondary li a.active {
	background:#efefef;
	border-bottom:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}
ul.action-links {
	list-style:none;
	margin:5px;
	margin:0.5rem;
	padding:6px 12px;
	padding:0.6rem 1.2rem;
}
ul.action-links li {
	display:inline-block;
	margin-left:10px;
	margin-left:1rem;
}
ul.action-links li a {
	padding-left:15px;
	padding-left:1.5rem;
	background:url(../images/add.png) no-repeat left center;
	margin:0 10px 0 0;
	margin:0 1rem 0 0;
}


/* ---------------- Messages  ----------------- */

#messages {
	padding-bottom:15px;
	padding-bottom:1.5rem;
	margin:0 auto;
}
.featured #messages {
	background:#efefef;
	background:rgba(30, 50, 10, 0.08);
}
div.messages {
	margin:10px 0 0 0;
	margin:1rem 0 0 0;
}


/* -------------- Password Meter  ------------- */

.confirm-parent,
.password-parent {
	width:540px;
	width:54rem;
}
.password-parent,
div.form-item div.password-suggestions {
	position:relative;
}
.password-strength-text,
.password-strength-title,
div.password-confirm {
	font-size:13px;
	font-size:1.3rem;
}
.password-strength-text {
	margin-top:3px;
	margin-top:0.3rem;
}
div.password-confirm {
	margin-top:35px;
	margin-top:3.5rem;
	width:330px;
	width:33rem;
}


/* -------------- Form Elements   ------------- */
fieldset,
.col2-wrapper-img {
	background:#fff;
	border:1px solid #ccc;
	margin-top:10px;
	margin-top:1rem;
	margin-bottom:32px;
	margin-bottom:3.2rem;
	padding:0;
	position:relative;
	top:12px; /* Offsets the negative margin of legends */
	top:1.2rem; /* Offsets the negative margin of legends */
}
fieldset .fieldset-wrapper {
	margin:0;
	padding:15px 2% 20px 2%;
	padding:1.5rem 2% 2rem 2%;
}
.col2-wrapper-img {
	margin:0;
	padding:5px 2% 5px 2%;
	padding:0.5rem 2% 0.5rem 2%;
}
.node-form .vertical-tabs .fieldset-wrapper {
	margin-top:0;
}
.filter-help a {
	font-size:13px;
	font-size:1.3rem;
	padding:2px 20px 0;
	padding:0.2rem 2rem 0;
}
.filter-wrapper {
	top:0;
	padding:16px 0 3px;
	padding:1.6rem 0 0.3rem;
	-khtml-border-radius-topright:0;
	-khtml-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.filter-wrapper .form-item label {
	margin-right:10px;
	margin-right:1rem;
}
.filter-wrapper .form-item {
	padding:0 0 8px 8px;
	padding:0 0 0.8rem 0.8rem;
}
.filter-guidelines {
	padding:0 24px 0 8px;
	padding:0 2.4rem 0 0.8rem;
}
fieldset.collapsed {
	background:transparent;
	-khtml-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
fieldset legend {
	background:#e4e4e4;
	border:1px solid #ccc;
	border-bottom:none;
	color:#333;
	display:block;
	left:-1px;
	line-height:2;
	padding:0;
	position:absolute;
	text-indent:10px;
	text-indent:1rem;
	top:-12px;
	top:-1.2rem;
	width:100%;
	-khtml-border-radius-topleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius: 5px;
	-khtml-border-radius-topright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
fieldset.collapsed legend {
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
fieldset legend a {
	color:#333;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
	color:#000000;
}
fieldset .fieldset-wrapper {
	padding:20px 2% 0 2%;
	padding:2rem 2% 0 2%;
}
fieldset .col2-wrapper-img {
	padding:5px 2% 5px 2%;
	padding:0.5rem 2% 0.5rem 2%;
}
fieldset .fieldset-description {
	margin-top:5px;
	margin-top:0.5rem;
	margin-bottom:16px;
	margin-bottom:1.6rem;
	color:#333;
	font-style:italic;
}
fieldset .fieldset-legend span.summary {
	margin:0;
}
input {
	margin:2px 0;
	margin:0.2rem 0;
	padding:4px 1%;
	padding:0.4rem 1%;
}
input,
textarea {
}
textarea {
}
textarea.form-textarea,
select.form-select {
	padding:4px 0.5%;
	padding:0.4rem 0.5%;
}
input.form-text,
textarea.form-textarea,
select.form-select,
.resizable-textarea .grippie,
input.Width178 {
	border:1px solid #ccc;
	padding:4px 2%;
	padding:0.4rem 2%;
	width:100%;
	line-height:normal;
}
.resizable-textarea .grippie {
	border-top:none;
}
input.form-submit,
a.button { /* Form Buttoms */
	background:#01499A; /* background of button - same as navigation */
	border-color:#6e95c2 #012f71 #012f71 #6e95c2; /* border colour around tabs - same as left & right on navigation */
	border-style:solid;
	border-width:1px;
	color:White;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	margin-bottom:12px;
	margin-bottom:1.2rem;
	margin-right:15px; /* LTR */
	margin-right:1.5rem; /* LTR */
	padding:4px 17px;
	padding:0.4rem 1.7rem;
	font-size:11px;
	font-size:1.1rem;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
a.button {
	display:inline-block;
	text-decoration:none;
}
input.form-submit:hover,
input.form-submit:focus,
a.button:hover,
a.button:focus { /* Form Buttoms - hover */
	background:#001C51; /* background of button - same as navigation hover */
	border-color:#01499A #001C51 #001C51 #01499A;
}
.password-suggestions ul li {
	margin-left:18px;
	margin-left:1.8rem;
}
.form-item {
	margin-bottom:16px;
	margin-bottom:1.6rem;
	margin-top:0;
}
.form-item label {
}
.form-type-radio label,
.form-type-checkbox label {
	margin-left:4px;
	margin-left:0.4rem;
}
.form-type-radio .description,
.form-type-checkbox .description {
	margin-left:2px;
	margin-left:0.2rem;
}
.form-actions {
	padding-top:10px;
	padding-top:1rem;
}


/* Disabled form elements */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
	background:#efefef;
	border-color:#999;
	color:#666;
}
.form-disabled .grippie {
	background-color:#efefef;
	border-color:#999;
}
.form-disabled label {
	color:#666;
}


/* Animated throbber */
html.js input.form-autocomplete {
	background-position:100% 4px; /* LTR */
}
html.js input.throbbing {
	background-position:100% -16px; /* LTR */
}


/* Comment form */
.comment-form label {
	float:left; /* LTR */
	font-size:15px;
	font-size:1.5rem;
	width:120px;
	width:12rem;
}
.comment-form input,
.comment-form .form-select {
	margin:0;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.comment-form .form-type-textarea label {
	float:none;
}
.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select {
	margin-bottom:10px;
	margin-bottom:1rem;
	overflow:hidden;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios {
	margin-left:120px; /* LTR */
	margin-left:12rem; /* LTR */
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
	float:none;
	margin-top:0;
}
.comment-form input.form-file {
	width:auto;
}
.no-sidebars .comment-form .form-text {
	width:800px;
	width:80rem;
}
.one-sidebar .comment-form .form-text {
	width:500px;
	width:50rem;
}
.two-sidebars .comment-form .form-text {
	width:320px;
	width:32rem;
}
.comment-form .form-item .description {
	margin-left:120px; /* LTR */
	margin-left:12rem; /* LTR */
}
#content h2.comment-form {
	margin-bottom:8px;
	margin-bottom:0.8rem;
}
.comment-form .form-textarea {
	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item {
	margin-top:0;
	margin-bottom:0;
}
.filter-wrapper label {
	width:auto;
	float:none;
}
.filter-wrapper .form-select {
	min-width:120px;
	min-width:12rem;
}
.comment-form fieldset.filter-wrapper .tips {
}
#comment-body-add-more-wrapper .form-type-textarea label {
	margin-bottom:6px;
	margin-bottom:0.6rem;
}
#edit-actions input {
	margin-right:9px;
	margin-right:0.9rem;
}


/* -------------- Other Overrides ------------- */
div.password-suggestions {
	border:none;
}
.ui-widget-overlay {
	background:#333;
	opacity:0.7;
}
div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
	padding:0 16px;
	padding:0 1.6rem;
	margin:0 0 15px 0 !important;
	margin:0 0 1.5rem 0 !important;
}
#forum .name {
	font-size:17px;
	font-size:1.7rem;
}
#forum .description {
	font-size:16px;
	font-size:1.6rem;
}


/* --------------- Search Form ---------------- */
#block-search-form {
	width:100%;
}
#block-search-form .content {
	margin-top:0;
}
#search-form input,
#search-block-form input {
	float:left; /* LTR */
	margin:0;
	width:75%; /* make 71% for IE7 ONLY i.e. *width:71%  */
	border:none;
	padding:0 2%;
	height:30px;
	height:3rem;
	line-height:30px;
	line-height:3rem;

	}
#search-form .form-submit,
#search-block-form .form-submit { /*Search Button */
	background:url(../images/search-icon.png) no-repeat center center #01499A; /* background of button - same as navigation with Search icon on top */
	border:none;
	height:30px;
	height:3rem;
	width:25%;
	margin:0;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
	text-transform:capitalize; /* This forces IE7 to accept the negative text-indent */
	overflow:hidden;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#search-form .form-submit:hover,
#search-form .form-submit:focus,
#search-block-form .form-submit:hover,
#search-block-form .form-submit:focus { /*Search Button - hover */
	background:url(../images/search-icon.png) no-repeat center center #012F71 ;
}
#search-form label,
#search-block-form label {
	color:White;
	display:block;
}
#search-form {
	background:#fff;
	padding:18px 2% 15px 2%;
	padding:1.8rem 2% 1.5rem 2%;
}
#search-form:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#search-form .search-advanced { /*Background of Search Advanced */
	clear:both;
	background:#fff;
	width:100%;
	border:none;
	margin-bottom:10px;
	margin-bottom:1rem;
	padding:0;
}
#search-form .collapsed {
	background:none;
}
#search-form .search-advanced legend {
	position:relative;
}
#search-form .search-advanced .criterion,
#search-form .search-advanced .action {
	width:100%;
	margin:0;
}
#search-form .search-advanced label {
	color:#333;
	float:left;
	position:relative;
}
#search-form .search-advanced input {
	width:96%;
	border:1px solid #ccc;
	float:none;
}
#search-form .search-advanced input.form-checkbox {
	width:18px;
	width:1.8rem;
	height:18px; 
	height:1.8rem; 
	margin-right:5px;
	margin-right:0.5rem;
	margin-bottom:3px;
	margin-bottom:0.3rem;
	float:left;
	position:relative;
	clear:both;
}
#search-form .search-advanced .form-type-checkboxes:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#search-form .search-advanced input.form-submit {
	width:100%; 
}
#search-form .search-advanced .action {
	float:none;
}
#search-form fieldset legend {
	background:none;
	border: none;
	color:white;
}
#search-form fieldset .fieldset-legend {
	background:none;
	padding:0;
}
#search-form fieldset .fieldset-wrapper {
	padding-top:15px;
	padding-top:1.5rem;
	padding-bottom:15px;
	padding-bottom:1.5rem;
}
#search-form fieldset .fieldset-legend a {
	background:#01499A;
	color:white;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	display:block;
}
#search-form fieldset .fieldset-legend a:hover {
	background:#012F71;
}


/* --------------- Search Results ---------------- */
ol.search-results {
	padding-left: 0;
}
.search-results li {
	border-bottom:1px solid #d3d7d9;
	padding-bottom:6px;
	padding-bottom:0.6rem;
	margin-bottom:8px;
	margin-bottom:0.8rem;
}
.search-results li:last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:16px;
	margin-bottom:1.6rem;
}
.search-results .search-snippet-info {
	padding-left:0;
}


/* -------------- Shortcut Links -------------- */
.shortcut-wrapper {
	margin:35px 0 17px 0; /* Same as usual h1#page-title margin. */
	margin:3.5rem 0 1.7rem 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
	float:left;
	margin:0;
}
div.add-or-remove-shortcuts {
	padding-top:14px;
	padding-top:1.4rem;
}
.overlay div.add-or-remove-shortcuts {
	padding-top:12px;
	padding-top:1.2rem;
}


/* ---------- Admin-specific Theming ---------- */

.page-admin #content img {
	margin-right:15px;
	margin-right:1.5rem;
}
.page-admin #content .simpletest-image img {
	margin:0;
}
.page-admin-structure-block-demo .block-region {
	background: #ffff66;
	border: 1px dotted #9f9e00;
	color:#000;
	margin:5px;
	margin:0.5rem;
	padding:5px;
	padding:0.5rem;
	text-align:center;
	text-shadow:none;
}
.page-admin-structure-block-demo #featured .block-region {
	font-size:9px;
	font-size:0.9rem;
}
.page-admin-structure-block-demo #header .block-region {
	width:500px;
	width:50rem;
}
.page-admin #admin-dblog img {
	margin:0 5px;
	margin:0 0.5rem;
}
/* Fix spacing when Seven is used in the overlay. */
#system-theme-settings fieldset {
	padding:0;
}
#system-theme-settings fieldset .fieldset-legend {
	margin-top:0;
}
/* Configuration. */
div.admin .right,
div.admin .left {
	width:49%;
	margin:0;
}
div.admin-panel {
	background:#efefef;
	border:1px solid #ccc;
	margin:10px 0;
	margin:1rem 0;
	padding:0 5px 5px;
	padding:0 0.5rem 0.5rem;
}
div.admin-panel h3 {
	margin:16px 7px;
	margin:1.6rem 0.7rem;
}
div.admin-panel dt {
	border-top:1px solid #ccc;
	padding:7px 0 0;
	padding:0.7rem 0 0;
}
div.admin-panel dd {
	margin:0 0 10px;
	margin:0 0 1rem;
}
div.admin-panel .description {
	margin:0 0 14px 7px;
	margin:0 0 1.4rem 0.7rem;
}


/* ---------- Overlay layout styles ----------- */
.overlay #main,
.overlay #content {
	width:auto;
	float:none;
}
.overlay #page {
	padding:0 32px;
	padding:0 3.2rem;
}
.overlay .region-page-top,
.overlay #header,
.overlay #page-title,
.overlay #featured,
.overlay #sidebar-first,
.overlay #triptych-wrapper,
.overlay #footer-wrapper {
	display:none;
}
.overlay-processed .field-type-image {
	display:block;
	float:none;
}
.overlay #messages {
	width:auto;
}


/* ---------- Poll ----------- */
.node .poll {
	margin:32px 0;
	margin:3.2rem 0;
}
.node .poll #edit-choice {
	margin:0 0 24px;
	margin:0 0 2.4rem;
}
.poll .vote-form {
	text-align:left;
}
.poll .vote-form .choices {
	margin:0;
}
.poll .percent {
	font-style:italic;
	margin-bottom:48px;
	margin-bottom:4.8rem;
	margin-top:-51px;
	margin-top:-5.1rem;
	float:right;
	text-align:right;
}
.poll .text {
	clear:right;
	margin-right:36px;
	margin-right:3.6rem;
}
.poll .total {
	font-style:italic;
	text-align:right;
	clear:both;
}
.node .poll {
	margin:28px 0 0;
	margin:2.8rem 0 0;
}
.node .poll .text {
	margin-right:108px;
	margin-right:10.8rem;
}
.node .poll #edit-choice {
	margin:0 0 19px;
	margin:0 0 1.9rem;
}
.poll .bar .foreground {
	background-color:#666;
}
#footer-wrapper .poll .bar {
	background-color: #666;
}
#footer-wrapper .poll .bar .foreground {
	background-color: #e4e4e4;
}


/* --------------- Footer Font styles ---------------- */
#footer-top-wrap h4,
#footer-middle-wrap h4,
#footer-bottom-wrap h4 {
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
	text-align:left;
	padding:0;
	font-weight:bold;
}
#footer-top-wrap p,
#footer-bottom-wrap p {
	font-size:11px;
	font-size:1.1rem;
	color:#fff;
	text-align:left;
	padding:0 0 5px 0 !important;
	padding:0 0 0.5rem 0 !important;
}
#footer-bottom-wrap p {
	padding:0 !important;
}
#footer-middle-wrap .footer-middle-right p,
#footer-bottom-wrap .footer-bottom-right p {
}
#footer-top-wrap a,
#footer-bottom-wrap a {
	color:#fff;
	text-decoration: none;
}
#footer-top-wrap a:hover,
#footer-top-wrap a:active,
#footer-bottom-wrap a:hover,
#footer-bottom-wrap a:active {
	color:#999;
	text-decoration:underline;
}


/* Wheels overrides */
.col1 .view-courier-services .views-row,
.full-col .view-courier-services .views-row {
	margin-bottom:30px;
	margin-bottom:3rem;
}
.slideshow .view-courier-services .views-row {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.65);
	margin-bottom:40px;
}
.slideshow .view-courier-services .services-text {
	padding:20px;
	padding:2rem;
}
.slideshow .view-courier-services h3,
.slideshow .view-courier-services h3 a,
.slideshow .view-courier-services .views-field-body,
.slideshow .view-courier-services .views-field-body a {
	color:#fff;
}
.slideshow .view-courier-services h3 a:hover,
.slideshow .view-courier-services a:hover {
	color:#999;
}
.colmask .view-courier-services .views-more-link {
	border-color:#6e95c2 #01499A #01499A #6e95c2; /* border colour around tabs - same as left & right on navigation */
	border-style:solid;
	border-width:1px;
	display: block;
	margin-top: 10px;
	padding: 0.5rem;
	text-align: center;
	width: 40%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	text-decoration:none;
	clear:both;
}
.colmask .view-courier-services .views-more-link:hover {
	border-color:#01499A #001c51 #001c51 #01499A; /* border colour around tabs - same as left & right on navigation */
	background:#e6ecec;
	color:#001c51;
}
.front .colmask .view-courier-services .views-more-link {
	border-color:#eaeaea #888fa1 #888fa1 #eaeaea;
}
.front .colmask .view-courier-services .views-more-link:hover {
	border-color:#ccc #999 #999 #ccc;
	background:#000;
}
.colmask .view-courier-services .views-field-field-banner-image,
.news-lists .views-field-field-inline-images {
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:5px;
}
.news-lists a {
	text-align: left;
	color:#01499A;
}
.news-lists .views-more-link,
.news-lists .more-link,
.news-lists .view-footer {
	margin-top:0;
	margin-bottom:30px;
	margin-bottom:3rem;
	text-decoration:none;
	clear:both;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
}
.news-lists .view-tweets .view-footer {
	margin-bottom:0;
}
#footer-middle-wrap .news-lists p {
	padding:0;
}
.news-lists .views-more-link {
	font-size:10px;
	font-size:1rem;
}
.news-lists h2 {
	text-align:left;
}
.news-lists h3 a {
	color:#888fa1;
}
.news-lists a:hover {
	color:#012F71;
	text-decoration:underline;
}
.news-lists .views-row {
	padding:16px 0;
	border-top:1px solid #ccc;
	clear:both;
}
.news-lists .views-row-last {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
.front .news-lists .views-row {
	border-top:1px solid #ececec;
}
.front .news-lists .views-row-last {
	border-bottom:1px solid #ececec;
}
.news-lists .views-field-created,
.submitted {
	font-size:10px;
	font-size:1rem;
	color:#888fa1;
}
.submitted {
	margin-bottom:10px;
	margin-bottom:1rem;
}
.news-lists .view-tweets li {
	margin-left:0;
	font-size:10px;
	font-size:1rem;
	list-style:none;
}
.news-lists .view-tweets .views-field-text {
	font-size:13px;
	font-size:1.3rem;
}
.news-lists .view-tweets h3 span {
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
}
.news-lists .view-tweets .views-more-link span {
	margin-right:5px;
}
#breadcrumb {
	color:#888fa1;
	padding-bottom:0;
}
#locationmap_map {
	width:auto !important;
}
.block-locationmap {
	padding-bottom:30px;
	padding-bottom:3rem;
}
.linkedin,
.facebook,
.twitter, 
.google {
 	width: 30px;
	height: 30px;
	background-image: url('../images/linkedin.png');
	background-color:#01499a;
	text-transform: capitalize;
	text-indent:-9999px;
	position:relative;
	display:inline;
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
/* The following CSS needs to be uncommented for IE7. Remember to change the outer CSS selectors to the <p> that that wraps the social media icons
.footer #block-block-4 p { 
	padding:0 !important;
	line-height:0;
}
*/
.facebook {
	background-image:url('../images/facebook.png');
}
.twitter {
	background-image: url('../images/twitter.png');
}
.google {
	background-image: url('../images/google.png');
}
.linkedin:hover,
.facebook:hover,
.twitter:hover,
.google:hover {
	background-color:#003;
}
hr {
	clear:both;
	padding:0;
	margin:0;
	border:none;
	background:#ccc;
	color:#ccc;
}
.sidebar-block,
.first-sidebar-block {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	background:none;
	overflow: hidden;
	margin-bottom:30px;
	margin-bottom:3rem;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.sidebar-block h2,
.first-sidebar-block h2 {
	background:#01499a;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: normal;
	padding: 1rem 0;
	padding: 10px 0;
	text-transform: none;
	-khtml-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.did-you-know h2 {
	border-bottom: 1px solid #01499a;
}
.sidebar-block li,
.first-sidebar-block li {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}
.sidebar-block ul,
.first-sidebar-block ul {
	margin:0 !important;
	padding:0 !important;
}
.sidebar-block li a,
.first-sidebar-block li a,
.did-you-know p {
	background:#e6ecec;
	border-top: 1px solid #fff;
	font-size: 18px;
	font-weight: normal;
	margin-left: 0;
	padding: 10px 20px;
	display:block;
	color:#01499A;
}
.did-you-know h2 {
	padding: 20px 0 10px 0;
}
.did-you-know p {
	border-top: none;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	background:#01499A;
	color: #fff;
	padding: 0 20px 20px 20px;
}
.did-you-know p strong {
	font-size: 30px;
	line-height:30px;
	font-weight:bold;
}
.first-sidebar-block li a {
	background:#888fa1;
	color:#fff;
	font-weight:bold;
}
.sidebar-block li:last-child a,
.first-sidebar-block li:last-child a {
	-khtml-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.sidebar-block li a:hover,
.first-sidebar-block li a:hover {
	background-color:#B8BDC7;
	text-decoration:none;
}
.first-sidebar-block li a:hover {
	background-color:#6D728B;
}
.sidebar-block .quote a,
.sidebar-block .book a,
.sidebar-block .track a,
.sidebar-block .contact a,
.latest-news-icon h2,
.case-studies-icon h2,
.tweets-icon h2 {
	background-image:url(../images/quote.png);
	background-position:20px center;
	background-repeat:no-repeat;
	padding-left:70px;
}
.sidebar-block .book a {
	background-image:url(../images/book.png);
}
.sidebar-block .track a {
	background-image:url(../images/track.png);
}
.sidebar-block .contact a {
	background-image:url(../images/contact.png);
}
.latest-news-icon h2 {
	background-image:url(../images/news.png);
	background-position:0 35%;
	padding-left:40px;
}
.case-studies-icon h2 {
	background-image:url(../images/case-studies.png);
	background-position:0 35%;
	padding-left:40px;
}
.tweets-icon h2 {
	background-image:url(../images/tweets.png);
	background-position:0 35%;
	padding-left:40px;
}

/* --------------- navigation ---------------- */
/* === Main menu settings === */
#navigation-wrap { /* navigation menu container to edge of screen */
	background:none; /* background of whole navigation bar to the edge of the screen. Can be made same colour as #header, .navigation or none depending on effect */
	padding:0;
	margin:0;
}
.navigation { /* navigation menu container to edge of dislay area */
	margin:0; 
	z-index:500; 
	position:relative; 
	padding:0;
	width:100%;
}
#menu-icon { /* 'Menu' tab on mobile/tablet */
	float:right;
	position:relative;
	display:none !important;
}
#search-icon { /* 'Search' tab on mobile/tablet */
	float:right;
	position:relative;
	display:none !important;
}
.js #menu-icon,
.js #search-icon { /* If there is javascript, show 'Menu' and 'Search' tabs on mobile/tablet */
	display:block !important;
}
#menubox,
#searchbox { /* navigation menu and search field containers */
	clear:both;
	padding:10px 0; /* padding between 'Menu' and 'Search' buttons and espanded menu */
	padding:1rem 0;
}
.js #menubox,
.js #searchbox { /* if there is javascript. hide the navigation menu and the search field */
	display:none; 
}


/* === Top level menu items === */
ul.nice-menu { /* navigation menu UL */
	background:none;  /* background of whole navigation bar */
	padding-left:0 !important; /* distance between left edge and first tab */
	margin:0;
	list-style:none;
	width:100%;
}
ul.nice-menu, 
ul.nice-menu ul,
ul.nice-menu li {
	border:none; /*reset Nice-Menus CSS*/
}
ul.nice-menu li { /* navigation menu tab container */
	margin:0; /* make -1px to prevent doubling of borders between tabs. Should be the negative of the border width*/
	position:relative;
	float:none;
}
ul.nice-menu li a,
#menu-icon,
#search-icon { /* navigation menu, 'Menu' and 'Search' tabs */
	background:#fff; /* background for top level tab - usually the same as the navigation background */
	color:#01499A;  /* top level tab font color*/
	font-size:14px; /* font-size for top menu*/
	font-size:1.4rem; /* font-size for top menu*/
	padding:5px 5%; /* padding of each tab in mobile /tablet version */
	padding:0.5rem 5%; 
	font-weight:bold;
	text-decoration:none;
	display: block; /* required to makew the <a> links appear as full height tabs */
	text-transform:uppercase;
  cursor: pointer;
}
ul.nice-menu li a { /* navigation menu tabs */
	background:#DFDFDC; /* background for top level tab - usually the same as the navigation background */
	border-bottom:1px solid #bebfb8; /* colour of bottom border on top level menu items in mobile/tablet menu */ 
	color:#525252;  /* top level tab font color*/
}
#menu-icon,
#search-icon { /* navigation menu, 'Menu' and 'Search' tabs */
	padding:8px 20px; /* padding of each tab in mobile /tablet version */
	padding:0.8rem 2rem; 
}
ul.nice-menu li.first a { /* use to add/remove border on first navigation tab */
}
ul.nice-menu li.last a { /* use to add/remove border on last navigation tab */
}

/* Top level menu items - hover styles */
#menu-icon:hover,
#search-icon:hover { /* navigation menu tabs on hover */
	background:#fff;  /* background for top level tab on hover */
	color:#000; /* top level tab font color on hover */
}
ul.nice-menu li.active-trail a:hover,  /* This line and the next is needed to prevent hover errors on active tabs in Nice Menu Superfish Javascript */
ul.nice-menu li.active-trail:hover a, 
ul.nice-menu li a:hover, 
ul.nice-menu li:hover a { /* navigation menu tabs on hover */
	background:#BEBFB8;  /* background for top level tab on hover */
	color:#525252; /* top level tab font color on hover */
	visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li a.active:hover, 
ul.nice-menu li.active-trail a:hover, 
ul.nice-menu li.active-trail:hover a { /* navigation menu active tabs on hover */
	background:#BEBFB8;  /* background for top level active tab on hover */
	color:#525252; /* top level active tab font color on hover */
	visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
ul.nice-menu li a.active,
ul.nice-menu li.active-trail a { /* navigation menu active tabs */
	background:#BEBFB8;  /*  background for top level active tab*/
	color:#525252;  /* top level active tab font color */
	visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}

/* === Drop down first level === */
/*Child Trigger */
ul.nice-menu li.menuparent .child-trigger {
position:absolute;
top:0;
right:0;
cursor:pointer;
padding:6px 20px;
padding:0.6rem 2rem;
border-left:1px solid #ccc;
}
ul.nice-menu li.menuparent .child-trigger:hover {
background:#dfdfdf;
}
ul.nice-menu li.menuparent .child-trigger .arrow {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
display:block;
}
ul.nice-menu li.menuparent.open-child .child-trigger .arrow {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/* First Level Styling*/
ul.nice-menu li.menuparent ul { /* Drop down navigation menu UL */ 
	list-style:none;
	left:0; /* IE6&7 need this to position the sublist correctly on hover*/
	top:0; /*position of first level drop down menu - height of top level menu plus height of border*/
	background:#fff;/* IE needs some sort of background on the nested ul */
	width:100%; /*width of drop down tab */
	position:relative; /* position the sublist to nearest positioned ancestor, the (ul.nice-menu li) in this case*/
}
ul.nice-menu li.menuparent ul li,
ul.nice-menu li.menuparent ul li.menuparent ul li { /* Drop down navigation tab container */ 
	border:none;  /*reset borders from ul.nice-menu li*/
	margin-top:0; /* prevents doubling of top and bottom border - should be a negative of the border width */
	width:100% !important;
}
ul.nice-menu li.menuparent ul li a,
ul.nice-menu li.menuparent ul li.menuparent ul li a { /* Drop down navigation tab */ 
	background:#dfdfdc !important;  /* background of first level drop down menu in mobile/tablet menu */
	color:#444 !important;  /* text colour on first level drop down menu in mobile/tablet menu */
	border-bottom: 1px solid #bebfb8; /* border colour below tabs on mobile/tablet - same as left & right on navigation */
	padding:5px 5% 5px 8%;  /* padding above/below and left/right on the first level drop down menu */
	padding:0.5rem 5% 0.5rem 8%;  
	font-weight:normal;
	float: none;  /*reset the float from ul.nice-menu li a*/
	font-size:12px;
	font-size:1.2rem;
	text-transform:none;
}
ul.nice-menu li.menuparent ul li.active-trail a,
ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a { /* Drop down navigation active tab */ 
	background:#BEBFB8 !important;  /* background of active first level drop down menu */
	color:#444 !important; /* text colour on first level active drop down menu */
}

/* drop down first level - hover styles */
ul.nice-menu li.menuparent ul li a:hover { /* Drop down navigation tab on hover */ 
	background:#BEBFB8 !important;  /* background for first level drop down menu on hover */
	color:#444 !important; /* font colour on first level drop down menu on hover */
}
ul.nice-menu li.menuparent ul li.active-trail a:hover { /* Drop down navigation active tab on hover*/ 
	background:#BEBFB8 !important;  /* background for first level drop down menu on active tab when hovering*/
	color:#444 !important; /* font colour on first level drop down menu on hover on active tab */
}
/*First Level Visibility */
ul.nice-menu li.menuparent ul { /* first level drop down menu */
display:none; /* Initially hide first level drop down menu on mobile/tablet */
visibility:hidden;
}
ul.nice-menu li:hover ul { /* first level drop down menu on hover */
}
ul.nice-menu li.menuparent.open-child ul { /* first level drop down menu */
display:block; /* Display first level drop down menu on mobile/tablet when child trigger is clicked */
visibility:visible;
}
ul.nice-menu li:hover ul { /* first level drop down menu on hover */
}
/* === Drop down Second level === */
ul.nice-menu li.menuparent ul li ul,
ul.nice-menu li.menuparent.open-child ul li ul { /*Always hide second level drop down menu*/
display:none; /* Initially hide second level drop down menu */
}
ul.nice-menu li.menuparent ul li .child-trigger,
ul.nice-menu li.menuparent.open-child ul li .child-trigger {
display:none; /*Always hide the child-trigger on second level dropdown menu */
}


/* Courier Book overrides */
.two-column,
.three-column,
.column1,
.column2,
.column3 {
	position:relative;
	width:100%;
}
.btnStyle1,
.btnStyle2,
.btnStyle4,
.btnStyle3 {
	border:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:800;
	color:#fff;
	display:block;
	background-color:#888FA1;
	line-height:1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
#divBooking .btnStyle1,
#divEdit .btnStyle1,
#divHistory .btnStyle1 {
	display:inline;
}
.fieldset-divider {
	background:#999; 
	height:1px; 
	margin: 10px -20px;
	overflow:hidden;
}
.btnStyle1 {
	padding:5px 10px;
	margin-bottom:7px;
	margin-bottom:0.7rem;
}
.btnStyle2 {
	font-size:25px;
	font-size:2.5rem;
	padding: 12px;
	width:100%;
	background:#f48b30;
	letter-spacing:-1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:20px 0 15px 0;
	clear:both;
} 
.btnStyle3-wrap {
	margin-bottom:15px;
}
.btnStyle4 {
	font-size:15px;
	font-size:1.5rem;
	background:#f48b30;
	padding:5px 10px;
	margin-bottom:5px;
	margin-bottom:0.5rem;
	float:left;
} 
.btnStyle3 {
	font-size:20px;
	padding: 12px 3% 12px 3%;
	position:relative;
	margin-top:0;
} 
.btnStyle1:hover,
.btnStyle1:active,
.btnStyle3:hover,
.btnStyle3:active {
	background-color:#4E5167;
	text-decoration:none;
	color:#fff;
}
.btnStyle2:hover,
.btnStyle2:active {
	background-color:#C85D0A;
	text-decoration:none;
	color:#fff;
	line-height:1;
}


/* overrides to existing Wheels CSS */
.banner-no-image, 
.banner-with-image {
	padding-bottom: 5px;
	padding-bottom: 0.5rem;
	padding-top: 5px;
	padding-top: 0.5rem;
}
.breadcrumb {
    padding-bottom: 5px;
    padding-bottom: 0.5rem;
    padding-top: 5px;
    padding-top: 0.5rem;
}
fieldset,
.col2-wrapper-img {
	margin-top:0;
	background:#fafafa;
	-webkit-box-shadow: 0px 0px 3px 0px #999999;
	-moz-box-shadow: 0px 0px 3px 0px #999999;
	box-shadow: 0px 0px 3px 0px #999999;
	border-color:#999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	top:0;
}
fieldset legend {
	font-size:25px;
	font-size:2.5rem;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	text-indent:0;
	color:#fff;
	background:#01499A;
	line-height:1;
	letter-spacing:-1px;
	padding:10px 2%;
	width:96%;
	top:-1px;
	border-color:#01499A;
}
fieldset .fieldset-wrapper {
	padding:60px 20px 0 20px;
	padding:6rem 20px 0 20px;
}
fieldset .col2-wrapper-img {
	padding:20px 20px 2rem 20px;
	padding:2rem 20px 2rem 20px;
}
.form-item {
	margin-bottom: 7px;
	margin-bottom: 0.7rem;
}
.login-page .form-item {
	margin-bottom: 25px;
	margin-bottom: 2.5rem;
}
.login-page h3,
.login-page p {
	text-align:center;
}

input, textarea, select {
	color:#333;
}
::-webkit-input-placeholder {
   color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
   color: #aaa;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;  
}
:-ms-input-placeholder {  
   color: #aaa;  
}
.notes-highlight::-webkit-input-placeholder  {
   color: #F55E03;
}
.notes-highlight:-moz-placeholder { /* Firefox 18- */
   color: #F55E03;  
}
.notes-highlight::-moz-placeholder {  /* Firefox 19+ */
   color: #F55E03;  
}
.notes-highlight:-ms-input-placeholder {  
   color: #F55E03;  
}
.btnStyle1,
.btnStyle2,
.btnStyle3,
.login-block { /* creates fading effect for hovers */
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.header-wrap-gap {
	padding-top:75px;		/* extra padding to match the height of the fixed header */
	padding-top:7.5rem;		/* extra padding to match the height of the fixed header */
}
.drop-menu .header-wrap-gap {
	padding-top:0;			/* drop padding on the gap when the menubox is open */
}
.login-block-wrap {
	position:relative;
	height:25px;
	width:100%;
}
.login-block {
	position: absolute; 
	z-index:1000;
	font-size:12px;
	text-align:center;
	width:100%
}
.fixed-header .login-block-wrap {
	height:0;
}

.fixed-header .login-block {
	top:-50px;
}
table.table-head tr th,
div.table-head {
	background:#01499A;
	font-size:18px;
	font-size:1.8rem;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	line-height:1;
	letter-spacing:-1px;
	vertical-align:middle;
}
div.table-head {
	padding: 0 5px;
	padding: 0 0.5rem;
	line-height:40px;
	line-height:4rem;

}
div.table-head, 
div.table-content {
	padding-left:0;
	padding-right:0;
}
div.table-content {
	background:#f1f1f1;
	height:40px;
	height:4rem;
	text-align:center;
}
div.table-content select {
	width:95%;
	margin-top:5px;
	margin-top:0.5rem;
}
table.table-head .btnStyle1 {
	margin: 0 auto;
}
table.table-head tr td {
	text-align:center;
}
.table-results {
	padding:0;
}
.table-results table {
	margin:0;
	border-top:40px solid #fff;
}
table tr th,
table tr td {
	padding: 7px 10px;
	padding: 0.7rem 1rem;
}
.table-results table tr td {
	border-bottom-width:4px;
}
.table-results table tr th {
	font-size:15px;
	font-size:1.5rem;
}
.table-results table tr td {
	text-align:center;
}
table tr {
	background:#f1f1f1;
}
.invoice-results table tr th,
.invoice-results table tr td {
	text-align:left;
}
input.form-text, 
textarea.form-textarea, 
select.form-select, 
.resizable-textarea .grippie,
input.Width178 {
    padding: 0.4rem 0.7rem;
    padding: 4px 7px;
}
.resizable-textarea .grippie {
    background: #eee url("../../misc/grippie.png") no-repeat scroll center 2px;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}


/* Responsive Tables in Specification Tabs only */
table.wide-table { 
	width: 100%;
	border-collapse: collapse;
	margin-bottom:16px;
	margin-bottom:1.6rem;
	overflow-x: scroll;
	overflow-y: hidden;
	display:block;
	margin-top:25px;
	margin-top:2.5rem;
}
table.wide-table table { 
	overflow:  auto; /* reset overflow from mobile */
	display:table; /* reset display from mobile */
	margin-top:0;
}

table.wide-table:before {
	content:'Swipe left and right to view the rest of the table';
	font-style:italic;
	position:absolute;
	margin-top:-25px;
	margin-top:-2.5rem;
}
table.wide-table table:before {
	content:'';
	margin-top:0;
}

table tr:nth-of-type(odd) { /* Zebra striping */
	background: #F9F9F9; 
}
h1 {
	font-size:30px;
	font-size:3rem;
}



/* --------------- Secondary navigation ---------------- */
/* === Hide on Mobile === */
ul#nice-menu-2 { /* navigation menu UL */
	display:none;
}


/* Fix hqSoftware Grids for Previous Bookings page */
#dg045F47CB_GrDv,
#dg045F47CB_GrRwDv,
#dgEDBAA354_GrDv,
#dgEDBAA354_GrRwDv {
  width: 100% !important;
  height: auto !important;
}
#dg045F47CB_BtmBr img,
#dgEDBAA354_BtmBr img {
  max-width: none; /* no responsive images on grid footer */ 
}

/* some overrides for previosu.aspx */
.align-right {
  text-align: right;
}
.lblinline {
  display: inline !important;
}


/* ************************************************************ */
/* RH - Some CSS I added in for Tracking.aspx and Previous.aspx */
/* ************************************************************ */

/* Overlay grids */
#divBooking,
#divEdit,
#divHistory {
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  position: relative !important;
  z-index: 0 !important;
}



.divMap
{
	width: 100%;
	height:600px;
}
.divGrid
{
	width: 100%;
}
.lblTracking
{
}
.lblTrackingSmall
{
}
.lblTrackingInfo
{
}
.lblTrackingHelp
{
	font-weight: bold;
	color: #f48b30;
}
.edtTracking
{
}
.btnTracking
{
}
.lblValidate
{
	font-weight: bold;
	color: #FF0000;		
}
.lblHidden
{
	font-weight: bold;
	color: #C0C0C0;		
}
.divGridPrevious
{
	top: 0;
	width: 99%;
	height: 600px;
	text-align: center;
	vertical-align: middle;
	background-color: #808080;
	color: #FFFFFF;
}

/* Awards Logos in Header */
.awards {
  position: relative;
}
.awards .content {
  margin-top: -4px;
  top: 0;
  right: 0;
  z-index: 1000;
}
.awards .content p {
  padding-bottom: 0;
}
.fixed-header .awards .content {
  display: none;
}


/* Address Book edit */
#dgEDBAA354_EdFrmDv {
  z-index: 998 !important;
  top: 190px !important;
  top: 19rem !important;
  width: 100% !important;
  max-width: 1280px !important;
  /* reset defaults */
  padding: 0 !important;
  background-color: transparent !important; 
  border: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important; 
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important; 
  box-shadow: none !important; 
  -ms-filter: none !important;
  filter: none !important; 
  left:0 !important;
  right: 0 !important;
  margin: 0 auto;
}

#dgEDBAA354_EdFrmDv .edit-address-wrapper {
  position: relative !important;
  width: 94% !important;
  padding: 0 3% !important; 
  background-color: #ffffff !important; 
  border: solid 1px #808080 !important; 
  -moz-box-shadow: 2px 2px 3px #6F6F6F !important; 
  -webkit-box-shadow: 2px 2px 3px #6F6F6F !important; 
  box-shadow: 2px 2px 3px #6F6F6F !important; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6F6F6F')" !important; 
  filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6F6F6F'); 
}




/* --------------- Responsive Adjustments ---------------- */
/* Note, the CSS outside these Media Queries is used for all devices incl. mobiles */

@media only screen and (min-width: 320px) {
	/* Mobile & Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-o-min-device-pixel-ratio: 2/1)and (min-width: 320px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-resolution: 2dppx) and (min-width: 320px) { 
	/* Mobile & Small screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 700px) {
	/* Tablet & Medium screen, non-retina */

	/* --------------- Common Settings ---------------- */
	#header-wrap,
	.slideshow-wrap,
	.colmask-wrap,
	#footer-top-wrap,
	#footer-middle-wrap,
	#footer-bottom-wrap,
	.breadcrumb-wrap {
	}
	#header,
	.slideshow,
	.colmask,
	.footer,
	.footer-top,
	.footer-middle,
	.footer-bottom,
	.banner-no-image,
	.banner-with-image,
	.breadcrumb {
		padding:30px 2%;
		padding:3rem 2%;
		width:96%; /* 100% minus padding left and right from above */
	}
	.header-wrap-gap {
		padding-top:100px;		/* extra padding to match the height of the fixed header */
		padding-top:10rem;		/* extra padding to match the height of the fixed header */
	}
	.drop-menu .header-wrap-gap {
		padding-top:0;			/* drop padding on the gap when the menubox is open */
	}
	#overlay-container { /* this is for the Drupal Admin Overlay */
	}
	#overlay-container .overlay-element, /* this is for the Drupal Admin Overlay */
	#admin-menu, #admin-menu .dropdown {/* this is for the Drupal Admin Overlay to get the admin menu appear to the front */
	}
	
	/* --------------- Header styles ---------------- */
	#header-wrap { /* header container to edge of screen */
	}
	.fixed-header {
	}
	#header { /* header container to edge of display area */
		padding-top:15px;		/* reset common setting above */
		padding-top:1.5rem;		/* reset common setting above */
		padding-bottom:0;		/* reset common setting above to allow dropdowns to appear direct under navigation */
	}
	.fixed-header #header {
		padding-top:10px;	/* reset common setting above to allow dropdowns to appear direct under navigation */
		padding-top:1rem;	/* reset common setting above to allow dropdowns to appear direct under navigation */
	}
	.header-wrap-gap {
	}
	.logo-wrap { /* logo container */
		width:auto;
	}
	.logo-wrap a { /* link inside logo container */
	}
	.logo-wrap img { /* image inside logo container */
		width:auto;
		max-width:100%;
		padding-bottom:10px;
		padding-bottom:1rem;
	}
	.fixed-header .logo-wrap img {
		height:40px;
		padding-bottom:5px;
		padding-bottom:0.5rem;
	}
	.name-slogan { /* Site name and slogan container */
	}
	.name-slogan .site-name,
	.name-slogan .site-name h1,
	.name-slogan .site-name h1 a,
	.name-slogan .site-name a { /* Site name */
	}
	.name-slogan .site-slogan { /* Site slogan */
	}
	
	
	/* --------------- slideshow ---------------- */
	.slideshow-wrap { /* slideshow */
	}
	.slideshow { /* slideshow */
		padding:0; 				/* reset common setting above */
		width:100%; 			/* reset common setting above */
	}
	.banner-no-image,
	.banner-with-image {
		max-width:1280px;
		margin:0 auto;
	}
	.breadcrumb {
		padding-top:10px;
		padding-top:1rem;
		padding-bottom:10px;
		padding-bottom:1rem;
	}

	
	
	/* --------------- column container ---------------- */
	.colmask-wrap { /* Main content container to edge of screen */
	}
	.colmask { /* Main content container to edge of display area */
	}
	
	
	/* --------------- Padding/Border on various elements ---------------- */
	.border-pad { /*padding on element containers*/
	}
	
	
	/* --------------- common column settings - no need to adjust ---------------- */
	.colright,
	.colmid,
	.colleft {
		float:left;
		position:relative;
	}
	.col1,
	.col2,
	.col3,
	.col4 {
		float:left;
		position:relative;	
		padding:0;					/* no left and right padding on columns */
		width:auto;
	}
	
	
	/* ----------------- 2 Column (Main Content Left) settings ------------------ */
	
	/* Tablet Layout Grid Template (Note: update figures per job for reference)   */
	
	/*   ||                             ||                       ||               */
	/*   ||            Col 1            ||         Col 2         ||               */
	/*   ||             65%             ||          35%          ||               */
	/*   ||    |                   |    ||    |             |    ||               */
	/*   || 2% |        61%        | 2% || 2% |     31%     | 2% ||               */
	/*   ||    |                   |    ||    |             |    ||               */
	
	.full-col{ /* full width column (in Colmask and Footers) */
	}
	.twocol-mainleft .colleft { /*column 1 (left column) */
		right:35%;					/* column 2 (right column) width */
		border-right: 1px solid #ccc;
	}
	.twocol-mainleft .col1 { /*column 1 (left column) */
		width:61%;					/* column 1 (left column) content width */
		left:37%;					/* column 2 (right column) width 
									   plus column 1 (left column) left padding */
	}
	.twocol-mainleft .col2 { /*column 2 (right column) */
		width:31%;					/* column 2 (right column) content width */
		left:41%;					/* column 2 (right column) width
									   plus column 1 (left column) left padding 
									   plus column 1 (left column) right padding 
									   plus column 2 (right column) left padding */
	}
	
	
	/* --------------- Common Footer settings - no need to adjust ---------------- */
	#footer-top-wrap,
	#footer-middle-wrap,
	#footer-bottom-wrap { /* footer containers to edge of screen */
	}
	.footer,
	.footer-top,
	.footer-middle,
	.footer-bottom { /* main footer container in each footer-***-wrap  */
	}
	
	
	/* --------------- Footer Layout styles ---------------- */
	#footer-top-wrap { /* top footer container to edge of screen */
	}
	.footer-top { /* main footer container in footer-top-wrap  */
	}
	.footer-top-left,
	.footer-top-right { /* secondary footer container in footer-top */
		float:left;
		position:relative;
	}
	.footer-col,
	.footer-col1, 
	.footer-col2,
	.footer-col3,
	.footer-col4 { /* individual footer columns in footer-top-left and footer-top-right */
		float:left;
		position:relative;
		width:47.75%; 
		margin:0;
	}
	.footer-col1,
	.footer-col3 { 
		padding-left:0;
		border-left:none; 
	}
	.footer-col2, 
	.footer-col4 { 
		padding-right:0; 
	}
	
	#footer-middle-wrap { /* middle footer container to edge of screen */
	}
	.footer-middle { /* main footer container in footer-middle-wrap  */
	}
	.footer-middle-left,
	.footer-middle-right { /* secondary footer container in footer-middle */
		width:50%;
		padding:0;
		float:left;
		position:relative;
	}
	.footer-middle-right {
		width:50%;
	}
	
	#footer-bottom-wrap { /* bottom footer container to edge of screen */
		/*no need to set background colour here as it's set by the <body> tag */
	}
	.footer-bottom { /* main footer container in footer-bottom-wrap  */
		padding-top:10px; 			/* reset common setting above */
		padding-top:1rem; 			/* reset common setting above */
		padding-bottom:10px; 			/* reset common setting above */
		padding-bottom:1rem; 			/* reset common setting above */
	}
	.footer-bottom-left,
	.footer-bottom-right { /* secondary footer container in footer-bottom */
		width:50%;
		padding:0;
		float:left;
		position:relative;
	}


	/* Wheels overrides */
	.slideshow .slide-text {
		width:96%;
	}
	.slideshow .slide-text h2 {
		font-size:50px;
		font-size:5rem;
		line-height:50px;
		line-height:5rem;
		padding:50px 0 150px 0;
		padding:5rem 0 15rem 0;
	}
	.slideshow .views-field-field-call-to-action-text {
	}
	.slideshow .views-field-field-call-to-action-text a {
	}
	.slideshow .views-field-field-call-to-action-text a:hover {
	}
	.slideshow .slide-services {
		width:96%;
	}
  
	/* --------------- Basic element styles ---------------- */
	html {
	}
	html.rem-base {
	}
	body, h1, h2, h3, h4, h5, h6, p, li, table, th, td, div, dt, dd, input, textarea {
	}
	
	
	/* --------------- Font styles ---------------- */
	h1 {
	}
	h2 {
	}
	h3 {
	}
	h4 {
	}
	h5 {
	}
	h6 {
	}
	p, 
	div, 
	input,
	li,
	dt,
	dd {
	}
	p {
	}
	a,
	input.form-submit { /* creates fading effect for hovers */
	}
	a {
	}
	a:hover,
	a:active {
	}
	.colmask ul,
	#tinymce ul,
	.colmask ol,
	#tinymce ol {
	}
	.colmask ul li,
	#tinymce ul li {
	}
	.colmask ol li,
	#tinymce ol li {
	}
	dt {
	}
	dd {
	}
	
	
	/* --------------- Table Styles ---------------- */
	table {
	}
	table tr th {
	}
	table tr th,
	table tr th a,
	table tr th a:hover {
	}
	table tbody tr th {
	}
	tr td,
	tr th {
	}
	tr.odd {
	}
	tr,
	tr.even {
	}
	table ul.links {
	}
	table ul.links li {
	}
	
	
	/* --------------- Highlighted ---------------- */
	#highlighted {
	}
	
	
	/* --------------- Breadcrumbs ---------------- */
	#breadcrumb,
	#breadcrumb div {
	}
	#breadcrumb div {
	}
	
	
	/* --------------- System Tabs  --------------- */
	ul.tabs {
	}
	.tabs ul.primary {
	}
	.tabs ul.primary li {
	}
	.tabs ul.primary li a,
	.tabs ul.primary li a:hover {
	}
	.tabs ul.primary li a:hover {
	}
	.tabs ul.primary li.active a,
	.tabs ul.primary li.active a:hover {
	}
	.tabs ul.secondary {
	}
	.tabs ul.secondary li {
	}
	.tabs ul.secondary li:last-child {
	}
	.tabs ul.secondary li:first-child {
	}
	.tabs ul.secondary li a {
	}
	.tabs ul.secondary li a.active {
	}
	ul.action-links {
	}
	ul.action-links li {
	}
	ul.action-links li a {
	}
	
	
	/* ---------------- Messages  ----------------- */
	
	#messages {
	}
	.featured #messages {
	}
	div.messages {
	}
	
	
	/* -------------- Password Meter  ------------- */
	
	.confirm-parent,
	.password-parent {
	}
	.password-parent,
	div.form-item div.password-suggestions {
	}
	.password-strength-text,
	.password-strength-title,
	div.password-confirm {
	}
	.password-strength-text {
	}
	div.password-confirm {
	}
	
	
	/* -------------- Form Elements   ------------- */
	fieldset {
	}
	fieldset .fieldset-wrapper {
	}
	.node-form .vertical-tabs .fieldset-wrapper {
	}
	.filter-help a {
	}
	.filter-wrapper {
	}
	.filter-wrapper .form-item label {
	}
	.filter-wrapper .form-item {
	}
	.filter-guidelines {
	}
	fieldset.collapsed {
	}
	fieldset legend {
	}
	fieldset.collapsed legend {
	}
	fieldset legend a {
	}
	fieldset legend a:hover,
	fieldset legend a:focus,
	fieldset legend a:active {
	}
	fieldset .fieldset-wrapper {
	}
	fieldset .fieldset-description {
	}
	fieldset .fieldset-legend span.summary {
	}
	input {
	}
	input,
	textarea {
	}
	textarea {
	}
	textarea.form-textarea,
	select.form-select {
	}
	input.form-text,
	textarea.form-textarea,
	select.form-select,
	.resizable-textarea .grippie,
  inout.Width178 {
		padding: 4px 1.5%;
		padding: 0.4rem 1.5%;
		width:100%;
	}
	.resizable-textarea .grippie {
		padding: 0 1.5%;
	}
	input.form-submit,
	a.button { /* Form Buttoms */
	}
	a.button {
	}
	input.form-submit:hover,
	input.form-submit:focus,
	a.button:hover,
	a.button:focus { /* Form Buttoms - hover */
	}
	.password-suggestions ul li {
	}
	.form-item {
	}
	.form-item label {
	}
	.form-type-radio label,
	.form-type-checkbox label {
	}
	.form-type-radio .description,
	.form-type-checkbox .description {
	}
	.form-actions {
	}
	
	
	/* Disabled form elements */
	input.form-button-disabled,
	input.form-button-disabled:hover,
	input.form-button-disabled:focus,
	input.form-button-disabled:active,
	.form-disabled input,
	.form-disabled select,
	.form-disabled textarea {
	}
	.form-disabled .grippie {
	}
	.form-disabled label {
	}
	
	
	/* Animated throbber */
	html.js input.form-autocomplete {
	}
	html.js input.throbbing {
	}
	
	
	/* Comment form */
	.comment-form label {
	}
	.comment-form input,
	.comment-form .form-select {
	}
	.comment-form .form-type-textarea label {
	}
	.comment-form .form-item,
	.comment-form .form-radios,
	.comment-form .form-type-checkbox,
	.comment-form .form-select {
	}
	.comment-form .form-type-checkbox,
	.comment-form .form-radios {
	}
	.comment-form .form-type-checkbox label,
	.comment-form .form-radios label {
	}
	.comment-form input.form-file {
	}
	.no-sidebars .comment-form .form-text {
	}
	.one-sidebar .comment-form .form-text {
	}
	.two-sidebars .comment-form .form-text {
	}
	.comment-form .form-item .description {
	}
	#content h2.comment-form {
	}
	.comment-form .form-textarea {
	}
	.comment-form fieldset.filter-wrapper .fieldset-wrapper,
	.comment-form .text-format-wrapper .form-item {
	}
	.filter-wrapper label {
	}
	.filter-wrapper .form-select {
	}
	.comment-form fieldset.filter-wrapper .tips {
	}
	#comment-body-add-more-wrapper .form-type-textarea label {
	}
	#edit-actions input {
	}
	
	
	/* -------------- Other Overrides ------------- */
	div.password-suggestions {
	}
	.ui-widget-overlay {
	}
	div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
	}
	#forum .name {
	}
	#forum .description {
	}
	
	
	/* --------------- Search Form ---------------- */
	#block-search-form {
	}
	#block-search-form .content {
	}
	#search-form input,
	#search-block-form input {
		width: 75%; /* make 72% for IE7 ONLY i.e. *width:72%  */
		padding: 0 1.5%;
	}
	#search-form .form-submit,
	#search-block-form .form-submit { /*Search Button */
	}
	#search-form .form-submit:hover,
	#search-form .form-submit:focus,
	#search-block-form .form-submit:hover,
	#search-block-form .form-submit:focus { /*Search Button - hover */
	}
	#search-form label,
	#search-block-form label {
	}
	#search-form {
	}
	#search-form:after {
	}
	#search-form .search-advanced { /*Background of Search Advanced */
	}
	#search-form .collapsed {
	}
	#search-form .search-advanced legend {
	}
	#search-form .search-advanced .criterion,
	#search-form .search-advanced .action {
	}
	#search-form .search-advanced label {
	}
	#search-form .search-advanced input {
	}
	#search-form .search-advanced input.form-checkbox {
	}
	#search-form .search-advanced .form-type-checkboxes:after {
	}
	#search-form .search-advanced input.form-submit {
		width:50%; 
	}
	#search-form .search-advanced .action {
	}
	#search-form fieldset legend {
	}
	#search-form fieldset .fieldset-legend {
	}
	#search-form fieldset .fieldset-wrapper {
	}
	#search-form fieldset .fieldset-legend a {
	}
	#search-form fieldset .fieldset-legend a:hover {
	}
	
	
	/* --------------- Search Results ---------------- */
	ol.search-results {
	}
	.search-results li {
	}
	.search-results li:last-child {
	}
	.search-results .search-snippet-info {
	}
	
	
	/* -------------- Shortcut Links -------------- */
	.shortcut-wrapper {
	}
	.shortcut-wrapper h1#page-title {
	}
	div.add-or-remove-shortcuts {
	}
	.overlay div.add-or-remove-shortcuts {
	}
	
	
	/* ---------- Admin-specific Theming ---------- */
	
	.page-admin #content img {
	}
	.page-admin #content .simpletest-image img {
	}
	.page-admin-structure-block-demo .block-region {
	}
	.page-admin-structure-block-demo #featured .block-region {
	}
	.page-admin-structure-block-demo #header .block-region {
	}
	.page-admin #admin-dblog img {
	}
	/* Fix spacing when Seven is used in the overlay. */
	#system-theme-settings fieldset {
	}
	#system-theme-settings fieldset .fieldset-legend {
	}
	/* Configuration. */
	div.admin .right,
	div.admin .left {
	}
	div.admin-panel {
	}
	div.admin-panel h3 {
	}
	div.admin-panel dt {
	}
	div.admin-panel dd {
	}
	div.admin-panel .description {
	}
	
	
	/* ---------- Overlay layout styles ----------- */
	.overlay #main,
	.overlay #content {
	}
	.overlay #page {
	}
	.overlay .region-page-top,
	.overlay #header,
	.overlay #page-title,
	.overlay #featured,
	.overlay #sidebar-first,
	.overlay #triptych-wrapper,
	.overlay #footer-wrapper {
	}
	.overlay-processed .field-type-image {
	}
	.overlay #messages {
	}
	
	
	/* ---------- Poll ----------- */
	.node .poll {
	}
	.node .poll #edit-choice {
	}
	.poll .vote-form {
	}
	.poll .vote-form .choices {
	}
	.poll .percent {
	}
	.poll .text {
	}
	.poll .total {
	}
	.node .poll {
	}
	.node .poll .text {
	}
	.node .poll #edit-choice {
	}
	.poll .bar .foreground {
	}
	#footer-wrapper .poll .bar {
	}
	#footer-wrapper .poll .bar .foreground {
	}
	
	
	/* --------------- Footer Font styles ---------------- */
	#footer-middle-wrap .footer-middle-right p,
	#footer-bottom-wrap .footer-bottom-right p,
	#footer-middle-wrap .footer-middle-right h2,
	#footer-bottom-wrap .footer-bottom-right h2,
	#footer-middle-wrap .footer-middle-right h3,
	#footer-bottom-wrap .footer-bottom-right h3,
	#footer-middle-wrap .footer-middle-right h4,
	#footer-bottom-wrap .footer-bottom-right h4,
	#footer-middle-wrap .footer-middle-right h5,
	#footer-bottom-wrap .footer-bottom-right h5,
	#footer-middle-wrap .footer-middle-right h6,
	#footer-bottom-wrap .footer-bottom-right h6 {
		text-align:right;
	}
	#footer-top-wrap h4,
	#footer-middle-wrap h4,
	#footer-bottom-wrap h4 {
	}
	#footer-top-wrap p,
	#footer-bottom-wrap p {
	}
	#footer-bottom-wrap p {
	}
	#footer-middle-wrap .footer-middle-right p,
	#footer-bottom-wrap .footer-bottom-right p {
	}
	#footer-top-wrap a,
	#footer-middle-wrap a,
	#footer-bottom-wrap a {
	}
	#footer-bottom-wrap a {
	}
	#footer-bottom-wrap a:hover,
	#footer-bottom-wrap a:active {
	}

	/* Wheels overrides */
	.full-col .view-courier-services .views-row {
		float:left;
		position:relative;
		width:45%;
		margin-right:8%;
	}
	.slideshow .view-courier-services .views-row {
		float:left;
		position:relative;
		width:30%;
		margin-right:5%;
	}
	.slideshow .view-courier-services .views-row-3,
	.slideshow .view-courier-services .views-row-6 {
		margin-right:0;
	}
	.full-col .view-courier-services .views-row-2,
	.full-col .view-courier-services .views-row-4,
	.full-col .view-courier-services .views-row-6 {
		margin-right:0;
	}
	.full-col .view-courier-services .views-row-3,
	.full-col .view-courier-services .views-row-5,
	.full-col .view-courier-services .views-row-7 {
		clear:both;
	}
	.front .view-courier-services .services-text {
	}
	.front .view-courier-services h3,
	.front .view-courier-services h3 a,
	.front .view-courier-services .views-field-body,
	.front .view-courier-services .views-field-body a {
	}
	.front .view-courier-services h3 a:hover,
	.front .view-courier-services a:hover {
	}
	#block-views-case-studies-page-block-2,
	#block-views-tweets-block {
		width:47%;
		margin-right:6%;
		float:left;
		position:relative;
		margin-bottom:0;
	}
	.view-case-studies-page .more-link, 
	.news-lists .view-footer {
		margin-bottom:0;
	}
	#block-views-tweets-block {
		margin-right:0;
  }
	/* --------------- navigation ---------------- */
	/* === Main menu settings === */
	#navigation-wrap { /* navigation menu container to edge of screen */
		background:none;
		clear:right;
		padding:0;
	}
	.navigation { /* navigation menu container to edge of dislay area */
	}
	#menu-icon { /* 'Menu' tab on mobile/tablet */
		padding:30px 20px; /* padding of each tab in mobile /tablet version */
		padding:3rem 2rem; 
		float:right;
		position:relative;
	}
	.fixed-header  #menu-icon { /* 'Menu' tab on mobile/tablet */
		padding:8px 20px; /* padding of each tab in mobile /tablet version */
		padding:0.8rem 2rem; 
	}
	#search-icon { /* 'Search' tab on mobile/tablet */
	}
	.js #menu-icon,
	.js #search-icon { /* If there is javascript, show 'Menu' and 'Search' tabs on mobile/tablet */
	}
	#menubox,
	#searchbox { /* navigation menu and search field containers */
	}
	.js #menubox,
	.js #searchbox { /* if there is javascript. hide the navigation menu and the search field */
	}
	
	
	/* === Top level menu items === */
	ul.nice-menu { /* navigation menu UL */
	}
	ul.nice-menu, 
	ul.nice-menu ul,
	ul.nice-menu li {
	}
	ul.nice-menu li { /* navigation menu tab container */
	}
	ul.nice-menu li a,
	#menu-icon,
	#search-icon { /* navigation menu, 'Menu' and 'Search' tabs */
	}
	ul.nice-menu li a {/* navigation menu tabs */
	}
	ul.nice-menu li.first a { /* use to add/remove border on first navigation tab */
	}
	ul.nice-menu li.last a { /* use to add/remove border on last navigation tab */
	}
	
	/* Top level menu items - hover styles */
	ul.nice-menu li.active-trail a:hover,  /* This line and the next is needed to prevent hover errors on active tabs in Nice Menu Superfish Javascript */
	ul.nice-menu li.active-trail:hover a, 
	ul.nice-menu li a:hover, 
	ul.nice-menu li:hover a,
	#menu-icon:hover,
	#search-icon:hover { /* navigation menu tabs on hover */
	}
	ul.nice-menu li a.active:hover, 
	ul.nice-menu li.active-trail a:hover, 
	ul.nice-menu li.active-trail:hover a { /* navigation menu active tabs on hover*/ 
	}
	ul.nice-menu li a.active,
	ul.nice-menu li.active-trail a { /* navigation menu active tabs */
	}
	
	/* === Drop down first level === */
	ul.nice-menu li.menuparent ul { /* Drop down navigation menu UL */ 
	}
	ul.nice-menu li.menuparent ul li,
	ul.nice-menu li.menuparent ul li.menuparent ul li { /* Drop down navigation tab container */ 
	}
	ul.nice-menu li.menuparent ul li a,
	ul.nice-menu li.menuparent ul li.menuparent ul li a { /* Drop down navigation tab */ 
	}
	ul.nice-menu li.menuparent ul li.active-trail a,
	ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a { /* Drop down navigation active tab */ 
	}
	
	/* drop down first level - hover styles */
	ul.nice-menu li.menuparent ul li a:hover { /* Drop down navigation tab on hover */ 
	}
	ul.nice-menu li.menuparent ul li.active-trail a:hover { /* Drop down navigation active tab on hover*/ 
	}
	ul.nice-menu li ul { /* first level drop down menu */
	}
	ul.nice-menu li:hover ul { /* first level drop down menu on hover */
	}
	ul.nice-menu li.menuparent ul li ul { /* second level drop down menu*/ 
	}


	.two-column {
		clear:both;
	}
	.two-column .column1,
	.two-column .column2 {
		float:left;
		width:58%;
		margin-right:3%;
	}
	.two-column .column2 {
		margin-right:0;
		width:38%;
	}
	.three-column {
		clear:both;
	}
	.three-column .column1 {
	}
	.three-column .column2,
	.three-column .column3 {
		float:left;
		width:48%;
		margin-right:3%;
	}
	.three-column .column3 {
		margin-right:0;
	}
	.btnStyle3-wrap {
		margin-bottom:46px;
	} 
	.btnStyle3 {
		font-size:20px;
		padding: 12px 3% 12px 50px;
		position:relative;
		margin-top:23px;
	} 
	.one-col-content.login-page {
		max-width:50%;
		margin:0 auto;
	}
	.pickup-here,
	.deliver-here,
	.pickup-deliver-elsewhere {
		height:84px;
		width:105px;
		display:block;
		background:url(../images/pickup-from-me@2x.png) 10px center no-repeat;
		background-size:95px 84px;
		position:absolute;
		left:0;
		top:-10px;
	}
	.deliver-here {
		background:url(../images/deliver-to-me@2x.png) 10px center no-repeat;
		background-size:95px 84px;
	}
	.pickup-deliver-elsewhere {
		background:url(../images/pickup-elsewhere@2x.png) 10px center no-repeat;
		background-size:95px 84px;
	}

	
	/* overrides to existing Wheels CSS */
	.banner-no-image, 
	.banner-with-image {
		padding-bottom: 2rem;
		padding-top: 2rem;
	}
	.header-wrap-gap {
		padding-top:100px;		/* extra padding to match the height of the fixed header */
		padding-top:10rem;		/* extra padding to match the height of the fixed header */
	}
	.drop-menu .header-wrap-gap {
		padding-top:0;			/* drop padding on the gap when the menubox is open */
	}
	.login-block-wrap {
		position:relative;
		height:auto;
		width:auto;
	}
	.login-block {
		position: absolute; 
		right:120px;
		right:12rem;
    top:54px;
    top:5.4rem;
		z-index:1000;
		width:auto;
		text-align:right;
	}
	.fixed-header .login-block {
		top:-150px
	}
	.breadcrumb {
		padding-bottom: 10px;
		padding-bottom: 1rem;
		padding-top: 10px;
		padding-top: 1rem;
	}
	div.table-head, 
	div.table-content {
		float:left;
		position:relative;
		width:50%;
	}
	.banner-no-image {
		background:url(../images/wheels-we-deliver.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	fieldset .fieldset-wrapper {
		padding:50px 20px 0 20px;
		padding:5rem 2rem 0 2rem;
	}
	fieldset .col2-wrapper-img {
		padding:20px;
		padding:2rem;
	}

	
	/* --------------- secondary navigation ---------------- */
	
	/* === Main menu settings === */
	#menu-icon { /* 'Menu' tab on mobile/tablet */
		padding:50px 20px 10px 20px; /* padding of each tab in mobile /tablet version */
		padding:5rem 2rem 1rem 2rem; 
		float:right;
		position:relative;
		display:none !important;
	}
	#menubox2 { /* navigation menu and search field containers */
		clear:none;
		padding:0;
		display:block !important;
		background:none; /* Colour of navigation area on desktop. If .navigation_wrap is set to none and this is set to none, then only tabs are coloured */
	}
	.js #menubox2 { /* if there is javascript. hide the navigation menu and the search field */
		clear:none;
		padding:0;
		display:block;
	}
	
	
	/* --------------- navigation ---------------- */
	/* === Top level menu items === */
	ul#nice-menu-2 { /* navigation menu UL */
		background:none;  /* background of whole navigation bar */
		padding:0 !important; /* distance between left edge and first tab */
		margin:0 0 40px 0;
		margin:0 0 4rem 0;
		list-style:none;
		height:40px; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
		height:4rem; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
		width:100%;
		display:block;
	}
	ul#nice-menu-2, 
	ul#nice-menu-2 ul,
	ul#nice-menu-2 li {
		border:none; /*reset Nice-Menus CSS*/
	}
	ul#nice-menu-2 li { /* navigation menu tab container */
		margin:0; /* make -1px to prevent doubling of borders between tabs. Should be the negative of the border width*/
		position:relative;
		float:left;
		width:20%;
		text-align:center;
		padding:0;
	}
	ul#nice-menu-2 li a { /* navigation menu, 'Menu' and 'Search' tabs */
		background:#01499A; /* background for top level tab - usually the same as the navigation background */
		color:#fff;  /* top level tab font color*/
		font-size:14px; /* font-size for top menu*/
		font-size:1.4rem; /* font-size for top menu*/
		padding:5px 5%; /* padding of each tab in mobile /tablet version */
		padding:0.5rem 5%; 
		font-weight:bold;
		text-decoration:none;
		display: block; /* required to makew the <a> links appear as full height tabs */
		text-transform:uppercase;
	}
	ul#nice-menu-2 li a { /* navigation menu tabs */
		background:#888FA1; /* background for top level tab - usually the same as the navigation background */
		color:#fff;  /* top level tab font color*/
		padding:0 10px !important; /* text padding left and right of each tab */
		padding:0 1rem !important; /* text padding left and right of each tab */
		line-height:40px; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		line-height:4rem; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		border-left:1px solid #ccc; /* left border ccolour on each tab */
		border-bottom:none; /* Reset border-bottom as set by Mobile version above */
		font-weight:800;
	}
	.fixed-header ul#nice-menu-2 li a {
		line-height:40px; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		line-height:4rem; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
	}
	ul#nice-menu-2 li.first a { /* use to add/remove border on first navigation tab */
		-webkit-border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}
	ul#nice-menu-2 li.last a { /* use to add/remove border on last navigation tab */
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
	}
	
	/* Top level menu items - hover styles */
	#menu-icon:hover { /* navigation menu tabs on hover */
		background:#fff;  /* background for top level tab on hover */
		color:#000; /* top level tab font color on hover */
	}
	ul#nice-menu-2 li.active-trail a:hover,  /* This line and the next is needed to prevent hover errors on active tabs in Nice Menu Superfish Javascript */
	ul#nice-menu-2 li.active-trail:hover a, 
	ul#nice-menu-2 li a:hover, 
	ul#nice-menu-2 li:hover a { /* navigation menu tabs on hover */
		background:#4E5167;  /* background for top level tab on hover */
		color:#fff; /* top level tab font color on hover */
		visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	}
	ul#nice-menu-2 li a.active:hover, 
	ul#nice-menu-2 li.active-trail a:hover, 
	ul#nice-menu-2 li.active-trail:hover a { /* navigation menu active tabs on hover */
		background:#4E5167;  /* background for top level tab on hover */
		color:#fff; /* top level tab font color on hover */
		visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	}
	ul#nice-menu-2 li a.active,
	ul#nice-menu-2 li.active-trail a { /* navigation menu active tabs */
		background:#4E5167;  /* background for top level tab on hover */
		color:#fff; /* top level tab font color on hover */
		visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	}
	
  
  /* Awards Logos in Header */
  .awards .content {
    position: absolute;
    width: 250px;
    width: 25rem;
  }

  
/* Address Book edit */
#dgEDBAA354_EdFrmDv {
  top: 330px !important;
  top: 33rem !important;
  width: 90% !important;
}

#dgEDBAA354_EdFrmDv .edit-address-wrapper {
  position: relative !important;
}

  
	
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min-resolution: 192dpi) and (min-width: 700px),
only screen and (min-resolution: 2dppx) and (min-width: 700px) { 
	/* Tablet & Medium screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1200px) {
	/* Desktop & Large screen, non-retina */

	/* --------------- Common Settings ---------------- */
	#header-wrap,
	.slideshow-wrap,
	.colmask-wrap,
	#footer-top-wrap,
	#footer-middle-wrap,
	#footer-bottom-wrap,
	.breadcrumb-wrap {
	}
	#header,
	.slideshow,
	.colmask,
	.footer,
	.footer-top,
	.footer-middle,
	.footer-bottom,
	.banner-no-image,
	.banner-with-image,
	.breadcrumb {
	}
	.header-wrap-gap {
	}
	#overlay-container { /* this is for the Drupal Admin Overlay */
	}
	#overlay-container .overlay-element, /* this is for the Drupal Admin Overlay */
	#admin-menu, #admin-menu .dropdown {/* this is for the Drupal Admin Overlay to get the admin menu appear to the front */
	}

	/* --------------- Header styles ---------------- */
	#header-wrap { /* header container to edge of screen */
		padding:0;
	}
	.drop-menu #header-wrap { /* header container to edge of screen when the menubox is open */
		position:fixed; /* Keep the fixed header position on desktop PC devices even if the menubox is open (allows the menu to be scrolled) */
	}
	.header-wrap-gap {
		padding-top:100px;		/* extra padding to match the height of the fixed header */
		padding-top:10rem;		/* extra padding to match the height of the fixed header */
	}
	#header { /* header container to edge of display area */
		max-width:1280px;
		margin:0 auto;				/* Centres the header left to right */
		padding-top:20px;		/* reset common setting above */
		padding-top:2rem;		/* reset common setting above */
	}
	.fixed-header #header {
		padding-top:10px;	/* reset common setting above to allow dropdowns to appear direct under navigation */
		padding-top:1rem;	/* reset common setting above to allow dropdowns to appear direct under navigation */
	}
	.logo-wrap { /* logo container */
	}
	.logo-wrap a { /* link inside logo container */
	}
	.logo-wrap img { /* image inside logo container */
	}
	.name-slogan { /* Site name and slogan container */
	}
	.name-slogan .site-name,
	.name-slogan .site-name h1,
	.name-slogan .site-name h1 a,
	.name-slogan .site-name a { /* Site name */
	}
	.name-slogan .site-slogan { /* Site slogan */
	}
	
	
	/* --------------- slideshow ---------------- */
	.slideshow-wrap { /* slideshow */
		margin:0 auto;				/* Centres the webpage left to right */
	}
	.slideshow { /* slideshow */
		margin:0 auto;				/* Centres the webpage left to right */
	}
	.banner-no-image,
	.banner-with-image {
		padding-top:20px;
		padding-top:2rem;
		padding-bottom:20px;
		padding-bottom:2rem;
	}
	.breadcrumb {
		max-width:1280px;
		margin:0 auto;
	}
	
	
	/* --------------- column container ---------------- */
	.colmask-wrap { /* Main content container to edge of screen */
	}
	.colmask { /* Main content container to edge of display area */
		max-width:1280px;
		margin:0 auto;				/* Centres the webpage left to right */
	}
	
	
	/* --------------- Padding/Border on various elements ---------------- */
	.border-pad { /*padding on element containers*/
	}
	
	
	/* --------------- common column settings - no need to adjust ---------------- */
	.colright,
	.colmid,
	.colleft {
	}
	.col1,
	.col2,
	.col3,
	.col4 {
	}
	
	
	/* ----------------- 2 Column (Main Content Left) settings ------------------ */
	
	/*    PC Layout Grid Template (Note: update figures per job for reference)    */
	/*  Unless changes are set below - this will be the same as the Tablet layout */
	
	/*   ||                                     ||                       ||       */
	/*   ||                Col 1                ||         Col 2         ||       */
	/*   ||                 70%                 ||          30%          ||       */
	/*   ||    |                           |    ||    |             |    ||       */
	/*   || 2% |            66%            | 2% || 2% |     26%     | 2% ||       */
	/*   ||    |                           |    ||    |             |    ||       */
	
	.full-col{ /* full width column (in Colmask and Footers) */
	}
	.twocol-mainleft .colleft { /*column 1 (left column) */
	}
	.twocol-mainleft .col1 { /*column 1 (left column) */
	}
	.twocol-mainleft, 
	.twocol-mainleft .col2 { /*column 2 (right column) */
	}
	
	
	/* --------------- Common Footer settings - no need to adjust ---------------- */
	#footer-top-wrap,
	#footer-middle-wrap,
	#footer-bottom-wrap { /* footer containers to edge of screen */
		padding:0;
	}
	.footer,
	.footer-top,
	.footer-middle,
	.footer-bottom { /* main footer container in each footer-***-wrap  */
		max-width:1280px;
		margin:0 auto;				/* Centres the webpage left to right */
	}
	
	
	/* --------------- Footer Layout styles ---------------- */
	#footer-top-wrap { /* top footer container to edge of screen */
	}
	.footer-top { /* main footer container in footer-top-wrap  */
	}
	.footer-top-left,
	.footer-top-right { /* secondary footer container in footer-top */
		width:50%;
	}
	.footer-col,
	.footer-col1, 
	.footer-col2,
	.footer-col3,
	.footer-col4 { /* individual footer columns in footer-top-left and footer-top-right */
		width:49.75%;
		margin:0;
	}
	.footer-col1 {
		border-left:none;
		padding-left:0;
	}

	#footer-middle-wrap { /* middle footer container to edge of screen */
	}
	.footer-middle { /* main footer container in footer-middle-wrap  */
	}
	.footer-middle-left,
	.footer-middle-right { /* secondary footer container in footer-middle */
		width:50%;
		padding:0;
		float:left;
		position:relative;
	}
	.footer-middle-right {
		width:50%;
	}

	#footer-bottom-wrap { /* bottom footer container to edge of screen */
		/*no need to set background colour here as it's set by the <body> tag */
	}
	.footer-bottom { /* main footer container in footer-bottom-wrap  */
	}
	.footer-bottom .border-pad { 
	}
	.footer-bottom-left,
	.footer-bottom-right { /* secondary footer container in footer-bottom */
	}


	/* -------------------------- Contact Us Page (note this affects all webforms) -------------------------- */
	.node-webform .field-name-body {
		float:left;
		position:relative;
		width:37%;
		padding-right:3%;
	}
	.node-webform .webform-client-form {
		float:left;
		position:relative;
		width:60%;
	}


	/* Wheels overrides */
	.slideshow .slide-text {
		width:96%;
	}
	.slideshow .slide-text h2 {
		font-size:70px;
		font-size:7rem;
		line-height:70px;
		line-height:7rem;
		padding:60px 0 300px 0;
		padding:6rem 0 30rem 0;
	}
	.slideshow .views-field-field-call-to-action-text {
	}
	.slideshow .views-field-field-call-to-action-text a {
	}
	.slideshow .views-field-field-call-to-action-text a:hover {
	}
	.slideshow .slide-services {
		width:96%;
	}
  
	/* --------------- Basic element styles ---------------- */
	html {
	}
	html.rem-base {
		font-size:62.5%; /* Set the base rem so that 1.3rem = 13px (for desktop computers) */
	}
	body, h1, h2, h3, h4, h5, h6, p, li, table, th, td, div, dt, dd, input, textarea {
	}
	
	
	/* --------------- Font styles ---------------- */
	h1 {
	}
	h2 {
	}
	h3 {
	}
	h4 {
	}
	.slideshow h4 {
		width:70%;
		margin:0 auto;
	}
	h5 {
	}
	h6 {
	}
	p, 
	div, 
	input,
	li,
	dt,
	dd {
	}
	p {
	}
	a,
	input.form-submit { /* creates fading effect for hovers */
	}
	a {
	}
	a:hover,
	a:active {
	}
	.colmask ul,
	#tinymce ul,
	.colmask ol,
	#tinymce ol {
	}
	.colmask ul li,
	#tinymce ul li {
	}
	.colmask ol li,
	#tinymce ol li {
	}
	dt {
	}
	dd {
	}
	
	
	/* --------------- Table Styles ---------------- */
	table {
	}
	table tr th {
	}
	table tr th,
	table tr th a,
	table tr th a:hover {
	}
	table tbody tr th {
	}
	tr td,
	tr th {
	}
	tr.odd {
	}
	tr,
	tr.even {
	}
	table ul.links {
	}
	table ul.links li {
	}
	
	
	/* --------------- Highlighted ---------------- */
	#highlighted {
	}
	
	
	/* --------------- Breadcrumbs ---------------- */
	#breadcrumb,
	#breadcrumb div {
	}
	#breadcrumb div {
	}
	
	
	/* --------------- System Tabs  --------------- */
	ul.tabs {
	}
	.tabs ul.primary {
	}
	.tabs ul.primary li {
	}
	.tabs ul.primary li a,
	.tabs ul.primary li a:hover {
	}
	.tabs ul.primary li a:hover {
	}
	.tabs ul.primary li.active a,
	.tabs ul.primary li.active a:hover {
	}
	.tabs ul.secondary {
	}
	.tabs ul.secondary li {
	}
	.tabs ul.secondary li:last-child {
	}
	.tabs ul.secondary li:first-child {
	}
	.tabs ul.secondary li a {
	}
	.tabs ul.secondary li a.active {
	}
	ul.action-links {
	}
	ul.action-links li {
	}
	ul.action-links li a {
	}
	
	
	/* ---------------- Messages  ----------------- */
	
	#messages {
	}
	.featured #messages {
	}
	div.messages {
	}
	
	
	/* -------------- Password Meter  ------------- */
	
	.confirm-parent,
	.password-parent {
	}
	.password-parent,
	div.form-item div.password-suggestions {
	}
	.password-strength-text,
	.password-strength-title,
	div.password-confirm {
	}
	.password-strength-text {
	}
	div.password-confirm {
	}
	
	
	/* -------------- Form Elements   ------------- */
	fieldset {
	}
	fieldset .fieldset-wrapper {
	}
	.node-form .vertical-tabs .fieldset-wrapper {
	}
	.filter-help a {
	}
	.filter-wrapper {
	}
	.filter-wrapper .form-item label {
	}
	.filter-wrapper .form-item {
	}
	.filter-guidelines {
	}
	fieldset.collapsed {
	}
	fieldset legend {
	}
	fieldset.collapsed legend {
	}
	fieldset legend a {
	}
	fieldset legend a:hover,
	fieldset legend a:focus,
	fieldset legend a:active {
	}
	fieldset .fieldset-wrapper {
	}
	fieldset .fieldset-description {
	}
	fieldset .fieldset-legend span.summary {
	}
	input {
	}
	input,
	textarea {
	}
	textarea {
	}
	textarea.form-textarea,
	select.form-select {
	}
	input.form-text,
	textarea.form-textarea,
	select.form-select,
	.resizable-textarea .grippie,
  input.Width178 {
		padding: 4px 1%;
		padding: 0.4rem 1%;
		width:100%; /* Make this 97.5% for IE 7 ONLY i.e. *width:97.5% */
	}
	.resizable-textarea .grippie {
		padding: 0 1%;
	}
	input.form-submit,
	a.button { /* Form Buttoms */
	}
	a.button {
	}
	input.form-submit:hover,
	input.form-submit:focus,
	a.button:hover,
	a.button:focus { /* Form Buttoms - hover */
	}
	.password-suggestions ul li {
	}
	.form-item {
	}
	.form-item label {
	}
	.form-type-radio label,
	.form-type-checkbox label {
	}
	.form-type-radio .description,
	.form-type-checkbox .description {
	}
	.form-actions {
	}
	
	
	/* Disabled form elements */
	input.form-button-disabled,
	input.form-button-disabled:hover,
	input.form-button-disabled:focus,
	input.form-button-disabled:active,
	.form-disabled input,
	.form-disabled select,
	.form-disabled textarea {
	}
	.form-disabled .grippie {
	}
	.form-disabled label {
	}
	
	
	/* Animated throbber */
	html.js input.form-autocomplete {
	}
	html.js input.throbbing {
	}
	
	
	/* Comment form */
	.comment-form label {
	}
	.comment-form input,
	.comment-form .form-select {
	}
	.comment-form .form-type-textarea label {
	}
	.comment-form .form-item,
	.comment-form .form-radios,
	.comment-form .form-type-checkbox,
	.comment-form .form-select {
	}
	.comment-form .form-type-checkbox,
	.comment-form .form-radios {
	}
	.comment-form .form-type-checkbox label,
	.comment-form .form-radios label {
	}
	.comment-form input.form-file {
	}
	.no-sidebars .comment-form .form-text {
	}
	.one-sidebar .comment-form .form-text {
	}
	.two-sidebars .comment-form .form-text {
	}
	.comment-form .form-item .description {
	}
	#content h2.comment-form {
	}
	.comment-form .form-textarea {
	}
	.comment-form fieldset.filter-wrapper .fieldset-wrapper,
	.comment-form .text-format-wrapper .form-item {
	}
	.filter-wrapper label {
	}
	.filter-wrapper .form-select {
	}
	.comment-form fieldset.filter-wrapper .tips {
	}
	#comment-body-add-more-wrapper .form-type-textarea label {
	}
	#edit-actions input {
	}
	
	
	/* -------------- Other Overrides ------------- */
	div.password-suggestions {
	}
	.ui-widget-overlay {
	}
	div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
	}
	#forum .name {
	}
	#forum .description {
	}
	
	
	/* --------------- Search Form ---------------- */
	#block-search-form {
		position:relative;
		float:right;
		top:-96px;
		top:-9.6rem;
		width:25%;
		height:0;
	}
	#block-search-form .content {
		margin-top: 0;
	}
	#search-form input,
	#search-block-form input {
		height:25px;
		height:2.5rem;
		line-height:25px;
		line-height:2.5rem;
		width: 75%; /* make 73% for IE7 ONLY i.e. *width:73%  */
		padding: 0 1%;
	}
	#search-block-form input {
		width: 75%; /* make 71% for IE7 ONLY i.e. *width:71%  */
		padding: 0 2%;
	}
	#search-form .form-submit,
	#search-block-form .form-submit { /*Search Button */
		height: 25px;
		height: 2.5rem;
	}
	#search-form .form-submit:hover,
	#search-form .form-submit:focus,
	#search-block-form .form-submit:hover,
	#search-block-form .form-submit:focus { /*Search Button - hover */
	}
	#search-form label,
	#search-block-form label {
	}
	#search-form {
	}
	#search-form:after {
	}
	#search-form .search-advanced { /*Background of Search Advanced */
	}
	#search-form .collapsed {
	}
	#search-form .search-advanced legend {
	}
	#search-form .search-advanced .criterion,
	#search-form .search-advanced .action {
	}
	#search-form .search-advanced label {
	}
	#search-form .search-advanced input {
	}
	#search-form .search-advanced input.form-checkbox {
	}
	#search-form .search-advanced .form-type-checkboxes:after {
	}
	#search-form .search-advanced input.form-submit {
		width:33%; 
	}
	#search-form .search-advanced .action {
	}
	#search-form fieldset legend {
	}
	#search-form fieldset .fieldset-legend {
	}
	#search-form fieldset .fieldset-wrapper {
	}
	#search-form fieldset .fieldset-legend a {
	}
	#search-form fieldset .fieldset-legend a:hover {
	}
	
	
	/* --------------- Search Results ---------------- */
	ol.search-results {
	}
	.search-results li {
	}
	.search-results li:last-child {
	}
	.search-results .search-snippet-info {
	}
	
	
	/* -------------- Shortcut Links -------------- */
	.shortcut-wrapper {
	}
	.shortcut-wrapper h1#page-title {
	}
	div.add-or-remove-shortcuts {
	}
	.overlay div.add-or-remove-shortcuts {
	}
	
	
	/* ---------- Admin-specific Theming ---------- */
	
	.page-admin #content img {
	}
	.page-admin #content .simpletest-image img {
	}
	.page-admin-structure-block-demo .block-region {
	}
	.page-admin-structure-block-demo #featured .block-region {
	}
	.page-admin-structure-block-demo #header .block-region {
	}
	.page-admin #admin-dblog img {
	}
	/* Fix spacing when Seven is used in the overlay. */
	#system-theme-settings fieldset {
	}
	#system-theme-settings fieldset .fieldset-legend {
	}
	/* Configuration. */
	div.admin .right,
	div.admin .left {
	}
	div.admin-panel {
	}
	div.admin-panel h3 {
	}
	div.admin-panel dt {
	}
	div.admin-panel dd {
	}
	div.admin-panel .description {
	}
	
	
	/* ---------- Overlay layout styles ----------- */
	.overlay #main,
	.overlay #content {
	}
	.overlay #page {
	}
	.overlay .region-page-top,
	.overlay #header,
	.overlay #page-title,
	.overlay #featured,
	.overlay #sidebar-first,
	.overlay #triptych-wrapper,
	.overlay #footer-wrapper {
	}
	.overlay-processed .field-type-image {
	}
	.overlay #messages {
	}
	
	
	/* ---------- Poll ----------- */
	.node .poll {
	}
	.node .poll #edit-choice {
	}
	.poll .vote-form {
	}
	.poll .vote-form .choices {
	}
	.poll .percent {
	}
	.poll .text {
	}
	.poll .total {
	}
	.node .poll {
	}
	.node .poll .text {
	}
	.node .poll #edit-choice {
	}
	.poll .bar .foreground {
	}
	#footer-wrapper .poll .bar {
	}
	#footer-wrapper .poll .bar .foreground {
	}
	
	
	/* --------------- Footer Font styles ---------------- */
	#footer-top-wrap h4,
	#footer-middle-wrap h4,
	#footer-bottom-wrap h4 {
	}
	#footer-top-wrap p,
	#footer-bottom-wrap p {
		padding-bottom:10px !important;
		padding-bottom:1rem !important;
	}
	#footer-top-wrap a,
	#footer-middle-wrap a,
	#footer-bottom-wrap a {
	}
	#footer-bottom-wrap a {
	}
	#footer-bottom-wrap a:hover,
	#footer-bottom-wrap a:active {
	}

	/* Wheels overrides */
	.front .view-courier-services .views-row {
		float:left;
		position:relative;
		width:30%;
		margin-right:5% !important;
	}
	.front .view-courier-services .views-row {
	}
	.front .view-courier-services .views-row-3,
	.front .view-courier-services .views-row-6 {
		margin-right:0 !important;
	}
	.front .view-courier-services .services-text {
	}
	.front .view-courier-services h3,
	.front .view-courier-services h3 a,
	.front .view-courier-services .views-field-body,
	.front .view-courier-services .views-field-body a {
	}
	.front .view-courier-services h3 a:hover,
	.front .view-courier-services a:hover {
	}
	.view-courier-services .views-row-4,
	.view-courier-services .views-row-7,
	.view-courier-services .views-row-10 {
	}
	.slideshow .view-courier-services .views-row {
	}
	.front .view-courier-services .views-row {
	}
	.slideshow .view-courier-services .views-row-3,
	.slideshow .view-courier-services .views-row-6 {
	}
	.front .colmask .view-courier-services .views-row-2,
	.front .colmask .view-courier-services .views-row-4,
	.front .colmask .view-courier-services .views-row-6 {
		margin-right:5%;
	}
	.front .colmask .view-courier-services .views-row-3,
	.front .colmask .view-courier-services .views-row-6,
	.front .colmask .view-courier-services .views-row-9 {
		margin-right:0%;
	}
	.front .colmask .view-courier-services .views-row-3,
	.front .colmask .view-courier-services .views-row-5,
	.front .colmask .view-courier-services .views-row-7 {
		clear:none;
	}
	.front .colmask .view-courier-services .views-row-4,
	.front .colmask .view-courier-services .views-row-7,
	.front .colmask .view-courier-services .views-row-10 {
		clear:none;
	}
	.news-lists .views-more-link,
	.news-lists .more-link,
	.news-lists .view-footer {
		margin-bottom:0;
	}
	#block-views-latest-news-page-block-2,
	#block-views-case-studies-page-block-2,
	#block-views-tweets-block {
		width:30%;
		margin-right:5%;
		float:left;
		position:relative;
	}
	#block-views-tweets-block {
		margin-right:0;
	}
	.col1 .view-courier-services .views-row {
		float:left;
		position:relative;
		width:45%;
		margin-right:8%;
	}
	.col1 .view-courier-services .views-row-2,
	.col1 .view-courier-services .views-row-4,
	.col1 .view-courier-services .views-row-6 {
		margin-right:0;
	}
	.col1 .view-courier-services .views-row-3,
	.col1 .view-courier-services .views-row-5,
	.col1 .view-courier-services .views-row-7 {
		clear:both;
	}
	/* --------------- navigation ---------------- */
	/* === Main menu settings === */
	#navigation-wrap { /* navigation menu container to edge of screen */
		padding:0; /* Reset extra padding from mobile version */
		clear:none;
		float:right;
		position:relative;
	}
	.navigation { /* navigation menu container to edge of dislay area */
		width:auto;
		max-width:1280px; /* max width of navigatation area on desktop */
		margin:0 auto; /* Centres the webpage left to right */
		padding:0;
	}
	#menu-icon { /* 'Menu' tab on desktop */
		display:none !important;
	}
	#search-icon { /* 'Search' tab on desktop */
		display:none !important;
	}
	.js #menu-icon,
	.js #search-icon { /* If there is javascript, hide 'Menu' and 'Search' tabs on desktop */
		display:none !important;
	}
	#menubox,
	#searchbox { /* navigation menu and search field containers */
		clear:none;
		padding:0;
		display:block !important;
	}
	#menubox {
		background:none; /* Colour of navigation area on desktop. If .navigation_wrap is set to none and this is set to none, then only tabs are coloured */
	}
	.js #menubox,
	.js #searchbox { /* if there is javascript. hide the navigation menu and the search field */
		clear:none;
		padding:0;
		display:block;
	}
	
	
	/* === Top level menu items === */
	ul.nice-menu { /* navigation menu UL */
		height:62px; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
		height:6.2rem; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
		width:auto;
		padding-left:0 !important; /* distance between left edge and first tab */
    margin-top: 38px;
    margin-top: 3.8rem;
	}
	.fixed-header ul.nice-menu {
		height:50px; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
		height:5rem; /* height of navigation bar - should be the same height as 'line-height' in 'ul.nice-menu li a' */
    margin-top: 0;
	}
	ul.nice-menu, 
	ul.nice-menu ul,
	ul.nice-menu li {
	}
	ul.nice-menu li { /* navigation menu tab container */
		float:left;
	}
	ul.nice-menu li a,
	#menu-icon,
	#search-icon { /* navigation menu, 'Menu' and 'Search' tabs */
		background:#fff; /* background for top level tab - usually the same as the navigation background */
		color:#01499A;  /* top level tab font color*/
	}
	ul.nice-menu li a {/* navigation menu tabs */
		padding:0 10px !important; /* text padding left and right of each tab */
		padding:0 1rem !important; /* text padding left and right of each tab */
		line-height:62px; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		line-height:6.2rem; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		border-left:none; /* left border ccolour on each tab */
		border-right:none; /* right border ccolour on each tab */
		border-bottom:none; /* Reset border-bottom as set by Mobile version above */ 
	}
	.fixed-header ul.nice-menu li a {
		line-height:50px; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		line-height:5rem; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
	}
	ul.nice-menu li.first a { /* use to add/remove border on first navigation tab */
	}
	ul.nice-menu li.last a { /* use to add/remove border on last navigation tab */
	}
	
	/* Top level menu items - hover styles */
	ul.nice-menu li.active-trail a:hover,  /* This line and the next is needed to prevent hover errors on active tabs in Nice Menu Superfish Javascript */
	ul.nice-menu li.active-trail:hover a, 
	ul.nice-menu li a:hover, 
	ul.nice-menu li:hover a,
	#menu-icon:hover,
	#search-icon:hover {/* navigation menu tabs on hover */
		background:#fff;  /* background for top level tab on hover */
		color:#000; /* top level tab font color on hover */
		border-left:none;  /* left border ccolour on each tab on hover */
		border-right:none;  /* right border ccolour on each tab on hover */
	}
	ul.nice-menu li a.active:hover, 
	ul.nice-menu li.active-trail a:hover, 
	ul.nice-menu li.active-trail:hover a { /* navigation menu active tabs on hover */
		background:#fff;  /* background for top level active tab on hover */
		color:#F48B30; /* top level active tab font color on hover */
		border-left:none;  /* left border ccolour on active tab on hover */
		border-right:none;  /* right border ccolour on each tab on hover */
	}
	ul.nice-menu li a.active,
	ul.nice-menu li.active-trail a { /* navigation menu active tabs */
		background:#fff;  /*  background for top level active tab*/
		color:#F48B30;  /* top level active tab font color */
		border-left:none;  /* left border ccolour on active tab */
		border-right:none;  /* right border ccolour on each tab on hover */
	}
	
	/* === Drop down first level === */
  /*Child Trigger */
  ul.nice-menu li.menuparent .child-trigger {
  display:none; /*Hide the child-trigger on Desktop devices */
  }
  /*First Level Styling*/
	ul.nice-menu li.menuparent ul { /* Drop down navigation menu UL */ 
		width:185px; /*width of sub list tab  - make same as 'ul.nice-menu li ul li a' below */
		width:18.5rem; /*width of sub list tab  - make same as 'ul.nice-menu li ul li a' below */
		top:62px; /*position of first level drop down menu - height of top level menu plus height of border*/
		top:6.2rem; /*position of first level drop down menu - height of top level menu plus height of border*/
		position:absolute; /* position the sublist to nearest positioned ancestor, the (ul.nice-menu li) in this case*/
	}
	.fixed-header ul.nice-menu li.menuparent ul {
		top:50px; /*position of first level drop down menu - height of top level menu plus height of border*/
		top:5rem; /*position of first level drop down menu - height of top level menu plus height of border*/
	}
	ul.nice-menu li.menuparent ul li,
	ul.nice-menu li.menuparent ul li.menuparent ul li { /* Drop down navigation tab container */ 
	}
	ul.nice-menu li.menuparent ul li a,
	ul.nice-menu li.menuparent ul li.menuparent ul li a { /* Drop down navigation tab */ 
		background: #fff !important;  /* background of first level drop down menu */
		color:#525252 !important; /* text colour on first level drop down menu */
		border-color: #ccc #aaa #aaa #ccc !important; /* border colour around tabs - same as left & right on navigation */
		border-width:1px;
		border-style:solid;
		border-top:none;
		font-size:12px;  /* font size of first level drop down menu */
		font-size:1.2rem;  /* font size of first level drop down menu */
		padding:3px 15px !important;  /* padding above/below and left/right on the first level drop down menu */
		padding:0.3rem 15px !important;  /* padding above/below and left/right on the first level drop down menu */
		line-height:18px; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
		line-height:1.8rem; /* center the text vertically - should be the same height as 'height' in 'ul.nice-menu' */
	}
	ul.nice-menu li.menuparent ul li.active-trail a,
	ul.nice-menu li.menuparent ul li.menuparent ul li.active-trail a { /* Drop down navigation active tab */ 
		background: #ececec !important;  /* background of active first level drop down menu */
		color:#525252 !important; /* text colour on first level active drop down menu */
	}
	
	/* drop down first level - hover styles */
	ul.nice-menu li.menuparent ul li a:hover { /* Drop down navigation tab on hover */ 
		background:#ececec !important;  /* background for first level drop down menu on hover */
		color:#525252 !important; /* font colour on first level drop down menu on hover */
		visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	}
	ul.nice-menu li.menuparent ul li.active-trail a:hover { /* Drop down navigation active tab on hover*/ 
		background:#ececec !important;  /* background for first level drop down menu on active tab when hovering*/
		color:#525252 !important; /* font colour on first level drop down menu on hover on active tab */
		visibility:visible;  /* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	}
  /*First Level Visibility */
  ul.nice-menu li.menuparent ul,
  ul.nice-menu li.menuparent.open-child ul { /* first level drop down menu */
    display:none;
  }
  ul.nice-menu li.menuparent:hover ul,
  ul.nice-menu li.menuparent.open-child:hover ul { /* first level drop down menu on hover */
    display:block; /* Show first level drop down menu on hover */
    visibility:visible;
  }
  /*Second Level Visibility */
  ul.nice-menu li.menuparent ul li ul,
  ul.nice-menu li.menuparent:hover ul li ul,
  ul.nice-menu li.menuparent.open-child ul li ul,
  ul.nice-menu li.menuparent.open-child:hover ul li ul { /* second level drop down menu*/
    display:none;
    visibility:hidden;
  } 
	.two-column {
	}
	.two-column .column1,
	.two-column .column2 {
		float:left;
		width:48%;
		margin-right:3%;
	}
	.two-column .column2 {
		margin-right:0;
	}
	.three-column {
	}
	.three-column .column1,
	.three-column .column2,
	.three-column .column3 {
		float:left;
		width:31%;
		margin-right:3%;
	}
	.three-column .column3 {
		margin-right:0;
	}
	
	/* overrides to existing Wheels CSS */
	.banner-no-image, 
	.banner-with-image {
		padding-bottom: 2rem;
		padding-top: 2rem;
	}
	.header-wrap-gap {
		padding-top:120px;		/* extra padding to match the height of the fixed header */
		padding-top:12rem;		/* extra padding to match the height of the fixed header */
	}
	.login-block {
		right:340px;
		right:34rem;
    top: 0;
	}
	
	/* Responsive Tables in Specification Tabs only */
	table.table-head { 
		overflow:  auto; /* reset overflow from mobile */
		display:table; /* reset display from mobile */
		margin-top:0;
	}
	table.table-head:before {
		content:'';
		margin-top:0;
	}
	h1 {
		font-size:40px;
		font-size:4rem;
	}
  
    
  /* Awards Logos in Header */
  .awards .content {
    position: absolute;
    width: 320px;
    width: 32rem;
  }


  
/* Address Book edit */
#dgEDBAA354_EdFrmDv {
  top: 360px !important;
  top: 36rem !important;
}

#dgEDBAA354_EdFrmDv .edit-address-wrapper {
}


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1200px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and (min-resolution: 192dpi) and (min-width: 1200px),
only screen and (min-resolution: 2dppx) and (min-width: 1200px) { 
	/* Desktop & Large screen, retina, stuff to override above media query */

}


@font-face {
  font-family: Open_Sans;
  src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: Open_Sans_Light;
  src: url(../fonts/OpenSans-Light.ttf);
}


html,
body{
  max-width: 100%;
  overflow-x: hidden;
}

body{
    background-image: url(../Images/body_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-family: Open_Sans;
    margin: 0;
}

.container{
  max-width: 1307px;
  margin: 0 auto;
}

header {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    flex-direction: column;
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    background-image: url( ../Images/header_bg.png);
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
    margin: 0 auto;
}

.topbar_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.topbar ul {
    display: flex;
    list-style-type: none;
    margin: 10px 0;
    justify-content: flex-end;
}

.topbar ul li{
  margin: 0 15px;
}

.topbar ul li:last-child{
  margin-right: 0;
}

.topbar ul li a{
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.topbar ul li a img{
  margin-right: 15px;
}

.topbar ul li a img#tel_icon{
  max-width: 14px;
  margin-right: 10px;
}

.topbar ul li a img#email_icon{
  max-width: 16px;
  margin-right: 10px;
}

nav {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-top: 10px;
}

.enquire{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f47f34;
  color: #fff;
  font-size: 15px;
  font-style: italic;
  line-height: 20px;
  text-decoration: none;
  padding: 11px 30px;
  border-radius: 3px;
}

.enquire:hover{
  background-color: #da4100;
  color: #fff;
  text-decoration: none;
}

main{
  padding-top: 2%;
  padding-bottom: 4%;
}

main h1{
  color: #20235a;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-top: 0;
}

main p{
  max-width: 700px;
  font-size: 16px;
  line-height: 24px;
  margin: 0 auto;
}

.cta_container{
  display: flex;
  justify-content: center;
}

.cta_container a{
  background-color: #445CC3;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;  
  padding: 10px 30px;
  border: 1px solid #6E67A0;
  margin: 10px;
  margin-top: 50px;
}

.cta_container a:hover{
  background-color: #2e3281;
}

#footer_top {
  background: linear-gradient(149.21deg,#2e3281 18.67%,#20235a 118.75%);
  padding: 75px 0;
}

.footer_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    color: #fff;
    margin: 0 auto;
}

.footer_column{
  font-size: 13px;
  line-height: 24px;
  padding: 0 30px;
}

.footer_column:last-child{
  border-right: none;
}


#footer_column_1{
  padding-left: 0;
  padding-right: 20px;
}


#footer_column_2{
  border-left: 1px solid rgba(255,255,255,.15);
  border-right: 1px solid rgba(255,255,255,.15);
}

#footer_column_2 p{
  margin-top: 10px;
  color:White;
}

.footer_column_inner{
  display: flex;
  color:White;
  justify-content: flex-start;
}

.footer_column_inner_container_left
{
	color:White;
  padding-right: 30px;
}

.footer_column_inner #outside_office{
  margin-top: 25px;
}

.footer_column h3{
  color: #fff;
  font-family: Open_Sans_Light;
  font-size: 18px;
  border-bottom: 1px solid rgba(255,255,255,.15);
  max-width: 161px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 20px;
}

.footer_column h4{
  font-size: 16px;
  line-height: 31px;
  margin: 0;
  color:White;
  margin-bottom: 3px;
  text-align: left;
  padding-bottom: 0;
}

.footer_column p
{
	color:White;	
  margin: 0;
}

.footer_column a{
  display: block;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.footer_column a:hover{
  color: #f4792b;
}

.footer_column a.menu_item{
  line-height: 31px;
}

.social_icons{
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
}

.social_icons li{
  margin-right: 15px;
}

.social_icons a{
  display: inline-block;
}

.social_icons img{
  max-width: 20px;
}

#footer_bottom{
  font-family: Open_Sans;
  background-color: #20235A;
  color: #fff;
}

.footer_bottom_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  font-size: 14px;
  padding: 24px 0;
  margin: 0 auto;
}

.footer_bottom_container ul{
  display: flex;
  list-style-type: none;
  padding-left: 0;
}

.footer_bottom_container li{
  padding-right: 50px;
}

.footer_bottom_container li a{
  font-size: 14px;
  line-height: 21px;
}

.footer_bottom_container a{
  color: #fff;
  text-decoration: none;
}

.footer_bottom_container a:hover{
  color: #f4792b;
}

.designed_by a{
  text-decoration: underline;
  color:White;
}

.designed_by { color: #fff; }

#form1 div{ background-color: #fff !important;}

#footer_top a{ color: #fff; }
#footer_bottom a{ color: #fff; }

#form1 div {
    background-color: transparent !important;
}


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

  nav {
      max-width: 90%;
  }
  
  .footer_container{
    max-width: 970px;
    max-width: 90%;
  }

  .footer_column_inner{
    flex-direction: column;
  }

  .footer_bottom_container{
    max-width: 970px;
    max-width: 90%;
  }

  .footer_column_inner_container_left
  {
  	color:White;
    margin-bottom: 25px;
  }

}



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

  .topbar{
    display: none;
  }

  main{
    max-width: 90%;
    padding: 5%;
  }

  .footer_container{
    width: 100%;
    max-width: 100%;
    flex-direction: column;
  }

  #footer_column_1{
    padding-right: 0;
  }


  #footer_column_2{
    border: none;
  }

  .footer_column{
    max-width: calc(100% - 30px);
    text-align: center;
    padding: 0px 0;
    border: 0 none;
    margin: 0 auto;
  }

  .footer_column_inner_container_left
  {
  	color:White;
    padding-right: 0;
  }


  .footer_column h3{
    text-align: center;
    padding-bottom: 0;
    margin: 10px auto;
    border: none;
  }

  .footer_column_inner{
    padding: 30px;
    border-top: 1px solid rgba(255,255,255,.15);
  }

  .footer_bottom_container{
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .footer_bottom_container ul{
    flex-direction: column;
    margin-top: 0;
  }

  .footer_bottom_container li{
    font-size: 14px;
    padding-right: 0;
  }

  #footer_top{
    padding-top: 50px;
    padding-bottom: 25px;
  }

}



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

 
  #logo{
    max-width: 120px;
  }

  .enquire {
    padding: 10px 20px;
  }

  .cta_container {
    flex-direction: column;
    text-align: center;
  }

  .cta_container{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .cta_container a{
    margin: 0;
    margin-bottom: 20px;
  }





}


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

.footer_column h4 {
   text-align: center;
}

.footer_column a{
 text-align: center;
}

.footer_column p {
   text-align: center;
}

.footer_bottom_container li {
   text-align: center;
}


}