@charset "utf-8";
/* CSS for Murray Skoda - Copyright www.ukwebsites.net */

body {margin: 0; padding: 0; background: url(images/body-back.gif) left top repeat-x #fff; color: #444; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em}
* {margin: 0; padding: 0}
a img {border: 0}

h1 {position: absolute; left: 5px; top: 20px}

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

h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #007649}
h2 {margin: 20px 20px 5px 4px; font-size: 1.80em; font-weight: normal; text-transform: uppercase}
h3 {margin: 15px 20px 5px 4px; font-size: 1.50em; font-weight: normal; text-transform: uppercase}
h4 {margin: 15px 20px 5px 4px; font-size: 1.10em; font-weight: bold}

p {margin: 10px 20px 5px 4px; text-align:justify}

ul, ol {margin: 10px 20px 5px 4px; padding: 0}
ul {list-style: square outside}

ul li {margin: 0 0 0 5px; padding: 0 0 0 15px; background: url(images/green-bullet.gif) 0 6px no-repeat; list-style: none outside}

ol li {list-style: decimal outside; padding: 0; margin: 0 0 0 25px; background: none; font-weight: bold; color: #007649}
ol li span {color: #444; font-weight: normal}

/* ----------------------------------------- LAYOUT ------------------------------------------- */
div#container {position: relative;	z-index: 1; margin: 0 auto;	width: 990px; padding: 0; overflow: hidden}
div#top {position: relative; width: 990px; height: 93px; background: url(images/top-back.gif) 0 0 no-repeat}

div#image-and-addresses {height: 990px; height: 228px; border-top: 1px solid #fff; overflow: hidden}

div#main-image {
	float:left;
    position: relative;
	z-index: 1;
    width: 737px;
    height: 228px;
	background: #000	
}

div#addresses {
	float:right;
    position: relative;
	z-index: 1;
    width: 252px;
    height: 228px;
	background:url(images/addresses-back.gif) left top repeat-x	
}

div#addresses div {position: relative; margin: 8px 10px 0 10px; background: #5e5d5e; color: #fff; height: 104px}
div#addresses div#address-two {margin-top: 3px; background: #6a696a}

div#addresses div h4 {margin: 0; padding: 0; color: #fff; background: #000; height: 28px; line-height: 28px; width: 100%; text-indent: 10px; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #7d7b7c}
div#addresses div p {line-height: 1.3; margin: 5px 10px}

div#addresses div.address-tel {position: absolute; right: 0; top: 29px; z-index: 2; background: none; height: 22px; width: 114px; text-indent: 24px; font-size: 14px; background: url(images/address-tel.gif) left top no-repeat}
div#addresses div.address-find-us {position: absolute; right: 0; top: 52px; z-index: 2; background: none; height: 22px; width: 110px; text-indent: 24px; text-transform: uppercase; background: url(images/address-find-us.gif) left top no-repeat}
div#addresses div.address-find-us a {color: #fff}


div#main-nav {
    position: relative;
	z-index: 2;
    width: 990px;
    height: 36px;
	background: url(images/nav-back.gif)
}

div#left-col {width: 735px; background: #fff; overflow: hidden; padding: 0 0 20px 0; overflow: hidden}
/* NOT FLOATED, BECAUSE IF I DO IE6/7 HAS A "JUMPING" FOOTER WHEN HOVERING OVER ANY LINKS ON THE PAGE */

div#left-col div.halfcol {float: left; width: 49%; overflow: hidden}

div#right-col {float: right; width: 250px; overflow: hidden}

/* DIRECTIONS & CONTACT PAGES ARE A BIT DIFFERENT: */
body#body-directions-and-hours div#left-col {width: 490px; overflow: hidden}
body#body-directions-and-hours div#right-col {width: 490px; overflow: hidden}
body#body-contact-us div#left-col {width: 495px}
body#body-contact-us div#right-col {width: 495px}

div#footer-full {width: 100%; height: 100px; background: url(images/footer-back.jpg) left top repeat-x}

div#footer {
	margin: 0 auto;
    position: relative;
    width: 990px;
    height: 100px;
}

.clear {clear: both}


