@charset "utf-8";
@font-face {
	font-family: 'Museo500';
	src:	url('/includes/css/font/museo500-regular-webfont.eot');
	src:	url('/includes/css/font/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
				url('/includes/css/font/museo500-regular-webfont.woff') format('woff'),
				url('/includes/css/font/museo500-regular-webfont.ttf') format('truetype'),
				url('/includes/css/font/museo500-regular-webfont.svg#Museo500') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	overflow-y:scroll;
}

html, body {
	height: 100%;
	margin: 0;
	background: #001121 url(../../images/background.jpg) repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background: transparent url(../../images/top.png) repeat-x top left;
}

h1 {
	color: #fff;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	font-size: 46px;
	line-height:52px;
}

h1.hbutton, h1.hbutton a {
	color: #f15c2b;
	font-size: 32px;
	display:block;
	margin: 20px 0 0px 0;
	text-decoration:none;
	width: 110px;
}

h2 {
	color: #00275d;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	font-size: 22px;
	line-height:24px;
}

h3 {
	font-size: 18px;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	font-weight:normal;
	line-height:22px;
}

h4 {
	font-size: 14px;
	line-height:18px;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	margin:0;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight:normal;
}

a {
	color: #00275d;
	font-size:11px;
}

a.new {
	text-decoration: none;
}

.blue {
	color: #183168;
}

.orange {
	color: #f15c2b;
}

.block span {
	display:block;
}


a.new:hover span {
	text-decoration: underline;
}

img {
	border: none;
}

.line {
	height: 1px;
	border-bottom: 1px solid #b5b7b8;
	margin: 14px 0 14px 0;
}

.hidden {
	display:none;
}

#search-button {
	float: right;
	display: inline;
}

#hwrap {
	background: transparent url(../../images/hwrap.jpg) repeat-x top left;
}

#header {
	width: 880px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}

#slideshow {
	height: 450px;
	width: 1000px;
	margin: auto;
	border-bottom: 1px solid #b5b7b8;
	position: relative;
}

#slideshow #prev {
	position: absolute;
	top:0;
	height: 450px;
	display:block;
	width:40px;
	left:0;
	background: transparent url(../../images/prev.png) no-repeat top left;
}

#slideshow #next {
	position: absolute;
	top:0;
	height: 450px;
	display:block;
	background: transparent url(../../images/next.png) no-repeat top left;
	width:40px;
	right:0;
}

#slideshow #slides {
	width:920px;
	margin:auto;
	height: 450px;
}

#logo {
	float: left;
}

#nav {
	float:right;
	font-size: 18px;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	height: 100px;
}

#nav a {
	font-size: 14px;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	line-height: 105px;
	text-decoration:none;
}

#nav a:hover {
	color: #3c5271;
}

#nav span.space { margin-left:  1px; margin-right: 1px; font-size: 16px; }

#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#sub-action {
	float: left;
	clear:left;
	margin-top: 40px;
	width: 570px;
}

#actions {
	padding: 30px 0 15px 60px;
}

#actions a, #sub-action a {
	float:left;
	margin-right:20px;
}

#body {
	width: 880px;
	padding: 20px 60px 10px 60px;
	margin-left: auto;
	margin-right: auto;
}

.bodies {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	font-size: 11px;
	line-height: 16px;
}

.large {
	font-size: 14px;
	color: white;
	margin-bottom: 20px;
	min-height: 300px;
}

.large h1, .large h2, .large h3 {
	color:white;
}

ol.large, p.large, p.large a {
	line-height: 24px;
	min-height: 20px;
	font-size: 14px;
	color: white;
}

ul.youtube {
	list-style-image: url('../../images/youtube.png');
	padding-left: 28px;
}

ul.youtube li {
	font-size: 12px;
	line-height: 12px;
	position: relative;
	padding-bottom: 5px;
}

ul.youtube a {
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 1px;
}

#fbody, .fbody {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	line-height: 16px;
	width: 880px;
}

