/****** FILE: jsparty/lightwindow/css/default.css *****/
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #171B20;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}


#lightwindow .page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
}

#lightwindow 	.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}

	#lightwindow .page-body ul, .page-body ol {
		color: #ffffff;
		margin: 10px 0 30px 25px; 
	}

	#lightwindow .page-body ul li,
	#lightwindow .page-body ol li {
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	#lightwindow .page-footer p {
		margin: 0;
	}
	
	#lightwindow .page-footer {
		padding: 20px;
	}

	#lightwindow .page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #ffffff;
		margin: 5px 0 15px 0;
	}
	
#lightwindow h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
}

	#lightwindow h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


#lightwindow h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	#lightwindow h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
#lightwindow h3 {
	clear: both;
	font-size: 120%;
	color: #FF9;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#lightwindow .notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	#lightwindow .notice p,
	#lightwindow .notice p a,
	#lightwindow li a {
		color: #ffffff;
		text-decoration: none;
	}

#lightwindow a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #a9d06a;
	margin: 3px 0 0 0;
	border-bottom: 1px solid #333333;
	border-bottom: 1px solid #555555;
}

#lightwindow a.page-options:hover,
#lightwindow a.page-options:focus {
	color: #fff; 
	background: #09F;
}		

#lightwindow p {
	margin: 0 0 20px 0;
	color: #cccccc;
	line-height: 140%;
}

	#lightwindow p small,
	#lightwindow li small {
		color: #09F;
		font-size: 100%;
	}
	
	#lightwindow p em,
	#lightwindow em {
		color: #ffffff;
	}

#lightwindow .hidden {
	display : none;
}


/****** FILE: jsparty/lightwindow/css/lightwindow.css *****/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




/****** FILE: themes/motorhome/css/layout.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 12px; 
 	margin-bottom: 40px;
	font-family: tahoma,arial,Verdana, Lucida, sans-serif; 
	background: url(themes/motorhome/images/background.jpg) top left repeat-x #001a57;
	font-family: tahoma, arial, sans-serif;
}


/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
/*caption, th, td {
	text-align: left;
	font-weight: normal;
}*/

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 100%;  
	margin: 0 auto; 
	background: url(themes/motorhome/images/top-background.jpg) top center no-repeat;
}
#Container { 
	width: 980px;
	padding-bottom: 15px;
	margin: 0 auto;
}

#sidebar {
	float: left;
	width: 246px;
}
#sidebar #logo { 
	line-height: 0; 
}
#sidebar #nav {
	width: 231px; 
	padding: 0 7px;
	background: url(themes/motorhome/images/nav-bg.png) top left repeat-y;
}

	#sidebar #nav ul { list-style: none; width: 225px; padding-left: 4px; }
	#sidebar #nav ul li { width: 225px; min-height: 24px; padding: 1px 0; clear: both; font-size: 10px; }
	#sidebar #nav ul li.green { width: 110px; height: 56px; background: url(themes/motorhome/images/button-green.jpg) top left no-repeat; float: left; clear: none; text-align: center; }
	#sidebar #nav ul li.yellow { height: 49px; background: url(themes/motorhome/images/button-yellow.jpg) top left no-repeat; text-align: center; }
	#sidebar #nav ul li.red { background: url(themes/motorhome/images/button-red.jpg) top left no-repeat; }
	#sidebar #nav ul li.blue { background: url(themes/motorhome/images/button-blue.jpg) top left no-repeat; }
	#sidebar #nav ul li.lightBlue { background: #cadbff; }
	#sidebar #nav ul li.grey { background: url(themes/motorhome/images/button-blue.jpg) top left no-repeat; opacity: .25; filter: alpha(opacity=25); }
	
	#sidebar #nav ul li .big { font-size: 25px; font-weight: bold; }
	#sidebar #nav ul li .small { font-size: 11px; font-weight: bold; }
	#sidebar #nav ul li .redText { color: #930101; }
	#sidebar #nav ul li .blue { color: #133680; }
	
	
	#sidebar #nav ul li.green a { color: #000; font-size: 12px; font-weight: bold; height: 89%; padding-top: 11%; }
	
	#sidebar #nav ul li a { float: left; width: 85%; padding-left: 5%; height: 17px; padding-top: 5px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; display: inline-block; clear:both; }
	#sidebar #nav ul li.green a { padding-left: 0; width: 100%; }
	#sidebar #nav ul li.yellow a { height: 99%; padding-top: 1%; padding-left: 0; width: 100%;  }
	#sidebar #nav ul li .handle, #sidebar #nav ul li .sub_handle { float: right; width: 10%; height: 13px; padding-top: 0px; line-height: 20px; cursor: pointer; }
	#sidebar #nav ul li .handle { color: #fff; }
	
		#sidebar #nav ul li ul { width: 214px; padding: 0; margin-top:  6px; margin-left: 5px; border: 1px solid #02287c; border-top: 0; border-bottom: 0; overflow: hidden; background: #CADBFF; }
		#sidebar #nav ul li ul li { width: 214px; min-height: 20px; height: auto; }
		#sidebar #nav ul li ul li a { color: #000; height: auto;  }
			#sidebar #nav ul li ul li ul { border: none; }
			#sidebar #nav ul li ul li ul li { border: none; }
			#sidebar #nav ul li ul li ul li.link a { color: #930101; }
	#sidebar #nav ul li.section a, #sidebar #nav ul li.current a { color: #999; } 
	#sidebar #nav ul li li.link a { color: #000; }


