@charset "utf-8";
/*Version: 1.0*/

/* Begin Main Styles */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #113258 url(../assets/bg-tile.jpg) 0% 0% repeat-x;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
 	}
	
a, a:visited  {
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	}
	
a:hover {
	font-size: 12px;
	color: #dc2125;
	text-decoration: underline;
	}
	
a.smallLink, a.smallLink:visited  {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	}
	
a.smallLink:hover {
	font-size: 11px;
	color: #dc2125;
	text-decoration: underline;
	}
	
a.adHoc, a.adHoc:visited {
	color: #253547;
	text-decoration: underline;
	}
	
a.adHoc:hover {
	color: #c7090e;
	text-decoration: underline;
	}
	
h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: Tahoma, Arial, sans-serif;
	line-height: normal;
	}
	
h2	{
	color: #deeaf7;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
	}
	
h3	{
	color: #c7090e;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	margin-bottom: 15px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: normal;
	text-transform: uppercase;
	}
	
h4	{
	color: #deeaf7;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	margin-bottom: 15px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: normal;
	} 
	
h5	{
	color: #253547;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	margin-bottom: 15px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: normal;
	text-transform: uppercase
	}
	
.clearHdr {
	clear: both;
	}	
	
h6	{} /*ffy*/
	
ul {
    margin-bottom:20px;
    margin-top:4px;
	}
	
li {
	font-weight:normal;
  /*list-style-image:url(../assets/bullet.gif);*/
  margin-left: 38px;
  margin-right:0;
  text-transform:none;
	}	
	
ol { padding-top: 15px; }
	
/*utility*/

#utilityNest {
	margin: 0px auto;
	clear: both;
	text-align: right;
	padding: 45px 20px 25px 0;
	font-size: 11px;
	color: #788ea8;
	width: 990px;
	}
	
#utilityNest a {
	font-size: 11px;
	color: #788ea8;
	text-decoration: none;
	}
	
#utilityNest a:hover { text-decoration: underline; }

/*header*/

#headerNest {
	clear: both;
	margin: 0px auto;
	width: 1010px;
	height: 80px;
	text-align: left;
	border-bottom: 1px solid #0c336a;
	}	
	
#vpLogo {
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	width: 376px;
	height: 80px;
	}	
	
#navNest {
	position: relative;
	float: right;
	clear: right;
	font-size: 11px;
	color: #deeaf7;
	background: transparent url(../assets/nav-nest-tile.jpg) repeat-x 0% 0%;
	width: 634px;
	height: 80px;
	}	
	
#phoneNest {
	float: right;
	clear: right;
	font-size: 11px;
	color: #deeaf7;
	font-size: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 42px;
	vertical-align: bottom;
	}
	
img.phoneNest {
	float: right;
	margin: 0;
	padding: 0;
	}
	
span.phoneCaption {
	float: right;
	margin-right: 5px;
	padding-top: 11px;
	text-align: right;
	line-height: 100%;
	}

#InnerNavNest {
	position: relative;
	float: right;
	clear: both;
	text-align: left;
	width: 634px;
	}
	
a.gNav {
	position: relative;
	display: block;
	float: left;
	padding: 11px 15px 10px 15px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #3d4964;
	}
	
a.gNav:hover {
	padding: 11px 14px 10px 14px;
	border: 1px solid #113258;
	border-width: 0px 1px;
	text-decoration: none;
	background: #4d93d9 url(../assets/nav-hover-tile.jpg) 0% 0% repeat-x;
	}
	
a.gNavOn {
	position: relative;
	display: block;
	float: left;
	padding: 11px 14px 10px 14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #3d4964;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #113258;
	border-width: 0px 1px;
	background: #4d93d9 url(../assets/nav-hover-tile.jpg) 0% 0% repeat-x;
	}
	
/*fix widths*/	
#srvcbtn { width: 62px; }
#ssrvcbtn { width: 126px; }
#pbtn { width: 71px; }
#prbtn { width: 66px; }
#aubtn { width: 67px; }
#cbtn	{ /*width: 61px; */}
	
/*content*/	
	
