/* HTML */
body { 
	margin: 0; 
	padding: 0; 
	font-family: "Arial", sans-serif;
	font-size: 14px;
  color: black; 
	background: #0098da;
	}
  
img { margin: 0; padding: 0; }

* {
  margin:0;
  padding:0;
  outline:0;
}

p { margin-bottom: 12px; }

/* PAGE LEVEL */
#ch-background {
	position: relative; 
	clear: left;
  width: 100%;
	height: auto;
	margin: 0 auto;
	background: #0098da url(../images/tyre-racks-oz-blue-background.jpg) repeat-y top center;
	text-align: center;
  padding-bottom: 10px;
	}
#ch-map-text {
	position: absolute; 
  bottom: 60px;
	clear: left;
  width: 100%;
	height: 223px;
	margin: 0 auto;
	background: url(../images/tyre-racks-oz-map-australia-with-text.png) no-repeat top center;
	text-align: center;
  padding-bottom: 0px;
	}
/* #ch-map {
  position: absolute;
  top: -10px;
  left: -320px;
  width: 240px;
  height: 223px;
	background: url(../images/tyre-racks-oz-map-australia.png) no-repeat top center;
  text-align: center;
} */
#ch-map {
  position: absolute;
  top: 30px;
  left: -260px;
  width: 240px;
  height: 223px;
	background: url(../images/tyre-racks-oz-map-australia.png) no-repeat top center;
  text-align: center;
  z-index: 999;
}
  
/* RESPONSIVE */
/* DEFAULT SMALLEST SCREEN */
@media only screen {
  .ch-flex { display: block; }
  #ch-banner2 {
    position: relative; 
    height: 139px;
    background: url(../images/msr-banner-narrow1.jpg) no-repeat top left;
    text-align: center;
    }
  #ch-enquiriescontainer {
    position: relative; 
    top: 0px;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    }   
  #ch-enquiries {
    position: absolute;
    top: 14px;
    right: 5%;
    height: auto;
    font-weight: bold;
  }
  .ch-enquiries-0 { display: block; font-size: 14px; }
  .ch-enquiries-1 { font-size: 14px; }
  .ch-enquiries-2 { font-size: 28px; }
  .w3-topnav { display: none; }
  .ch-closenav { display: none; }
  #ch-main-content { 
    position: relative; 
    top: 0px; 
    max-width: 960px; 
    margin: auto; 
    background-color: white; 
    font-family: "Arial", sans-serif;
    }
  .ch-content {
    position: relative; 
    top: 0px; 
    max-width: 840px; 
    height: auto;
    margin: 6px 20px 0 20px;
    background: white;
    font-size: 16px;
    font-weight: normal;
    line-height: 180%;
    text-align: left;
    }
  .ch-caption { font-size: 21px; }
  .ch-prod-ban {
    width: 100%;
    min-height: 36px;
    font-size: 22px;
    line-height: 160%;
    }
  .ch-prod-ban-lft {
    width: 100%;
    color: blue;
    background-color: #f5874f; 
    float: left;
    text-align: left;
    padding-left: 16px;
    }
  .ch-prod-ban-rgt {
    color: white; 
    background-color: #f5874f; 
    float: right;
    text-align: right;
    padding: 0 16px;
    }
  .ch-lh-300 { line-height: 300%; }
  .ch-gt600 { display: none; }
  .ch-st600 { font-size: 18px; }
  .ch-spec-table { padding-left: 0px; max-width: 380px; margin: 0 auto; }
  #ch-footer { text-align: center; }
  }
  
/* SCREEN 601PX */
@media only screen and (min-width:601px) {
  .ch-flex {  
    display: -ms-flexbox;    
    display: -webkit-flex;    
    display: flex;
    }
  .w3-topnav { display: block; margin-top: 10px; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  #ch-banner2 {
    position: relative; 
    height: 139px;
    background: url(../images/tyre-racks-oz-banner-logo-960-short.png) no-repeat top left;
    text-align: center;
    }
  #ch-enquiries { right: 7%; }
  .ch-enquiries-0 { display: none; }
  .ch-enquiries-1 { font-size: 17px; }
  .ch-enquiries-2 { font-size: 32px; }
  #ch-main-content { position: relative; top: 0px; }
  .ch-content { margin: 0px 40px; }
  .ch-caption { font-size: 18px; }
  .ch-lh-300 { line-height: 200%; }
  .ch-gt600 { display: block; }
  .ch-st600 { font-size: 22px; }
  .ch-spec-table { padding-left: 20px; }
  #ch-footer { text-align: left; }
  }
  
/* SCREEN 640PX */
@media only screen and (min-width:640px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  #ch-enquiries { right: 7%; }
  .ch-enquiries-1 { font-size: 20px; }
  .ch-enquiries-2 { font-size: 40px; }
  }
  
