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

/*InfoGraphics Design styles*/

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
	color: #636363;
	line-height: 1.5;
	background: #fff;
	padding-bottom: 0em;
}
#pageWrapper {
	position: relative;
	width: 978px;
	margin: 0 auto;
	background: #fff url(images/pageInterior3.jpg) repeat-y;
}
#layPlain, #layPlain #pageWrapper {
	background: #fff;
}
#plainContent #login {
	position: absolute;
	top: 50px;
	background: #fff;
	width: 700px;
	margin: auto;
	border: 1px solid #636363;
	padding: 1em;
}

#login .sendPassword {
	color: red;
}
	
.logInOutTop, .logInOutBottom {
	display: none;
}
.greeting {
	position: relative;
	height: 2em;
	height /**/: auto;
	text-align: left;
	padding: .5em;
	padding-left: 1em;
	font-size: 90%;
	border-bottom: 1px solid #666;
	z-index: 10;
	background: #fff url(images/.jpg) repeat-y;
	width: 769px;
	left: 96px;
}

a:link {
	color: #0B4499;
}

a:visited {
	color: #506E99;
}
 

h1, h2, {
	color: #0B4499;
}
h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	padding-bottom: .5em;
	letter-spacing: .15em;
	color: #0B4499;
}
p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}
ol, ul {
	padding: 0;
	margin: 0;
	margin-left: 1em;
	padding-left: 1em;
	margin-bottom: .5em;
}
#topMenu {
	position: absolute;
	margin: 10px 0 0 210px;
	z-index: 10;
}
.topLinks {
	text-transform:uppercase;
	font-size: 90%;
}
.topLinks ul {
	list-style: none;
}
.topLinks ul li {
	float: left;
}

.topLinks a:link, .topLinks a:visited {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0 25px;
	padding-top: 15px;
	background: url(images/menu1Dot.jpg) no-repeat top center;
}

.topLinks .menu1 a:hover, .topLinks .menu1 a:active, .topLinks .menu1 .current {
	color: #BCD63E;
	background: url(images/menu1aDot.jpg) no-repeat top center;
}

.topLinks .menu1 .current span {
	color: #BCD63E;
}

.topLinks .menu2 a:hover, .topLinks .menu2 a:active, .topLinks .menu2 .current {
	color: #00B5CC;
	background: url(images/menu1bDot.jpg) no-repeat top center;
}

.topLinks .menu2 .current span {
	color: #00B5CC;
}

.topLinks .menu3 a:hover, .topLinks .menu3 a:active, .topLinks .menu3 .current {
	color: #EE3224;
	background: url(images/menu1cDot.jpg) no-repeat top center;
}

.topLinks .menu3 .current span {
	color: #EE3224;
}

.topLinks .menu4 a:hover, .topLinks .menu4 a:active, .topLinks .menu4 .current {
	color: #F89C57;
	background: url(images/menu1dDot.jpg) no-repeat top center;
}

.topLinks .menu4 .current span {
	color: #F89C57;
}

.topLinks .menu5 a:hover, .topLinks .menu5 a:active, .topLinks .menu5 .current {
	color: #0067B1;
	background: url(images/menu1eDot.jpg) no-repeat top center;
}

.topLinks .menu5 .current span {
	color: #0067B1;
}
/*Top navigation menu*/
#secTierNav {
	position: relative;
	top: 4.5em;
	left: 241px;
	width: 510px;
	color: #fff;
	font-size: 90%;
	letter-spacing: -.01em;
	z-index: 150;
	line-height: normal;
}
#secTierNav ul {
	margin: 0 0 0 7px;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
#secTierNav ul li {
	position: relative;
	display: inline;
	float: left;
}
	
/*Sub level menu*/
#secTierNav ul li ul {
	left: 10px;
	top: 2.1em;
	position: absolute;
	display: block;
	z-index: 100;
}

/*Sub level menu list items*/
#secTierNav ul li ul li {
	display: inline;
	float: none;
}


/*Top level menu link items style*/
#secTierNav ul li a:link, #secTierNav ul li a:visited {
	display: block;
	padding: 0 10px;
	padding-bottom: .7em;
	text-decoration: none;
}

#secTierNav ul li a:hover, #secTierNav ul li a:active {
	background: #FFF;
	background: url(images/menuDot.jpg) bottom center no-repeat;
} 
#secTierNav a.current {
	background: #fff;
	background: url(images/menuDot.jpg) bottom center no-repeat;
}