#content {
	margin: 0px auto;
	clear: both;
	text-align: left;
	padding-top: 6px;
	font-size: 12px;
	color: #ffffff;
	width: 1010px;
	background: #0d386a url(../assets/header-separator-tile.jpg) 0% 0% repeat-x;
	}
	
#contentLanding {
	margin: 0px auto;
	clear: both;
	text-align: left;
	padding-top: 6px;
	font-size: 12px;
	color: #ffffff;
	width: 1010px;
	background: #173f6b url(../assets/header-separator-tile.jpg) 0% 0% repeat-x;
	}
	
#homeFlashNest {
	float: left;
	clear: none;
	width: 279px;
	height: 333px;
	border-right: 1px solid #0d386a;
	text-align: left;
	}	
	
#homeSplashNest {
	float: left;
	clear: none;
	/*width: 730px;*/
	width: 409px;
	height: 333px;
	text-align: left;
	}	
	
#homeSplashNest img { float: left; clear: both; border: 0; margin: 0; padding: 0; }

#homeSplashContentNest {
	float: left;
	clear: none;
	width: 321px;
	height: 333px;
	}	
	
#homeSplashContentNest #top { 
	float: left; 
	clear: both; 
	border: 0; 
	margin: 0; 
	width: 246px;
	height: 156px;
	background: #dfd3bd url(../assets/home-splash-content-top.jpg) 0% 0% no-repeat;
	padding: 69px 15px 0 60px; 
	text-align: left;
	color: #314152;
	}
	
#homeSplashContentNest img { float: left; clear: both; margin-bottom: 25px; }	
#homeSplashContentNest span { float: left; clear: both; width: 205px; }	
	
#homeSplashContentNest a { color: #314152; text-decoration: underline; }
#homeSplashContentNest a:hover { color: #c40e18; text-decoration: underline; }

#homeSplashContentNest #bottom { 
	float: left; 
	clear: both; 
	border: 0; 
	margin: 0; 
	padding: 0;
	width: 321px;
	height: 108px;
	background: #dfd3bd url(../assets/home-splash-content-bottom.jpg) 0% 0% no-repeat;
	text-align: left;
	}
	
#homeSplashContentNest #bottom a {
	float: left;
	width: 175px;
	height: 45px;
	margin: 10px 0 0 40px;
	padding: 15px 0 0 105px;
	display: block;
	color: #ce222c;
	line-height: 125%;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
/*home bottom modules*/

#leftHomeBModule {
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	padding: 30px 20px 17px 20px;
	width: 239px;
	height: 200px;
	background: #3b5674 url(../assets/home-b-module-ground-tile.jpg) repeat-x 0% 0%;
	color: #FFFFFF;
	border: solid #113258;
	border-width: 0 1px 2px 0;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 125%;
	}	
	
#leftHomeBModule #moreLink {
	position: absolute;
	bottom: 17px;
	left: 20px;
	}
	
a.hBModuleLink, a.hBModuleLink:visited {
	width: 80px;
	height: 52px;
	padding: 8px 21px 0 138px;
	display: block;
	color: #08407f;
	line-height: 125%;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	background: transparent url(../assets/hbmlink-ground.jpg) no-repeat 0% 0%;
	border: 0;
	}
	
a.hBModuleLink:hover {
	color: #ce222c;
	text-decoration: none;
	}
	
#middleHomeBModule {
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	padding: 30px 20px 17px 20px;
	width: 411px;
	height: 200px;
	background: #3b5674 url(../assets/home-b-module-ground-tile.jpg) repeat-x 0% 0%;
	color: #FFFFFF;
	border: solid #113258;
	border-width: 0 1px 2px 0;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 125%;
	}	
	
#middleHomeBModule #moreLinkM {
	position: absolute;
	bottom: 17px;
	left: 20px;
	}
	
#middleHomeBModule #moreLinkM a {
	color: #ffffff;
	text-decoration: underline;
	}

#rightHomeBModule {
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	padding: 30px 20px 17px 20px;
	width: 238px;
	height: 200px;
	background: #3b5674 url(../assets/home-b-module-ground-tile.jpg) repeat-x 0% 0%;
	color: #FFFFFF;
	border-bottom: 2px solid #113258;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 125%;
	}	
	
.label, .labelForSurvey {
	float: left;
	clear: left;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 14px;
	line-height: 125%;
	}	

