/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
 License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 Reset / Display Role
*/
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }
	
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
	body { margin: 0; font-size: 1em; line-height: 1; }
	p {padding:7px 0 0 0;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#222;margin:0;}
	
	a {color:#F0610E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}
	
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	.clear {clear:both;}
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	
	ul { margin:0; padding:0; list-style: none; }
	ol {margin:15px;}
	
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	
	svg:not(:root) { overflow: hidden; }
	
	figure { margin: 0; }
	
	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }
	
	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }

/* clearfix
*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}
/* Custom Selection Styles 
*/
	::selection {background:#02598b;color:#FFF;text-shadow:none;}
	::-webkit-selection {background:#02598b;color:#FFF;text-shadow:none;}
	::-moz-selection {background:#02598b;color:#FFF;text-shadow:none;}
	:focus {outline:0;}
/* 100% height - start : http://css-tricks.com/forums/discussion/11437/100-height-the-bane-of-my-existence-/p1 
*/
html, body {
  height: 100%;
}

#content {
  min-height: 100%;
}

.lt-ie7 #content{
  height: 100%;
}
/* 100% height - stop 
*/
@font-face {
  font-family: 'centrale_sans_mediummedium';
  src: url('centrale_sans_medium-webfont.eot');
  src: url('centrale_sans_medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('centrale_sans_medium-webfont.woff') format('woff'),
       url('centrale_sans_medium-webfont.ttf') format('truetype'),
       url('centrale_sans_medium-webfont.svg#centrale_sans_mediummedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'centrale_sans_boldbold';
  src: url('centrale_sans_bold-webfont.eot');
  src: url('centrale_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('centrale_sans_bold-webfont.woff') format('woff'),
       url('centrale_sans_bold-webfont.ttf') format('truetype'),
       url('centrale_sans_bold-webfont.svg#centrale_sans_boldbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
img {
  border: 0 none;
  display: block;
  max-width: 100%;
  width: auto;
}
body {
  /* background-color: #c1baa4; /*previous bg color*/
  background-color: #bdb9a6;
  color: #1d1d1b;
  font-family: Arial, Helvetica,sans-serif;  
  font-family: 'centrale_sans_mediummedium';
  letter-spacing: 0.05px;
  font-size: 12.5px;
  line-height: 22px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'centrale_sans_boldbold';
  font-size: 1.175em;
  margin-bottom: 1px;
}
h1 {
  color: #fff;
  font-size: 2.25em;
  line-height: 1em;
  margin-bottom: 0.75em;
}
p {
  padding: 0;
}
p, ol, ul {
  margin: 0 0 18px 0;
}
ul li {
  background: url(../img/icon_list.gif) no-repeat 0 10px;
  padding-left: 10px;
}
a:link,
a:visited {
  color: #fff;
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}
.normal {
  font-family: 'centrale_sans_mediummedium';
  font-weight: normal;
}
.bold, strong {
  font-family: 'centrale_sans_mediummedium';
  font-weight: bold;
} 
.italic, em {
  font-family: 'centrale_sans_mediummedium';
  font-style: italic;
  font-weight: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { 
  font-family: 'centrale_sans_mediummedium';
  background-color: #f0f0f0;
  border: 1px solid #bfbfbf;   
  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  padding: 2px 10px 3px; 
}
form label {
  margin-right: 10px;
}
.white {
  color: #fff;
}
.black {
  color: #222;
}
.formrow {
  width: 100%;
  margin-bottom: 7px;
}
.formrow  label, .formrow input {
  float: left;
  display: block;
}
.formrow label {
  width: 90px;
}
.formrow input[type="text"],
.formrow input[type="password"] {
  width: 172px;
}
#loginform input[type="submit"] {
  margin-left: 100px;
  float: none;
}
#pagelist li {
  font-size: 1.175em;
  line-height: 28px;
  background-position: 0 12px;
}
#pagelist a:link,
#pagelist a:visited {
  color: #222222
}
#content {
  width: 508px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#content.cms {
  width: 560px;
}
#logo {
  display: block;
  margin-bottom: 30px;
}
header {
  padding-top: 70px; 
}
.cms header {
  padding-top: 50px;
}
header a {
  line-height: 2em;
}
#nav, #nav-alt {
  margin-bottom: 32px;
}
footer {
  position: absolute;
  z-index: 30;
  bottom: 4px;
}
footer p {
  line-height: 3.25em;
  padding: 0;
}
footer a, footer span {
  display: block;
  line-height: 14px;
  float: left;
}
/* to disable automic link generation on phonenumber type numbers on Iphone and android*/
span.number-nophone, 
.number-nophone span {
  display: inline !important;
  color: inherit !important;
  cursor: default !important;
  padding: 0 !important;
  float: none;
}
footer .seperator {
  font-weight: normal;
  padding: 0 8px 0 10px;
}
#icons {
  width: 30px;
  position: absolute;
  z-index: 15;
  top: 0;
  right: 8px;
}
#icons a,
#icons a  img {
  display: block;
}
#icons a {
  margin-bottom: 25px;
}
.offscreen {
  height: 1px;
  width: 1px;
  text-indent:-9999em;
  postion: absolute;
  z-index: 10;
  top: -9999em;
  left: -9999em;
}
/* nav - start */
#nav h2,
#nav h3,
#nav h4 {
  margin: 0;
  padding: 0;
}
.btn-block {
  width: 254px;
}
.btn-block a,
.btn-block h2,
.btn-block h3,
.btn-block {
  float: left;
}
.btn-block a,
.btn-block a:visited {
  background-color: #c6c0af;
  text-decoration: none;
}
.btn-block a {
  font-size: 18px;
  display: block;
  width: 106px;
  height: 120px;
  line-height: 120px;
  margin: 0 7px 7px 0;
  padding-left: 14px;
}
.btn-block .btn-sub a{
  height: 57px;
  line-height: 57px;
}
.btn-block a:hover,
.btn-block a:active {
  text-decoration: none;
  background-color: #cfc9b8;
  color: #494949;
}
.btn-sub a {
  color: #1d1d1b;
}
.btn-sub a:hover,
.btn-sub a:active {
  color: #4e4e4e;
}
/* nav - stop */
.newsitem {
  font-weight: bold;
  width: 374px;
}
.newsitem hr {
  border-color: #BDB9A6;
}
#main .newsitem h2,
#main .newsitem h3,
#main .newsitem h4 {
  font-family: 'centrale_sans_mediummedium';
  color: #fff;
  padding-right: 2px;
}
.newsitem h2,
.newsitem h3,
.newsitem h4,
.newsitem p,
footer p
{
  display: inline;
  letter-spacing: 0.5px;
}
a#terms-conditions {
  background: url(../img/icon_check-pdf.png) no-repeat 4px 2px;
  padding-left: 20px;
}
a#terms-conditions:hover,
a#terms-conditions:active {
  background-position: 0 -36px;
}
.newsitem a {
  font-size: 10px;
  font-weight: normal;
}
.newsitem a, 
.newsitem a:visited,
.newsitem a:hover,
.newsitem a:active {
  color: #1d1d1b; 
}
footer p {
  font-weight: bold;
  margin-bottom: 0;
}
#main {
  position: relative; 
  z-index: 10;
  padding-bottom: 40px;
}
#main.home {
  padding-bottom: 32px;
}
#resizer {
  border: 1px solid black;
}
#pagecontent {
  padding: 35px 20px 20px;
  position: relative;
  z-index: 20;
}
#pagecontent, .rowwrap {
  background-color: #C6C0AF;
}
.rowwrap h1 {  
  font-size: 1.5em;
  margin: 0;
}
.rowwrap h1 span {
  color: #222;
}
.rowwrap {
  padding: 20px 20px 0;
}
.rowwrap label {
  font-weight: bold;
}
.cmsrow {
  margin-bottom: 10px;
}
.cmsrow.rowwrap {
  padding-bottom: 10px;
}
.cmsrow.rowwrap input {
  width: 80%;
}
a.closeback:link,
a.closeback:visited {
  text-decoration: none;
  position: absolute;
  z-index: 25;
  top: 8px;
  right: 8px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon_close.png) no-repeat center 8px;
}
a.closeback:hover,
a.closeback:active {
  background-position: center -32px;
}
.status-message {
  background-color: #cfc9b8;
}
.status-message p {
  width: 508px;
  margin: 0 auto;
}
.cke_top,
.cke_bottom {
  background: #F0F0F0 !important;
}
.cke_path a:link,
.cke_path a:visited {
  color: #000;
}

