html, body
{
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 100%;
background-color: #b7b7b7;
}
div
{
border: 0px dotted red;
}
.page
{
margin-left: auto;
margin-right: auto;
width: 1200px;
background-color: #ffffff;
}
.centred
{
text-align: center;
}
.halved
{
width: 50%;
}
.full
{
width: 100%;
}
.number, .right
{
text-align: right;
}
.nowrap
{
white-space: nowrap;
}
.hilite
{
font-weight: bold;
}
#content
{
width: 100%;
}
.table
{
display: table;
}
.table_cell
{
display: table-cell;
}
.vtop
{
vertical-align: top;
}
.padded
{
padding: 15px;
}
.menu_item
{
padding: 20px 10px;
font-size: 90%;
}
table.menu
{
border-collapse: collapse;
padding: 0;
margin: 0;
border: 0;
}
table.menu td
{
border: 0px dotted red;
margin: 0;
padding: 0;
text-align: center;
}
table.menu img
{
padding: 0;
margin: 0;
display: block;
border: 0;
}
table.menu td a
{
border: 0;
padding: 0;
margin: 0;
font-size: 75%;
text-decoration: none;
color: #645D5C;
}
span.white
{
color: #ffffff;
padding: 0;
margin: 0;
font-size: 100%;
}
.sidebar
{
width: 30%;
vertical-align: top;
border-left: 1px solid #aaaaaa;
}
.sidebar_box
{
border: 1px solid #aaaaaa;
border-radius: 10px;
margin: 10px auto 15px;
width: 95%;
/* /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
/* background: rgb(238,238,238); /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.sidebar_box h3
{
color: #234DB9;
font-weight: normal;
margin: 10px;
}
.sidebar_box h3 a
{
text-decoration: none;
color: inherit;
}
.tyre_text
{
font-size: 95%;
font-weight: normal;
color: #444444;
line-height: 150%;
margin: 0px 10px 10px 10px;
}
.bookintoday
{
width: 100%;
padding: 10px 0px;
background-color: #395EBD;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.bookintoday a
{
color: inherit;
text-decoration: none;
}
#header_menu
{
width: 100%;
border-bottom: 3px solid #333333;
}
#menu_title
{
width: 20%;
}
#header_top
{
text-align: right;
margin-left: auto;
margin-right: 0;
}
#header_tel
{
padding-right: 20px;
}
#header_hours
{
font-size: 80%;
padding-right: 10px;
}
.header-hilite
{
color: #234DB9;
font-weight: bold;
}
footer
{
background-color: #D0D0D0;
padding-top: 10px;
padding-bottom: 25px;
margin-bottom: 20px;
}
#site_footer div
{
}
#footer_address, #footer_contacts, #privacy_policy_footer
{
text-align: center;
font-size: 80%;
color: #222222;
}
#footer_address p b
{
color: #2E53B9;
}
span.footer-hilite
{
color: #6784CF;
}
div.main_segment
{
border-top: 0px solid #333333;
border-bottom: 1px solid #999999;
padding: 10px 20px;
margin-bottom: 20px;
}
div.main_segment h1
{
font: arial, sans-serif;
font-weight: normal;
margin: 0;
color: #666666;
}
div.main_segment h2
{
font: arial, sans-serif;
font-weight: normal;
margin: 5px;
color: #333366;
text-indent: 1em;
}
div.main_segment p
{
font: arial, sans-serif;
font-weight: normal;
margin: 5px 15px;
color: #333333;
font-size: 90%;
}
ul.home
{
}
div.main_segment li
{
font: arial, sans-serif;
font-weight: normal;
font-size: 80%;
margin: 5px;
color: #333333;
/* text-indent: -1em; */
padding-left: 0.25em;
line-height: 200%;
list-style-position: outside;
}
span.blue_flash
{
color: #2355CF;
}
liold
{
list-style-image: url("blue-bullet.png");
font-size: 90%;
line-height: 150%;
margin-bottom: 10px;
}
li
{
list-style-image: url("blue-bullet.png");
font-size: 90%;
line-height: 150%;
margin-bottom: 10px;
}
#used_car_search
{
padding: 10px 50px;
background-color: #CCCCCC;
margin-bottom: 10px;
}
#used_car_search h3
{
font-weight: normal;
font-size: 140%;
margin: 10px 10px 20px 0px;
}
#used_car_search input
{
width: 100%;
margin: 10px 0;
}
#carsforsale h3
{
font-weight: normal;
margin: 0;
}
#carsforsale p
{
font-size: 75%;
color: #666666;
}
div.slide_control
{
vertical-align: middle;
}
div.slide
{
text-align: center;
}
img.slide_img
{
width: 150px;
height: 100px;
}
#carsforsale p.price
{
margin: 0;
color: blue;
font-weight: bold;
}
#carsforsale p.title
{
margin: 3px 0px 0px 0px;
color: black;
}
#carsforsale p.title a
{
text-decoration: none;
color: black;
}
div.car div
{
border: 0px dotted #666666;
}
p.car
{
font-size: 80%;
color: #333333;
margin: 0;
padding: 0;
line-height: 150%;
}
div.cars_for_sale_row
{
border-top: 0px solid black;
border-bottom: 0px solid black;
margin: 10px 15px;
}
.cfs_price, .cfs_title
{
padding: 10px 0;
font-size: 130%;
color: blue;
}
p.intro_p
{
font-size: 95%;
line-height: 150%;
}
p.privacy
{
margin-top: 25px !important;
margin-bottom: 25px !important;
}
p.reg, p.privacy
{
font-size: 80%;
line-height: 150%;
}
table.contact_table
{
width: 90%;
margin: 0 auto;
padding: 10px;
background-color: lightsteelblue;
}
table.contact_table td
{
border: 0px dotted black;
}
table.contact_table td p
{
margin: 0;
}
table.contact_table td input, table.contact_table td select, table.contact_table td textarea
{
width: 100%;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
div.cardiv
{
margin: 10px auto;
text-align: center;
}
div.cardiv img
{
max-height: 300px;
}
div.cardiv-other
{
text-align: center;
}
div.carthumb
{
display: inline-block;
width: 50px;
margin: 5px;
}
div.carthumb img
{
width: 50px;
}
.outline
{
border: 2px solid red;
}
div.letter
{
padding: 1em;
}
div.letter p
{
font-size: 100%;
line-height: 160%;
margin-bottom: 1em;
}