@import url(reset.css) all;



@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('fonts/ColabLig-webfont.eot');
    src: local('☺'), url('fonts/ColabLig-webfont.woff') format('woff'), url('fonts/ColabLig-webfont.ttf') format('truetype'), url('fonts/ColabLig-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Colaborate-BoldRegular';
    src: url('fonts/ColabBol-webfont.eot');
    src: local('☺'), url('fonts/ColabBol-webfont.woff') format('woff'), url('fonts/ColabBol-webfont.ttf') format('truetype'), url('fonts/ColabBol-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: verdana,arial,helvetica,sans-serif;
    background-color: white;
    font-size: 11px;
    text-align: center;
}

img {
    border-style: none;
}

#wrapper {
    width: 770px;
    margin: 0 auto;
    text-align: left;
}
/*Head
*/
#head {
    background-image: url(../images/new_images/head.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #D3DCE6;
    background-position: left top;
    width: 770px;
    height: 129px;
    clear: both;
}
.swf {
    position: relative;
    top: 16px;
    left: 14px;
    width: 226px;
    height: 109px;
    float: left;
}
.kiasite {
    color: #363636;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: semi-expanded;
    text-decoration: none;
    text-align: right;
    position: relative;
    top: 110px;
    left: 137px;
    float: left;
}
.address {
    color: white;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    text-align: right;
    position: relative;
    top: 19px;
    right: 25px;
    width: 150px;
    float: right;
}
.phone {
    color: #a8b4c1;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
    position: relative;
    top: 29px;
    right: 25px;
    width: 150px;
    float: right;
    clear: right;
}
.kiasite a {
    text-decoration: none;
}
.kiasite a:hover {
    color: #a8b4c1;
}
/*Nav*/
#nav {
    background-image: url(../images/new_images/nav.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 770px;
    height: 40px;
}
.menu ul {
    position: relative;
    top: 3px;
    left: 14px;
    margin: 0;
    padding: 0;
    float: left;
}
.menu ul li {
    display: inline;
}
.menu ul li a {
    float: left;
    text-decoration: none;
    color: #30353b;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10.5px 18px 10.5px 11px;
}
.menu ul li a:hover, .menu ul li .current {
    color: white;
}
/*Rest
*/
.title {
    color: #fff;
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 65px;
}
table {
    clear: both;
}
.class {
}

/* Typography
---------------------------------------- */
a {
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'ColaborateLightRegular', Arial, sans-serif;
    letter-spacing: 0;
}
h1 {
    font-size: 40px;
}
h2 {
    color: #fff;
    background: #DDDDDD url(../images/sprite.jpg) no-repeat scroll 0px -15px;
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 35px;
    font-family: 'Colaborate-BoldRegular',Arial,sans-serif;
    text-transform: uppercase;
    padding: 10px 0 5px 10px;
}

h2 span {
    background: #B01116 none repeat scroll 0 0;
    color: #FFFFFF;
    padding: 5px 50px 5px 5px;
    position: relative;
    top: 14px;
}

h3 {
    background: transparent url(../images/sprite.jpg) repeat scroll 0 -100px;
    font-size: 15px;
    /*background-color: #A8B4C1; */
    padding:5px;
    text-transform: uppercase;
    font-weight: lighter;
    margin-bottom: 10px;
    /* background-color: #D3DCE6; */
    color:#fff;
}

h4 {
    font: 25px 'ColaborateLightRegular', Arial, sans-serif;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 15px;
}

p {
    font-size: 13px;
}

strong {
    font-weight: 900;
}

#body_content p {
    margin-bottom: 10px;
}

/* Layout
---------------------------------------- */
/*Box Borders*/
.oneThirdColumn , .twoThirdsColumn,.quarterColumn, .threeQuarterColumn, .halfColumn, .fullColumn,.fullColumn fieldset {
    border: 1px solid #D3DCE6;
    margin: 7px;
    padding: 10px;
    float: left;
    /*min-height:215px; */
}
#body_content {
    padding: 10px;
    /* width: 720px;*/
    margin: 5px 14px;
    background-color: #A8B4C1;
    border: 1px solid black;
    clear: both;
}
.halfColumn, .fullColumn,.fullColumn fieldset {
    width: 45%;
}

.fullColumn {
    width: 95%;
}

.oneThirdColumn {
    width: 28%;
}

.twoThirdsColumn {
    width: 62%;
}

.evenHeight {
    /* height:120px; */
    /*height:225px; */
}

/* Lists
---------------------------------------- */
ul {
    list-style: none;
    list-style-type: ;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.bulletList {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}

ul.bulletList li {
    list-style: disc;
    margin-bottom: 5px;
    padding-left: 10px;
}

/* Home Page
---------------------------------------- */
.Showroom .oneThirdColumn img, .Showroom .quarterColumn img {
    height: auto;
    width: 100%;
}

#body_content h4, #body_content p {
    padding: 5px;
}