/* Sub level menu links style */
#secTierNav ul li ul li a:link, #secTierNav ul li ul li a:visited {
	padding: 0;
	margin: 0;
	color: #636363;
	width: 300px;
	font-size: 95%;
	letter-spacing: normal;
	background: none;
}

#secTierNav ul li ul li a:hover {
	padding: 0;
	margin: 0;
	background: none;
	color: red;
}

#secTierNav ul li ul li .current span {
	background: none;
}
#header {
	position: relative;
	left: 96px;
	width: 800px;
	z-index: 10;
	
}
#logo {
	position: relative;
	padding-top: 20px;
	margin-left: 35px;
	z-index: 10;
}

#borderRight {
	background: url(images/.jpg) repeat-y 910px 0;
}

#topBorderLeft {
	position: absolute;
	width: 207px;
	height: 68px;
	top: 0;
	left: 0px;
	z-index: 5;
	background: #fff url(images/horizBorder.jpg) bottom repeat-x;
}

#topBorderLeft #arrowHead {
	position: absolute;
	top: 61px;
	left: 201px;
}

#contentWrapper {
	position: relative;
	margin: auto;
	width: 710px;
	margin: auto;
	border-bottom: 2px solid #6B7FBC;
	background: url(images/.jpg) repeat-y;
	margin-top: -10px;
}
#content {
	clear: both;
	position: relative;
	z-index: 0;
	min-height: 600px;
	height /**/: auto;
	min-height: 500px;
	padding: 105px 5px 0em;
}


#samplepacketLeft {
	margin: 75px 0 0 0;
}
.sidebar {
	float: right;
	font-size: 90%;
	line-height: normal;
}
#footer {
	color: #636363;
	font-size: 80%;
	height: auto;
	padding-top: 1em;
	clear: both;
	background: #fff url(images/pageInterior3.jpg) repeat-y;
}
#footer ul {
	position: relative;
	float: right;
	list-style: none;
	margin: 0;
	padding-right: 123px;
	text-align: right;
}
#footer ul li {
	float: left;
}
#footer .tagline {
	position: relative;
	float: left;
	padding-left: 135px;
}
#footer .bottomBorder {
	clear: both;
	height: 27px;
	background: url(images/pageinterior3.jpg) bottom repeat-y;
}
#bottomNav a:link, #bottomNav a:visited {
	text-decoration: none;
	color: #636363;
	border-right: 1px solid #636363;
	padding: 0 10px;
}
#bottomNav a:hover, #bottomNav a:active {
	color: #000;
}

#bottomNav .lastMenuItem a:link, #bottomNav .lastMenuItem a:visited {
	border-right: none;
}


/*NEW 9-06 site tweaks*/

