@charset "utf-8";
/* CSS for Hampshire Sports and Prestige - Copyright www.ukwebsites.net */

body {margin: 0; padding: 0; background: #000; font-family: Arial, Helvetica, sans-serif; color: #ddd}
* {margin: 0; padding: 0}
a img {border: 0}

/* -------------------------------- TYPE ----------------------------- */
h1 {position: absolute; left: 17px; top: 16px; z-index: 11}

#top .ewards {position: absolute; left: 460px; top: 13px; z-index: 11}

p#phone-num {margin: 0; padding: 0; position: absolute; right: 23px; top: 48px; z-index: 10}

h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase}
h2 {margin: 30px 12px 0 12px; color: #fff; font-size: 20px; line-height: 24px; padding: 0 0 3px 0; border-bottom: 1px solid #787878}
h2 span { font-size: 11px; font-weight: bold; font-style: italic; color: #cc0000; text-transform: none; }
h2.noline {padding: 0; border: 0}
h3 {margin: 0 12px 10px 12px; color: #d7d7d7; font-size: 16px; line-height: 26px; padding: 0 0 3px 0; border-bottom: 1px solid #787878}

#right-col h3, #VD-hours h3 {margin: 30px 0 10px 16px;border: 0}

h4 {margin: 30px 0 10px 12px; color: #fff; font-size: 14px; line-height: 23px; padding: 0 0 3px 0; border-bottom: 1px solid #787878; font-weight: bold}

p, div#content ol, div#content ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5; margin: 10px 16px 0 12px}
div#content ul li {margin-left: 10px; background: url(../images/content-list-bullet.gif) left 6px no-repeat; list-style: none outside; padding: 8px 0 8px 30px}

div#content ul.small-list {width: 150px; float: left}
div#content ul.small-list li {margin-left: 10px; background: url(../images/feature-bullet.gif) left 8px no-repeat; list-style: none outside; padding: 3px 0 3px 15px}

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


.importanttext {font-size: 18px; color: #dd1313}

.clear {clear: both}


iframe {margin: 20px 0 10px 15px; border: 4px solid #999}

/* ---------------------------------- LAYOUT ------------------------------------------ */


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

div#top {
	margin: 0 auto;
    position: relative;
	z-index: 1;
    width: 990px;
    height: 113px;
	background: url(../images/top-back.jpg) 0 0 no-repeat
}

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

div#nav {
	margin: 0 auto;
    position: relative;
    width: 990px;
    height: 35px;
	z-index: 100;
	background: url(../images/nav-divider.gif) 10px 50% no-repeat;
}

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

div#main-image {
	margin: 0 auto;
    position: relative;
	z-index: 1;
    width: 990px;
    height: 257px;
	background: #000
}

div#content-full {
	width: 100%;
	background: url(../images/content-full.jpg) left top repeat-x #0f0f0f;
	overflow: hidden
}


div#content {
	position: relative;
	margin: 0 auto;
	width: 990px;
	overflow: hidden
}

div#left-col {
	float: left;
	width: 720px;
	padding-bottom: 30px;
	display: inline;
	margin: 0;	
}

	
div#right-col {
	float: right;
	width: 265px;
	padding-bottom: 30px;
	display: inline;
	margin: 0;
}

div#full-col {
	float: left;
	width: 990px;
	padding-bottom: 10px
}

/* HOMEPAGE */
body#body-home div#left-col {
	float: left;
	width: 468px;
	padding-bottom: 30px
}

body#body-home div#centre-col {
	float: left;
	width: 252px;
	padding-bottom: 30px
}
	
body#body-home div#right-col {
	float: right;
	width: 270px;
	padding-bottom: 30px	
}

#credit-crunch-offers-outer {position: relative; width: 100%; margin: 33px 0 0 0; overflow: hidden; padding: 10px 0;}
#credit-crunch-offers {position: relative; background: #393939; width: 100%; overflow: hidden; margin: 0}

#credit-crunch-offers-outer img#offertop {position: absolute; left: 0; top: 0; z-index: 11}
#credit-crunch-offers-outer img#offerbot {position: absolute; left: 0; bottom: 0; z-index: 11}

#credit-crunch-offers h3 {border: 0; margin-top: 0}
#credit-crunch-offers .editable-cont {margin: -5px 8px 0 8px}

#hours-container {margin: 20px 0 0 0; width: 100%; height: 177px; background:url(../images/opening-hours-panel.gif) 0 0 no-repeat; position: relative; overflow: hidden;}
#hours-container h3 {position: absolute; top: 10px; left: 16px; margin: 0; padding: 0; border: 0; font-weight: bold}

#scroller-container {margin: 25px 4px 20px 10px; width: 256px; height: 459px; background: url(../images/scroller-container.jpg) 0 0 no-repeat}


#footer-full {width: 100%; background: #0f0f0f}
#footer {margin: 0 auto; border-top: 1px solid #666; padding: 20px 0; width: 990px; clear: both; overflow: hidden}



#ukwebsites {margin: 0 15px 0 0; float: right; width: 20%; color: #929292; font-size: 10px; text-transform: uppercase; text-align: right; text-decoration: none}
#ukwebsites:hover {color: #fff}

#footer ul {float: left; width: 70%; margin: 0 0 5px 0!important; padding: 0!important; line-height: 1!important}

#footer ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0
}

#footer ul li a {
	margin: 0;
	padding: 0;
	color: #929292;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#footer ul li a:hover {color:  #fff}


#address-full {width: 100%; background: #000; overflow: hidden}
#address-bar {width: 990px; padding: 15px 0 15px 0; height: 30px; margin: 0 auto 50px auto; font-size: 10px;	text-decoration: none;	text-transform: uppercase;}
#address-left {float: left; width: 60%; color: #727272;}
#address-right {float: right; width: 20%; color: #727272; text-align: right; margin: 0 15px 0 0;}



div#left-col .servlist {
	width: 695px;
	display: block;
	padding: 0 0 15px 0;
	overflow: hidden;
}
div#left-col .servlist li {
	width: 150px;
	float: left;
	list-style-type: none;
	background: url(../images/listarrow.gif) no-repeat left center;
	text-indent: 20px;
	padding: 4px 0;
	margin: 0 12px 0 0;
	border-bottom: 1px dotted #cccccc;
}
#ggarage {
	display: block;
	margin: 15px 0 0 0;
}
#cogs {
	margin: 15px 0 0 0;
}



#body-service2 #main-image { background: url(../images/service-header.jpg) center top no-repeat; }

.bignred { font-size: 16px; color: #cc0000; font-weight: bold; }