#lbody, #mbody, .lbody, .mbody {
	width: 260px;
	float:left;
}

#lbody, #mbody, .lbody, .mbody {
	margin-right: 50px;
}

#llbody, .llbody {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00275d;
	line-height: 16px;
	width: 585px;
	margin-right:50px;
	float:left;
}

#page-content {
	width: 994px;
	position: relative;
	background-color: #f6f4f0;
}

#rbody,.rbody {
	
}

#content {
	width: 810px;
	height: 429px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
}

#content2 {
	width: 974px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
}

#content-text {
	margin-left: 10px;
}

#content-image-logos {
float: right;
margin-right: 20px;
display: inline;
}

#content3 {
	width: 810px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
}

#content-haymes {
	width: 810px;
	height: 429px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
	background-image: url(../../images/watermark.jpg);
	background-position: bottom right;
	background-color: #f6f4f0;
	background-repeat: no-repeat;
}

#content-header {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background.jpg);
	margin-bottom: 20px;
}

#content-header-gold {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background-haymes.jpg);
	margin-bottom: 20px;
}

#content-header-red {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background-red.jpg);
	margin-bottom: 20px;
}
#content-header-yellow {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background-yellow.jpg);
	margin-bottom: 20px;
}
#content-header-green {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background-green.jpg);
	margin-bottom: 20px;
}
#content-header-black {
	width: 810px;
	height: 75px;
	position: relative;
	color: #FFFFFF;
	background-image: url(../../images/content-header-background-black.jpg);
	margin-bottom: 20px;
}


#picture-column {
	width: 250px;
	float: left;
	margin-bottom: 61px;
	display: inline;
}
#picture-column-2 {
	width: 250px;
	float: right;
	margin-bottom: 61px;
	margin-right: 10px;
	display: inline;
}
#picture-column-3 {
	width: 250px;
	float: left;
	display: inline;
}

#title {
	text-align: center;
}

#text-column {
	width: 520px;
	height: 270px;
	float: left;
	margin-left: 20px;
	display: inline;
	text-align: justify;
	line-height: 16px;
	font-size: 12px;
	overflow: auto;
}

#text-column-small {
	width: 480px;
	float: left;
	margin-left: 20px;
	display: inline;
	text-align: justify;
	line-height: 16px;
	font-size: 12px;
}

#text-column-small h3 {
	margin-top:0;
}

#scrolling-content {
	width: auto;
	height: 270px;
	overflow: auto;
}

div.scrolling-clear {
	clear: both;
	height: 15px;
}

#text-column-2 {
	width: 750px;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	display: inline;
	text-align: justify;
	line-height: 16px;
	font-size: 14px;
	overflow: auto;
}

#text-column-3 {
	width: 750px;
	height: 300px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	overflow: auto;
	text-indent: 10px;
	clear: both;
	padding: 10px;
}

#text-column-4 {
	width: 440px;
	height: 270px;
	float: right;
	margin-right: 20px;
	display: inline;
	text-align: justify;
	line-height: 16px;
	font-size: 14px;
	overflow: auto;
}

#projects {
width: 800px;
position: relative;
clear: both;
}

#project-bath-and-kitchen {
text-align: center;
float: left;
margin-left: 100px;
display: inline;
}

#project-feature-walls {
text-align: center;
float: left;
margin-left: 10px;
display: inline;
}

#project-oiling-a-deck {
text-align: center;
float: left;
margin-left: 10px;
display: inline;
}

#project-paint-a-timber-fence {
text-align: center;
float: left;
margin-left: 10px;
display: inline;
}

#project-strip-and-restore {
text-align: center;
float: left;
margin-left: 10px;
display: inline;
}

#content-title {
	top: 7px;
	left: 12px;
	position: absolute;
	height: 50px;
	width: 750px;
}

#content-title-black {
	top: 5px;
	left: 10px;
	position: absolute;
	height: 50px;
	width: 750px;
}

