@charset "utf-8";
/* CSS Document */
/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font: small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
behavior: url(../csshover.htc);
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
img{border:0;}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html { background:#3c67a3 url(../Images/Website/filler-bodya.png) top center repeat-y;}

#header img{ text-decoration:none; border:none; }

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

ul { 
	line-height:1.5; 
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:878px;
	background:transparent url(../Images/Website/bg-content.png) 0 0 repeat-y;
/*	height:auto !important;  real browsers */
/* 	height:100%; IE6: treaded as min-height*/
/* 	min-height:100%; real browsers */ 
}

#hbmrk{
/*	position: absolute;
	top:110px;
	letter-spacing: -1px;
	*/
	color: #074378;
	font: bold 14px arial,verdana,Helvetica,sans-serif;
	padding-right:150px;
	text-align:center;
	z-index: 10;
}

#hbmrk a{
	color: #074378;
	text-decoration: none;
	padding: 2px;
}

div#content {
	height:auto !important; /* real browsers */
	/*height:100%;  IE6: treaded as min-height*/
	/*min-height:100%; /* real browsers */
	}
	
	div#header { background:#fff;}
	
		/* begin left column */
		#srcBox {
			background:url(../Images/Website/bg-src_box.png) 0 0 no-repeat;
			height:41px;
			width:161px;
			padding-left:15px;
			}
			
			#search_form {margin:0; padding:0;}
			
			#search_box {
				width: 145px;
				height: 23px;
				background: url(../Images/Website/bg_search_box.png) no-repeat;
			}
			
			#search_box #s {
				float: left;
				padding: 0;
				margin: 2px 0 0 2px; /*6px 0 0 6px;*/
				border: 0;
				width: 119px;
				background: none;
			}
			
			#search_box #go {
				float: right;
				margin: 0;/*3px 4px 0 0;*/
			}
		
		#sideNav tr td {
			background:url(../Images/Website/bg-sideNav.png) 0 0 no-repeat;
			height:25px;
			text-indent:13px;
			font-size:12px;
			z-index:1000;
			}
				
			#sideNav tr td a {
				text-decoration:none;
				color:#cacaca;
				}
				
			#showroomImg img { border:1px solid #3b609b;}
			
		/* end left Column */
		
		/* === begin center column === */
		
			.breadCrumb,
			.phone {
				color:#403838;
				background:url(../Images/Website/bg-crumbFiller.png) 0 0 repeat-x;
				font-size:11px;
				}
			
				.breadCrumb span {
					font-weight:bold;
					padding-left:10px;
					}
			
				.breadCrumb a {color:#403838; text-decoration:none;}
				
				.phone {
					color:#074378;
					font-size:12px;
					font-weight:bold;
					}
			
		#centerCol {padding:15px;}
		
			.content {
				color:#4e4e4e;
				font-size:11px;
				margin-bottom:15px;
				}
				
				p span {color:#35638a;}
				
			.content a {
				color:#074378;
				text-decoration:none;
				}
				
			.content h1 {
				color:#074378;
				font-size:18px;
				margin:0 0 10px;
				}
			
			.content h2 {
				color:#074378;
				font-size:17px;
				}
				
				.series {
					color:#074378;
					font-size:12px;
					}
					
				.shortdesc {color:#2e2e2e;}
				
				.linkdetails a {
					color:#404c93;
					text-decoration:none;
					}
				

		/* === end center column === */
	
		/* === begin right column === */
		
			#milist {font-size:11px;}
			
				.border {
					border:2px solid #c4c4c4;
					border-bottom:0;
					border-top:0;
					}
					
				.input { 
					width:128px;
					border:1px solid #dadada;
					}
					
			#latestnews {font-size:11px;}
			
				.date {color:#074378;}
				
				.entrytitle {color:#1669b0;}
				
				.entry {color:#393838;}
				
					.entry a { color:#518ec2;text-decoration:none;}
				
div#footer {
	color:#444;
	position: relative;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#f6f6f6 url(../Images/Website/footer-filler.png) 0 0 repeat-x;
	height:62px;
	font-size:11px;
	}

#footer a {
	color:#444;
	text-decoration:none;
}



/* Begin CSS Menus at Left */
#menuleft{
	position:relative;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cacaca;
	z-index:1000;
}
#menuleft span{
}
#menuleft a{
	display:block;
	width:160px;
	height:23px;
}
#menuleft a{
	text-decoration:none;
}
#menuleft a:link, #menuleft a:visited{
	color:#cacaca;
	width:100%;
}
#menuleft a:hover{
	color:#cacaca;
}
#menuleft a:active{
	color:#000;
}
#menuleft form{
	margin:0;
}
#menuleft li{
/*	margin-left:15px;
	padding-top:2px;
	text-indent:0px;
*/
	padding-left:13px;
	list-style-type:none;
	background:url(../Images/Website/bg-sideNav.png) 0 0 no-repeat;
	z-index:1000;
}
#menuleft li li{
/*	margin-left:15px;
	padding-top:2px;
	text-indent:0px;
	background:#403838;
*/
	padding-left:13px;
	width:100%;
	list-style-type:none;
	background:url(../Images/Website/bg-sideNav.png) 0 0 no-repeat;
	height:23px;
}
#menuleft li li a:hover{
	list-style-type:none;
	list-style-image:none;
}
#menuleft ul, #menuleft ul ul, #menuleft ul ul ul{
	margin:0px;
	padding:0;
	width:160px;
	margin-left:15px;
}

