@charset "utf-8";
/* --------- Protect A Bed Main Layout CSS Styles --------- */

/*	
	1. Defaults: Html Tags
	2. Header
	3. Navigation
	4. Content
	5. Footer
*/

/* --------- 1. Defaults  --------- */

* {
	margin:0px;
	padding:0px;
	}

body {
	background:#D9EBD3 url('http://www.protect-a-bed.com/images/bg_repeat.jpg') repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666
	}

a {
	text-decoration:none;
	}

img {
	border:none;
	}
	
ul {
	list-style:none;
	}
	
#wrapper {
	width:945px;
	margin: 0px auto;
	}
	
/* --------- 2. Header  --------- */	

#header, #header-hospitality {
	width:945px;
	height:272px;
	position:relative;
	float:left;
	}
	
#header {background: url('http://www.protectabed.com/images/bg-header.jpg') no-repeat;}

#header-hospitality {background: url('http://www.protect-a-bed.com/images/bg-header-hospitality.jpg') no-repeat;}

#header p a{color:#6C5FAF;}
	
#header p a:hover{color:#8FC77A;}	
	
#header p {
	position:absolute;
	right:120px;
	top:18px;
	}
	
#header-hospitality p {
	position:absolute;
	right:120px;
	top:18px;
	}

#btn_view_cart{
	position:absolute;
	right:13px;
	top:12px;
	}
	
#header span {font-weight:bold;}

.buyLink{
	position:absolute;
	top:162px;
	left:674px;
	width:100px;
	height:100px;
	display:block;
	}
	
.buyLink p, .locateDealer p{
	visibility:hidden;
	}
	
.locateDealer{
	position:absolute;
	top:162px;
	left:23px;
	width:100px;
	height:100px;
	display:block;
	}
		
/*----------3 Navigation -----------*/	
	
#navBar{
	width:945px;
	height:36px;
	float:left;
	position:relative;
	background: url('http://www.protect-a-bed.com/images/bg-nav.jpg') no-repeat;
	}
	
#navBar p{
	float:left;
	position:absolute;
	top:10px;
	left:23px;
	}

#navBar a:hover, #navBar a.active, #navBar p.logIn a:hover, #navBar p.viewCart a:hover {
	color:#6C5FAF;
	}
	
#navBar a{
	color:#666;
	font-weight:bold;
	}
	
/*#navBar p.logIn a, #navBar p.viewCart a{
	padding-left:20px;
	padding-right:10px;
	color:#8FC77A;
	}*/
	
#navBar p.phoneNumber{
	position:absolute;	
	top:8px;
	left:742px;
	font-size:1.4em;
	font-weight:bold;
	}
	
.phoneHighlight{
	color:#6C5FAF;
	}
	
/*#navBar p.logIn{
	background: url(../images/icon-logIn.jpg) no-repeat left;
	position:absolute;
	top:10px;
	left:785px;
	}
	
#navBar p.viewCart{
	background: url(../images/icon-view-cart.jpg) no-repeat left;
	position:absolute;
	top:10px;
	left:852px;
	}
	*/
/* --------- 4. Content --------- */	
	
/* Content Container*/
.clear{
	clear:both;
	}
	
.imgClear{
	position:relative;
	top:5px;
	clear:both;
	}
	
#pageContainer{
	width:945px;
	position:relative;
	float:left;
	background: url('http://www.protect-a-bed.com/images/bg-content-main.jpg') no-repeat top;
	}

#page{
	width:945px;
	background-color:#FFF;
	background: url('http://www.protect-a-bed.com/images/bg-content-repeat.jpg') bottom;
	}
		
/* --------- 5. Footer --------- */
		
#footer {
	width:945px;
	height:56px;
	background: url('http://www.protect-a-bed.com/images/bg-footer.jpg') repeat-x ;
	float:left;
	position:relative;
	color:#999
	}
	
#footerNav{
	float:left;
	position:absolute;
	top:15px;
	left:23px;
	}
	
#footerNav p{
	margin-bottom:4px;
	position:relative;
	top:-4px;
	}
	
#footerNav a{
	color:#6C5FAF;
	}
	
#footerNav a:hover{
	color:#666;
	}
	
#spectrum{
	float:left;
	position:absolute;
	top:11px;
	left:649px;
	}
	
#spectrum a{
	color:#999;
	}
	
#spectrum a:hover{
color:#8FC77A;
	}

.err {
color: #FF0000;
font-weight: bold;
}