/* CSS for Celtic Car Company - Copyright www.ukwebsites.net */

body {margin: 0; padding: 0 0 30px 0; background: #333; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #333}
* {margin: 0; padding: 0; text-align: left}


/* -------------------------------- TYPE ----------------------------- */
h1 {position: absolute; left: 28px; top: 59px}
h1 a, h1 a img {border: 0}
p#address-top {margin: 0; position: absolute; left: 30px; top: 95px; color: #ddd; font-size: 11px}
p#tel-number {margin: 0; position: absolute; left: 102px; top: 170px; color: #ddd; font-size: 20px}

h2 {margin: 30px 30px 0 30px; color: #468128; font-family: Arial, Helvetica, sans-serif; font-size: 24px}
h3 {margin: 30px 30px 0 30px; color: #468128; font-family: Arial, Helvetica, sans-serif; font-size: 18px}
div#our-hours h3 {margin-left: 0}
h4 {margin: 20px 30px; color: #468128; font-family: Arial, Helvetica, sans-serif; font-size: 16px}

a {text-decoration: none; font-weight: bold; color: #ff7200}
a:hover {color: #000}

p {margin: 10px 30px; line-height: 1.4}

p em {color: #468128;}

div#left-col ul {margin: 30px}
div#left-col ul li {padding: 10px 0 10px 39px; margin: 0 0 0 10px; background: url(images/list-tick.gif) left top no-repeat; list-style: none outside; line-height: 1.4}



/* ---------------------------------- LAYOUT ------------------------------------------ */
div#container {
	position: relative;
	margin: 0 auto;
	width: 990px;
}

div#top {
    position: relative;
    width: 990px;
    height: 222px;
	background: url(images/top.jpg) 0 0 no-repeat
}

div#nav {width: 990px; height: 44px; background: url(images/nav.jpg) 0 0 no-repeat}

div#content {width: 990px; background: url(images/content.jpg) 0 0 repeat-y; overflow: hidden}

div#left-col {width: 600px; float: left}
div#right-col {width: 390px; float: right}

div#left-col-wide {float: left; margin: 10px 0 30px 0; width: 740px}

div#footer {clear: both; width: 970px; margin: 7px 10px; background: #ebebec; height: 28px; overflow: hidden}
div#footer ul {margin: 0 0 0 20px; width: 970px; height: 28px}
div#footer ul li {display: inline; color: #a6a6a6}
div#footer ul li a {font-weight: normal; padding: 0 10px; line-height: 28px; font-size: 11px; color: #396224}
div#footer ul li a:hover {color: #000}

div#bottom-shadow {width: 990px; height: 28px; line-height: 28px; margin: 0 auto; background:url(images/bottom-shadow.jpg) 0 0 no-repeat; color: #aaa; font-size: 11px;}
div#bottom-shadow #footer-address {float: left; width: 610px; margin: 0 0 0 20px}
div#bottom-shadow #ukwebsites {float: right; width: 340px; text-align: right; margin: 0 20px 0 0}

div#stock-container {float: left; margin: 10px 0 30px 30px; width: 710px}
div#our-hours {width: 240px; float: right}

iframe {margin: 10px 0 0 30px; border: 1px solid #000}

/* ---------------------------------- MAIN NAV ------------------------------------------ */
div#nav ul {height: 44px; width: 990px; margin: 0 0 0 20px}
div#nav ul li {display: block; float: left; height: 44px; line-height: 44px}
div#nav ul li a {display: block; float: left; height: 44px; line-height: 44px; color: #fff; font-size: 11px; font-weight: normal; text-align: center; background-repeat: repeat-x; background-image: url(images/nav-hover.jpg); background-position: 0 44px}
div#nav ul li a:hover {color: #FFFF00; background-position: 0 0}

/* WIDTHS */
div#nav ul li a#nav-view-stock {width: 112px}
div#nav ul li a#nav-finance {width: 95px}
div#nav ul li a#nav-sell-your-car {width: 123px}
div#nav ul li a#nav-testimonials {width: 118px}
div#nav ul li a#nav-find-us {width: 94px}
div#nav ul li a#nav-about-us {width: 100px}
div#nav ul li a#nav-contact-us {width: 110px}
div#nav ul li a#nav-watch-us {width: 120px}
div#nav ul li a#nav-home {width: 79px}

/* CURRENT */
body#body-home div#nav ul li a#nav-home,
body#body-view-stock div#nav ul li a#nav-view-stock,
body#body-finance div#nav ul li a#nav-finance,
body#body-sell-your-car div#nav ul li a#nav-sell-your-car,
body#body-testimonials div#nav ul li a#nav-testimonials,
body#body-find-us div#nav ul li a#nav-find-us,
body#body-about-us div#nav ul li a#nav-about-us,
body#body-contact-us div#nav ul li a#nav-contact-us,
body#body-watch-us div#nav ul li a#nav-watch-us
{color: #FFFF00; background-position: 0 0}


/* ---------------------------------- RIGHT COLUMN LINKS ------------------------------------------ */
ul#big-links {margin: 30px 0 0 0; width: 346px}
ul#big-links li {display: block; float: left; width: 346px; height: 119px; list-style: none}
ul#big-links li a {display: block; float: left; width: 346px; height: 119px; text-align: left; position: relative}
ul#big-links li a:hover {background-position: left bottom; color: #fff}

ul#big-links li a span {position: absolute; left: 190px; top: 48px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #eee; cursor: pointer}

ul#big-links li a#used-cars {background-image: url(images/link-used-cars.jpg)}
ul#big-links li a#used-commercials {background-image:url(images/link-used-commercials.jpg)}
ul#big-links li a#used-commercials span {top: 33px}
ul#big-links li a#used-caravans {background-image: url(images/link-used-caravans.jpg)}
ul#big-links li a#mailing-list {margin-top: 5px; height: 80px; background-image:url(images/mailing-list.jpg)}
ul#big-links li a#mailing-list span {left: 131px; top: 30px}




/* ---------------------------------------- YPSLIDEOUT ------------------------------------------- */
#menu1Container {position:absolute; visibility:hidden; left:210px; top:0px; overflow:hidden; z-index: 10000}
#menu1Container, #menu1Content { position:absolute; width:210px; height:260px; clip:rect(0 200 60 0);}


.menuInsert  { z-index: 200;}
.menuContainer { z-index: 1000;}


ul#ddown {width: 210px; margin: 0; padding: 0; height: 260px; background: url(images/slide-out-menu-back.png) 0 0 repeat; overflow: hidden}

ul#ddown li {display: block; float: left; padding: 0; margin: 0; text-align: left; list-style: none inside; width: 100%}

ul#ddown li a {display: block; float: left; text-indent: 20px; width: 200px; margin: 0; height: 30px; line-height: 30px; text-align: left; color: #fff; text-decoration: none; font-size: 11px; background: #386124; font-weight: normal}

ul#ddown li a:hover {background: #354a34; color: #FFFF00} 



/* ------------------------------------- MAILING LIST FORM ---------------------------------------- */
#frmNewsletter {margin: 30px 0 0 30px;}
#frmNewsletter label {padding: 2px; width:100px; display:block}
#frmNewsletter input {margin: 0 10px 0 0; padding: 2px}
#frmNewsletter input.formSubmitButton {width: 100px}


/******************************* Additions *******************************************/

.makeoffer {
	width: 238px;
	display: block;
	text-align: center;
	background: url(images/makeoffer.jpg) no-repeat left top;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 80px;
	padding-bottom: 7px;
	float: right;
	margin: 10px 20px 0px 0px;
}
a:hover.makeoffer {
	background: url(images/makeoffer.jpg) no-repeat left bottom;
	color: #ffffff;
}
#ukwebsites a {

}
#ukwebsites a:hover {
	
}



#map			{width:650px; height:350px; margin: 10px 0 0 30px}


#map p			{width: 200px; text-align:left; font-weight:bold}