/* 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: #999;
}

/*========== body bg styles =============== */

.bg-0 {
	background: transparent;
}

.bg-1 {
	background: url(bg-1.png);
}
.bg-2 {
	background: url(bg-2.png);
}
.bg-3 {
	background: url(bg-3.png);
}
.bg-4 {
	background: url(bg-4.png);
}
.bg-5 {
	background-image: url(bg-5.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.bg-6 {
	background-image: url(bg-6.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.bg-7 {
	background: url(bg-7.png);
}
.bg-8 {
	background: url(bg-8.png);
}

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: 980px;
	position: relative;
	left: 0px;
	top: 0px;
	background:#FFFFFF ;
	border-left:#333333 solid 1px;
	border-right:#333333 solid 1px;
	border-bottom:#333333 solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 980px;
	height:100px;
	background:url(header.jpg) no-repeat;
}
#top-bar {
	padding: 15px 0px 0px 20px;
	margin: 0;
	position:relative;
	top:0px;
	width: 960px;
	height:35px;
	background:#044561;
	border-bottom:#FFFFFF solid 1px;
}
#bottom-bar {
	padding: 0;
	margin: 0;
	position:absolute;
	bottom:0px;
	width: 980px;
	height:15px;
	background:#044561;
}
#main {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 100%;
	height:478px;
}
#login, #login-back0 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:245px;
	right:25px;
	width: 240px;
	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 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:50px;
	left:35px;
	width: 450px;
	z-index:150;
}
#text-box2 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:230px;
	left:240px;
	z-index:150;
}
#photo {
	padding: 0;
	margin: 0;
	position:absolute;
	top:200px;
	right:0;
	width: 100%;
	height:350px;
	background:url(http://www.whitefence.com/qsrimages/cpTemplateBuilder/t3/truckback.jpg) no-repeat top right;
	z-index:1;
}
#footer-links {
	padding: 10px 10px 10px 20px;
	margin: 0;
	position:relative;
	top:0px;
	width: 950px;
	height:70px;
	background:#FFFFFF;
	color:#006699;
}
#trust {
	display:none;
}
#trust2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	position:absolute;
	left:10px;
	top:665px;
	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/t3/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:5px;
	position:absolute;
	top:0px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#login-apt {
	padding: 0;
	margin: 0;
	position:absolute;  	
	left:5px;
	top:45px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
	width:105px;
}
#login-zip {
	padding: 0;
	margin: 0;
	position:absolute;  	
	right:12px;
	top:45px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
	width:105px;
}
#returnuser-text {
	padding: 0;
	margin: 0;
	position:absolute;
	top:210px;  	
	left:5px;
	color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
}
#return-username {
	padding: 0;
	margin: 0;  	
	left:5px;
	position:absolute;
	top:235px;
	color:#FFFFFF;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#return-password {
	padding: 0;
	margin: 0;
	right:8px;
	position:absolute;
	top:235px;
	color:#FFFFFF;
    font-size:11px;
	font-weight:bold;
	z-index:2;
}
#privacy {
	position:absolute;
	left:25px;
	top:150px;
    font-size:10px;
	color:#FFFFFF;
}
#lost-password {
	position:absolute;
	left:135px;
	top:290px;
	color:#FFFFFF;
    font-size:10px;
}
#login-city {
	display:none;
}
#login-state {
	display:none;
}
#login-button {
	position: absolute;
	top:105px;  	
	left:5px;
	width: 224px;
	height: 26px;
	z-index:2;
	background: url(continue-btn.gif) no-repeat top left;
}
.shop-button {
	width: 224px;
	height: 26px;
	z-index:100px;
}
#return-button {
	position:absolute;
	top:285px;  	
	left:5px;
	width: 105px;
	height: 26px;
	z-index:2;
	background: url(login-btn.gif) no-repeat top left;
}
.auth-button {
	width: 105px;
	height: 26px;
	z-index:100px;
}
div.loginError {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:absolute;
	top:555px;
	left:255px;
	width:197px;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	size:10px;
	z-index:1000;
	font-weight:bold;
}
#box1 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:85px;
	right:21px;
	width:246px;
	height:192px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}
#box2 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:295px;
	right:21px;
	width:246px;
	height:133px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}

