/* 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/tyre-racks-oz-banner-logo-960-narrow.png) 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/safety-rails-logo-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/safety-rails-logo.png) 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 */