#menuleft h2, #menuleft h3{
	text-transform:uppercase;
	color:#edeef6;
	margin:0;
	padding:0 0 0 4px;
	width:160px;
}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{
	position:relative;
}
#menuleft li ul{
	position:absolute;
	left:145px;
	top:0;
	display:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;/*height:1%;*/}
* html #menuleft ul li a{/*height:1%;*/}
/* End */

div#menuleft ul ul, div#menuleft ul ul ul, div#menuleft ul li:hover ul ul, div#menuleft ul li:hover ul ul ul {
	display:none;
}
div#menuleft ul li:hover ul, div#menuleft ul ul li:hover ul, div#menuleft ul ul ul li:hover ul{
	display:block;
}

#menuleft a.x, #menuleft a.x:visited{
	color:#494c59;
	width:160px;
}

#menuleft a.x:hover{
	color:#060;
}

#menuleft a.x:active{
	color:#000;
}
/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */

.PageName {
	text-align:center;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0px;
	color:#403838;
}

.BreadCrumb { font-size: 11px; margin: 0px 0px 0px 0px; padding:0px; color:#666;  }
.BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;}
.BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;}
.BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

.PostInfo { padding: 0px; margin: 0px 0px 5px 0px; font-size: 10px; /*background: #f6f6f6;*/ color:#7e8996; }
.PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.PostInfo a { color: #7e8996; text-decoration: underline; font-weight: bold;}
.PostInfo .Author { border-right: solid 1px #7e8996; padding: 0px 5px 0px 0px;}
.PostInfo .Time { border-right: solid 1px #7e8996; padding: 0px 5px 0px 0px;}
.PostInfo .Categ { /*border-right: solid 1px #7e8996;*/ padding: 0px 5px 0px 5px;}
.PostInfo .Rating {padding: 0px 0px 0px 5px;}

/* Post Content */
.PostContent { margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 15px;}
.PostContent img { margin: 0px 10px 10px 0px; padding: 5px; /*border: solid 1px #ccc;*/}
.PostContent p { font-size: 11px; line-height: 15px;}

/* Post Content -Single Page */
.PostContentSingle { margin: 0px; padding: 10px 0px; font-size: 11px; line-height: 15px;}
.PostContentSingle img {}
.PostContentSingle h1 { padding: 10px 0px; margin: 0px 0px 5px 0px;}
.PostContentSingle p { /*font-size: 11px; line-height: 15px; padding: 6px 0px; margin: 6px 0px;*/}

.PostBottom { padding: 5px 0px 15px 0px; margin: 0px;}
.PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; font-size: 10px; }
.PostBottom li a { text-decoration: underline; }
.PostBottom li a:visited { text-decoration: underline;}
.PostBottom li a:hover { text-decoration: underline;}
.PostBottom .FullStory { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}
.PostBottom .VisitSite { background: url(../Images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;}
.PostBottom .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;}
.PostBottom .EditArticle { background: url(../Images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;}

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin: 10px 0px 10px 0px; position: relative;}
.Category h1 { font-size: 20px; float:left;}
.Category .Desc { font-size: 12px; line-height: 14px; clear: both; float: left; width:100%;}
.Category .rss { position: absolute; right: 0px; top: 0px;}
.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}
.Category .SubCategory li { padding: 2px 0px 2px 15px; margin: 0px; font-size: 11px; list-style-type: none;}
.Category .SubCategory ul {  width: 38em; }
.Category .SubCategory ul li { float: left; width: 15em;  /* accommodate the widest item */ }
/* stop the floating after the list */
.Category .SubCategory br { clear: left; }
/* separate the list from what follows it */
.Category .SubCategory { margin-bottom: 1em; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}
.Paging a { display: inline; padding: 2px 5px;}
.Paging a:visited {}
.Paging a:hover { text-decoration: none;}
.PagingDisabled { display: inline; padding: 2px 5px; }
.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px;}
/* Paging */
.Paging a { border: 1px solid #005DBB; background: #def2ff;}
.Paging a:visited { background: #def2ff; border: 1px solid #005dbb;}
.Paging a:hover { background: #005dbb; color:#fff; }
.PagingDisabled { padding: 6px; margin: 5px 0px; border: 1px solid #ccc; background: #e5e5e5; color:#666;}
.PagingCurrentPageNumber { padding: 6px; margin: 5px 0px; border: 1px solid #005dbb; background: #005dbb; color: #fff;}
