/** 
 * 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(http://www.mhsrv.com/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(http://www.mhsrv.com/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(http://www.mhsrv.com/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(http://www.mhsrv.com/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(http://www.mhsrv.com/themes/motorhome/images/button-yellow.jpg) top left no-repeat; text-align: center; }
	#sidebar #nav ul li.red { background: url(http://www.mhsrv.com/themes/motorhome/images/button-red.jpg) top left no-repeat; }
	#sidebar #nav ul li.blue { background: url(http://www.mhsrv.com/themes/motorhome/images/button-blue.jpg) top left no-repeat; }
	#sidebar #nav ul li.lightBlue { background: #cadbff; }
	#sidebar #nav ul li.grey { background: url(http://www.mhsrv.com/themes/motorhome/images/button-blue.jpg) top left no-repeat; }
	*/

	#sidebar #nav ul { list-style: none; width: 224px; padding-left: 4px; }
	#sidebar #nav ul li { width: 224px; min-height: 24px; padding: 1px 0; clear: both; font-size: 10px; }
	#sidebar #nav ul li.green2 { background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -558px 0 no-repeat; }
	#sidebar #nav ul li.green { width: 90px; padding: 0 10px; margin: 0 2px 2px 0; height: 56px; background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -224px 0 no-repeat; float: left; clear: none; text-align: center; }
	#sidebar #nav ul li.yellow { height: 49px; background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) 0 -7px no-repeat; text-align: center; }
	#sidebar #nav ul li.red { background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -334px -32px no-repeat; }
	#sidebar #nav ul li.black { background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -1006px -32px no-repeat; }
	#sidebar #nav ul li.blue { background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -558px -32px no-repeat; }
	#sidebar #nav ul li.lightBlue { background: #cadbff; }
	#sidebar #nav ul li.grey { background: url(http://www.mhsrv.com/themes/motorhome/images/buttons.jpg) -782px -32px no-repeat; }

	#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: 180px; padding-left: 5%; height: 17px; padding-top: 5px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; display: inline-block; clear:left; }
	#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: #ccc; }
	#sidebar #nav ul li li.lightBlue a { color: #555; }
	#sidebar #nav ul li li.link a { color: #000; }


#Layout { float: right; width: 680px; min-height: 500px; padding: 0 26px 0 27px; background: url(http://www.mhsrv.com/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(http://www.mhsrv.com/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.mhsrv.com/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(http://www.mhsrv.com/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; }

#Layout .typography table strong a {
	color: #1F55D3;
	text-decoration: underline;
}