.float-txt  {
  float: left; 
  margin-right: 20px; 
  width: 280px;
}
.float-img {
  float: right; 
  margin-top: 8px; 
  width: 165px;
}

/* IE8 fix */
.lt-ie8 .btn-sub{
  padding-top: 7px !important;
}
/* 
.size01 { background-color: red; } .size02  { background-color: orange; } .size03  { background-color: purple; } .size04  { background-color: blue; } .size05  { background-color: green; } .size06  { background-color: cyan; } .size07  { background-color: grey; } .size08  { background-color: #cfc9b8; } .size09  { background-color: #BDB9A6; } 
 */


/********
****************************************************************************
smaller than 1024 - o.a 1024x768 Ipad/table landscape
*************************************************************************************/
@media screen and (max-width: 1024px) {
  body.test {background-color: gold;}        

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
   
  img {
    max-width: 100%;
    height: auto;
  }
  
  .btn-block {
    width: auto;
  }  
    
  /* yellow bg */
  #pagecontent { 
    background-color: #FFF704;
  }
  .white, #main  a:link, #main a:visited, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    color: #222;
  }
  #main  a:link, #main a:visited {
    text-decoration: underline;
  }
  #main  a:link, #main a:visited, 
  a.closeback:link, a.closeback:visited {
    background-position: center -32px;
  }  
  .float-txt, .float-img  {
    float: none;
    margin: 0;
    width: auto;
  }
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 980px) {
}

