/* =reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
html ,body {
height:100% !important; min-height: 100% !important; max-height: 100% !important;
}
#wrapper{
overflow: auto;
}
ol, ul {
list-style: none;
}
body>#wrapper{
background: transparent url(../images/wrapper.png); background-position: center top;
}
/* * html #wrapper {
background-color: transparent; background-position: center top;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/wrapper.png', sizingMethod='scale');
}
tables still need 'cellspacing="0"' in the markup
----------------------------------------------- */
table {
border-collapse: separate; border-spacing: 0;
}
caption, th, td {
text-align: left; font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
}
#wrapper{ margin: 0 auto; width:941px; min-height: 100%;
}
body {
background: #27343C url(../images/bk.jpg) repeat-x; margin: 0 auto; font: normal 11px/17px Verdana, "Times New Roman", Times, serif; color: #474747;
}
.border {
border-left: solid 1px #FFF; border-right: solid 1px #FFF; width: 893px; margin: 0 auto; background: #FFF;
}
a {
color: #0070BF; text-decoration:underline;
}
a:hover {
color: #FFA437; text-decoration:none;
}
#header {
height: 90px; margin: 0 auto; width: 893px;
}
.header-left{
height: 90px; width: 218px; float: left;
}
a.header-left{
display:block; height: 90px; width: 218px; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; float: left;
}
a:hover.header-left, a:hover.header-winnebago, a:hover.header-isuzu, a:hover.header-hyundai, a:hover.home-feature1, a:hover.home-feature2, a:hover.home-feature3, a:hover.carsales, a:hover.car {
opacity:.60; -moz-opacity: 0.6; filter: alpha(opacity=60); /* filter is not WC# compliant */
}
a.header-winnebago{
display:block; height: 89px; width: 160px; background: url(../images/header-winnebago.gif) no-repeat; text-indent: -9999px; float: right;
}
a.header-isuzu{
display:block;
height: 89px;
width: 120px;
background:url(../images/header-izusu.gif) no-repeat;
text-indent: -9999px;
float: right;
}
a.header-hyundai{
display:block; height: 89px; width: 120px; background:url(../images/header-hyundai.gif) no-repeat; text-indent: -9999px; float: right;
}
.header-right {
height: 89px; background: #D0F8FF; width: 675px; float: right; border-bottom: solid 1px #87B9DC;
}
.header-right span{
margin: 20px 0 0 28px; font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif; color: #0070BF; float:left;
}
.nav {
height: 271px; width: 218px; background: url(../images/nav.gif) no-repeat; float:left; padding-top: 12px;
}
#flash {
height: 309px;
width: 675px;
float:left;
}
.inside {
height: 201px; width: 675px; float:right; clear:right;
}
.inside h2 {
margin: 161px 0 0 34px; font: 23px/42px Geneva, Arial, Helvetica, sans-serif; color: #FFF;
}
h23{
margin: 161px 0 0 34px; font: 23px/42px Geneva, Arial, Helvetica, sans-serif; color: #FFF;
}
.home-left {
float:left; width: 531px; margin: 10px 0 0 32px;
}
.home-right {
float:left;
width: 299px;
height: 254px;
background: #CCC;
margin-top: 10px;
margin-bottom: 0;
margin-left: 0;
}
.home-feature {
float:left; width: 177px; height:134px; background:url(../images/home-feature.gif) no-repeat; margin-bottom: 8px;
}
.home-testimonials {
height: 111px; width: 522px; background: url(../images/home-testimonials.gif) no-repeat; float:left;
}
.home-testimonials div {
padding: 0 0 0 20px; font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
}
a.home {
margin: 10px 0 10px 10px; padding: 83px 0 0 14px; color: #0381B5; text-decoration: none; font-weight: bold;
}
a.testimonial {
color: #0381B5; text-decoration: none;
}
.left-inside {
clear: both; float: left; width: 218px;
}
.egc {
clear: both;
float: left;
width: 180px;
height: 50px;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.right-inside {
float: right; width: 640px; margin: 20px 0 0 35px;
}
.right-inside3 {
float: right; width: 650px; margin: 20px 10px 0 0;
}
.right-inside span {
margin: 0 35px 0 0; float:left;
}
.right-inside2 {
float: right; width: 670px; margin: 20px 0px 0 0px; /* 20px 10px 0 25px; width: 640px; */
}
.faux-2col {
clear: both; width: 893px; background:url(../images/faux-2col.gif) repeat-y; overflow:auto;
}
h3 {
font: bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color: #FFA232; border-bottom: solid 1px #93DDF4; width: 600px;
}
.car-thumb {
float: left; width: 193px; background:url(../images/car-thumb.jpg) no-repeat;
}
a.car {
float: left; width: 183px; padding: 98px 0 5px 15px; text-decoration:none; font-weight: bold; margin-bottom: 5px;
}
a.getz {
background:url(../images/car-getz.gif) no-repeat;
}
a.dmax {
background:url(../images/car-dmax.png) no-repeat;
}
a.accent {
background:url(../images/accent.gif) no-repeat;
}
a.elantra {
background:url(../images/elantra.gif) no-repeat;
}
a.i30 {
background:url(../images/i30.gif) no-repeat;
}
a.i45 {
background:url(../images/i45.png) no-repeat;
}
a.sonata {
background:url(../images/sonata.gif) no-repeat;
}
a.grandeur {
background:url(../images/grandeur.gif) no-repeat;
}
a.tiburon {
background:url(../images/tiburon.gif) no-repeat;
}
a.tucson {
background:url(../images/tucson.gif) no-repeat;
}
a.santafe {
background:url(../images/santafe.gif) no-repeat;
}
a.imax {
background:url(../images/imax.gif) no-repeat;
}
a.iload {
background:url(../images/iload.gif) no-repeat;
}
a.car-thumb1 {
background:url(../images/car-thumb1.jpg) no-repeat; display: block; width: 157px;
}
a:hover.home {
color: #FFA437; text-decoration: none;
}
a.home-feature1 {
background:url(../images/home-feature1.jpg) no-repeat; display: block; width: 157px; line-height: 15px;
}
a.home-feature2 {
background:url(../images/home-feature2.jpg) no-repeat; display: block; width: 157px;
}
a.home-feature3 {
background:url(../images/home-feature3.jpg) no-repeat; display: block; width: 157px;
}
fieldset.home-used {
background: url(../images/home-used.gif) no-repeat; float: left; width: 284px; height: 254px; padding: 5px 0 0 15px;
}
fieldset.home-used h2, .home-testimonials div h2 {
font-size: 13px; font-weight: bold; color: #0381B5; line-height: 30px;
}
fieldset select { float : left; width : 135px; border : 1px solid #0381B5; height: 20px; font:11px/15px Verdana, Arial, Helvetica, sans-serif;}
fieldset select:hover { border-color : #80A5C2; }
fieldset select:active, select:focus { border : 1px; }
label, label span { display : block; padding: 1px 0 1px 0; font-size: 10px;}
label { float : left; width : 290px;}
label.one { float : left; width : 290px;}
label span { float : left; width : 120px; text-align : left; color: #0381B5; font-size:11px; font-weight: bold; padding: 5px 0px 5px 0px;
}
.reset { float: left; padding: 6px 0px 0px 10px;
}
.submit2 { width: 90px; height: 23px; float: left; padding: 5px 0 0 119px;
}
.fields2 {
width: 62px; margin-right: 10px; float: left; padding: 0;
}
.fields3 {
width: 62px; float: left; padding: 0;
}
.clear {
clear: both;
}
#foter {
clear: both; margin: 0 auto !important; text-align: center !important; padding-top: 20px;
}
.foter {
color: #666; font:10px/15px Verdana, Arial, Helvetica, sans-serif; width: 680px; height: 32px; text-align: center !important; margin: 0 auto !important;
}
.foter a {
color: #666; text-decoration: underline;
}
.foter a:hover {
color: #FFA437; text-decoration: underline;
}
a.carsales {
display: block; float: right; background: url(../images/carsales.gif) no-repeat; width: 86px; height:32px; text-indent: -9999px;
}
/* =menu */
.suckerdiv {
height: 271px;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 218px; /* Width of Menu Items */
height: 27px; font: bold 12px/26px Geneva, Arial, Helvetica, sans-serif;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFF;
text-decoration: none;
background: #1481B4 url(../images/nav-R1.gif) no-repeat; height: 27px;
padding-left: 35px;
}
.suckerdiv ul li a:visited{
color: #FFF;
}
.suckerdiv ul li a:hover{
background: #FFF url(../images/nav-R2.gif) no-repeat; color: #FFA437;
}
.suckerdiv .subfolderstyle{
background: #1481B4 url(../images/nav-sub-R1.gif) no-repeat; height: 27px;
}
.suckerdiv a:hover.subfolderstyle {
background: #FFF url(../images/nav-sub-R2.gif) no-repeat; height: 27px;
}
.subfolderstyle ul li a:hover {
background: #CC0000 !important; height: 27px;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 27px; }
* html .suckerdiv ul li a { height: 27px; }
/* End */
/* images */
.hyundai{
background: url(../images/hdr-hyundai.jpg) no-repeat;
}
.dmax{
background: url(../images/hdr-ute.jpg) no-repeat;
}
.accent {
background: url(../images/hdr-accent.jpg) no-repeat;
}
.elantra {
background: url(../images/hdr-elantra.jpg) no-repeat;
}
.getz {
background: url(../images/hdr-getz.jpg) no-repeat;
}
.i20 {
background: url(../images/hdr-i20.jpg) no-repeat;
}
.ix35 {
background: url(../images/hdr-ix35.jpg) no-repeat;
}
.grandeur {
background: url(../images/hdr-grandeur.jpg) no-repeat;
}
.i30 {
background: url(../images/hdr-i30.jpg) no-repeat;
}
.i45 {
background: url(../images/hdr-i45.jpg) no-repeat;
}
.iload {
background: url(../images/hdr-iload.jpg) no-repeat;
}
.imax {
background: url(../images/hdr-imax.jpg) no-repeat;
}
.santafe {
background: url(../images/hdr-santafe.jpg) no-repeat;
}
.sonata {
background: url(../images/hdr-sonata.jpg) no-repeat;
}
.tiburon {
background: url(../images/hdr-tiburon.jpg) no-repeat;
}
.tucson {
background: url(../images/hdr-tucson.jpg) no-repeat;
}
.about{
background: url(../images/hdr-about.jpg) no-repeat;
}
.used{
background: url(../images/hdr-used.jpg) no-repeat;
}
.parts{
background: url(../images/hdr-parts.jpg) no-repeat;
}
.service {
background: url(../images/hdr-service.jpg) no-repeat;
}
.latest {
background: url(../images/hdr-latest.jpg) no-repeat;
}
.finance {
background: url(../images/hdr-finance.jpg) no-repeat;
}
.testimonials {
background: url(../images/hdr-testimonials.jpg) no-repeat;
}
.contact {
background: url(../images/hdr-contact.jpg) no-repeat;
}
.birdsville {
background: url(../images/hdr-birdsville.jpg) no-repeat;
}
.classic {
background: url(../images/hdr-classic.jpg) no-repeat;
}
.freewind {
background: url(../images/hdr-freewind.jpg) no-repeat;
}
.leisure {
background: url(../images/hdr-menindee.jpg) no-repeat;
}
.longreach {
background: url(../images/hdr-longreach.jpg) no-repeat;
}
.nullarbor {
background: url(../images/hdr-nullarbor.jpg) no-repeat;
}
.esperance {
background: url(../images/hdr-esperance.jpg) no-repeat;
}
.esperance1 {
background: url(../images/hdr-esperance1.jpg) no-repeat;
}
.flash h2{
text-indent: -9999px;
}
strong {
color: #0070BF; font-size: 12px; font-weight: bold;
}
/* =iframe */
iframe {
width: 670px; height: 350px; /*width: 640px; */
}
.iframe2 {
width: 650px !important; height: 350px;
}
.service-form-top {
background:url(../images/service-form-top.gif) no-repeat; height: 10px; width: 600px; clear:both; text-indent: -9999px;
}
.service-form-bot {
background:url(../images/service-form-bot.gif) no-repeat; height: 10px; width: 600px; clear:both; text-indent: -9999px;
}
/* =form */
#theform {
background: url(../images/service-form-repeat.gif) repeat; overflow: auto;
width: 600px;
}
#theform fieldset {
height: 22.7em;
width: 180px;
padding: 10px;
float: left;
}
#theform fieldset legend {
font: 42px/42px Geneva, Arial, Helvetica, sans-serif;
color: #4CAFD4; margin-left: -3px;
}
#theform fieldset legend span {
display: none;
}
#theform fieldset h3 {
height: 4em;
font-size: 12px;
}
#theform fieldset div.help {
color: #0381B5;
font-size: 12px;
font-weight: bold;
height: 5em;
}
#theform fieldset label {
color: #0381B5;
font-size: 12px;
display: block;
line-height: 17px; font-weight: bold;
}
#theform fieldset input {
font-size: 11px; color: #474747;
height: 1.5em;
}
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
color: #FFCC33;
}
#theform fieldset strong.error {
color: #fff;
background-color: #CC0000;
padding: 0.2em;
font-size: 0.7em;
font-weight: bold;
display: block;
}
/* Part 4 Styling */
#theform fieldset.pt3 {
height: 7.6em !important;
}
#theform fieldset.pt4 {
clear: both;
width: 400px;
height: 10em !important;
}
#theform #pt4 legend {
display: none;
}
#theform #pt4 h3 {
display: none;
}
#theform #pt4 input {
height: 90px;
font-size: 1em;
width: 570px;
color: #474747;
float: left;
}
#theform fieldset.pt4 label {
float : left; width : 550px; line-height: 17px;
}
#theform label {
float : left; width : 180px;
}
#theform input {
float : left; width : 172px; border : 1px solid #95DEF4; height: 22px; font:11px/15px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;
}
.line {
clear: both;
margin-left: 10px;
border: 0;
border-top: dashed 1px #FFF;
height: 1px;
width: 550px;
}
.line div {
display: none;
}
.submit {
text-indent: -9999px;
width: 122px;
height: 23px !important;
padding: 0 !important;
margin: 0 0 0 5px;
border: 0 !important;
background: transparent url(../images/send-R1.gif) no-repeat 5px 0;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
input.submit:hover {
background: transparent url(../images/send-R2.gif) no-repeat;
}
input.submit, input.submit:active, input.submit:focus {
border: 0 !important;
}
form>.submit { /* For non-IE browsers*/
height: 0px; border: 0 !important;
}
.coltwo {
width: 304px !important; float: left;
}
h4 {
font: bold 13px/17px Geneva, Arial, Helvetica, sans-serif; color: #FFA232;
}
/* testimonials */
.testimonials-top {
background: url(../images/testimonials-top.jpg) no-repeat; width: 568px; padding: 10px 20px 7px 20px; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif !important; color: #333;
}
.testimonials-repeat {
background: url(../images/testimonials-repeat.jpg) repeat; width: 608px;
}
.testimonials-bot {
background: url(../images/testimonials-bot.jpg) no-repeat; width: 608px; height: 7px; margin-bottom: 20px;
}
.testimonials-right {
color: #0381B5; text-align: right; font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif !important; padding-top: 5px;
}
/* testimonials home */
.home-testimonials-top { clear: both;
background: url(../images/home-testimonials.gif) no-repeat; width: 482px; height: 100px; padding: 10px 20px 7px 20px; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif !important; color: #333;
}
.home-testimonials-repeat {
background: url(../images/testimonials-repeat.jpg) repeat; width: 482px;
}
.home-testimonials-bot {
background: url(../images/testimonials-bot.jpg) no-repeat; width: 508px; height: 10px;
}
.float-right {
float: right;
}
.right-4col {
width: 600px; float: left;
}
.right-2col strong{
color: #666; font-size: 11px;
}
/* Nicelist */
ul.nicelist li {
margin: 0; /*removes indent IE and Opera*/
padding-left: 23px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
background: url(../images/bullet.gif) no-repeat;
}
ul.nicelist {
margin: 5px 0px 15px 0px;
padding: 0px;
list-style: none;
}
/* Winnebago Thumbs */
a.birdsville {
background:url(../images/car-birdsville.gif) no-repeat;
}
a.classic {
background:url(../images/car-classic.gif) no-repeat;
}
a.freewind {
background:url(../images/car-freewind.gif) no-repeat;
}
a.menindee {
background:url(../images/car-menindee.gif) no-repeat;
}
a.esperance {
background:url(../images/car-esperance.png) no-repeat;
}
a.longreach {
background:url(../images/car-longreach.gif) no-repeat;
}
a.nullarbor {
background:url(../images/car-nullarbor.gif) no-repeat;
}
td.rangeTableTitle, tr.rangeTableTitle
{
background-color: #0076CC;
color: #FFFFFF;
font-weight: 700;
}
td.rangeTableCell, tr.rangeTableCell
{
background-color: #EBEBEB;
color: #4F5559;
}
.floorplan-text {
width: 240px; float: left; padding-top: 20px;
}
.floorplan-photo {
width: 370px; float: left;
}
.floorCaption {
float: left; width: 600px; text-align: right; padding: 5px 0 20px 0;
}
.model-hdr {
width: 200px; float: left; background: #0383B6; padding: 6px 0 6px 10px; color: #FFF; font-weight: bold;
}
a.model {
width: 200px; float: left; background: #DFF5FB; padding: 6px 0 6px 10px; display: block; border-bottom: 1px solid #FFF;
}
.RH {
background: #0383B6; padding: 6px 0 6px 10px; border-bottom: 1px solid #FFF; font-weight: bold; color: #FFF;
}
.R1 {
background: #DFF5FB; padding: 6px 0 6px 10px; border-bottom: 1px solid #FFF;
}
.R2 {
background: #DFF5FB; padding: 6px 0 6px 10px; border-bottom: 1px solid #FFF;
}
.sub-nav {
margin: 13px 0px 0px 13px; background: url(../images/sub-nav-top.gif) no-repeat; width: 190px;
}
.sub-nav h4 {
border: none; width:none; padding: 3px 0 3px 20px; font-size: 12px;
}
a.sub-nav-R1 {
width: 170px; float: left; background: #DFF5FB url(../images/sub-nav-arrow.gif) no-repeat; display: block; border-bottom: 1px solid #FFF; text-decoration: none; padding: 3px 0 3px 20px;
}
a:hover.sub-nav-R1 {
background: #FFFFFF url(../images/sub-nav-arrow.gif) no-repeat;
}
.sub-nav-bot {
clear: both; height: 6px; background: url(../images/sub-nav-bot.gif) no-repeat; width: 190px; float: left;
}
em {
color: #FFA232; font-style:normal;
}
.noborder {
border: 0 !important;
}
a.enquire {
display:block; height: 23px; width: 115px; background:url(../images/enquire-R1.gif) no-repeat; text-indent: -9999px; float: left; margin-bottom: 20px;
}
a:hover.enquire {
background:url(../images/enquire-R2.gif) no-repeat;
}
a.link {
font-weight: normal !important; font-size: 11px !important;
}