/* *************************************************

ADRIANS STYLES
The styles below can be used anywhere in the site and are best used with either a <span></span> or <div></div> tag.

*****************

USING THE TAGS

Where you want to apply styles to a few words, use the span..

This will allow you to <span class="Red Bold">Hightlight a couple of words</span> in a line.

Where you want to apply styles to a whole section, use the div..

<div class="Centre Red Huge">This would be centralised on the page which would not work with the span tag</div>

*****************

USING THE CLASSES

To use your classes, simply add 'class="class-name"' to the opening div or span tag

Examples :

<span class="Red">Text here</span>

Will make the font show red

to use more than one class
<span class="Red Big">Text here</span>

Will display red font with larger font size

<div class="Red Big Centre">Text here</div>

Will show large red font with the text centralised

NOTE - The h3 tag is a built in header and you can simply put

<h3>Header text here</h3>

As a header, it automatically adds space before and after.


 ************************************************* */

.Red {
	color:#F00;
}
.Big {
	font-size:24px;
}
.Bigger {
	font-size: 40px;
}
.Huge {
	font-size:48px;
}
.Centre {
	width:100%;
	text-align: center;
}
.Bold {
	font-weight:bold;
}

h3 {
	font-weight:bold;
	font-size:14px;
	color:#006;
}


.photo {
	max-width:100%;
}
/* *************************************************

GLOBAL STLES
Using any of the classes below could have unexpected results but feel free to experiment!

***************** */


body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	a img{
		border:none;
	}
.Nav {
	width: 235px;
	position:relative;
	left:10px;
	top:0px;
}