/********
****************************************************************************
smaller than 980 - o.a 960x640 Iphone 4 - landscape
*************************************************************************************/
@media screen and (max-width: 980px) {
  body.test {background-color: silver;}        

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}   
  img {
    max-width: 100%;
    height: auto;
  }  
  .btn-block {
    width: auto;
  }  

}

/********
****************************************************************************
smaller than 768 - Ipad/tablet portrait
*************************************************************************************/
@media screen and (max-width: 768px) {
  body.test {background-color: green;}          
}

/********
****************************************************************************
smaller than 740 - in between size
*************************************************************************************/
@media screen and (max-width: 740px) {
  body.test  {background-color: cyan;}        
}

/********
****************************************************************************
smaller than 640 - o.a 640x960 Iphone 4 - portrait
*************************************************************************************/
@media screen and (max-width: 650px) {
  body.test  {background-color: blue;}    
}


/********
****************************************************************************
smaller than 540 
*************************************************************************************/
@media screen and (max-width: 540px) {
  body.test  {background-color: purple;}
  
  #content {
    width: auto;
    margin: 0;
    padding: 0 15px;
  }
  .btn-sub {
    float: left;
  }
  .btn-sub h3 {
    float: none;
  }
  #icons {
    right: 0;
  }
  
}
  
/********
****************************************************************************
smaller than 480 - o.a 480x320 Iphone - landscape
*************************************************************************************/
@media screen and (max-width: 480px) { 
  body.test  {background-color: orange;} 
 
  .btn-sub  a,
  .btn-sub  a:visited {
    margin-right: 0;
  }  
  #content {
    padding: 0 10px;
  }    
  #icons {
    position: static;
    width: auto;
    padding-left: 14px;
  }
  #icons a {
    float: left;
    margin-left: 25px;
  }
  #icons a:first-child {
    margin-left: 0;
  }

}

/********
****************************************************************************
smaller than 425 in between size homepage
*************************************************************************************/
@media screen and (max-width: 425px) { 
  body.test  {background-color: coral;} 

  .btn-sub h3 {
    float: left;
  }
  .btn-block a {    
    padding-left: 12px;
  }
  .btn-block a, 
  .btn-block .btn-sub a {
    height: 44px;
    line-height: 44px;    
  }
  .btn-sub a {
    margin-right: 7px;
  }
  #nav {
    display: none;
  }
  #nav-alt {
    display: block !important;
  }  
  .btn-block,
  .btn-sub {
    width: 100%;
  }  
  .btn-block h2,
  .btn-block h3 {
    width: 50%;
  }
  .btn-block a,
  .btn-sub a {
    margin-right: 5%;
    padding-left: 10%;
    width: 85%;
    white-space: nowrap;
  }
  .newsitem {
    width: 98%;
  }
  .newsitem h2, .newsitem h3, .newsitem h4, .newsitem p {
    display: block;
  }

} 
  
/********
****************************************************************************
smaller than 320 - o.a 320x480 Iphone - landscape
*************************************************************************************/
@media screen and (max-width: 320px) { 
  body.test  {background-color: red;}
  
  #main {
    padding-bottom: 68px;
  }
  footer .seperator {
    display: none;
  }
  footer a, footer span {
    float: none;
  }
  footer span {
    padding-left: 20px;
  }
  footer a {
    margin-bottom: 10px;
  }
}  

/********
****************************************************************************
smaller than 255 
*************************************************************************************/
@media screen and (max-width: 255px) { 
  body.test  {background-color: pink;}
 
 .btn-block h2, .btn-block h3 {
    width: 100%;
  }
  
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
}