@charset "utf-8";
@import url("normalize.css");

/*  Base CSS   */
html {
}
body {
	background-color: #000000;
	width: 100%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#wrapper {
	width: 800px;
	position: relative;
	border: 2px solid #F5D300;
	margin-right: auto;
	margin-left: auto;
	height: 1000px;
}
#branding {
	height: 150px;
	width: 100%;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5D300;
}
#siteName {
	position: absolute;
	margin-left: -999em;
}
#siteLogo {
	position: absolute;
	height: 119px;
	width: 213px;
	left: 15px;
}
#phoneContact {
	position: absolute;
	top: 20px;
	right: 15px;
	height: 71px;
	width: 185px;
}
#homeNavBarWrapper {
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 28px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #F5D300;
	border-bottom-color: #F5D300;
	border-bottom-width: 1px;
}
#homeNavBar {
	padding-top: 5px;
	padding-left: 10px;
}
#homeNavBar li {
	float: left;
	height: 20px;
	width: 42px;
	font-size: 11px;
	line-height: 1.9em;
}
#homeNavBar li a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#homeNavBar li a:hover {
	color: #FF0000;
}



#mainNav {
	width: 170px;
	position: absolute;
	top: 168px;
	left: 8px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5D300;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F5D300;
	border-left-color: #F5D300;
	height: auto;
}
#mainNav li {
	color: #FDBC7B;
	font-weight: bold;
	width: 180px;
	height: 16px;
	padding-left: 3px;
}

#mainNav li a {
	color: #F4D100;
	text-decoration: none;
	font-weight: normal;
	font-size: .9em;
}
/*#mainNav li a:visited {
	color: #FDBC7B;
}     */
#mainNav li a:hover {
	font-weight: normal;
	color: #FF0000;
}
#categories {
	text-align: center;
	width: 100%;
	font-size: .9em;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../store/includes/templates/bnb_template/images/tile_back.gif);
	background-position: left top;
	color: #003399;
}
#landsacpe {
	padding-top: 3px;
}

#subNav1 {
	width: 170px;
	position: absolute;
	top: 263px;
	left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F5D300;
	border-bottom-color: #F5D300;
	border-left-color: #F5D300;
	height: auto;
	padding-bottom: 3px;
}
#subNav1 li {
	font-weight: bold;
	color: #FDBC7B;
	height: 16px;
	padding-left: 3px;
}
#subNav1 li a {
	color: #F4D100;
	text-decoration: none;
	font-weight: normal;
	font-size: .9em;
}
/*#subNav1  li  a:visited {
	color: #FDBC7B;
}  */
#subNav1  li  a:hover {
	font-weight: normal;
	color: #FF0000;
}
#important-links {
	font-size: 0.9em;
	width: 100%;
	text-align: center;
	color: #003399;
	background-image: url(../store/includes/templates/bnb_template/images/tile_back.gif);
	padding-top: 3px;
	padding-bottom: 3px;
}
#terms {
	padding-top: 3px;
}

#subNav2 {
	width: 78%;
	position: relative;
	padding-left: 21%;
}
#subNav2 li {
	font-weight: bold;
	color: #FDBC7B;
	height: 15px;
	clear: right;
	float: left;
	margin-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F4D100;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 0.8em;
	width: auto;
	line-height: 1.2em;
}
#subNav2 #terms2 {

}
#subNav2 #privacy {
	border-right-style: none;
	width: 100px;
}
#subNav2 li a {
	color: #F4D100;
	text-decoration: none;
	font-weight: bold;
}
/*#subNav2 a:visited {
	color: #FDBC7B;
} */
#subNav2 li a:hover {
	font-weight: bold;
	color: #FF0000;
}




#content {
	height: 820px;
	width: 600px;
	position: relative;
	left: 200px;
}
#imageContent {
	position: relative;
	z-index: 0;
	height: 270px;
	width: 600px;
	top: 25px;
}
.imageContent-title {
	position: absolute;
	z-index: 5;
	bottom: 25px;
	left: 20px;
}


#pageTitle {
	margin-left: 20px;
	color: #F8CF01;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	padding-bottom: 20px;
}
.para-style1 {
	width: 400px;
	margin-left: 40px;
	line-height: 1.3em;
}
#contact-info {
	position: relative;
	width: 315px;
	left: 28%;
	border: 2px dotted #EBA700;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#contactList {
	list-style-type: none;
}
#contactList li {
	margin-bottom: 5px;
	font-size: 1.2em;
}
#siteInfo {
	font-size: 11px;
	position: relative;
	width: 800px;
	text-align: center;
	height: 75px;
	color: #F8CF01;
	margin-right: auto;
	margin-left: auto;
}
#copyright {
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#companyAddress {
	width: 100%;
	margin: 0px;
}
#designer {
	width: 100%;
	margin: 0px;
	text-align: center;
}

/* Header Styles  */

.header2-style {
	font-size: 1.5em;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* End HEader Styles  */
#subContent1 {
	position: absolute;
	left: 15px;
	top: 420px;
	width: 145px;
	text-align: center;
	height: 200px;
}
#mgr_decal {
	background-image: url(../store/includes/templates/bnb_template/images/mgr_decal_bnb_sml.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100px;
	width: 100px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #006633;
	margin-left: 20px;
}

#bgeLink {
	background-image: url(../images/bge_bgd.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 26px;
	width: 142px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #006633;
}
#bgeLink a {
	height: 26px;
	width: 142px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}
#bgeLink a:hover {
	color: #FF0000;
	text-decoration: underline;
}


#ccTitle {
	font-weight: bold;
}
#creditcardInfo {
	padding-top: 10px;
}
#sslInfo {
	padding-top: 20px;
}
#imageswap {
	height: 200px;
	padding-top: 15px;
	width: 295px;
	float: left;
	margin-left: -10px;
	position: relative;
	z-index: 0;
}
#imageswapHeader-image {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	width: 295px;
}

#imageswap2 {
	height: 200px;
	padding-top: 15px;
	width: 295px;
	float: right;
	margin-right: 15px;
	position: relative;
	z-index: 0;
}
#imageswap2Header-image {
	position: absolute;
	width: 295px;
	left: 0px;
	bottom: 0px;
	z-index: 5;
}
#savingsCalculator {
	clear: both;
	margin-left: -20px;
	padding-top: 25px;
}