@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color: white;
}

/* ------------ START CONTAINER Styles -------------- */

#maincontainer {
	width: 900px; /*Width of main container*/
	margin: 10px auto; /*Center container on page*/
	background-color: white;
}

#navsection {
	height: 90px; /*Height of navigation*/
	background-color: white;	
	float: left;
}

#subnav {
	height: 0px; /*Height of subnav*/
	background-color: white;	
	float: right;
	padding-right: 14px;
}

#flashsplash {
	height: 216px; /*Height of flash section*/
	background-color: white;
	float: left;
	width: 611px;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	padding: 0px;
	margin: 0px;
}

#hpad {
	height: 216px; /*Height of flash section*/
	background-color: white;
	float: left;
	width: 200px;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	padding: 0px;
	margin: 0px;
}

#contentwrapper {
	float: left;
	width: 100%;
	background-color: white;
}

.innertube {
	margin: 8px 10px 4px 10px; /*Margins to provide even adding inside boxes*/
}

/* ------------ vfbul -------------- */
#vfbulbackground {
	background: url(/web/images/vforce-box.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 930px;
}

#vfbulbackground2 {
	background: url(/web/images/vforce-box2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 12px;
	width: 590px;
}

#vfbulbackground3 {
	background: url(/web/images/vforce-box3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 12px;
	width: 610px;
}

#vfbulbackground4 {
	background: url(/web/images/vforce-box4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 0px;
	width: 610px;
}

/* ------------ Blue Box A -------------- */

#bbA {
	float: left;
	width: 242px; /*Width of column in pixels*/
	margin: 0px 22px 0px 0px;
}

#bbA ul {
	padding: 0; 
	margin: 0;
	margin-top: 10px;	 
}

#bbA ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	float: left;
}

#bbA ul li.last {
	margin-left: 0;
	border-right: none;
	float: right;
	}

#bbA ul li.title {
	padding-top: 7px;
	}
	
#bbAbox {
	float: left;
	width: 240px; /*Width of column in pixels*/
	margin: 0px 28px 0px 0px;
	border-left: 1px solid #19449b; /* blue */
	border-right: 1px solid #19449b; /* blue */
}

/* ------------ Blue Box B -------------- */

#bbB {
	float: left;
	width: 371px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
}

#bbB ul {
	padding: 0; 
	margin: 0;
	margin-top: 10px;	 
}

#bbB ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	float: left;
}

#bbB ul li.last {
	margin-left: 0;
	border-right: none;
	float: right;
	}

#bbB ul li.title {
	padding-top: 7px;
	}
	
#bbBbox {
	float: left;
	width: 369px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #19449b; /* blue */
	border-right: 1px solid #19449b; /* blue */
}

/* ------------ Blue Box C -------------- */

#bbC {
	float: left;
	width: 242px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
}

#bbC ul {
	padding: 0; 
	margin: 0;
	margin-top: 10px;	 
}

#bbC ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	float: left;
}

#bbC ul li.last {
	margin-left: 0;
	border-right: none;
	float: right;
	}

#bbC ul li.title {
	padding-top: 7px;
	}
	
#bbCbox {
	float: left;
	width: 240px; /*Width of column in pixels*/
	margin: 0px 28px 0px 0px;
	border-left: 1px solid #19449b; /* blue */
	border-right: 1px solid #19449b; /* blue */
}

/* ------------ Blue Box C Gray -------------- */

#bbC {
	float: left;
	width: 242px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
}

#bbC ul {
	padding: 0; 
	margin: 0;
	margin-top: 10px;	 
}

#bbC ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	float: left;
}

#bbC ul li.last {
	margin-left: 0;
	border-right: none;
	float: right;
	}

#bbC ul li.title {
	padding-top: 7px;
	}
	
#bbCbox {
	float: left;
	width: 240px; /*Width of column in pixels*/
	margin: 0px 28px 0px 0px;
	border-left: 1px solid #19449b; /* blue */
	border-right: 1px solid #19449b; /* blue */
}

#bbCgraybox {
	float: left;
	width: 240px; /*Width of column in pixels*/
	margin: 0px 28px 0px 0px;
	border-left: 1px solid #333333; /* blue */
	border-right: 1px solid #333333; /* blue */
}

/* ------------ Red Box A -------------- */

#rbA {
	float: left;
	width: 242px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
}

#rbA ul {
	padding: 0; 
	margin: 0;
	margin-top: 10px;	 
}

#rbA ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	float: left;
}

#rbA ul li.last {
	margin-left: 0;
	border-right: none;
	float: right;
	}

#rbA ul li.title {
	padding-top: 7px;
	}
	
#rbAbox {
	float: left;
	width: 240px; /*Width of column in pixels*/
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #9c1919; /* red */
	border-right: 1px solid #9c1919; /* red */
}

/* ------------ Pullout -------------- */

#pullout {
	width: 509px; /*Width of column in pixels*/
	margin: 22px 0px 30px 50px;
}

/* ------------ Toggle -------------- */

#togglebox {
	float: left;
	width: 897px; /*Width of column in pixels*/
	margin: 6px 0 4px 0;
	padding: 0;
}

#toggle-wide {
	float: left;
	width: 897px; /*Width of column in pixels*/
	margin: 0;
	padding: 0;
	border-left: 2px solid #999; /* gray */
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
	background-color: #d6d6d6; /* lt gray */
}

#toggle-wide2 {
	float: left;
	width: 445px; /*Width of column in pixels*/
	margin: 0;
	padding: 0;
	border-left: 2px solid #999; /* gray */
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
	background-color: #d6d6d6; /* lt gray */
}

#toggleboxthin {
	float: left;
	width: 611px; /*Width of column in pixels*/
	margin: 0px 0 8px 0;
	padding: 0;
}

#toggle-thin {
	float: left;
	width: 611px; /*Width of column in pixels*/
	margin: 0;
	padding: 0;
	/*border-left: 2px solid #999; /* gray */
	/*border-right: 2px solid #999;
	/*border-bottom: 2px solid #999;
	/*background-color: #d6d6d6; /* lt gray */
}

/* ------------ Newsletter box -------------- */

#enewsletter {
	float: left;
	width: 513px; /*Width of column in pixels*/
	height: 100px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/newsletter-bkgrnd.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* ------------ Customer support button box -------------- */

#customersupport {
	float: left;
	width: 326px; /*Width of column in pixels*/
	margin: 0px 0px 10px 22px;
}

#customersupport_blog {
	float: left;
	width: 365px; /*Width of column in pixels*/
	margin: 0px 0px 10px 0px;
}

/* ------------ Footer navigation box -------------- */

#bottomnav {
	float: left;
	width: 900px; /*Width of column in pixels*/
}

/* ------------ Contact info at bottom -------------- */

#bottomcontact {
	float: left;
	width: 900px; /*Width of column in pixels*/
	margin: 10px 0px 0px 0px;
	text-align: center;
}

/* ------------ Footer awards -------------- */

#awards {
	float: left;
	width: 300px; /*Width of column in pixels*/
	margin: 0px 0px 10px 0px;
}


/* -------------------------------- CONTENT PAGE STYLES ------------------------------------ */

#leftcontent {
	float: left;
	width: 616px; /*Width of column in pixels*/
	margin: 0px 42px 0px 0px;
}