.big {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

.titleTop {
	font-size: 13px;
	color: #FFFFFF;
	text-align: right;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 206px;
	width: 1008px;
}
.titleTop .titleContact {
	text-align: center;
	width: 170px;
	position: relative;
	left: 10px;
	padding-top: 15px;
	background-position: right;
	color: #FFFFFF;
	padding-right: 10px;
	top: 20px;
}

.titleTop .titleContact a,.titleTop .titleContact a:visited { 
color:#FFFFFF
}


.navTop {
	background-image:url(images/navTop.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:175px;
}
.navBottom {
	background-image:url(images/navBottom.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:175px;
}

.sidebarR {
	background: url(images/sideStripR.jpg) repeat-y right;
}

.footer {
	background: url(images/bottomStrip.jpg) repeat-x;
	color:#000;
}
.header {
	background: url(images/topStrip.jpg) repeat-x;
}
p a:hover {
color:#F00;
	}
p a, p a:visited {
	color:#0C0;
	}
	
	a link:hover {
color:#F00;
	}
a, a link:visited {
	color:#0C0;
	}
p {
	color:#000000;
	
}
.buttonUp {
	height: 26px;
	width: 175px;
	text-indent:35px;
	padding-top: 0px;
	font-size: 12px;
	background: url(images/buttonUp.jpg) no-repeat;
}
.buttonUp a, .buttonUp a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.buttonUp a:active, .buttonUp a:hover  {
	color:#FF0;
	text-decoration: none;
}
.buttonDown {
	color:#FF0;
	height: 26px;
	width: 175px;
	padding-top: 0px;
	font-size: 12px;
	background: url(images/buttonDown.jpg) no-repeat;
	text-indent:55px;
	}
.buttonDown a, .buttonDown a:visited {
	color: #FFF;
	text-decoration: none;
}
.buttonDown a:active, .buttonDown a:hover  {
	color: #FFF;
	text-decoration: none;
}

	
.photo {margin:10px;}
		

.noUnder, .noUnder a,	.noUnder a:visited {
text-decoration:none;
}
.active {
	color:#FF0;
}
.addressTop{
	text-align:center;
	font-size:2em;
}

.topAddress {
	background-image:url(images/contactBack.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	height:69px;
padding-top:25px;
	
}
.topAddress a,#topAddress a:visited {
		color:#FFF;
		text-decoration:none;
}
	.small{
	font-size:11px;	
	}
.subHeaderTop {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF99;
	line-height:16px;
	letter-spacing:0.2em;
	padding:5px;
	border-bottom:thin none #FFFFCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	}
	
	.subHeaderBottom {
	font:bold 10px;
	color: #FFFF99;
	padding:5px;
	border-top:double #000033;
	}

.quote {
	font-size: 20px ;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font-size: 10px;
	color: #003366;
	}
	
.address, .address p, .address a, .address a:visited {
	font-size: 12px;
	text-align: center;
	color:#FFF;
	
}

.sidebar {
	background-image:url(images/sideStrip.jpg);
	background-repeat:repeat-y;
	height:100%;
}

h4 {
	background-color:#0CF;
	border-color:#000;
	border-style:solid;
	border-width:thin;
	font-size: 16px;
	height: 25px;
	width:700px;
	text-indent: 15px;
	color: #FFF;
	background: url(images/h1Back.jpg) repeat-x;
	line-height:25px;
}

h4 a, h4 a:visited{
	
	color: #FFF;
	
}

h4 a:hover, h4 a:active{
	
	color: #FF0;
	
}

h1 {
	background-color:#0CF;
	border-color:#000;
	border-style:solid;
	border-width:thin;
	font-size: 16px;
	height: 25px;
	
	text-indent: 15px;
	color: #FFF;
	background: url(images/h1Back.jpg) repeat-x;
	line-height:25px;
}

h1 a, h1 a:visited{
	
	color: #FFF;
	
}

h1 a:hover, h1 a:active{
	
	color: #FF0;
	
}


.headerNav {
	text-align: left;
	width: 225px;
	padding-top: 15px;
	color: #666;

}
.headerNav a, .headerNav a:visited{
color: #666;
}

ul li {
	color: #000033;
	line-height: 25px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0.1;
	padding-left: 3em;
	list-style-position: inherit;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.social{
	margin-left:20px;
	
}

.testimonial {
	display:block;
	position:relative;
	left:-15px;
	background-image: url(images/testimonial.png);
	background-repeat:no-repeat;
	color:#FF0;
	text-align:center;
	border-style:none;
	font-size: 12px;
	height: 133px;
	width: 159px;
	padding-top:15px;
	padding-left: 13px;
	padding-right:25px;
}
.dealerimg {
		display:block;
	position:relative;
	left:-15px;
	color:#999;
	background-color:#FFF;
	border: thin solid #333333;
	clear: left;
	font-size: 10px;
	height: 250px;
	width: 125px;
	padding: 3px;
	margin-left:20px;
}

.dealerimg img {
	border:thin solid #333333;
width:120px;
}
.dealerimg a img {
border:none;
}

.phone {
	background: url(images/phone.jpg) no-repeat;
	height: 400px;
	width: 400px;
}
.phone .inner  {
	position: relative;
	left: 105px;
	top: 70px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	text-decoration:none;
}

.phone .inner a,.phone .inner a:link,.phone .inner a:visited {
text-decoration:none;
color: #FFFFFF
}
.showQuestion {
	text-decoration: none;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.showQuestion .showQuestion a {
	text-decoration: none;
}
.showAnswer {
	text-decoration: none;
	font-size: 14px;
	background: #FFFFFF url(images/showBack.jpg) repeat top;
	vertical-align: top;
	padding: 10px;
}
#text_1 .showAnswer img {
	background: center;
}
.showQuestion .showQuestion a:visited {
	text-decoration: none;
}
.showQuestion .showQuestion a:active {
	text-decoration: none;
	font-size: 18px;
}

.copy, .copy a, .copy a:visited, .addressDark, .addressDark a, .addressDark a:visited {
	font-size: 12px;
	color: #000000;
}

.style1 {color: #FFFFFF}
.style1 a {color: #000000}
.style1 a:visited {color: #000000}
.linkText {background : url(images/linkTableBack.jpg) repeat; border:thin; border-color:#000000; border-style:solid; margin:10px;}
.linkText h1{font-size:14px; color:#000000; text-align:center; background:none; border:0}

.style1 h1{background:none}
.linkText h1:before{
	content:none;
	}

.linkText h1:after{
	content:none;
	}

.linkText p {color:#000000}
.linkText li {color:#000000; background:none}
.linkText a{font-size:14px; color:#000000; text-align:center}
.linkText a:visited{font-size:14px; color:#000000; text-align:center}
.linkImage { background-color:#FFFFFF; border:thin; border-color:#000000; border-style:solid; padding:10}
.showAnswer p {
	font-size: 16px;
}

h2 {
	color:#030;
	font-size:20px;
	font-weight:bold;
	
}

.priceDesc img {
width:75px;
margin:10px;
background:rgba(255,255,255,1.00);
box-shadow:rgba(0,0,0,1.00) 0px 0px 2px;	
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	-ms-transition:.2s ease-in;
	transition: .2s ease-in;
}
.priceDesc img:hover {
	width:250px;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	-ms-transition:.2s ease-in;
	transition: .2s ease-in;
	
}