.hero-1 {
	background:url(body1.jpg) no-repeat;
}
.hero-2 {
	background:url(body2.jpg) no-repeat;
}
.hero-3 {
	background:url(body3.jpg) no-repeat;
}
.hero-4 {
	background:url(body4.jpg) no-repeat;
}
.hero-5 {
	background:url(body5.jpg) no-repeat;
}
.hero-6 {
	background:url(body6.jpg) no-repeat;
}
.hero-7 {
	background:url(body7.jpg) no-repeat;
}
.hero-8 {
	background:url(body8.jpg) no-repeat;
}
.hero-9 {
	background:url(body9.jpg) no-repeat;
}
.hero-10 {
	background:url(body10.jpg) no-repeat;
}
.hero-11 {
	background:url(body11.jpg) no-repeat;
}
.hero-12 {
	background:url(body12.jpg) no-repeat;
}
.hero-13 {
	background:url(body13.jpg) no-repeat;
}
.hero-14 {
	background:url(body14.jpg) no-repeat;
}
.hero-15 {
	background:url(body15.jpg) no-repeat;
}
.footer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: transparent;
}


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

a.simlink {
	position: absolute; 
	display: block;
	right: 20px;
	bottom: 10px;
	color: #aaa;
}





/* ------------------------------------------------------------------------------------------------------------------------- */
/* 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;
}
img#logo-main {
	margin: 10px 0 10px 10px
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* 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: 0 0 0 15px;
	color:333333;
	size:10px;
}
#text-box p {
	padding:0;
	margin: 0 0 15px 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;
}
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;
}
#privacy a{
color:#FFFFFF;
}

#trust2 a:link, #trust2 a:visited, #trust2 a:active {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Field Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
#streetAddress.street {
	width: 224px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #034561 1px;
}
#apartmentNumber.apartmentNumber {
	width: 105px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #034561 1px;
}
#zipcode.zipcode {
	width: 105px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #034561 1px;
}
input.username {
	width: 105px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #034561 1px;
}
input.password {
	width: 105px;
	font-size: 12px;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border: solid #034561 1px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
h1.title {
	padding:0;
	margin: 0px 0px 0px 20px;
	font-size:22px;
	color:#FFFFFF;
	font-weight:bold;
}
h2.header {
	padding:0;
	margin: 0 0 5px 0;
	font-size:20px;
	line-height:130%;
	color:#034561;
}
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 5px 0;
	font-size:12px;
	color:#0096D6;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Flippy Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
div.icons {
	position:absolute;
	left:240px;
	top:280px;
}
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(icons/electric.gif) no-repeat 5px 0px;
}
div.electric-on {
	background:url(icons/electric-on.gif) no-repeat 0px 0px;
}
div.gas {
	background:url(icons/gas.gif) no-repeat 5px 0px;
}
div.gas-on {
	background:url(icons/gas-on.gif) no-repeat 0px 0px;
}
div.hsi {
	background:url(icons/hsi.gif) no-repeat 5px 0px;
}
div.hsi-on {
	background:url(icons/hsi-on.gif) no-repeat 0px 0px;
}
div.tv {
	background:url(icons/tv.gif) no-repeat 5px 0px;
}
div.tv-on {
	background:url(icons/tv-on.gif) no-repeat 0px 0px;
}
div.news {
	background:url(icons/news.gif) no-repeat 5px 0px;
}
div.news-on {
	background:url(icons/news-on.gif) no-repeat 0px 0px;
}
div.coaf {
	background:url(icons/coaf.gif) no-repeat 5px 0px;
}
div.coaf-on {
	background:url(icons/coaf-on.gif) no-repeat 0px 0px;
}
div.phone {
	background:url(icons/phone.gif) no-repeat 5px 0px;
}
div.phone-on {
	background:url(icons/phone-on.gif) no-repeat 0px 0px;
}
div.appliance {
	background:url(icons/appliance.gif) no-repeat 5px 0px;
}
div.appliance-on {
	background:url(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(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(flippy/wfblue-bar2.gif) no-repeat top left;
	position:absolute;
	bottom:-6px;
	left:0;
	width: 450px;
	height:6px;
}




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



#info-menu-wrapper {
	position: absolute;
	top: 210px;
	left: 255px;
	width: 428px;
	margin-top: 20px;
	background: #f2f2f2;
	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(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 {
	display: none;
}