#Layout { float: right; width: 680px; min-height: 500px; padding: 0 26px 0 27px; background: url(themes/motorhome/images/content-bg.png) top left repeat-y; margin-top: -2px; }
#flash-top { float: right; width: 733px; height: 360px; display: block; line-height: 0; }
#top-header { float: right; width: 733px; line-height: 0; }

.sub-sub-links { font-size: 13px; text-align: center; }
.sub-sub-links a { font-weight: bold; color: #D10004; } 

#Layout .field { clear: both; margin: 5px 0; min-height: 30px;  float: left; }
#Layout .field select { width: 100%; }
#Layout label { float: left; height: 30px; clear: left; display: block; width: 150px; }
#Layout .middleColumn { float: left; clear: right; margin: 0;  }
#Layout .middleColumn ul label { height: auto; clear: right; margin: 0 10px; }
#Layout .middleColumn ul input[type='checkbox'],#Layout .middleColumn ul input[type='radio'] { float: left; clear: left; }
#Layout .field span.validation, #Layout .field span.required { display: block; float: left; margin: 5px; font-weight: bold; color: #900; }

a img { border: 0; }

/*div#Layout div.typography { margin-top: -30px; }*/


div.footerTop { float: right; width: 680px; padding: 0 26px 0 27px; }






#Layout .typography blockquote { font-size: 12px; background: #eee;  min-height: 80px; padding: 5px; }
#Layout .typography blockquote address { font-size: 11px; font-weight: normal;  margin-top: 15px; }

#Layout .typography blockquote img.left { margin-right: 5px; }
#Layout .typography blockquote img.right { margin-left: 5px; }
#Layout .typography blockquote img { margin: 8px auto; }


#Layout .typography img { margin: 10px; }
#Layout .typography img.left { margin-left: 0; }
#Layout .typography img.right{ margin-right: 0; }

#Layout .typography a { color: #666; text-decoration: none; }










table.buttons td img { margin-left: -2px; }
table.buttons td table img { margin: 0; }














/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0px; position:relative; width:670px; height:18px; z-index:100;}
#menu_container2 {margin:0px; position:relative; width:670px; height:18px; z-index:50;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; font-size:11px; color:#666; height:18px; line-height:18px; text-decoration:none; text-indent:5px; border:0px solid #000; border-width:0px 0 0px 0px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-color: #666; border-width:0 1px 1px 1px; background-color: #fff; color:#666; font-size:10px; display:block; width:225px; text-align: left; line-height:18px;}
#pmenu li ul li a:hover {border-color: #666; border-width:0 1px 1px 1px; background-color: #666; color:#fff; font-size:10px; display:block;width:225px; text-align: left; line-height:18px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;border-color: #666;}
#pmenu li a.enclose:hover {border-width:1px;border-color: #666;}

/* Set up the list items */
#pmenu li, #pmenu li a:visited {float:left; background:#fff;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#666; color:#fff;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:0px 30px 30px 30px; background:transparent url(transparent.gif);}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#fff; color:#666;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#fff; color:#666;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#fff url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#fff; text-align: center; text-indent: 0px; line-height: 12px;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; left:-31px; top:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:200px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

p.blueLinks a span,
p.blueLinks a ,
p.blueLinks {
	color: #1F55D3;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

select.rvusaSearchField { font-weight: normal; font-size: 10px; }


/****** FILE: themes/motorhome/css/typography.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
	
	color: #666;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #666;
 	line-height: 18px;
 	font-size: 12px;
	margin: 0 0 18px 0;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none; 
	color: #D10004;
}

	.typography a:hover { 
 		text-decoration: underline;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	.typography li {
		margin: 5px 10px;
		font-size: 11px;
	}
		.typography li li {
			font-size: 10px;
		}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1,
.typography h2,
.typogrpahy h3,
.typography h4,
.typography h5,
.typography h6 {
	color: #223265; 
	margin: 0 0 18px 0;
	font-weight: bold;
	font-family: Tahoma,arial, Verdana, sans-serif;
}

.typography h1 {
	font-size: 20px;
}
.typography h2 { 
 	font-size: 20px; 
}	
.typography h3 {

	margin: 0 0 18px 0;
	font-weight: 300;
	clear: both;
	font-size: 18px;
}
.typography h4 {
	font-size: 16px;

	width: 95%;
	font-weight: 300;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 16px 0;
}
.typography h5 {
	font-size: 14px;

	font-weight: 700;
	margin: 0 0 12px 0;
}
.typography h6 {
	font-size: 13px;

	line-height: 1.4em;
	margin: 0 0 12px 0;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	font-size: 11px;
	color: #666;
	border-collapse:collapse;
}
	.typography tr {}
	
		.typography td {
			/*border:1px solid #999;*/
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin-left: 20px;
	}
	.typography img.left {
		float: left;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
#layout .typography p.blueLinks a span,#layout .typography p.blueLinks a ,#layout .typography p.blueLinks {
	color: #1F55D3;
	text-decoration: underline;
}


/****** FILE: themes/motorhome/css/form.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 15px 10px 10px 0;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.middleColumn .message {
		margin: 0;
	}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 10px 0 -10px 0;
	color: #777;
	font-size: 1em;
}

label.right {
	display:inline;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
		font-size: 1.2em;
	}
#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}