@charset "utf-8";
/* --------- Protect A Bed Home Page CSS Styles --------- */

/*
	1. Defaults: Html Tags
	2. 3 Ways To Contact
	3. Colums: Left / Center / Right
*/

/* --------- 1. Defaults  --------- */
h1, h2{
	font-size:2em;
	font-family:"Times New Roman", Times, serif;
	color:#8FC77A;
	height:25px;
	padding-bottom:15px;
/*	background: url(../images/sperator-horizontal.jpg) repeat-x bottom left; */
	margin-left:0px;

	}

h2 {
	padding-top:25px;
}


p{
	line-height:150%;
	}

/* --------- 2. Side Bar  --------- */

/*
option1: BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BORDER-LEFT: 3px outset; BORDER-BOTTOM: 3px outset;
option2: border:1px solid red;
*/
#sideBar {

	width:230px;

	float:left;
/*
	move to home_sideBar_bg.css cause just home page use this pic
	background: url(../images/sperator-verticle-main.jpg) repeat-y top right;
*/
	height:100%;
	left:10px;
	margin-right:4px;
	margin-bottom:15px;
	margin-top:10px;
	}

#sideBar dl, #sideBar dt a, #sideBar dt a.hover, #sideBar dt a.link, #sideBar dt a.active, #sideBar dt a.visited{
	height:auto;
	color: #999999;
	}
	
#sideBar dt{
	background: url(../images/bg-nav-li.jpg) no-repeat bottom left;
	padding-bottom:8px;
	padding-left:6px;
	font-size:1.4em;
	font-weight:bold;
	}

#sideBar dd {
	background: url(../images/bg-nav-li.jpg) no-repeat bottom left;
}

#sideBar dd h2{
/*	background: url(../images/bg-nav-li.jpg) no-repeat bottom left; */
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	font-family:Arial;
	width:205px;
	font-size:1em;
	}

#sideBar dd h2 a{
	background: url(../images/nav-bullet.jpg) no-repeat 2px;
	padding-left:18px;
	color:#6C5FAF;
	font-weight:bold;
	display:block;
	}

#sideBar dd h2 a:hover{
	color:#666;
	}


/* sideBar for table element */

#sideBar p{
	background: url(../images/bg-nav-li.jpg) no-repeat bottom left;
	padding-bottom:8px;
	padding-left:6px;
	font-size:1.0em;
/*	font-weight:bold; */
	}

#sideBar td {
	background: url(../images/bg-nav-li.jpg) no-repeat bottom left;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:4px;
	font-family:Arial;
	width:205px;
	font-size:1em;
	}
	
#sideBar td  a{
	padding-left:18px;
	color:#6C5FAF;
	font-weight:bold;
	display:block;
	}
	
#sideBar td  a:hover{
	color:#666;
	}

#sideBar td .itemlevel1 a{
	background: url(../images/nav-bullet.jpg) no-repeat 2px;
	padding-left:14px;
	padding-bottom:8px;
	font-size:1.4em;
	font-weight:bold;
}

#sideBar td .itemlevel2 a{
	padding-left:22px;
}

#sideBar td .itemlevel3 a{
	padding-left:36px;
}

/* ------------------------- */





.contentColum{
	width:223px;
	padding-top:0px;
	padding-left:0px;
	float:left;

	}
	
.contentColum h2{
	background: url(../images/bg-title.jpg) no-repeat;
	font-family:Arial;
	text-align:center;
	font-size:1.8em;
	height:43px;
	padding-top:8px;
	}

.contentColum h3{

font-family:Arial;
color: #999999;	
text-align:center;
	font-size:1.2em;
        padding-top:20px;
padding-bottom: 0px;
	}
	
.contentColum p{
	padding-left:7px;
	padding-bottom:10px;
	}
	
.contentColum h2 a{
	color:#fff;
	}

.contentColum h2 a:hover{
	color:#CCC;
	}
	
#class1 {
	width:215px;
	padding-top:9px;
	float:left;
/*	background: url(../images/bg-nav-li.jpg) no-repeat top left; */
	}

	
#class1 img{
	float:left;
	padding-right:10px;
	padding-left:5px;
	}

#class1 img2{
	float:leftr;
padding-top:15px;
padding-bottom:15px;	
padding-right:8px;
	padding-left:8px;
	}
	
#class1 p{
	font-size:.9em;
	width:210px;
	line-height:120%;
	padding-top:15px;
	padding-bottom:15px;
