@charset "utf-8";
/* Welland Cars CSS Document */


body {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
}
P {
font-size: 1.2em;
margin-top: 0;
}
h1 {
font-size: 3.5em;
margin-top: 0;
}
#wrapper {
width: auto;
height: auto;
text-align: center; /* align for stds complient browser - margins below to center */
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/* -- Header Positioning -- */

#header {
text-align: center;
margin-right: auto;
margin-left: auto;
background-color: #585758;
margin-top: 0;
margin-bottom: 0;
background-image: url(images/headerborder.jpg);
background-position: bottom left;
background-repeat: repeat-x;
/*border-bottom: solid 5px #414141; */
}

#headercontainer {
width: 980px;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-left: 0;
}

/* -- left column  -- */

#headleft {
float: left;
width: 300px;
background-color: #fffdea;
padding-top: 0;
padding-bottom: 3.0em;
margin-bottom: -4.0em;
text-align: center;
}
#logo {
margin-top: 10px;
padding-bottom: 15px;
margin-bottom: 0;
} 
#logo p {
margin: 0;
padding: 0;
}

/* -- right column --*/

#headright {
float: left;
width: 680px;
padding-top: 0;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#headright p {
color: #fff;
}
#headright a:link {
color: #fff;
}
#nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
float: left;
}
#nav ul {
text-align: center;
margin-left: 0;
padding-left: 0;
}
#nav li {
color: #fff;
margin: 0;
padding: 0;
float: left;
margin: 0 0 0 0;
display: inline;
/* background: #f7f7f7 url(images/tab_top_rt.jpg) no-repeat top right; */
}
#nav li a:link, #nav li a:visited {
float: left;
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
color: #fff;
/* background: url(images/tab_btm_rt.jpg) no-repeat bottom right; */
}
#nav li a:hover {
float: left;
padding: 0 15px;
color: #000000;
text-decoration: underline;
line-height: 2.5;
color: #fff;
}
#nav li a:active {
float: left;
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
color: #fff;
}

#nav .home {
color: #000000;
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
float: left;
}
#nav li.home {
color: #000000;
margin: 0;
padding: 0;
/* float: left; */
margin: 0 0 0 0;
display: inline;
background: #f7f7f7 url(images/tab_top_rt.jpg) no-repeat top right;
}
#nav .home a:link, #nav .home a:visited {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
background: url(images/tab_btm_rt.jpg) no-repeat bottom right;
}

#nav .home a:hover {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: underline;
line-height: 2.5;
background: url(images/tab_btm_rt.jpg) no-repeat bottom right;
}
#nav .home a:active {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
background: url(images/tab_btm_rt.jpg) no-repeat bottom right;
}
#nav .otherselect {
color: #000000;
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
float: left;
}
#nav li.otherselect {
color: #000000;
margin: 0;
padding: 0;
/* float: left; */
margin: 0 0 0 0;
display: inline;
background-color: #f7f7f7;
}
#nav .otherselect a:link, #nav .otherselect a:visited {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
}

#nav .otherselect a:hover {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: underline;
line-height: 2.5;
}
#nav .otherselecte a:active {
/* float: left; */
padding: 0 15px;
color: #000000;
text-decoration: none;
line-height: 2.5;
}
/*  --- Global Navigation ---  */

/* #navcontainer {
width: 600px;
height: auto;
padding-top: 0x;
padding-bottom: 0;
text-align: left;
margin-left: 0;
} */

/*    old nav 

#nav {
width: auto;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 0;
}

#nav ul {
width: auto;
text-align: left;
margin-left: 0;
padding-left: 0;
}
#nav li {
display: inline;
text-align: center;
margin-right: 0;
margin-left: 0;
padding-left: 15px;
}
#nav li a:link, #nav li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-decoration: none;
color: #ffffff;
}
#nav li a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-decoration: none;
color: #ffffff;
}
#nav li a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-decoration: none;
color: #ffffff;
}

#nav .home li {
color: #000000;
background-color: #f7f7f7;
padding-top: 10px;
}
#nav .home a:link, #nav .home a:visited, #nav .home a:hover, #nav .home a:active {
color: #000000;
background-color: #f7f7f7;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
margin-left: -15px;
}
*/
/* -- Content - page position  --- */

#contentwrapper {
width: auto;
height: auto;
text-align: center;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}
#contentcontainer {
width: 980px;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-left: 0;
background-color: #fffdea;
}

/* -- Left Col Content -- */

#leftcol {
float: left;
width: 300px;
background-color: #fffdea;
margin-top: -25px;
padding-top: 25px;
text-align: left;
}
#contacttitle {
width: 68%;
text-align: right;
margin-right: 48px;
margin-left: auto;
padding-top: 3.5em;
background-color: #fffdea;
padding-bottom: 15px;
border-bottom: solid 3px #d6d4c2;
}
#contacttitle p {
font-family: "Times New Roman", Times, serif;
color: #4c4c4c;
font-size: 2.4em;
font-weight: bold;
margin-bottom: 0;
}
#contact {
width: 75%;
text-align: right;
margin-right: 48px;
margin-left: auto;
padding-top: 3.5em;
background-color: #fffdea;
}
#contact p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
/* margin-bottom: -1px; */
}

