/*	Novaflow web site, styles common to all pages	*/

/*	References:
	Christopher Schmitt, CSS Cookbook, O'Reilly, 0-596-00576-8
 */

/*	BODY	*/
body { width: 100%; color: #ccc; background-color: white; font-family: "Times New Roman" , Times, serif; font-size: 16px; line-height: 1.4em; margin: 0px; padding: 0px; }
a { color:#03c; }
a:visited { color:#09f; }
a:hover { color:#09f; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-style: italic; font-weight: bold; color: #02547C; background-color: inherit; }
.product h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; color: #02547C; background-color: inherit; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #02547C; background-color: inherit; } 
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #02547C; background-color: inherit; margin:0; padding:0; } 

.quote { clear:both; padding-top:3em; text-align:justify; }
.attrib { color:#666!important; float:right; font-style:italic; margin:0; padding:0; }

.news p { color:#333!important; letter-spacing:0.025em; }
.news h2 { margin-bottom:0; padding-bottom:0; }
.news h3 { margin:2.5em 0 1em 0; }
.news .attrib { color:#666; display:block; font-size:0.9em; font-style:italic; margin-bottom:2em; width:100%; }
.news p.date { color:#999!important; margin:-1em 0 0 0!important; padding:0!important; }

/*	TOP RUN (WITH THREE IMAGES)	*/
.toprun { display: block; clear: both; height: 77px; width: 100%; margin: 0px; background-image: url(../home/top-run.jpg); background-repeat: repeat-x; overflow: hidden; }
.topimage_left { display: inline; float: left; width: 198px; }
.topimage_left img { height: 77px; width: 198px; }
.topimage_middle { display: inline; float: left; }
.topimage_middle img { height: 77px; width: 522px; }
.topimage_middle h1 { border:0; margin:0;}
.topimage_right { display: inline; float: right; width: 245px; }

/*	MAIN TABLE	*/
table.main-table { width: 100%; height: 1000px; /* to prevent any page from ending before bottom of screen */ border: 0px; margin: 0px; padding: 0px; /*	According to CSS 2.1, 'border-collapse: separate;' combined with 			a value of 'border-spacing' should replace the 'cellspacing' 			attribute of the 'table' element. However, up to at least V6, 			IE doesn't implement it correctly. (Schmitt, p.140) 		 */ border-collapse: separate; border-spacing: 0px; }
tr.main-table { vertical-align: top; border: 0px; margin: 0px; padding: 0px; }
td.main-table { vertical-align: top; border: 0px; margin: 0px; padding: 0px; }

/*	NAVIGATION (LEFT) COLUMN WITHIN MAIN TABLE	*/
td.nav-col { width: 198px; color: white; background-color: rgb(0, 10, 50); }
td.nav-col div.nav-bar { border: 0px; margin: 0px; padding: 0px; overflow: hidden; }
div.nav-bar div { border: 0px; margin: 0px; padding: 0px; overflow: hidden; }
div.nav-bar div a img { border: 0px; }

/*	RIGHT COLUMN WITHIN MAIN TABLE	*/
/*	FIRST PART: BLUE RUN	*/
div.bluerun { width: 100%; height: 52px; border: 0px; margin: 0px; padding: 0px; color: #02547C; background-color: #02547C; }
/*	SECOND PART: NAVIGATION STRIP	*/
div.nav-strip { margin: 20px; font-size: 14px; }
div.nav-strip span { padding: 0px 10px 0px 10px; font-family: Arial, Helvetica, sans-serif; }
/*	THIRD PART: INFORMATION AREA	*/
div.information { display: block; clear: both; width: 70%; color: black; background-color: white; border: 0px; margin: 0px; padding: 20px 20px 20px 40px; }
/*	STYLES USED WITHIN THE THIRD PART	*/
div.information p { display: block; clear: none; font-family: "Times New Roman" , Times, serif; font-size: 16px; line-height: 1.4em; color: black; background-color: inherit; margin: .5em 0px .5em 0px; }
p.body-text, *.body-text { color: black; background-color: inherit; margin: .5em 0px .5em 0px; }
div.machine { display: inline; float: right; width: 386px; height: 167px; }
img.machine { display: inline; float: right; width: 363px; height: 296px; }
div.information *.headings { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: italic; font-weight: bold; color: #02547C; background-color: inherit; }
div.information *.subheads { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #02547C; background-color: inherit; }
.black-subheads { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0066CC; background-color: inherit; font-weight: bold; }
.center { text-align: center; }

/*	Used mainly  (exclusively?) on the 'benefits' page	*/
.text-heads { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

/*	THIRD PART (SPECIAL - ONLY ON "News" AND "Login" PAGES	*/
p.cad-image { white-space: nowrap; overflow: hidden; }

/*	FOURTH PART: BOTTOM NAVIGATION, HORIZONTAL LINE AND COPYRIGHT	*/
div.information div#bottom { display: block; clear: both; padding: 0px; }
div.information div.bottom { display: block; clear: both; padding: 0px; }
div#bottom p.bottom-navigation { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0px 20px 0px; }
div#bottom hr { width: 100%; text-align: left; }
div#bottom p.copy { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #535353; background-color: inherit; margin: 0px 0px 40px 0px; }

/*	MISCELLANEOUS RULES	*/
.nowrap { white-space: nowrap; }

/*	PROBABLY UNUSED	*/
.topblue { background-image: url(../home/cad-run.jpg); background-repeat: repeat-x; }
.heading-run { background-image: url(../home/heading-run.jpg); background-repeat: repeat-x; }
.text-background { background-image: url(../home/text-background.jpg); background-repeat: repeat-x; }
cad-run { background-image: url(../home/cad-run.jpg); background-repeat: repeat-x; }
.copyright-run { background-image: url(../home/copyright-run.jpg); background-repeat: repeat-x; }
.side { background-image: url(../home/side-run.jpg); background-repeat: repeat-y; }
div.section { display: block; clear: both; width: auto; }
img.img-left { display: inline; float: left; clear: none; margin: 0px 10px 10px 0px; }
img.img-right { display: inline; float: right; clear: none; margin: 0px 0px 10px 10px; }

/* Parts ordering */
.bluerun { text-align:center; margin:0 auto; } 
.order-parts { border-width:0;  }
.order-parts img { border-width:0; margin-top:10px;  } 

/* Social media styling */

/*#footer { width:100%;}*/

#twitter_div { background-color:#fff; border-bottom:1px dotted #1AA9F0; color:#999; padding:0.5em 1em; font-family: Helvetica, Verdana, Arial, Sans-Serif; font-size:0.8em;}
#twitter_div ul { background-color:#efefef; padding:2px 8px;}
#twitter_div ul li { list-style-type:none;  }
#twitter_div h3.sidebar-title { padding-top:0; margin-top:0; background: #fff url(images/twitter/logo.gif) no-repeat right; width:200px; height:28px; }

#social-media { vertical-align:top; padding-left:20px; margin-left:20px; }
#social-media a { padding:0 1px; margin:0 1px; }
#social-media a img { border-width:0; }