/*	background: url(../images/bg-nav-li.jpg) no-repeat bottom left; */
	}
	
.classHighlight{
	color:#F60;
	}
	
/*-------- Content Container ----------*/

.content3Colums{
	width:220px;
	top:8px;
	padding-top:24px;
	margin-right:10px;
	float:left;
	background: url(../images/sperator-verticle-content.jpg) no-repeat 218px 2px;
/*	position:relative;*/
/*	right:6px;*/
	}
	
.content3Colums h2, .contentColumNoBg h2{
	background: url(../images/bg-title.jpg) no-repeat;
	font-family:Arial;
	text-align:center;
	font-size:1.8em;
	height:43px;
	padding-top:8px;
	}

.content3Colums h3 {
	font-family:Arial;
	text-align:center;
        font-size:1.8em;
	height:15px;
	padding-top:10px;
padding-bottom:10px;
       float: center;
	}

.content3Colums h3 a:link{
        color:#6C5FAF;
font-size: 12px;
padding-top:10px;
padding-bottom:10px;
}

.content3Colums h3 a:hover{
        color:#ff9900;
font-size: 12px;
padding-top:10px;
padding-bottom:10px;
}

.content3Colums h4 {
	font-family:Arial;
	text-align:center;
        font-size:1.8em;
	height:15px;
	padding-top:10px;
padding-bottom:10px;
margin-top: 200px;
        float: center;
	}

.content3Colums h4 a:link{
        color:#6C5FAF;
font-size: 12px;
padding-top:10px;
padding-bottom:10px;
        float: center;
	}


.content3Colums h4 a:hover{
        color:#ff9900;
font-size: 12px;
padding-top:10px;
padding-bottom:10px;
        float: center;
	}
	
.content3Colums p, .contentColumNoBg p{
	padding-left:8px;
	padding-bottom:9px;
	width:205px;
	}
	
.content3Colums h2 a, .contentColumNoBg h2 a{
	color:#fff;
	}
	
.contentColum p a, .content3Colums p a, .contentColumNoBg p a{
	color:#6C5FAF;
	}
	
.contentColum p a:hover, .content3Colums p a:hover, .contentColumNoBg p a:hover{
	color:#8FC77A;
	}

.content3Colums h2 a:hover, .contentColumNoBg h2 a:hover{
	color:#CCC;
	}
	
.contentColumNoBg{
	width:220px;
	top:8px;
	float:left;
	position:relative;
	padding-top:16px;
	}

#contentContainer{
	width:970px;
	position:relative;
	left:16px;
	float:left;
/*	background: url(../images/sperator-verticle-main.jpg) repeat-y -5px;*/
	}

#contentContainer p{
	padding-top:15px;
}

.pIntro{
	background: url(../images/sperator-horizontal.jpg) no-repeat bottom right;
	height:98px;
	}
	
#intro{
	float:left;
	width:670px;
	margin-left:6px;
	background: url(../images/sperator-horizontal.jpg) repeat-x top left;
	}
	
#intro h2{
	color:#8FC77A;
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	padding-top:20px;
	padding-bottom:15px;
	}
	
#intro p{
	padding-bottom:10px;
	}
	
#intro a{
	color:#6C5FAF;
	font-weight:bold;
	}
	
#intro a:hover{
	color:#8FC77A;
	}
	
/*-------- Feature Logo ---------*/
#featureLogo {
	position: relative;
	float: left;
	width: 670px;
	height:76px;
	text-align: right;
	margin: 0;
	padding: 0;

}

/*-------- Product Categories ----------*/

#productCategories{
	border-collapse:collapse;
/*	margin-bottom:34px;
 */
	margin-bottom:15px;
	height:147px;
	float:left;
	width:670px;
	background: url(../images/sperator-horizontal.jpg) repeat-x bottom left;
	margin-left:5px;
/*	margin-top:68px;
 */
	margin-top:10px;
	}
	
#productCategories td{
	text-align:center;
	}
	
#productCategories th{
	background:#7C75A8 url(../images/img-dealer-results-th.jpg) repeat-x;
	color:#FFF;
	font-size:1.2em;
	text-align:left;
	padding:6px;
	height:30px;
	}
	
#productCategories a{
	display:block;
	font-size:1.1em;
	font-weight:bold;
	color:#F60;
	padding-top:2px;
	}	
	
#productCategories a:hover{
	color:#6C5FAF;
	}
	
#productCategories img{
	 margin-bottom:10px;
	 }

