@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{
padding-bottom: 10px;
}

h1, h2{
	font-size:2em;
	font-family:"Times New Roman", Times, serif;
	color:#8FC77A;
	height:25px;
	/*background: url(../images/sperator-horizontal.jpg) repeat-x bottom left; */
	margin-left:0px;

	}

h2 {
	padding-top:15px;
}


p{
	line-height:150%;
	}

p2{
	line-height:130%;
	}


/* --------- 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;
padding-right: 15px;
padding-left:10px;
	margin-right:5px;
	margin-bottom:15px;
	margin-top:25px;
	}

#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;
}

#sideBar #dtwarranty {
        background: url(/content/ProtectABed/images/bg-title.jpg) no-repeat;
        margin-left: 5px;
        margin-bottom: -46px;
        margin-top: 10px;
        padding-top: 13px;
        padding-left: 17px;
        height: 43px;
        width: 200px;
        display: block;
        color:#FFF;

}
#sideBar #dtwarranty a{
        color:#FFF;
}

#sideBar #dtwarranty a:hover{
        color:#bcbec0;
}


#sideBar #dtmobile {
        background: url(/content/ProtectABed/images/bg-title.jpg) no-repeat;
        margin-left: 5px;
        margin-bottom: 0px;
        margin-top: 7px;
        padding-top: 13px;
        padding-left: 17px;
        display: block;
        color:#FFF;

}

#sideBar #dtmobile a{
        color:#FFF;
}

#sideBar #dtmobile a:hover{
        color:#bcbec0;
}



/* ------------------------- */





.contentColum{
margin-top: 20px;	
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:210px;
	top:8px;
	padding-top: 5px;
	margin-right:-7px;
        margin-left:15px;
	float:left;
	background: url(../images/sperator-verticle-content.jpg) no-repeat 210px 2px;
/*	position:relative;*/
/*	right:6px;*/
	}

.content3Colums img{
	margin-left:-20px;
}
	
.content3Colums h2, .contentColumNoBg h2{
	background: url(../images/bg-title.jpg) no-repeat;
	height:43px;
	padding-top:8px;
width:225px;
	}

.content3Colums h3 {
	font-family:Arial;
	text-align:center;
        font-size:.9em;
padding-bottom:6px;
margin-left:-25px;
       float: center;
	}

.content3Colums h3 a:link{
        color:#6C5FAF;
font-size: 12px;

}

.content3Colums h3 a:hover{
        color:#ff9900;

}

.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-right: 10px;
	padding-bottom:9px;
	width:200px;
	}
	
.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;
	}

.content1Colum {
display: block;	
width:660px;
        top:8px;
        height: 640px;
        padding-top:24px;
	margin-right:10px;
	background: url(../images/PS_back) no-repeat;

	}




.content1Colum h1{
	position:absolute;
top:167px;
left: 40px;

		}

.content1Colum h2{
	position:absolute;
top:142px;
left: 142px;
		}

.content1Colum h3{
	position:absolute;
top:168px;
left: 244px;
		}


.content1Colum h4{
	    position:absolute;
top:167px;
left: 346px;
		}


.content1Colum h5{
	    position:absolute;
top:167px;
left: 448px;
		}


.content1Colum h6{
	    position:absolute;
top:167px;
left: 551px;
		}


#CarouselDiv{
height: 400px;
width: 650px;
margin-left: 45px;
margin-bottom: -30px;
margin-top:-25px;
}

#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;
	}


.iPhone {
margin-left: 50px;
margin-bottom: 200px;
width: 605px; }

.iPhone img{
margin-left:-10px; }
	
/*-------- Feature Logo ---------*/

#featureLogo {

         height: 680px;
         width: 650px;
         margin-bottom: -565px;
         margin-top:20px;
         margin-left:270px;
         background: url(../images/PS_back2.jpg) no-repeat;
}



/*-------- 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:90px;
 */
	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;
	 }