/* CSS Document */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 160%;
	text-align: center;
	background:#FFFFFF;
}
img {
 border: 0;
}
h1, h2, h3, h4, h5 {
 line-height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
br {
    clear: right;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Div IDs */
/* ------------------------------------------------------------------------------------------------------------------------- */
div.barneylogin-container {
	text-align: left;
	margin: auto;
	padding: 0px 0px 0px 0px;
	width: 880px;
	position: relative;
	left: 0px;
	top: 15px;
	background:#FFFFFF ;
}
#header {
	padding: 0;
	margin: 0 0 10px 0;
	position:relative;
	top:0px;
	width: 880px;
	height:80px;
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/header.jpg) no-repeat;
}
#top-bar {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 880px;
	height:50px;
	background:#044561;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;

	background-image: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/top-bar.gif) !important;
	background-position: top left;
	background-repeat: no-repeat !important;

}
#main {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 100%;
	height:450px;
}
.hero-1 {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/body1.jpg) no-repeat;
}
.hero-2 {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/body2.jpg) no-repeat;
}
.hero-3 {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/body3.jpg) no-repeat;
}
.hero-4 {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/body4.jpg) no-repeat;
}
.hero-5 {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/body5.jpg) no-repeat;
}
#login, #login-back0 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:160px;
	left:162px;
	width: 223px;
	height:350px;
	z-index:1000;
}
#login-back0 {
	z-index:500;
	top:10px;
	left:10px;
}
#login-back1 {
	padding:0px;
	margin:0px;
	position:absolute;
	top:55px;
	left:18px;
	width:205px;
	height:195px;
	background:#6b7f3f;
	border:#CCCCCC 1px solid;
	z-index:600;
}
#login-back2 {
	padding:0px;
	margin:0px;
	position:absolute;
	top:356px;
	left:18px;
	width:205px;
	height:145px;
	background:#C8DF8E;
	border:#CCCCCC 1px solid;
	z-index:600;
}
#text-box-wrapper {
	padding: 0;
	margin: 0;
	position:absolute;
	top:10px;
	right:25px;
	width: 450px;
	z-index:150;
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/bg-text-box.gif) top left no-repeat;
}

#text-box {
	padding: 10px;
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/bg-text-box-bottom.gif) bottom left no-repeat;
}
#photo {
	padding: 0;
	margin: 0;
	position:absolute;
	top:200px;
	right:0;
	width: 100%;
	height:350px;
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/truckback.jpg) no-repeat top right;
	z-index:1;
}
#footer-links {
	padding: 10px 10px 10px 20px;
	margin: 0;
	position:relative;
	top:0px;
	width: 850px;
	height:86px;
	background:#FFFFFF;
	color:#006699;
}
#trust {
	display:none;
}
#trust2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	position:absolute;
	left:10px;
	top:630px;
	width: 760px;
	height:65px;
	border-top: 0px;
	vertical-align:middle;
	z-index:2;
}
div.login-boxes {
	padding: 0;
	margin: 0;
	top:12px;
	left: 5px;
	width:197px;
	height:422px;
	position:relative;
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/login-boxes.jpg) no-repeat;
}
div.demomode {
	padding: 5px 0px 5px 0px;
	margin: 0;
	position:absolute;
	top:10px;
	right:10px;
	width: 300px;
	height:14px;
	background:#FFFF00;
	color:#000000;
	text-align:center;
	font-weight:bold;
}
#newuser-text {
	display:none;
}
#login-street {
	padding: 0;
	margin: 0;
  	left:20px;
	position:absolute;
	top:0px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#login-apt {
	padding: 0;
	margin: 0;
	position:absolute;  	
	left:20px;
	top:40px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;ogin
	width:60px;
}
#login-zip {
	padding: 0;
	margin: 0;
	position:absolute;  	
	right:22px;
	top:40px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
	width:110px;
}
#returnuser-text {
	padding: 0;
	margin: 0;
	position:absolute;
	top:205px;  	
	left:25px;
	color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
}
#return-username {
	padding: 0;
	margin: 0;  	
	left:20px;
	position:absolute;
	top:230px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#return-password {
	padding: 0;
	margin: 0;
	right:20px;
	position:absolute;
	top:230px;
	color:#FFFFFF;
    font-size:11px;
	font-weight:bold;
	z-index:2;
}
#privacy {
	position:absolute;
	left:17px;
	top:150px;
    font-size:10px;
	color:#FFFFFF;
}
#lost-password {
	position:absolute;
	left:115px;
	top:285px;
	color:#FFFFFF;
    font-size:10px;
}
#login-city {
	display:none;
}
#login-state {
	display:none;
}
#login-button {
	position: absolute;
	top:100px;  	
	left:20px;
	width: 185px;
	height: 29px;
	z-index:2;
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/continue-btn.gif) no-repeat top left;
}
.shop-button {
	width: 185px;
	height: 29px;
	z-index:100px;
}
#return-button {
	position:absolute;
	top:285px;  	
	left:20px;
	width: 89px;
	height: 23px;
	z-index:2;
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/login-btn.gif) no-repeat top left;
}
.auth-button {
	width: 89px;
	height: 23px;
	z-index:100px;
}
div.loginError {
	margin: 0;
	position:absolute;
	top:2px;
	left:190px;
	width:380px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	padding: 0px;
	size:10px;
	z-index:1000;
	font-weight:bold;
	text-align: left;
}
#box1 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:14px;
	left:172px;
	width:202px;
	height:192px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}