/* SCREEN 880PX */
@media only screen and (min-width:880px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  #ch-banner2 {
    position: relative; 
    clear: left;
    width: 100%;
    max-width: 960px;
    height: 139px;
    margin: 0 auto;
    background: url(../images/tyre-racks-oz-banner-logo-960-full.png) no-repeat top left;
    text-align: center;
    }
  #ch-enquiries { right: 10%; }
  .ch-content { margin: 0px 60px; }
}  
  
/* SCREEN 960PX */
@media only screen and (min-width:960px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  #ch-banner2 {
    position: relative; 
    clear: left;
    width: 100%;
    max-width: 100%;
    height: 139px;
    margin: 0 auto;
    background: url(../images/minesite-safety-rails-logo1.jpg) no-repeat top center;
    text-align: center;
    }
  #ch-main-content { position: relative; top: 0px; }
  .ch-caption { font-size: 15px; }
  .ch-lh-300 { line-height: 200%; }
  }
 
/* SCREEN 1024PX */ 
@media only screen and (min-width:1024px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  #ch-main-content { position: relative; top: 0px; }
  .ch-content { font-size: 20px;}
  .ch-caption { font-size: 15px; }
  .ch-lh-300 { line-height: 200%; }
  }
  
/* UTILITIES */
/* FONT */
.ch-sans { font-family: "Arial", sans-serif; }
.ch-i { font-style: italic; }
.ch-b { font-weight: bold; }
.ch-13 { font-size: 13px; } 
.ch-20 { font-size: 20px; } 
.ch-22 { font-size: 22px; } 
.ch-lh-140 { line-height: 140%; } 
.ch-lh-150 { line-height: 150%; } 
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.ch-h1 { margin-top: 10px; padding-bottom: 0px; line-height: 120%; font-size: 38px; }
/* COLOR */
.ch-cstblue { color: #0a62ac; }
.ch-blue { color: blue; } 
.ch-navy { color: navy; } 
.ch-red { color: red; } 
/* BACKGROUND COLOR */
.ch-pale { background-color: #eeffee; }
.ch-bw { background: white; color: black; }
.ch-orange { background-color: #f5874f; } 
/* OPACITY */
.ch-opa-8 { opacity:0.8 }
/* PADDING */
.ch-ptop-4 { padding-top: 4px; }
.ch-ptop-10 { padding-top: 10px; }
.ch-pb-30 { padding-bottom: 30px; }
.ch-pb-20 { padding-bottom: 20px; }
.ch-pv-30 { padding-top: 30px; padding-bottom: 30px; }
.ch-pv-20 { padding-top: 20px; padding-bottom: 20px; }
.ch-plr-20 { padding: 0 20px; }
.ch-plr-10 { padding: 0 10px; }
.ch-pl-10 { padding-left: 10px; }
/* MARGIN */
.ch-mb-0 { margin-bottom: 0; }
/* DISPLAY */
.ch-clear { clear: both; }
.ch-inblock { display: inline-block; }
/* LINKS */
.ch-clean-link a { text-decoration: none; }
.ch-clean-link a:hover { text-decoration: underline; }
.ch-none-link a { text-decoration: none; }
.ch-none-link a:hover { text-decoration: none; }
/* TABLE */
table.ch-table td,th{padding:6px 8px;display:table-cell;vertical-align:top}

/* SPECIFIC ELEMENTS */

/* SCROLLUP ARROW */
a.ch-scrollup { outline: 0px none; text-align: center; }
a.ch-scrollup i { margin-top: 10px; color: #fff; }
.ch-scrollup { 
  position: fixed; 
  width: 32px; 
  height: 32px; 
  bottom: 20px; 
  right: 20px; 
  background: #222 none repeat scroll 0% 0%;
  opacity:0.6 !important
}

/* BOXES */

/* HORIZONTAL LINES */

.ch-hr-6 { clear: both; height: 6px; }
  
/* CAPTION */
.ch-caption { position: absolute; top: 330px; left: 40px; width: auto; height:auto; } 
.ch-caption-2 { position: absolute; top: 290px; right: 20px; width: auto; height:auto; } 

/* TABLE ELEMENTS */
td.ch-bottomrule-lft { border-bottom: solid red 1px; vertical-align: top; }
td.ch-bottomrule { border-bottom: solid red 1px; padding-left: 10px; vertical-align: top; }
td.ch-botrgtrule { border-bottom: solid red 1px; border-right: solid red 1px; vertical-align: top; }

/* FORMS */
.ch-input-box { 
  border-radius: 10px;
  border: 1px solid gray;
  padding: 8px;
  margin: 2px 0;
  }
  
.ch-redbox {
  text-align: center;
  background: #222;
  color: white;
  padding: 3px 0 5.5px 0;
}

#ch-botcentered { text-align: center; }
  
/* EOF */