.txtInput {
	float: right;
	clear: right;
	width: 165px;
	height: 12px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}	
	
.selectInput {
	float: right;
	clear: right;
	width: 171px;
	height: 18px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}	
	
.txtInputLong, .txtInputForSurvey {
	float: right;
	clear: right;
	width: 225px;
	height: 12px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}	
	
.selectInputLong {
	float: right;
	clear: right;
	width: 231px;
	height: 18px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}	
	
.txtInputShort {
	float: right;
	clear: right;
	width: 100px;
	height: 12px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 11px;
	margin-right: 125px;
	}	
	
.mlineInput, .mlineInputforSurvey {
	float: right;
	clear: right;
	width: 575px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}	
	
.hfsubmitButton {
	float: right;
	clear: both;
	width: 171px;
	height: 19px;
	}
	
/* footer */	

#footer {
	margin: 0px auto;
	clear: both;
	padding-top: 10px;
	font-size: 10px;
	color: #6c86a5;
	width: 1010px;
	border-top: 1px dotted #516982;
	}
	
#footer #left {
	float: left;
	clear: left;
	}
	
#footer #left a {
	color: #6c86a5;
	font-size: 10px;
	text-decoration: none;
	}

#footer #left a:hover { text-decoration: underline;}
	
#footer #right {
	float: right;
	clear: right;
	}
	
#footer #right a {
	color: #6c86a5;
	font-size: 10px;
	text-decoration: none;
	}
	
#footer #right a:hover { text-decoration: underline;}

/*subsections*/
#leftBar {
	float: left;
	clear: none;
	width: 279px;
	border-right: 1px solid #0d386a;
	text-align: left;
	background-color: #173f6b;
 	}
	
#leftBar img {
	float: left;
	clear: both;
	padding-bottom: 7px;
	background: transparent url(../assets/header-separator-tile.jpg) repeat-x 100% 100%;
	border: 0;
	}
	
a.localNav {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 231px;
	height: 14px;
	padding: 7px 24px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px dotted #5177a1;
	background-color: #1a4b81;
	}
	
a.localNavLast {
	border-bottom: 0;
	}
	
a.localNav:hover {
	text-decoration: none;
	background: #08407e url(../assets/lNav-hover-tile.jpg) 0% 0% repeat-x;
	color: #08407e;
	}
	
a.localNavLast:hover {
	border-bottom: 0;
	}
	
a.localNavOn {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 231px;
	height: 14px;
	padding: 7px 24px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #08407e;
	border-bottom: 1px dotted #5177a1;
	background: #1a4b81 url(../assets/lNav-on.jpg) 0% 0% no-repeat;
	}
	
a.localNavLastOn {
	border-bottom: 0;
	}
	
#tipsNest {
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding: 20px;
	width: 239px;
	background: #173f6b url(../assets/tips-ground-tile.jpg) repeat-x 0% 0%;
	color: #deeaf7;
	border-top: 1px solid #173f6b;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 125%;
	}	
	
/*copy area*/	

#copy {
	float: left;
	clear: none;
	width: 680px;
	text-align: left;
	background: #e9f0fa url(../assets/copy-ground-tile.jpg) repeat-x 0% 0%;
	padding: 25px;
	font-size: 12px;
	color: #253547;
	}

#copy .column {
	float: left;
	clear: none;
	width: 330px;
	text-align: left;
	font-size: 12px;
	color: #253547;
	}
	
#copy .columnShort {
	float: left;
	clear: none;
	width: 213px;
	text-align: left;
	font-size: 12px;
	color: #253547;
	}
	
#copy .left	{
	margin-right: 20px;
	}
	
#copy .column ul, #copy .columnShort ul { padding:0; margin: 0; }
#copy .column li, #copy .columnShort li { padding:1px 0; margin: 0; list-style: square inside; color: #113259; }
	