#box2 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:218px;
	left:172px;
	width:202px;
	height:119px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}

.footer #footer-links, .footer .copyright {
	display: none;
}

.footer {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

.demomode {
	position: absolute; 
	top: 15px; 
	right: 15px; 
	background: #ff6; 
	z-index: 999; 
	padding: 0 60px; 
	border: 1px #333 solid;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Image Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
img.verizon-123 {
	padding: 0;
	margin: 0;
	top:165px;
	right: 0px;
	position:absolute;
}
img.offer {
	padding: 0;
	margin: 0;
	top:445px;
	right: 23px;
	position:absolute;
}
img.verizon-SFL {
	padding: 0;
	margin: 0;
	top:545px;
	right: 0px;
	position:absolute;
}
img.login-boxes {
	padding: 0;
	margin: 0;
	top:12px;
	left: 5px;
	position:relative;
}
img.continue {
	padding: 0;
	margin: 0;
	top:160px;
	left: 15px;
	position:absolute;
}
img.login {
	padding: 0;
	margin: 0;
	top:349px;
	left:60px;
	position:absolute;
}
img.close {
	position:absolute;
	top:10px;
	right:10px;
}
img.logo {
	margin:0px 10px 0px 0px;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
span.faq {
	padding: 0;
	margin: 0px 40px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#006699;
	font-size:15px;
	font-weight:bold;
}
p.validation-error {
	padding: 0;
	margin: 0;
	position:absolute;
	top:0;
	left:0;
	width: 300px;
	color:#000000;
	text-align:center;
	font-weight:bold;
}
p.copyright {
	padding:0;
	margin:10px 0px 10px 15px;
	color:333333;
	size:10px;
}
#text-box p {
	padding:0;
	margin: 0 0 10px 0;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Link Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover {
	padding:0px 10px 0px 0px;
	margin:0px 10px 10px 0px;
	color:#006699;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}

a.footerlink:hover {
	text-decoration:none;
	color:#3366FF;
}
a.textLink:link, a.textLink:visited, a.textLink:active, a.textLink:hover {
	padding:0px 10px 0px 0px;
	margin:0px 10px 10px 0px;
	color:#FFFFFF;
	text-decoration:underline;
	font-size:10px;
}
a.textLink:hover {
	text-decoration:none;
	color:#3366FF;
}
#privacy a{
color:#FFFFFF;
}
#trust2 a:link, #trust2 a:visited, #trust2 a:active {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Field Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
#streetAddress.street {
	width: 180px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #959595 1px;
}
#apartmentNumber.apartmentNumber {
	width: 60px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #959595 1px;
}
#zipcode.zipcode {
	width: 110px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #959595 1px;
}
input.username {
	width: 82px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #959595 1px;
}
input.password {
	width: 82px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #959595 1px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
h1.title {
	padding:12px 0 0 0;
	margin: 0 0px 0px 20px;
	font-size:22px;
	color:#FFFFFF;
	font-weight:bold;
}
h2.header {
	padding:0;
	margin: 0 0 5px 0;
	font-size:18px;
	line-height:130%;
	color:#0076C0;
}
h2.sub-head, h2.sub-head2, h3.sub-head {
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:130%;
	color:#FF6600;
}
h2.sub-head2 {
	padding: 0 0 15px 0;
}
h3.sub-head {
	padding: 0 0 15px 0;
	font-size:12px;
	color:#0096D6;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Flippy Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
div.icons {
	position:absolute;
}
div.icons p, div.icons h3 {
	padding:0;
	margin:0;
	display:block;
	color:#FFFFFF;
}
div.icons h3 {
	font-size:14px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
}
img.icon {
	position:relative;
	width:100%;
	height:100%;
}

#electric, #gas, #hsi, #tv, #news, #coaf, #phone, #appliance {
	float:left;
	margin: 0 5px 0 0;
	padding: 0;
	position:relative;
	width: 50px;
	height:50px;
	z-index:1000;
}
div.electric {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/electric.gif) no-repeat 5px 0px;
}
div.electric-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/electric-on.gif) no-repeat 0px 0px;
}
div.gas {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/gas.gif) no-repeat 5px 0px;
}
div.gas-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/gas-on.gif) no-repeat 0px 0px;
}
div.hsi {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/hsi.gif) no-repeat 5px 0px;
}
div.hsi-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/hsi-on.gif) no-repeat 0px 0px;
}
div.tv {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/tv.gif) no-repeat 5px 0px;
}
div.tv-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/tv-on.gif) no-repeat 0px 0px;
}
div.news {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/news.gif) no-repeat 5px 0px;
}
div.news-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/news-on.gif) no-repeat 0px 0px;
}
div.coaf {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/coaf.gif) no-repeat 5px 0px;
}
div.coaf-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/coaf-on.gif) no-repeat 0px 0px;
}
div.phone {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/phone.gif) no-repeat 5px 0px;
}
div.phone-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/phone-on.gif) no-repeat 0px 0px;
}
div.appliance {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/appliance.gif) no-repeat 5px 0px;
}
div.appliance-on {
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/icons/appliance-on.gif) no-repeat 0px 0px;
}
#electric-text, #gas-text, #hsi-text, #tv-text, #news-text, #coaf-text, #phone-text, #appliance-text {
	position:absolute;
	top:44px;
	left:0;
	z-index:1;
	padding: 5px 0 0 0;
	width: 450px;
	clear:both;
}
div.electric-text, div.gas-text, div.hsi-text, div.tv-text, div.news-text, div.coaf-text, div.phone-text, div.appliance-text {
	visibility:hidden;
}
div.electric-text-on, div.gas-text-on, div.hsi-text-on, div.tv-text-on, div.news-text-on, div.coaf-text-on, div.phone-text-on, div.appliance-text-on {
	visibility:visible;
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/flippy/wfblue-bar.gif) no-repeat top left #0096d6;
}
div.electric-text-on p, div.gas-text-on p, div.hsi-text-on p, div.tv-text-on p, div.news-text-on p, div.coaf-text-on p, div.phone-text-on p, div.appliance-text-on p {
	border-left: 5px solid #0096d6;
	border-right: 5px solid #0096d6;
}
div.electric-text-on h3, div.gas-text-on h3, div.hsi-text-on h3, div.tv-text-on h3, div.news-text-on h3, div.coaf-text-on h3, div.phone-text-on h3, div.appliance-text-on h3 {
	border-left: 5px solid #0096d6;
	border-right: 5px solid #0096d6;
}
div.boxbottom {
	background: url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/flippy/wfblue-bar2.gif) no-repeat top left;
	position:absolute;
	bottom:-6px;
	left:0;
	width: 450px;
	height:6px;
}



/* ------------------------------------------------------------------------------------------------------------ */
/* info menu   */
/* ------------------------------------------------------------------------------------------------------------ */



#info-menu-wrapper {

	width: 428px;
	margin-top: 20px;
	background: #d2d2d2;
	border: 1px #aaa solid;
}

#info-menu {
	padding: 5px;
}

#info-menu h3 {
	color: #444;
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
}

#info-menu-content-wrapper {
	border: 1px #bbb solid;
}

#info-menu-content {
	padding: 8px;
	font-size: 8pt;
	line-height: 12pt;
}

#info-menu h3 {
	color: #444;
	font-size: 11pt;
	line-height: 12pt;
	padding-bottom: 5px;
	font-weight: bold;
	margin: 0;
}

#info-menu-content-wrapper {
	background: #ddd url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t2/bg-info-menu-content.gif) top left repeat-x;
	border: 1px #bbb solid;
}

#info-menu-content {
	padding: 8px;
}

#info-menu-inner-1, #info-menu-inner-2, #info-menu-inner-3, #info-menu-inner-4, #info-menu-inner-5, #info-menu-inner-6, #info-menu-inner-7, #info-menu-inner-8, #info-menu-inner-9 {
	display: none;
}

#top-goto-menu {
	display:none !important;
}