/* ------------------------------------------ MARQUEE -------------------------------------------- */
div.demo {padding: 5px 0; border-bottom: 1px solid #eee}
div.demo p {margin: 0!important; padding: 0; color: #148a5d}
div.demo div {}





/* ------------------------------------------ MAIN NAV ------------------------------------------- */
/* SEE SPRY */


/* ---------------------------------------- MODEL LINE UP ------------------------------------------ */
div#model-line-up {width: 990px; height: 94px; background: url(images/model-line-up.gif) left top repeat-x; border-top: 1px solid #fff}

a#view-all-models {float: left; display: block; height: 94px; width: 60px; background:url(images/view-all-cars.jpg) left top no-repeat; margin: 0 0 0 4px}
a#view-all-models:hover {background-position: left  bottom}

/* SKODA MODELS */
div#model-line-up a {display: block; float: left; height: 94px; position: relative; z-index: 2; background-repeat: no-repeat; background-position: 50% top; font-weight: normal}
div#model-line-up a:hover {}
div#model-line-up a span {color: #000; text-align: center; position: absolute; z-index: 4; bottom: 0; left: 0; display: block; width: 100%; cursor: pointer}
div#model-line-up a img {position: absolute; left: 0; top: 0; z-index: 3}

a#model-fabia {margin: 0 0 0 5px; width: 165px; background-image: url(images/model-line-up/fabia-link.jpg)}
a#model-yeti {width: 168px; background-image: url(images/model-line-up/yeti-link.jpg)}
a#model-roomster {width: 175px; background-image: url(images/model-line-up/roomster-link.jpg)}
a#model-octavia {width: 200px; background-image: url(images/model-line-up/octavia-link.jpg)}
a#model-superb {width: 205px; background-image: url(images/model-line-up/superb-link.jpg)}



/* ------------------------------------------ SERVICING ------------------------------------------- */
a#servicing-link {margin: 10px 0 0 0; display: block; width: 252px; height: 111px; background: url(images/servicing-link.jpg) left top no-repeat}
a#servicing-link:hover {background-position: left bottom}

a#motability-link {margin: 10px 0 0 0; display: block; width: 252px; height: 111px; background: url(images/motability-link.jpg) left top no-repeat}
a#motability-link:hover {background-position: left bottom}


/* SERVICE BUTTONS */
a#service-voucher,
a#service-book-online {margin: 0 0 0 5px; display: block; width: 335px; height: 90px; background: #333; color: #fff; text-align: center; position: relative; z-index: 2}

a#service-voucher {background: url(images/service-voucher-link.jpg) 0 0 no-repeat}
a#service-book-online {background: url(images/service-book-online.jpg) 0 0 no-repeat}

span.service-link-title {font-size: 20px; height: 30px; text-align: right; position: absolute; right: 20px; top: 25px; z-index: 10; text-transform: uppercase; cursor: pointer}
span.service-link-click {font-size: 12px; height: 30px; text-align: right; position: absolute; right: 20px; top: 49px; z-index: 10; cursor: pointer}


/* HIDE SERVICE VOUCHER CONTAINER FOR SCREEN STYLES - IT WILL BE SHOWN AGAIN FOR PRINT */
#service-voucher-container {display: none}


/* ------------ SERVICING PRICES TABLE ------------- */
table.service-prices {margin: 10px 0 0 0; background: #fefcf6; border: 1px solid #efe6c2; width: 730px}
table.service-prices tr td {padding: 5px 5px; font-size: 12px; line-height: 16px}
table.service-prices tr td strong {font-size: 16px; color: #444; line-height: 16px}
table.service-prices tr td .service-price {font-size: 16px; font-weight: bold; color: #158a5d; line-height: 16px}

/* ---------------------------------------- MEET THE TEAM ----------------------------------------- */
ul.meet-the-team {margin: 0 10px 0 0; padding: 0}
ul.meet-the-team li {margin: 0 0 5px 0; padding: 0; display: block; width: 100%; height: 100px; background: url(images/team-member-back.jpg) left top #eee; position: relative}

ul.meet-the-team li img {position: absolute; left: 5px; top: 5px}
ul.meet-the-team li .team-name {display: block; margin: 0 0 0 150px; padding: 27px 0 0 0; font-size: 18px; color: #007649}
ul.meet-the-team li .team-position {margin: 0 0 0 150px; font-size: 14px; color: #444}



/* ------------------------------------ DIRECTIONS AND HOURS --------------------------------------- */
iframe {margin: 0; width: 450px; background: none!important}
iframe.mapiframe {width: 470px; height: 300px; border: 1px solid #000; margin: 5px 5px 0 5px}

.directions-hours-container {width: 470px; float: left; margin: 5px 0 0 5px; overflow: hidden}
.directions-hours-container h3 {margin: 10px 0 5px 0}

.directions-hours-container .hours-box {float: left; margin: 0; width: 230px; background: #5e5d5e; overflow: hidden}
.directions-hours-container .hours-box-right {float: right; margin: 0; width: 230px; background: #5e5d5e; overflow: hidden}

.directions-hours-container .hours-box-right table {margin: 10px 7px; width: 222px; font-size: 12px; border-collapse: collapse}
.directions-hours-container .hours-box-right table tr td {color: #fff; padding: 0 0 0 5px}

.directions-hours-container .hours-box h4,
.directions-hours-container .hours-box-right h4 {margin: 0; padding: 0; line-height: 30px; height: 30px; width: 100%; background: #000; font-size: 16px; color: #fff; text-indent: 10px; text-transform: uppercase; overflow: hidden}

.directions-tel-numbers {width: 470px; margin: 5px 0 0 0; overflow: hidden}
.directions-tel-numbers p {padding: 0; color: #007649; font-size: 17px; text-align: left; line-height: 1.6; font-weight: bold;}
.directions-tel-numbers p span {padding: 0 0 0 25px; background: url(images/phone-icon.gif) left top no-repeat}

.directions-tel-numbers p.p-sales {float: left; margin: 10px 0 0 15px; text-align: left}
.directions-tel-numbers p.p-service {float: right; margin: 10px 7px 0 0; text-align: right}


/* -------------------------------------- CONTACT US PAGE ----------------------------------------- */
.contact-tel-numbers {width: 430px; float: left; margin: -20px 0 0 0; overflow: hidden}
.contact-tel-numbers p {margin: 20px 70px 0 0; padding: 0; color: #007649; font-size: 20px; text-align: left; line-height: 1.6; font-weight: bold; text-align: right;}
.contact-tel-numbers p span {padding: 0 0 0 25px; background: url(images/phone-icon.gif) left top no-repeat}

.contact-hours-container {width: 240px; float: left; margin: 0 0 0 5px}
.contact-hours-container h3 {margin: 35px 0 10px 5px;}

.contact-hours-container .hours-box {float: left; margin: 0; width: 230px; background: #5e5d5e; overflow: hidden}

.contact-find-us {width: 190px; float: left; margin: 0; padding: 0 0 0 10px}
.contact-find-us h3 {margin: 35px 0 10px 0;}
.contact-find-us a {margin: 0; display: block; width: 190px; height: 140px; background-position: left top; background-image: url(images/find-us.gif); background-repeat: no-repeat}
.contact-find-us a:hover {background-position: left bottom}


/* ------------------------------------------ FOOTER NAV ------------------------------------------- */
a#ttt {display: block; width: 31px; height: 27px; float: left; margin: 6px 0 0 7px; background: url(images/tothetop.gif) left top}
a#ttt:hover {background-position: left bottom}

div#footer ul {float: right; margin: 0; padding: 0; width: auto}
div#footer ul li {float: left; margin: 0; padding: 0; display: block; height: 35px; line-height: 35px; background: none}
div#footer ul li a {float: left; margin: 0; display: block; height: 35px; line-height: 35px; color: #777; text-align: center; font-size: 0.90em; font-weight: normal; padding: 0 10px; text-transform:uppercase}

div#footer ul li a:hover {color: #222}

a#ukwebsites {float: right; margin: 0 10px 0 0; text-align: right; color: #777; font-size: 0.90em; z-index: 10; font-weight: normal; width: 80%; text-transform:uppercase}

a#ukwebsites:hover {color: #222}


a#scrappage-link {display: block; margin: 10px 0; width: 335px; height: 83px; line-height: 83px; background-image: url(images/scrappage-link.jpg); background-position: left top; background-repeat:no-repeat}
a#scrappage-link:hover {background-position: left bottom}


#disc		{ font-size:11px; color:#999; text-align: justify; float:left; padding: 20px;}


#contact-tabs		{}

#contact-tabs h3 {color: #007649!important}


#contact-tabs {
	margin: 0px;
	padding: 0px 5px;
	overflow: hidden;
	border-bottom: 1px solid #148a5d
}


#contact-tabs li a {
	position: relative;
	top: 0;
	float: left;
	padding: 10px 15px;
	margin: 0px 4px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	background: url("images/nav-back.gif") repeat scroll 0 0 transparent;
	background-color: #396;
	color: #ffffff;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

#contact-tabs li a:hover {
	background: #063;
}

#contact-tabs li a:active {
	background-color: #148a5d;
	color: #fff
}

#contact-tabs li a {
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;


}