.leftImage {
	float: left;
	clear: none;
	margin: 0 25px 15px 0;
	padding: 2px;
	border: 1px solid #083f7d;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}
	
.leftImage2 {
	float: left;
	clear: none;
	margin: 0 25px 35px 0;
	padding: 2px;
	border: 1px solid #083f7d;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}
	
.rightImage {
	float: right;
	clear: none;
	margin: 0 0 15px 25px;
	padding: 2px;
	border: 1px solid #083f7d;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}
	
.spannedImage {
	float: left;
	clear: none;
	margin: 0;
	padding: 2px;
	border: 1px solid #083f7d;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}
	
#separator {
	float: left;
	clear: both;
	width: 100%;
	margin: 25px 0;
	padding: 0;
	border-bottom: 1px dotted #0b3b71;
	}
	
.separatorNTM {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	border-bottom: 1px dotted #0b3b71;
	}
	
.filler {
	position: relative;
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	}

/*video links*/

#videoNest {
	clear: none;
	float: left;
	width: 300px;
	height: 285px;
	}

#previous {
	display: block;
	clear: none;
	float: left;
	width: 165px;
	height: 59px;
	padding-top: 25px;
	vertical-align: middle;
	margin-top: 102px;
	background: transparent url(../assets/prev-ground.png) 57px 0% no-repeat;
	cursor: pointer;
	}
	
#previousBlank {
	display: block;
	clear: none;
	float: left;
	width: 165px;
	height: 59px;
	padding-top: 25px;
	vertical-align: middle;
	margin-top: 102px;
	}
	
#next {
	display: block;
	clear: none;
	float: left;
	width: 165px;
	height: 59px;
	padding-top: 25px;
	vertical-align: left;
	margin-top: 102px;
	background: transparent url(../assets/next-ground.png) 69px 0% no-repeat;
	cursor: pointer;
	}
	
#nextBlank {
	display: block;
	clear: none;
	float: left;
	width: 165px;
	height: 59px;
	padding-top: 25px;
	vertical-align: left;
	margin-top: 102px;
	}
	
/* footer */	

#alistFtr {
	position: relative;
	margin: 0px auto;
	clear: both;
	padding-top: 10px;
	width: 295px;
	text-align: center;
	}
	
#alistFtr a { font-size: 10px; color: #6c86a5;	}

/*specials*/
.specialTitle {
	font-weight: bold;
	text-transform: capitalize;
	}
	
.specialRPrice {
	/*font-weight: bold;*/
	text-decoration: line-through;
	}
	
.specialSPrice {
	font-weight: bold;
	color: #ce222c;
	}
	
/*product layers*/	
.productDetail { display: none; }

.leftPDColumn, .rightPDColumn {
	position: relative;
	float: left;
	clear: none;
	padding: 0;
	margin-right: 15px;
	width: 221px;
	}

.rightPDColumn { margin: 0!important; }
	
.leftPDColumn img, .rightPDColumn img {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #083f7d;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}

.leftPDColumn ol, .rightPDColumn ol { float: left; margin: 0; padding-top: 15px; border-top: 1px dotted #083f7d; width: 100%; }
.leftPDColumn ol.none, .rightPDColumn ol.none { float: left; margin: 0; padding-top: 15px; border-top: none; width: 100%; }

/*projects */	
.projectBeforeAfter {
	position: relative;
	clear: both;
	width: 100%;
	height: 280px;
	}
	
.projectBefore, .projectAfter {
	position: relative;
	float: left;
	clear: none;
	width: 318px;
	height: 274px;
	border: 1px solid #0b3b71;
	padding: 4px;
	margin-bottom: 25px;
	background: #FFFFFF url(../assets/copyImage-tile.jpg) repeat-x 100% 100%;
	}
	

.projectAfter {	float: right!important; }

.projectArrow {
	position: absolute;
	z-index: 1;
	top: 125px;
	left: 278px;	
	}
	
.projectBeforeAfterLabel {
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 3px;	
	}
	
/*survey*/
	
.surveyLabel, .surveyFS {
	float: left;
	clear: left;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	margin: 0 20px 0 0;
	line-height: 125%;
	width: 325px;
	}	
	
.surveyFS {
	clear: right;
	margin-right: 0;
	width: 330px;
	}
	
.surveyRow, .surveyRowLast {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #0b3b71;
	}
.surveyRowLast { border-bottom: none; padding-bottom: 0; }
	
.labelForSurvey, .txtInputForSurvey { margin-bottom: 0; font-size: 12px; }
.mlineInputforSurvey {
	float: right;
	clear: both;
	width: 575px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
	}