#opentitle {
width: 68%;
text-align: right;
margin-right: 48px;
margin-left: auto;
padding-top: 3.5em;
background-color: #fffdea;
padding-bottom: 15px;
border-bottom: solid 3px #d6d4c2;
}
#opentitle p {
font-family: "Times New Roman", Times, serif;
color: #4c4c4c;
font-size: 2.4em;
font-weight: bold;
margin-bottom: -1px;
}
#open {
width: 75%;
text-align: right;
margin-right: 48px;
margin-left: auto;
padding-top: 3.5em;
background-color: #fffdea;
margin-bottom: 75px;
}
#open p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
}

/*  -- Right Column Content  --- */

#rightcol {
float: left;
width: 680px;
background-color: #ffffff;
}

#images {
text-align: left;
margin-top: 30px;
border: none;
}
#images img {
margin-left: 25px;
padding-bottom: 3px;
border-bottom: solid 3px #c88448;
}

/* -- Content Container  --- */
#maincontent {
width: auto;
margin: 35px 25px 25px 25px;
}

#leftcontent {
width: 295px;
float: left;
padding-top: 5px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
#leftcontent h1 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#leftcontent h2 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
border-top: solid 2px #d6d4c2;
padding-top: 5px;
}
#leftcontent h3 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
border-top: solid 2px #d6d4c2;
padding-top: 5px;
}
#leftcontent p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 55px;
letter-spacing: normal;
word-spacing: normal;
}
#leftcontent a:link, #leftcontent a:visited, #leftcontent a:active {
font-family: Arial, Helvetica, sans-serif;
color: #b05200;
text-decoration: none;
font-size: 1.0em;
font-weight: bold;
float: right;
}
#leftcontent a:hover {
text-decoration: underline;
}
#rightcontent {
width: 295px;
float: left;
padding-top: 0;
padding-bottom: 135px;
margin-right: auto;
border-top: solid 2px #d6d4c2;
margin-left: 35px;
}
#rightcontent h4 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
padding-top: 5px;
margin-top: 0;
}
#rightcontent h5 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
border-top: solid 2px #d6d4c2;
padding-top: 5px;
}

#rightcontent p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-top: 15px;
margin-bottom: 5px;
letter-spacing: normal;
}
#fullcol {
width: 619px;
float: left;
padding-top: 5px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
#fullcol h1 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#fullcol h2 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.2em;
font-weight: bold;
padding-top: 5px;
}
#fullcol h3 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.2em;
font-weight: bold;
padding-top: 5px;
margin-top: 0;
}
#fullcol h4 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.2em;
font-weight: bold;
padding-top: 5px;
margin-top: 0;
}
#fullcol h5 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.2em;
font-weight: bold;
padding-top: 5px;
margin-top: 0;
}

#fullcol p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 25px;
letter-spacing: normal;
word-spacing: normal;
}
#fullcol a {
font-family: Arial, Helvetica, sans-serif;
color: #b05200;
text-decoration: none;
font-size: 1.0em;
font-weight: bold;
float: right;
}
#fullcol ul {
list-style: none;
margin-bottom: 25px;
margin-left: -39px;
}
#fullcol li {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-top: 10px;
}
#fullcol .servicetag {
text-align: center;
margin: 25px 0 0 0;
}
#fullcol .servicetag p {
font-size: 2.8em;
font-weight: normal;
}
#fullcol .servicetag img {
margin-top: -25px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#fullcol .contentspace {
height: 28.0em;
min-height: 28.0em;
}
#fullcol .findusspace {
height: 25.0em;
min-height: 25.0em;
}
#contactpage .contactspace {
height: 10.0em;
min-height: 10.0em;
}
/* -- Stock list sytle -- */
#search {
width: 619px;
float: left;
padding-top: 5px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
border-bottom: solid 2px #d6d4c2;
}
#search h1 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#search p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 55px;
letter-spacing: normal;
word-spacing: normal;
}
.car {
width: 609px;
border-bottom: solid 2px #d6d4c2;
}

.car .image {
float: left;
width: 210px;
}
.car .image img {
float: left;
margin: 25px 0 0 0;
padding: 0 0 3px 0;
border-left: none;
border-right: none;
border-top: none;
border-bottom: solid 3px #c88448;
}
.car .image p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #5c5c5c;
font-size: 1.2em;
font-weight: normal;
padding: 15px 0 0 25px;
letter-spacing: normal;
word-spacing: normal;
}
.car .description {
float: left;
width: 395px;
margin: 0 0 0 -45px;
}
.car .description h2 {
float: left;
width: 395px;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #464646;
font-size: 1.8em;
font-weight: bold;
padding-top: 0;
margin: 25px 0 0 25px;
} 
.car .description p {
float: left;
width: 395px;
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #5c5c5c;
font-size: 1.3em;
font-weight: normal;
padding: 10px 0 0 25px;
letter-spacing: normal;
word-spacing: normal;
}
.car .price {
float: right;
width: 395px;
margin: 0 0 10px 0;
padding-right: 45px;
}
.car .price p {
font-size: 1.8em;
font-weight: bold;
text-decoration: underline;
text-align: right;
color: #5c5c5c;
}