#content-title h1 {
	font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content-title-black h1 {
	font-size: 40px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content-navigation {
	height: 12px;
	position: absolute;
	top: 56px;
	left: 31px;
	width: 750px;
}

#content-navigation-black {
	height: 12px;
	position: absolute;
	top: 50px;
	left: 10px;
	width: 750px;
	color: #000000;
}

.num {
	list-style: decimal
}

.num li {
	margin-bottom: 5px;
}

#homepage-movie {
	width: 777px;
	height: 415px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	display: inline;
}

#main-content {
	width: 777px;
	/*height: 415px;*/
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	display: inline;
	clear:both;
	background-color: #f6f4f0;
}

#main-content img.heading {
	margin-left: 10px;
	
}

#main-content div.cont {
	padding: 0 10px 0 10px;
	background-color: #f6f4f0;
	clear:both;
	display:inline;
	width: 755px;
	float:left;
	line-height: 16px;
	font-size:12px;
	/*height:362px;*/
}

#internal-movie {
	width: 810px;
	height: 265px;
}

#advertisement {
	width: 186px;
	height: 415px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: right;
	display: inline;
}

#footer-bar {
	width: 810px;
	height: 50px;
	position: absolute;
	background-image: url(../../images/footer-box-background.jpg);
	bottom: 0px;
	left: 0px;
}

#footer-bar-text {
	width: 810px;
	position: relative;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}

#homepage-feature-panel {
	width: 983px;
	height: 250px;
	float: left;
	background: url(../../images/features-back.jpg) repeat-x;
	display: inline;
	padding: 0 0 0 11px;
	position: relative;
}

#homepage-feature-panel img {
	float:left;
	margin-right: 11px;
	margin-top: 10px;
}

div.feature-panel {
	width: 810px;
	height: 154px;
	float: left;
	display: inline;
	position: relative;
	margin-bottom: 10px;
}

img.COAswipe {
	margin-top: 5px;
}

#text {
	width: 810px;
	float: left;
	display: inline;
	position: relative;
	margin-bottom: 10px;
	font-size: 14px;
}

#text-02 {
	width: 300px;
	float: left;
	margin-left: 10px;
	display: inline;
	position: relative;
	margin-bottom: 10px;
	font-size: 14px;
}

div.products-01 {
	width: 646px;
	margin-left: auto;
	margin-right: auto;
}

div.products-02 {
	width: 318px;
	margin-left: auto;
	margin-right: auto;
}

div.products-03 {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}

div.products-04 {
	width: 490px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

div.feature-button {
	width: 154px;
	height: 154px;
	float: left;
	display: inline;
	margin-left: 10px;
}

div.feature-button-left {
	width: 154px;
	height: 154px;
	float: left;
	display: inline;
}

div.feature-button-2 {
	width: 154px;
	height: 154px;
	float: left;
	display: inline;
	margin-left: 10px;
}

div.feature-button-2-left {
	width: 154px;
	height: 154px;
	float: left;
	display: inline;
}

div.feature-button-button {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#feature-button-01 {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#feature-button-02 {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 164px;
	bottom: 0px;
}

#feature-button-03 {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 328px;
	bottom: 0px;
}

#feature-button-04 {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 492px;
	bottom: 0px;
}

#feature-button-05 {
	height: 28px;
	width: 154px;
	line-height: 25px;
	background-image: url(../../images/feature-button-background.jpg);
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	left: 656px;
	bottom: 0px;
}

img.feature-button {
	float: left;
	margin-left: 10px;
}

img.feature-button-01 {
	float: left;
}

div.clear {
	clear: both;
}

#footer {
	width: 880px;
	color: white;
	font-size: 10px;
	padding: 20px 60px 20px 60px;
	border-top: 1px solid #b5b7b8;
	position: relative;
	margin: auto;
	margin-top: 20px;
}

#footer #call-now {
	height: 21px;
	float:left;
	margin-top: 10px;
}

