/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* reset everythhing to zero */
body {
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 62.5%;
color: #333;
background:#2B2B2B;
background:url(images/bg.jpg) repeat-x scroll 0 0;
}
/* force HTML content to the edges */
html {
margin: 0;/* New */
padding: 0;
}
/* centralise content within a wrapper */
#wrapper {
width: 956px;/* New */
margin: 0 auto;
background:#FFF;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
color: #333;
}
/* The method we use to centre the content is based on the fact that when an element’s left and right margins
are set to auto, they will share whatever is left when the element’s width has been subtracted from that of its container.
In this case the width of #wrapper will be subtracted from the width of the browser window.
To avoid problems that can occur in some browsers when the window is narrower than #wrapper
we set the element’s min-width to the same value as the width of #wrapper. */
body {
min-width:956px/* New */
}
/* Insert Header Content*/
div#nav-wrapper {
height:25px;
background:url(images/nav-bg.png) repeat-x scroll 0 0;/* New */
}
div#nav-wrapper img {
display:inline;/* New */
}
div#nav-right {
width:100%;
background:url(images/nav-bg-r.png) no-repeat scroll top right;/* New */
}
div#header {
margin:0;
padding:0;
height:95px;
background-color:#21242b;
border-bottom:1px solid #5C5C5C;
position:relative;
}
ul.nav {
position:absolute;
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
list-style-type:none;
}
ul.nav li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.nav li a {
color:#fff;
white-space:nowrap;
text-decoration:none;
}
* html ul.nav li a {
width:30px;
}
ul.nav li a:hover {
text-decoration:none;
color:#f60;
}
ul.top {
top:8px;
left:27px;
width:90%;
}
ul.top li a {
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
padding-left:10px;
border-left:1px solid #808080;
margin-left:10px;
font-size:78%;
font-weight:bold;
color:#ccc;
}
/* Tables */
td
{
vertical-align: top;
}
#mytable td{
border:solid 1px #ebebeb;
color: #000000;
font-size:11px;
}
#mytable {
font-family: Verdana;
font-size:11px;
padding-left:6px;
color: #000000;
background-color:#effbfb;
border:solid 1px #ebebeb;
text-align: right;
}
th {
font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color: #6D929B;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(images/bullet1.gif) no-repeat;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color:#FF0000; !important;
text-align: center;
text-decoration:underline;
}
th.spec1 {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(images/bullet1.gif) no-repeat;
font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color:#FF0000; !important;
text-align: center;
text-decoration:underline;
}
th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color: #B4AA9D;
}
#mytable td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #6D929B;
font: bold 12px Verdana, Arial, Helvetica,
}
td.alt {
background: #F5FAFA;
color: #B4AA9D;
}
/* General Content*/
a {
color:#ff0000;
white-space:nowrap;
text-decoration:none;
text-transform:uppercase;
font-size:1em;
}
a:hover {color:#660000;}
a:visited {}
p {
font-size:1em !important;
line-height: 1.5em;
color:#333;
}
h1 {
color:#333 !important;
font-size:160% !important;
padding:0;
}
h2 {
color:#d84810 !important;
font-size:150% !important;
padding:0;
}
h3 {
font-size:1.5em !important;
line-height: 25px;
color:#F00;
}
h4 {
font-size:1.3em !important;
line-height: 1.3em;
margin-top:1.3em;
color:#333;
}
h3.gold {
font-size:1.5em !important;
line-height: 25px;
color:#f19c00;
text-transform:uppercase;
}
h3.platinum {
font-size:1.5em !important;
line-height: 25px;
color:#1d71bb;
text-transform:uppercase;
}
/* Image Replacement */
#headerseo {
width: 956px;
height: 95px;
position: relative;
}
#headerseo span {
background: url(images/header.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}
#toplinkseo {
width: 518px;
height: 82px;
position: relative;
}
#toplinkseo span {
background: url(images/body-text3.png) no-repeat 0 0;
position: absolute;
width: 100%;
height: 100%;
}
/* Styling the Homepage text*/
#home { list-style-image: url(images/star.png); padding-left:50px; font-weight:bold;}
#home li {
font-size:1.2em !important;
text-transform:uppercase;
color:#333;
line-height:28px;
}
#home li.cog {list-style-image: url(images/cog.png)}
#home li.lock { list-style-image: url(images/lock.png)}
#home li.badge { list-style-image: url(images/badge.png); vertical-align: middle;}
#home li.badge { vertical-align: top}
#home li span.brown {color:#cc6600;}
#home li span.red {color:#ff3300;}
#home li span.blue {color:#3366cc;}
#home li span.compress {letter-spacing:-1px;}
#home h3 {font-size:1em !important; line-height: 25px; color:#F00;margin: 10px 0 20px}
div.hr {
height: 1px;
background: #999 url(images/dot.gif) repeat-x 0 0 ;
}
div.hr hr {
display: none;
}
/* End Styling the Homepage text*/
.hr {
background:transparent url(images/hr-dot.png) repeat-x scroll 0 0;
height:1px;
margin:14px 0;
}
.red {color:#FF0000; font-weight:bold;}
.orange {color: #999933; font-weight:bold;}
.gold {color:#f19c00; font-weight:bold;} !important;
/* Definition Lists */
div#lists {
margin: 0 1%;
background:#2b2b2b;
border-bottom: solid 1px #FFF;
height:250px;
}
div#NRMA {
float:left;
text-align:left;
margin:10px;
font-size:79% !important;
color:#999 !important;
width:200px;
}
div#NRMA ul {
margin-left:1.3em;
padding-left:0;
line-height:1.7em;
list-style-type:square;
color:#fff;
font-size:120% !important;
padding-bottom: 1em;
}
dl {
float:left;
text-align:left;
background:#2B2B2B url(images/def-bg.gif) repeat-x top left;
padding:10px;
color:#999 !important;
width:200px;
margin:0.4% 0.4%;
}
dd {
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:95%;
color: #CCC;
margin:0 0 1.2em 0;
}
dt {
font-size:95% !important;
color:#FFF !important;
margin:0.4% 0.4%;
display:block;
}
ul {
margin-left:1.3em;
padding-left:0;
line-height:1.7em;
list-style-type:square;
color:#f60;
}
.clr {
clear:both;
height:0;
}
/* Footer */
div#footer {
clear:both;
position:relative;
text-align:left;
min-height:192px;
height: 100px;
min-width:956px;
background:#FFF url(images/footer.jpg) top left no-repeat;
border-top:solid 1px #fff;
}
div#footer p {
font-family:Verdana,Arial,Helvetica,sans-serif;
padding: 8px 0;
margin:20px 15px;
font-size:80%;
}
div#footer p .info a {
color:#333399;
text-decoration:none;
}
div#footer p .wildtribe a:active, .wildtribe a:link, .wildtribe a:visited {
color:#ff6600;
}
div#footer p.wildtribe a:hover {
color:#ff6600;
text-decoration:none;
}
/* Centre Column */
div#about-us {
background:#fff url(images/about-bg.jpg) no-repeat scroll 100% 0;
}
div#about-us img.title {
margin: 50px 0 0 85px;
}
div#centre-col {
margin:auto 0;
padding: 2em;
border:solid 1px #ebebeb;
}
div#centre-col p {
margin-top: 1em;
}
/* Form */
div#form-wrapper {
margin:auto 0;
padding: 2em;
border:solid 1px #ebebeb;
background:#f3f7f7;
}
/* Transport */
div#transport {
background:#fff url(images/location-bg.jpg) no-repeat scroll 100% 0;
}
div#transport img.title {
margin: 50px 0 0 85px;
}
div#transport p.col1 {
padding-top:50px;
}
div#transport p.col2 {
padding-top:400px;
}
/* Gallery */
div#gallery {
background:#fff url(images/) no-repeat scroll 100% 0;
}
div#gallery img.title {
margin: 50px 0 0 250px;
}
div#gallery p.col1 {
padding-top:35px;
width:16px;
padding-left:230px;
}
div#gallery p.top {
padding:10px 0 0 200px;
width:550px;
text-align:center;
}
/* --------------------------------------------------------- GET A QUOTE FORM STYLES */
input, textarea, select {
font-family:inherit;
font-size:100%;
margin:0;
padding:1px;
}
form.wildtribe fieldset {
margin-bottom: 10px;
background:transparent url(images/wildtribe-fieldset.gif) repeat-x scroll left bottom;
border-color:#C9DCA6 -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px medium medium;
}
form.wildtribe legend {
padding-left:0;
}
form.wildtribe label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}
form.wildtribe fieldset ol {
margin: 0;
padding: 0;
}
form.wildtribe fieldset li {
background:transparent url(images/wildtribe-divider.gif) repeat-x scroll left bottom;
list-style: none;
padding:5px 10px 7px;
margin: 0;
}
form.wildtribe fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.wildtribe fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form.wildtribe fieldset fieldset label {
display: block;
width: auto;
}
form.wildtribe em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form.wildtribe em.w {
font-weight: normal
font-style: normal;
color: #fff;
}
form.wildtribe label {
width: 120px; /* Width of labels */
}
}
form.wildtribe fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}
form.wildtribe legend.terracota {
font-weight:bold;
color:#c03109;
}
form.wildtribe {
color:#333333;
width:370px;
border: solid 1px #8ea464;
}
form.wildtribe legend {
padding-left:0;
}
form.wildtribe legend, form.wildtribe label {
color:#333333;
}
form.wildtribe fieldset fieldset {
background:transparent none repeat scroll 0 0;
}
form.wildtribe label.error, label.error {
color:red;
font-style:italic;
}