#homeHeader {
	position: relative;
	top: 0px;
	left: -43px;
	width: 715px;
	height: 174px;
	margin-bottom: 20px;
	background: url(images/home_header_10_1.jpg);
}
#aboutHeader {
	position: relative;
	top: -30px;
	left: -43px;
	width: 717px;
	height: 175px;
	background: url(images/samples_header_10.jpg);
}
#samplesHeader {
	position: relative;
	top: -30px;
	left: -43px;
	width: 717px;
	height: 176px;
	background: url(images/aboutus_header_10_1.jpg);
}
#resultsHeader {
	position: relative;
	top: -30px;
	left: -43px;
	width: 720px;
	height: 190px;
	background: url(images/results_header_10.jpg);
}
#contactHeader {
	position: relative;
	top: 0px;
	left: -43px;
	width: 719px;
	height: 176px;
	background: url(images/contactus_header_10.jpg);
}
#illustrationHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/illustrationHeader.gif);
}
#OXOHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 171px;
	background: url(images/OXO_Header.jpg);
}
#VRCHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/VRC_PDG_Header.jpg);
}
#RCPHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/RCPHeader.jpg);
}
#MAYHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/MAYheader.jpg);
}
#DIYHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/DIY_CS_header.jpg);
}
#writingHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 134px;
	height: 145px;
	background: url(images/header_arrow.jpg);
}
#guaranteeHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/guaranteeHeader.jpg);
}
#faqHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 175px;
	background: url(images/faqHeader.jpg);
}
#headerHeader {
	margin: 0;
	position: relative;
	top: 20px;
	left: 315px;
	width: 450px;
}
#headerSubhead {
	margin: 0;
	position: relative;
	top: 43px;
	left: 30px;
	width: 700px;
}
#headerHeader2 {
	position: relative;
	top: 50px;
	left: 400px;
	width: 350px;
}
#headerSubhead2 {
	position: relative;
	top: 115px;
	left: 30px;
	width: 700px;
}
#headerHeader3 {
	position: relative;
	margin: 0;
	top: 40px;
	left: 210px;
	width: 440px;
}
#headerSubhead3 {
	position: relative;
	top: 85px;
	left: 15px;
	width: 700px;
}
#headerHeader4 {
	position: relative;
	margin: 0;
	top: 40px;
	left: 350px;
	width: 300px;
}
#headerSubhead4 {
	position: relative;
	top: 85px;
	left: 30px;
	width: 700px;
}
#headerHeader5 {
	position: relative;
	margin: 0;
	top: 40px;
	left: 370px;
	width: 300px;
}
#headerHeader6 {
	position: relative;
	margin: 0;
	top: 40px;
	left: 330px;
	width: 350px;
}
#headerSubhead6 {
	position: relative;
	top: 85px;
	left: 30px;
	width: 700px;
}
#headerHeader7 {
	position: relative;
	margin: 0;
	top: 45px;
	left: 260px;
	width: 430px;
}
#headerSubhead7 {
	position: relative;
	top: 85px;
	left: 30px;
	width: 700px;
}
#headerHeader8 {
	position: relative;
	margin: 0;
	top: 45px;
	left: 230px;
	width: 650px;
}
#headerSubhead8 {
	position: relative;
	top: 113px;
	left: 30px;
	width: 700px;
}
#headerHeader9 {
	position: relative;
	margin: 0;
	top: 55px;
	left: 240px;
	width: 650px;
}
#headerSubhead9 {
	position: relative;
	top: 115px;
	left: 30px;
	width: 700px;
}
#headerHeader10 {
	position: relative;
	margin: 0;
	top: 40px;
	left: 240px;
	width: 480px;
}
#headerSubhead10 {
	position: relative;
	top: 85px;
	left: 30px;
	width: 700px;
}
#headerHeader11 {
	position: relative;
	margin: 0;
	top: -10px;
	left: 215px;
	width: 400px;
	font-size: 130%;
	letter-spacing: -.01em;
}
#headerSubhead11 {
	position: relative;
	top: 0px;
	left: 30px;
	width: 700px;
}
#headerHeader12 {
	position: relative;
	margin: 0;
	top: -10px;
	left: 215px;
	width: 400px;
	font-size: 130%;
	letter-spacing: -.01em;
}
#headerSubhead12 {
	position: relative;
	top: 0px;
	left: 30px;
	width: 700px;
}
#headerHeaderVRC {
	position: relative;
	margin: 0;
	top: 25px;
	left: 310px;
	width: 360px;
}
#headerSubheadVRC {
	position: relative;
	top: 55px;
	left: 30px;
	width: 700px;
}
#headerHeaderRCP {
	position: relative;
	margin: 0;
	top: 25px;
	left: 360px;
	width: 330px;
}
#headerSubheadRCP {
	position: relative;
	top: 55px;
	left: 30px;
	width: 700px;
}
#headerHeaderMAY {
	position: relative;
	margin: 0;
	top: 25px;
	left: 360px;
	width: 330px;
}
#headerSubheadMAY {
	position: relative;
	top: 55px;
	left: 30px;
	width: 700px;
}
#headerHeaderDIY {
	position: relative;
	margin: 0;
	top: 25px;
	left: 360px;
	width: 330px;
}
#headerSubheadDIY {
	position: relative;
	top: 85px;
	left: 30px;
	width: 700px;
}
#margin {
	position: relative;
	top: -895px;
	left: 498px;
	width: 125px;
	height: 135px;
	background: url(images/margin_test_4.jpg);
}
.smallhead {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	padding-bottom: 0em;
	letter-spacing: .3em;
	color: #000;
	font-weight: extra-bold;
}
h3 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.6em;
	padding: 0;
	margin: 0;
	padding-bottom: 0em;
	letter-spacing: .3em;
	color: #000;
	font-weight: extra-bold;
}
h4 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	padding-bottom: .5em;
	letter-spacing: .07em;
	color: #fff;
}
#flashMovies {
	position: relative;
	top: -45px;
	left: 214px;
	height: 500px;
}
#flashMoviesHEADER {
	background: url(images/samples_headerv2.jpg) top center no-repeat;
	position: relative;
	top: 20px;
	height: 40px;
}
#flashMoviesCAPTION {
	background: url(images/.jpg) top center no-repeat;
	position: absolute;
	top: 190px;
	left: 5px;
	width: 180px;
	font-size: 95%;
}
#constantContact {
	background: url(images/.jpg) top center no-repeat;
	position: absolute;
	top: 1020px;
	left: 5px;
}


