/* 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:#727679;
}
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: 964px;
	position: relative;
	left: 0px;
	top: 15px;
	background:#FFFFFF ;
}
#header {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 964px;
	height:195px;
	background:url(images/header.jpg) no-repeat;
}
#heading {
	padding:0;
	margin:0;
	position:absolute;
	top:50px;
	left:30px;
	width:600px;
}
#top-bar {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 964px;
	height:63px;
	background:#0078bc;
}
#bottom-bar {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 964px;
	height:37px;
	background:#c2be3c;
}
#body-container {
	padding: 0;
	margin: 0;
	position:relative;
	top:0px;
	width: 100%;
	height:495px;
	background:url(images/body.jpg) no-repeat;
}
#login, #login-back0 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:285px;
	right:25px;
	width: 215px;
	height:350px;
	z-index:1000;
	border-top:#84ac6d 20px solid;
	border-bottom:#84ac6d 20px solid;
	border-left:#84ac6d 1px solid;
	border-right:#84ac6d 1px solid;
}
#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:15px;
	left:245px;
	width: 450px;
	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/mmpi/images/truckback.jpg) no-repeat top right;
	z-index:1;
}
div.footer {
	background:#727679;
	color:#FFFFFF;
}
#footer-links {
	padding: 10px 10px 10px 20px;
	margin: 0;
	position:relative;
	top:0px;
	width: 934px;
	height:22px;
	background:#c2be3c;
	color:#006699;
	text-align:right;
}
#trust {
	display:none;
}
#trust2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	position:absolute;
	left:250px;
	top:640px;
	width: 700px;
	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/mmpi/images/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 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:20px;  	
	left:21px;
	color:#013a59;
    font-size:14px;
    font-weight:bold;
}
#login-street {
	padding: 0;
	margin: 0;
  	left:16px;
	position:absolute;
	top:50px;
	color:#013a59;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#login-apt {
	padding: 0;
	margin: 0;
	position:absolute;  	
	left:16px;
	top:90px;
	color:#013a59;
    font-size:11px;
	z-index:2;
	font-weight:bold;ogin
	width:60px;
}
#login-zip {
	padding: 0;
	margin: 0;
	position:absolute;  	
	left:86px;
	top:90px;
	color:#013a59;
    font-size:11px;
	z-index:2;
	font-weight:bold;
	width:110px;
}
#returnuser-text {
	padding: 0;
	margin: 0;
	position:absolute;
	top:225px;  	
	left:21px;
	color:#013a59;
    font-size:14px;
    font-weight:bold;
}
#return-username {
	padding: 0;
	margin: 0;  	
	left:16px;
	position:absolute;
	top:260px;
	color:#013a59;
    font-size:11px;
	z-index:2;
	font-weight:bold;
}
#return-password {
	padding: 0;
	margin: 0;
	left:109px;
	position:absolute;
	top:260px;
	color:#013a59;
    font-size:11px;
	font-weight:bold;
	z-index:2;
}
#privacy {
	position:absolute;
	left:13px;
	top:180px;
    font-size:10px;
	color:#013a59;
}
#lost-password {
	position:absolute;
	left:111px;
	top:310px;
	color:#013a59;
    font-size:10px;
}
#login-city {
	display:none;
}
#login-state {
	display:none;
}
#login-button {
	position: absolute;
	top:140px;  	
	left:18px;
	width: 185px;
	height: 29px;
	z-index:2;
	background: url(images/continue-btn.gif) no-repeat top left;
}
.shop-button {
	width: 185px;
	height: 29px;
	z-index:100px;
}
#return-button {
	position:absolute;
	top:310px;  	
	left:18px;
	width: 89px;
	height: 23px;
	z-index:2;
	background: url(images/login-btn.gif) no-repeat top left;
}
.auth-button {
	width: 89px;
	height: 23px;
	z-index:100px;
}
div.loginError {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:absolute;
	top:695px;
	left:250px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	color:#610804;
	size:10px;
	z-index:1;
	font-weight:bold;
}
#box1 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:19px;
	right:32px;
	width:202px;
	height:192px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}
#box2 {
	padding: 0;
	margin: 0;
	position:absolute;
	top:223px;
	right:32px;
	width:202px;
	height:119px;
	z-index:1;
	background:#044561;
	border:#FFFFFF solid 2px;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* 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:#FFFFFF;
	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 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:#FFFFFF;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}

a.footerlink:hover {
	text-decoration:none;
	color:#FFFFFF;
}
a.textLink:link, a.textLink:visited, a.textLink:active, a.textLink:hover {
	padding:0px 10px 0px 0px;
	margin:0px 10px 10px 0px;
	color:#013a59;
	text-decoration:underline;
	font-size:10px;
}
a.textLink:hover {
	text-decoration:none;
	color:#3366FF;
}
#privacy a{
color:#013a59;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* 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:0;
	margin: 5px 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:#0076C0;
}
h2.header2 {
	padding:0;
	margin: 0 0 5px 0;
	font-size:20px;
	line-height:130%;
	color:#85ad6f;
}
h2.sub-head, h2.sub-head2 {
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:130%;
	color:#FF6600;
}
h2.sub-head2 {
	padding: 0 0 15px 0;
}
h3.sub-head {
	color:#0096D6;
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:130%;
	color:#0079bc;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Text Flippy Styles */
/* ------------------------------------------------------------------------------------------------------------------------- */
div.icons {
	position:absolute;
}
div.icons p {
	padding:0;
	margin:0;
	display:block;
	color:#000000;
}
div.icons h3 {
	font-size:14px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	color:#0079bc;
}
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(images/icons/electric.gif) no-repeat 5px 0px;
}
div.electric-on {
	background:url(images/icons/electric.gif) no-repeat 5px 0px;
}
div.gas {
	background:url(images/icons/gas.gif) no-repeat 5px 0px;
}
div.gas-on {
	background:url(images/icons/gas.gif) no-repeat 5px 0px;
}
div.hsi {
	background:url(images/icons/hsi.gif) no-repeat 5px 0px;
}
div.hsi-on {
	background:url(images/icons/hsi.gif) no-repeat 5px 0px;
}
div.tv {
	background:url(images/icons/tv.gif) no-repeat 5px 0px;
}
div.tv-on {
	background:url(images/icons/tv.gif) no-repeat 5px 0px;
}
div.news {
	background:url(images/icons/news.gif) no-repeat 5px 0px;
}
div.news-on {
	background:url(images/icons/news.gif) no-repeat 5px 0px;
}
div.coaf {
	background:url(images/icons/coaf.gif) no-repeat 5px 0px;
}
div.coaf-on {
	background:url(images/icons/coaf.gif) no-repeat 5px 0px;
}
div.phone {
	background:url(images/icons/phone.gif) no-repeat 5px 0px;
}
div.phone-on {
	background:url(images/icons/phone.gif) no-repeat 5px 0px;
}
div.appliance {
	background:url(images/icons/appliance.gif) no-repeat 5px 0px;
}
div.appliance-on {
	background:url(images/icons/appliance.gif) no-repeat 5px 0px;
}
#electric-text, #gas-text, #hsi-text, #tv-text, #news-text, #coaf-text, #phone-text, #appliance-text {
	position:absolute;
	top:60px;
	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;
}
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 {

}
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 {

}
div.boxbottom {
	background: url(images/flippy/wfblue-bar2.gif) no-repeat top left;
	position:absolute;
	bottom:-6px;
	left:0;
	width: 450px;
	height:6px;
}