/* http://meyerweb.com/eric/tools/css/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, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 'lucida grande', Helvetica, Arial, Verdana, sans-serif; background: #797979}
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

html {text-align:center; color: #323232; overflow-y: scroll;}

img {border:none;}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:1px solid #ccc; background:#fff; padding:2px}

td {border-collapse:collapse; border:none}

.dropdown {width:155px; height:20px; margin-left:5px; padding:3px; color:#86556b; border:1px solid #ccc; font-size:1.1em}

.textfield {width:100px; height:10px; margin-left:2px; padding:3px; color:#cf5e58; border:1px solid #ccc; font-size:1.2em}

.textfield2 {width:147px; margin-left:5px; padding:3px; color:#cf5e58; border:1px solid #ccc; float:right; font-size:1.1em;}

.red {color:#db5b58;}

.purple {color:#004d81; font-size:1.2em}

.price {color:#db5b58; font-size:1.4em;}

.price-indent {color:#db5b58; font-size:1.4em; font-weight:bold; padding-left:25px}

.car-title {font-size:160%; color:#86556b; font-weight:bold}

.car-sub-title {font-size:140%; color:#86556b; font-weight:bold}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#10395b; font-weight:bold}
h2 {font-size:130%; color:#48a4e4; font-weight:bold}
h3 {font-size:110%; color:#86556b}
h4 {font-size:100%; color:#48a4e4}
h5 {font-size:90%; color:#86556b}
h6 {font-size:80%; color:#d55f5f}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li {list-style-image: url(../images/tcm-arrow.png); }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#323232; text-decoration:none; font-weight:bold}

a:hover {color:#ccc; text-decoration:underline;}

/******************************************************************************** HOMEPAGE MAIN CSS ************************************************************************/

#top-wrapper {width:100%; height:15px; margin:0px auto 0px auto; background: #0098fe}
#header-wrapper {
	width:100%;
	height:204px;
	margin:0px auto 0px auto;
	background: url(../images/bg_header-wrapper2.jpg) repeat;
	position:relative;
}

#header {width:990px; height:204px; margin:0px auto 0px auto; background: url(../images/bg_header-wrapper2.jpg) repeat; position:relative; border-top:none}

#container {
	width:990px;
	margin:0px auto 0px auto;
	background: url(../images/bg_container.jpg) #eee;
	position:relative;
	text-align:left;
	font-size:10px;
	color:#ccc;
	border:5px solid #6a6969;
	overflow:hidden;
	padding-bottom:0px;
}

#top-banner {width:990px; height:30px; background: #eee; margin:0px auto 0px auto; position:relative; text-align:left}

#left-nav {width:175px; float:left;}

#content {width:575px; padding:10px 10px 10px 15px; float:left; font-size:1.3em; color:#323232; text-align:justify}

.text-wrapper {width:569px; padding:0px 3px; height:auto; margin:20px 0px 10px 0px}

#map {width:570px; height:295px; background:url(../images/map.jpg); margin:0px 0px 10px; border:2px solid #ccc}

#right-nav {width:210px; float:right; font-size:1.2em}

#sign-up-box {width:203px; height:200px; background: url(../images/enquiry-bg.jpg) no-repeat #eee; float:right; margin-top:1px; padding: 15px 5px 20px 0px; text-align:center;}

#callback-box {width:203px; height:125px; background: url(../images/callback_bg.jpg) no-repeat #eee; float:right; margin-top:1px; padding: 15px 5px 5px 0px; text-align:center;}

#form-wrapper {width:170px; padding-left:5px; height:auto; margin-bottom:-5px; background:url(../images/form_bg.jpg); float:right}

#left-nav .promo-box {border:1px solid #ccc; background:#eee; width:162px; padding:5px; height:150px; margin:5px 0px}