/* for Internet Explorer————————————————————————————————————————————————— */
/*\*/
* html .homeFlash {
	left: 0;
}
* html #homeHeader {
	position: absolute;
	top: 75px;
	left: -5px;
}
* html #aboutHeader {
	position: absolute;
	top: 75px;
	left: -5px;
}
* html #samplesHeader {
	position: absolute;
	top: 85px;
	left: -5px;
}
* html #resultsHeader {
	position: absolute;
	top: 85px;
	left: -5px;
}
* html #contactHeader {
	position: absolute;
	top: 85px;
	left: -5px;
}
* html #VRCHeader {
	position: absolute;
	top: 85px;
	left: -5px;
}
* html #RCPHeader {
	position: absolute;
	top: 90px;
	left: -5px;
}
* html #faqHeader {
	position: absolute;
	top: 90px;
	left: -5px;
}
* html #guaranteeHeader {
	position: absolute;
	top: 85px;
	left: -5px;
}
* html #rightColumn {
	position: relative;
	top: -40px;
	left: 20px;
}
* html #leftColumn {
	position: absolute;
	left: 0;
	margin: 0px;
}
* html #ss_img_div {
	position: relative;
	left: -40px;
}
* html #flashMoviesHEADER {
	position: relative;
	left: -145px;
	top: -50px;
}
* html #flashMovies {
	position: relative;
	left: 75px;
	top: -125px;
}
* html #flashMoviesCAPTION {
	position: absolute;
	left: 0px;
	top: 195px;
}
*:first-child+html .resultsP {
	margin-top: 0px;
}
/**/

#oneColumn .article {
	float: right;
	width: 465px;
}
.sampleThumb {
	width: 140px;
}
.sampleThumb .caption {
	position: absolute;
	left: -150px; 
	width: 140px;
	line-height: normal;
}
#article2 {
}

#article1 {
	background: url(images/.jpg);
	height: 155px;
	letter-spacing: .5em;
	margin-left: 0px;
	width: 710px;
}

.sidebar, .oneColumnRight, .rightColumn {
	padding: 0;
}
.leftColumn, .sidebarLeft {
	padding: 0;
}
.articleHeadline {
	margin-top: 1em;
}

#pageEmail {
	padding-top: 1em;
}

/*Form styles*/
#formAttributes {
	width: 600px;
	margin: auto;
}
	
#formAttributes .formDisplayText {
	padding: 0;
	margin: -1em 0 1em 0;
}	
#formAttributes legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #0068B3;
}
#formAttributes h3 {	
	margin-bottom: 0;
}
#formAttributes label {	
    float: left;
	width: 30%;
	padding: 0 1em 0 0;
	text-align: right;
}

#formAttributes br {
     clear: left;
}

#formAttributes .options {
     float: left;
     width: 60%;
	 margin-top: 0em;
}

#formAttributes .requiredField {
	font-weight: bold;
	color: #E1161A;
}

/*slideshow style*/
#circuitSlideShow {
	height: 750px;
	position: relative;
}
#slideshowDisplay {
	background: url(images/samples_headerv2.jpg) top center no-repeat;
	position: relative;
	top: 20px;
	height: 40px;
}
#slideshow {
}

#ss_home {
}
#ss_prev {
}
#ss_next {
}
#ss_last {
}
#ss_img_div {
	width: 55%;
	height: 800px;
	float: right;
	position: relative;
	top: 65px;
	right: 105px;
}
.ssCaptionright {
	float: left;
	position: relative;
	top: 65px;
	left: 0px;
	width: 180px;
	margin-left: 0px;
	font-size: 95%;

}
.ssCaption img {
	padding-bottom: 1em;
	height: auto;
}

.ssCaption {
	margin-top: -35px;
	height: auto;
	
}

.controlAlignLeft {
	position: relative;
	top: 70px;
	left: 205px;
}

#ss_controls a {
	text-decoration: none;
}

#endSlideShow {
	clear: both;
	margin: 0 0 100px 0;
}

#samplePacket {
	margin: 0 0 -50px 0;
}

#samplepacketLeft {
	width: 100px;
	margin: 0px 0 0 0;
}

#twitter_div {
	width: 100px;
}

#socialIcons {
	margin-top: 25px;
	margin-left: 5px;
}

#socialIcons a{
	margin-right: 5px;
}