.cardetail {
width: 619px;
float: left;
padding-top: 25px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
.cardetail img {
float: left;
margin: 0 25px 0 0;
padding: 0 0 3px 0;
border-left: none;
border-right: none;
border-top: none;
border-bottom: solid 3px #c88448;
}
.cardetail h1 {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #464646;
font-size: 2.2em;
font-weight: bold;
}
.cardetail p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
/* width: 315px; */
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
padding: 0 0 25px 0;
letter-spacing: normal;
word-spacing: normal;
}
.cardetail a:link, .cardetail a:visited, .cardetail a:active {
font-family: Arial, Helvetica, sans-serif;
color: #b05200;
text-decoration: none;
font-size: 1.0em;
font-weight: bold;
}
.cardetail a:hover {
text-decoration: underline;
}

.cardetail .price {
float: right;
width: 315px;
margin: 0 0 0 0;
padding-right: 35px;
}
.cardetail .price p {
font-size: 1.8em;
font-weight: bold;
text-decoration: underline;
text-align: right;
}
#thumbs {
width: 550px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#thumbs p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 25px;
letter-spacing: normal;
word-spacing: normal;
}
#thumbs ul {
text-align: left;
margin-left: 0;
padding-left: 0;
}
#thumbs li {
margin: 0 10px 0 0;
display: inline;
}
#thumbs img {
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: solid 3px #c88448;
}

#financeintro {
width: 619px;
float: left;
padding-top: 5px;
margin-right: auto;
margin-bottom: 25px;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
#financeintro h1 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#financeintro p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 25px;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc {
width: 609px;
float: left;
padding-top: 5px;
padding-bottom: 55px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
/* border-bottom: solid 2px #d6d4c2; */
}
#financecalc h2 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#financecalc p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 5px;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .tableheader {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 15px;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .carprice {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .yourdeposit {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .repaymentperiod {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .intrate {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .payment {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .tablecontent {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
}
#financecalc .button {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
padding: 10px 0 10px 0;
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
word-spacing: normal;
}
/* -- Contact Page --  */
#contactpage {
width: 619px;
padding-top: 5px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
#contactpage h1 {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 2.4em;
font-weight: bold;
}
#contactpage p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 25px;
letter-spacing: normal;
word-spacing: normal;
}
#contactpage a {
font-family: Arial, Helvetica, sans-serif;
color: #4c4c4c;
text-decoration: none;
font-size: 1.0em;
font-weight: bold;
}
.tableheader {
font-family: "Times New Roman", Times, serif;
color: #b05200;
font-size: 1.8em;
font-weight: normal;
padding: 0 0 15px 0;
}
.tablesubhead {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.6em;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
padding: 0 0 10px 0;
}
.tablecontent {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
padding: 0 25px 5px 0; 
}
.tablebutton {
margin: 5px 0 5px 0;
}
/*  --- Form Results  --- */
#formresult {
width: 619px;
padding-top: 5px;
margin-right: auto;
margin-left: 0;
border-top: solid 2px #d6d4c2;
}
#formresult h1 {
font-family: "Times New Roman", Times, serif;
color: #c88448;
font-size: 2.4em;
font-weight: bold;
}
#formresult p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
color: #4c4c4c;
font-size: 1.4em;
font-weight: normal;
padding-bottom: 275px;
letter-spacing: normal;
word-spacing: normal;
}

#footerwrapper {
width: auto;
text-align: center;
margin-right: auto;
margin-left: auto;
background-color: #363636;
clear: both;
}
#footercontainer {
width: 980px;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-left: 0;
}
#footerleft {
float: left;
width: 300px;
background-color: #c5c4b8;
text-align: left;
padding-top: 0;
padding-bottom: 5px;
}
#footerleft p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.2em;
font-weight: normal;
color: #333;
text-align: right;
margin-top: 25px;
margin-right: 48px;
margin-bottom: 15px;
}
#footerleft a {
color: #333;
}
#footerright {
float: left;
width: 680px;
}
#footernav {
width: 609px;
margin-right: 35px;
margin-left: 35px;
}
#footernav ul {
text-align: center;
margin-top: 25px;
margin-right: auto;
margin-right: auto;
}
#footernav li {
display: inline;
text-align: center;
margin-right: 0;
margin-left: 0;
padding-right: 5px;
margin-left: 8px;
border-right: solid 1px #c5c5c5;
}
#footernav li a:link, #footernav li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-decoration: none;
color: #c5c5c5;
}
#footernav li a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-decoration: none;
color: #c5c5c5;
text-decoration: underline;
}
#footernav li a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-decoration: none;
color: #c5c5c5;
}
#vatno {
text-align: center;
padding-top: 10px;
}
#vatno p {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.2em;
font-weight: normal;
color: #c5c5c5;
}
#vatno a {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 1.0em;
font-weight: normal;
color: #c5c5c5;
text-decoration: underline;
margin-left: 15px;
}
.clear {
display:block;
height:1px;
clear:both;
margin-bottom: 0;
margin-top: -15px;
}