#footer #social {
	float:right;
}

#footer #links {
	float:right;
	line-height: 18px;
	color: #00275d;
	clear:right;
	margin-top:10px;
	font-size:12px;
}

#footer #links a, #footer #links span {
	line-height: 18px;
	color: #00275d;
	text-decoration: none;
	font-size:12px;
}

#footer #links a:hover {
	text-decoration: underline;
}

img.float-left {
	float: left;
}

img.float-right {
	float: right;
}

#header-top-left-corner {
	position: absolute;
	top: 0px;
	left: 0px;
}

#header-top-right-corner {
	position: absolute;
	top: 0px;
	right: 0px;
}

#paintright-logo {
	float: left;
	margin-left: 10px;
	margin-top: 6px;
	height: 79px;
	width: 289px;
}

#from-start-to-finish {
	float: right;
	margin-right: 10px;
	margin-top: 23px;
}

#call-1800-2-paint {
	position: absolute;
	left: 266px;
	top: 0px;
}

h1 {
	display: inline;
}



/* Lightbox */
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../../images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../../images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../../images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../../images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../../images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../../images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../../images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../../images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../../images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

	div.pictureHolder .content .details .nav a.arrow_previous { background: url(../../images/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(../../images/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pictureHolder .bottom .left { background: url(../../images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../../images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pictureHolder .loaderIcon { background: url(../../images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../../images/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../../images/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../../images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pictureHolder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .top { padding: 0 20px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }
				
				div.pictureHolder .content .details .nav {
					float: left;
					margin: 4px 0 0 0;
				}
				
					div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }
				
					div.pictureHolder .content .details .nav a.arrow_previous,
					div.pictureHolder .content .details .nav a.arrow_next {
						float: left;
						display: block;
						width: 8px; height: 9px;
						text-indent: -10000px;
						margin-top: 4px;
					}
					
					div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 10000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
		}
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
			
		}
		
		div.pictureHolder .content a.expand,
		div.pictureHolder .content a.contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
	
		div.prettyPhotoTitle {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.prettyPhotoTitle div.prettyPhotoTitleLeft,
			div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }

			
.input {
	border-width: 1px;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	background-color: #ffffff;
	border-style: solid;
}

input.button {
	background: url(../../images/button-back.gif) repeat-x 0 0;
	color:#000000;
	cursor:pointer;
	font-family: Verdana;
	font-size: 14px;
	height:30px;
	margin:3px 0 0 0;
	outline:0 none;
	line-height: 16px;
	vertical-align:top;	
}

input.button:active {
	background-position: 0 -30px;
}

.hbox {
	display: inline;
	color: #000000; 
	font-family: Verdana;
	font-size: 18px; 
	height: 24px;
	width: 200px;
	padding: 2px 8px 2px 6px;
	line-height: 22px;
	margin: 0 auto 3px auto;
	-moz-box-sizing: content-box;
}

.map {
	background: #ede6dc;
}

.maptext {
	color: #001D4C;
	text-align: left;
	font-size:10px;
	margin:5px;
}

.hide {
	display:none;
}

.simg {
	border: 2px solid #f6f4f0;
	padding:2px;
	margin: 5px;
	display: inline-block;
}

.simg-select {
	padding:2px;
	margin: 5px;
	display: inline-block;
	border: 2px solid #f46425;
}

#bread {
	margin-bottom: 20px;
}

#bread .bread {
	color: #001D4C;
}

.storeimage {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.storedetails {
	text-align:left;
	1width:340px;
	width:420px;
	float:left;
}

.storemap {
	float:right;
	text-align:center;
	width:402px;
	position:relative;
}

.apimap {
	width:400px;
	height:275px;
	margin-bottom:3px;
}

.directions {
	text-align: left;
	margin-top: 5px;
}

.switch {
	margin: 5px;
	z-index: 13;
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 228px;
}

.active-left {
	direction: ltr;
	display: block;
	overflow: hidden;
	float:left;
	text-align: center; color: white; font-family: Arial,sans-serif;
	-moz-user-select: none; font-size: 12px;
	background: #678AC7;
	line-height: 160%;
	text-decoration: none;
	padding: 0pt 6px; -moz-border-radius: 2px 0 0 2px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	border: 1px solid rgb(103, 138, 199); font-weight: bold; min-width: 26px;
}

.inactive-right {
	direction: ltr;
	overflow: hidden;
	float:left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	font-family: Arial,sans-serif;
	-moz-user-select: none;
	font-size: 12px;
	background: #fefefe;
	line-height: 160%; padding: 0pt 6px;
	-moz-border-radius: 0pt 2px 2px 0pt;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	border-top: 1px solid rgb(169, 187, 223);
	border-right: 1px solid rgb(169, 187, 223);
	border-bottom: 1px solid rgb(169, 187, 223);
	font-weight: normal; min-width: 47px;
}

.active-right {
	float:left;text-decoration: none;
	display: block;direction: ltr; overflow: hidden; text-align: center; color: white; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px;
	background: #678AC7;
	line-height: 160%; padding: 0pt 6px; -moz-border-radius: 0pt 2px 2px 0pt; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-top: 1px solid rgb(103, 138, 199); border-right: 1px solid rgb(103, 138, 199); border-bottom: 1px solid rgb(103, 138, 199); font-weight: bold; min-width: 47px;
}

.inactive-left {
	float:left;text-decoration: none;
	display: block;direction: ltr; overflow: hidden; text-align: center; color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px;
	background: #fefefe;
	line-height: 160%; padding: 0pt 6px; -moz-border-radius: 2px 0pt 0pt 2px; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border: 1px solid rgb(169, 187, 223); font-weight: normal; min-width: 26px;
}

.google-closer {
	-moz-border-radius: 2px 2px 2px 2px;
}

.adp-placemark {
	margin-top: 0;
}

.adp-legal {
	color: #b5b7b8;
	text-align: center;
	font-size: 11px;
}

.example {
	color: #b5b7b8;
}

div.boxer {
	border: 2px dotted #676767;
	margin: 0 auto 10px auto;
	background: #f4f4f4 url(../../images/f4f4f4.jpg) no-repeat bottom right;
	padding: 10px;
	line-height: 160%;
	cursor: pointer;
}

div.boxer div {
	font-weight: bold;
	color: #e24d15;
}

div.boxer span {
	color: #001D4C;
}

div.boxer:hover {
	background: #fefefe url(../../images/fefefe.jpg) no-repeat bottom right;
	border: 2px dotted #e24d15;
}

table#store-list {

}

table#store-list td {
	
}

table#store-list .heading {
	font-size:14px;
	color: #e24d15;
	font-weight: bold;
	text-align: left;
}

table#store-list .normal {
	text-align:left;
	font-size:11px;
}

table#store-list td a {
	color: #001D4C;
}

table#store-list td a:hover {
	text-decoration: none;
}

.shower {
	clear:both;
	text-align: left;
	display:none;
}

.shower a {
	color:#001D4C;
	display:block;
	height: 20px;
}

tr.head td {
	font-size: 16px;
	font-weight: normal;
	color: #e24d15;
	font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
}

h3.linky {
	cursor:pointer;float:left;margin-right: 25px;text-decoration:none;font-size:16px;
}

h3.linky:hover {
	color: #e24d15;
}

#slide-banner img 
{
	position:relative;
	width:890;
	margin: auto;
	display:block;
}

#slide-banner
{
	border-bottom: 1px solid #b5b7b8;	
}

.category { float:left; width: 205px; margin-bottom: 6px; }
.category.other { float:none; clear:both; width:auto; }
.category-icon { float:left; margin-right: 4px; }
.category-type { font-size: 12px; line-height: 32px; }

#directionsPanel,#directionsError { float: right; }