.logos {border:1px solid #ccc; background:#fff; width:162px; padding:5px; height:188px; margin:5px 0px}

.promo-right {border:1px solid #ccc; background:#fff; width:197px; float:right; padding:5px; height:250px; margin:5px 0px}

.right-nav-title {width:197px; text-align:center; height:30px; margin:5px 0px 0px}

.form-wrapper {width:173px; border:1px solid #ccc; background:#d1e9f6; text-align:center; margin:0px 0px}

.left-nav-title {width:175px; text-align:center; height:27px; margin:5px 0px 0px 0px}

.signup-box {border:1px solid #ccc; background:#eee; width:163px; text-align:center; padding:5px; height:100px; margin:0px 0px}

.callback-box {border:1px solid #ccc; background:#fff; width:192px; text-align:center; padding:5px; height:250px; margin:0px 0px}

.callback-form {border:1px solid #ccc; background: url(../images/callback_bg.jpg); width:192px; text-align:center; padding:10px 5px 5px 10px; padding-bottom:0px; margin:5px 0px}

.applications-box {border:1px solid #ccc; background:#fff; width:162px; text-align:center; padding:5px; height:150px; margin:0px 0px}

.mileage-box {border:1px solid #ccc; background:#fff; width:162px; text-align:center; padding:5px; height:170px; margin:5px 0px 0px}

.homepage-promo {
	width:575px;
	min-height:180px;
	margin-top:10px;
	padding:0px 0px;
	background: #eee;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
	background-image: url(boiler%20repair);
}

.vehicle-thumbs {width:123px; padding:6px; height:95px; margin:3px 3px; float:left; background:#fff; text-align:center; border:1px solid #ccc; line-height:100%}

#footer-wrapper {width:100%; overflow:hidden; margin:0px auto 0px auto; border-top:5px solid #2b376b; background:url(../images/footer_bg.jpg) #fff; position:relative;}

#footer {width:990px; height:119px; margin:0px auto 0px auto; background:url(../images/footer.jpg) no-repeat; position:relative; text-align:left; clear:both}

.footer-column {width: 150px; margin-right:5px; float:left}

.footer-flash-column {width: 350px; height:190px; background:#eee; margin-right:54px; float:left; padding:3px; border:1px solid #ccc}

.footer-image-column {width: 200px; height:190px; background:#eee; margin-right:10px; float:left; padding:3px; border:1px solid #ccc}

#tcm-logo {width:155px; height:31px; margin:0px auto; position:relative; color:#323232; font-size:1em; text-align:center; background:url(../images/logo.gif) top right no-repeat; padding:2px; top:10px; bottom:0px; right:0px; z-index:99}

/******************************************************************************** NAVIGATION MAIN CSS ************************************************************************/

.selected { 
    background: #626262;
	display: block;
	padding: 4px 5px 4px 1em;
	border-top: 1px solid #ffffff;
    color:#fff;
    text-decoration:underline;
}

/** this section of css edits the main-menu within the navigation system **/
#navigation {
 width:173px;
 font-size:10px;
 font-weight:bold;
 font-family: 'lucida grande', Verdana, Arial, Helvetica, sans-serif;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
 border: 1px solid #ccc;
}
#navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 4px 5px 4px 1em;
	border-top: 1px solid #ffffff;
	background: #353535;
	color: #eee;
	text-decoration:none;
}
#navigation li a:hover {
 background: #626262;
 color:#fff;
 text-decoration:underline;
} 

/** this section of css edits the sub-menu within the navigation system **/

#navigation ul ul {
 margin-left:12px;
} 
#navigation ul ul li {
 border-bottom:1px solid #224638;
 margin:0;
} 
#navigation ul ul a:link, #navigation ul ul a:visited {
 background-color: #ffffff;
 color: #224638;
 font-size:10px;
}
#navigation ul ul a:hover {
 background-color: #558472;
 color:#FFFFFF;
}

/************************************************************************ SUB-NAVIGATION ELEMENTS ************************************************************************/

.arrowlistmenu{width: 175px; margin-top:-2px /*width of accordion menu*/}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #8c5b71 url(../images/titlebar.png) repeat-x center left; margin-bottom: 10px; margin-top:5px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; text-align:center; padding: 4px 0px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(../images/titlebar-active.png);}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{color: #323232; background: #eee url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 26px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border: 1px solid #dadada; font-size: 1.2em;}

.arrowlistmenu ul li a:visited{color: #8c5b71;}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8c5b71; background-color: #fff; text-decoration:underline}

/************************************************************************ QUICK FORM ELEMENTS ************************************************************************/

.generic-box {width:140px; height:15px; background:#fff; margin:2px 0px 5px 5px; color:#294970; float:right; border:1px solid #a9bad2; font-family:"Lucida Grande", sans-serif; padding:2px}
.dropdown-box {width:146px; height:25px; background:#fff; margin:2px 0px 5px 5px; color:#294970; float:right; border:1px solid #a9bad2; font-size:12px; font-family:"Lucida Grande", sans-serif; padding:2px}
.text-box {width:140px; height:50px; background:#fff; margin:2px 0px 5px 5px; color:#294970; float:right; border:1px solid #a9bad2; font-family:"Lucida Grande", sans-serif; padding:2px}
.submit_btn {width:145px; background: #fff; border:1px solid #a9bad2; color:#294970; float:right; margin:5px 0px 0px 0px; font-size:11px; font-family:"Lucida Grande", sans-serif; font-weight:bold}