.Showroom .quarterColumn {
    width: 180px;
}

.Showroom .halfColumn {
    width: 468px;
    position: relative;
    /* background:#DDDDDD none repeat scroll 0 0; */
}

.Showroom div span strong {
    background: #B01116 none repeat scroll 0 0;
    color: #FFFFFF;
    font-family: 'Colaborate-BoldRegular',Arial,sans-serif;
    font-size: 28px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 20px;
    line-height: normal;
    padding: 5px 50px 5px 5px;
    position: absolute;
    top: 210px;
}

/* Service Centre
---------------------------------------- */

/* Hours & Operations */
ul.hours {
    list-style: none;
}
ul.hours li {
    text-align: right;
    margin-bottom: 5px;
}
ul li em {
    float: left;
}


.hours {
    padding-bottom: 0.5em;
}
.hours li {
    clear: left;
    margin: 0 5px 3px 0;
    text-align: right;
}
.hours li em {
    float: left;
}
/* Utility Classes
---------------------------------------- */

.clear {
    clear: both;
    background: none;
}

.clearRight {
    clear: right;
}
.clearLeft {
    clear: left;
}

.textCenter {
    text-align: center;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}
/* Forms
---------------------------------------- */

form {
    /* margin-right:10px;
    padding: 10px; */

    /* background-color: #D3DCE6; */
    /* -moz-border-radius:8px;
    */
}
legend {
    padding: 10px;
    background-color: #B01116 ;
    color: #fff;
}
form h3 {
    font-size: 13px;
    border: 1px solid #D3DCE6 ;
    padding: 10px;
}

label {
    width: 20em;
    margin-right: 0.5em;
    display: block
}

.submit input {
    margin-left: 8.5em;
}


fieldset, legend {

    /*background:none repeat scroll 0 0; */
    border:1px solid #D3DCE6 ;
    padding: 10px;
    margin-top: 10px;
    /*-moz-border-radius:8px;
    */
}


input, textarea, select {
    border: 1px solid #A8B4C1;
    /*font-size:114%; */
    padding:3px 0 3px 4px;
    background-color: D3DCE6;
    width: 100%;
    margin: 2px 0;
}
select {
    border: 1px solid #A8B4C1;
}

input[type="submit"],input[type="reset"] {
    width: 50%;
    margin-top: 20px;
    float: left;
    background: #363A45;
    color: white;
}
#preferredContactMethod {
    position: relative;
}
.contactPreferredContact {
    display: inline;
    padding-left: 5px;
}
.contactPreferredContact span {
    display: none;
}
#serviceContact .contactPreferredContact input {
    width: auto;
}

.submit {
    margin: 0 1em;
    text-align: center;
}
.submit button {
    background-color: #BFBFBF;
    border: 2px solid #666666;
    color: #0C0C0C;
    padding: 0.2em 0.4em;
    width: auto;
}
.submit button:hover {
    background-color: #EFEFEF;
    border: 2px solid #555555;
    color: #222222;
}
label {
    display: block;
    margin: 0;
    padding: 3px 0;
}
label br, label span {
    display: none;
}
/*.accountId span {
    display: block;
}
input.default, select.default, textarea.default {
    border-color: #CCCCCC;
    color: #999999;
}
.helpText {
    color: #666666;
}
.error {
    color: #DC143C;
    font-weight: bold;
}
.valid {
    border-color: #333333;
    color: #333333;
}
.contactEmail .error, .contactPhone .error {
    margin-left: 34px;
    padding: 1px 0 1px 4px;
}
label.error {
    background: transparent url(/v8/global/images/icons/white/validity-failed.gif) no-repeat scroll 100% 50%;
}
label.valid {
    background: transparent url(/v8/global/images/icons/white/validity-passed.gif) no-repeat scroll 100% 50%;
}
input.error, select.error {
    background-color: #FBE5E9;
    border-color: #DC143C;
    color: #DC143C;
}
* html .contactEmail .error, * html .contactPhone .error {
    padding: 1px 0 1px 4px;
}
*/


/* Discovery RV
---------------------------------------- */

.rvImage {
    float: left;
    height: 88px;
    margin: 5px;
    width: 160px;
}

.rvImage img {
    width: 100%;
}

/* Parts Centre
---------------------------------------- */
#parts .halfColumn img {
    width: 100% !important;
    height: auto !important;
}

/* Service Centre
---------------------------------------- */
#serviceForm {
    position: relative;
}
#serviceForm .requestingAppointment {
    position: relative;
}
#serviceForm .vehicleInformation {
    position: relative;
}
#serviceForm .customerInformation {
    position: relative;
    /*top:-90px;
    */
}