/* CSS Document */
/**************
SepticGuy.com
Sub Style Sheet
version 1.1
March 16, 2005

Design by: ArtGirl Design (http://www.artgirldesign.com)
Production by: Product 9 DESIGN (http://www.product9.com)
**************/

body {margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#0671B0; background-color:#B4D4E7;}
p, h2, form {margin:0; padding:0;}
img {border:0;}

/**************
LAYOUT
**************/
#wrapper
{margin:0 auto 10px auto; padding:0; background-color:#FFFFFF; width:800px; min-height:600px;}

	/*HEADER*/
	#header {background-color:#FFFFFF; width:800px; height:115px; margin:0 0 15px 0; padding:0; border:0;
			 background-image:url(../images/train/header_train_demo.gif); background-repeat:no-repeat;}
	
	/*DEMO*/
	#demo {width:700px; min-height:60px; margin:0 0 10px 50px; padding:5px; border:2px solid #0D8E41;}
	* html #demo {height:60px;}
	 	#demo p {font-size:0.76em; line-height:1.35em; color:#281384; font-weight:bold;}
	
	#intro {height:400px; margin:25px 65px 10px 65px; padding:5px;}
		.intro {clear:left; padding:0 0 20px 0;}
			.intro img {float:left; margin:0 0 20px 0;}
			.intro strong {color:#281384; font-weight:bold; font-size:1.35em;}
		.ticket {text-align:center; padding:20px 0;}
	#sponsored {margin:40px 0 10px 70px;}

	/* CONTENT */
	#content_wrapper {width:800px; margin:0; padding:0; border:0; min-height:600px; 
	font-size:100.01%;}
	* html #content_wrapper {padding:0;}

		#content {font-size:0.76em; line-height:1.35em;}
		
		/* TRAIN */
		#train_nav {width:700px; margin:0 50px 0 50px;}
			.train_nav {width:700px; background-image:url(../images/train/train_gray.gif); background-repeat:no-repeat; height:125px;}
		
		#instructions {margin:0 50px 0 50px; padding:15px 0;}
		
		#train_listings {}
		.train_item {width:708px; height:200px; margin:0 40px 0 50px; border:1px solid #FFFFFF; clear:both;}
			
			/*CAR SIDEBAR*/
			.car_sidebar_left, .car_sidebar_right {width:175px; height:200px; float:left;}
				.car_sidebar_left {background-image: url(../images/train/bkg_item_left.gif); background-repeat:no-repeat;}
				.car_sidebar_right {background-image: url(../images/train/bkg_item_right.gif); background-repeat:no-repeat;}
				
				/*this is the train car, this css included on each page, database will change the title img left/right/car */
				.car_title {margin:0 0 5px 35px; width:140px; height:115px;}
						
				/*form for car "pick this car" */
				.car_form {margin:0 0 0 35px; width:110px; height:20px; padding:3px 1px 1px 1px; border:2px solid #0D8E41; background-color:#FFFFFF;}
					.car_form img {display:inline;}
						
			.car_content {width:275px; height:200px; float:left;}
				.car_content h2 {padding:10px 5px 0 5px; font-weight:bold; color:#281384; font-size:1.35em;}
				.car_content p {padding:5px;}
			.car_detail {width:250px; height:200px; float:left; background-color:#E9E8F2;}
		
		/* FLIP BOOK DRAWINGS */
		#flip {margin:10px 0 10px 50px;}
			.flip_item {}
			
			#all_products {padding:20px 50px 0 50px; text-align:right;}		
		
			/*CONTENT FOOTER BUTTONS*/			
			#content_footer_buttons
			{width:125px; margin:0; padding:0; border:0; position:relative; left:10px; top:10px;}
			#content_footer_buttons {top:25px;}
			#content_footer_buttons_5 img {padding:0; margin:0 0 10px 0; border:0;}

	/*PAGE FOOTER*/
	#footer {clear:both; height:65px; text-align:center; margin:15px 25px 10px; font-size:0.72em; line-height:1.25em;}
		.footer_button_right {left:665px;}

/**************
CLASSES/PAGES
**************/
/*BIG PIPE*/
.face_list {margin:10px 50px; padding:0; border:0;}
.face_list p {clear:left; padding:3px 0;}
.face_list img {float:left;}
.face_list_except img {padding:0; margin:-5px 0 0 0;}

/*DO DON'T*/
.do_list {margin:5px 50px; padding:7px 3px; border:0; height:50px;}
.do_list p {clear:left; widows:2;}
.do_list img {margin:-5px 10px 0 0;}
.septic_do {font-size:1.65em; font-weight:bold; color:#281384;}

.do_list_2 {margin:15px 0; padding:0; border:0; height:110px; width:500px;}
.do_list_a {width:150px; float:left;}
.do_list_b {margin-left:-155px;}
.do_list_b p {padding:7px 0 0 0;}
.do_list_b strong {color:#281384;}

/*GLOSSARY */
#glossary_abc {margin:10px auto; padding:0 0 0 20px; display:block; height:150px;}
	.glossary_abc_item {float:left; padding:10px 0 5px 0; margin:0; width:58px;}
#glossary_defn {width:580px; margin:25px auto 0 auto; padding:0; min-height:175px;}
	#glossary_defn_left {width:280px; float:left; border:0;}
	#glossary_defn_right {margin-left:295px; border:0;}
	.glossary_defn_item {font-size:1.25em; padding:5px 0; border:0;}
.glossary_sources {font-size:0.9em; height:35px; text-align:center; width:425px; margin:25px auto 0 auto; padding:0; clear:both; border:0;}

/*GLOSSARY DEFINITION*/
#wrapper_defn {margin:0 auto 10px auto; padding:0; background-color:#CDE3EF; width:425px; min-height:275px;}
#header_defn {background-color:#CDE3EF; width:425px; height:85px; margin:0 0 10px 0; padding:0; border:0; background-image:url(../images/content/glossary/defn_header.gif);}
#content_defn {margin:0; padding:10px 20px; min-height:150px;}
	#content_defn p {font-size:0.76em; margin:0; padding:0 0 10px 0;}
	#content_defn strong {color:#281384; font-size:1.5em;}
#footer_defn{height:25px;}
	#footer_defn img {float:right; padding:0; margin:0 10px 0 0;}


/*GLOBAL*/
.closeprint {margin:0; padding:0; border:0;}
.glossary {color:#281384; font-weight:bold;}
.links {}
.floatleft {float:left;}
.floatright {float:right;}

/**************
LINKS
**************/
a:link {color:#281384; text-decoration:none; font-weight:bold;}
a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

.footer a:link {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:visited {color:#0671B0; text-decoration:none; font-weight:normal;}
.footer a:hover {color:#0D8E41; text-decoration:none; font-weight:normal;}

/*global links to glossary popup*/
.glossary a:link {color:#281384; text-decoration:none; font-weight:bold;}
.glossary a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.glossary a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

/*glossary page iteself, highlighted terms*/
.glossary_defn_item a:link {color:#281384; text-decoration:none; font-weight:bold;}
.glossary_defn_item a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.glossary_defn_item a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

/*definitions*/
a.definition {position:relative; z-index:9; cursor:help;}
a.definition:hover {z-index:10; white-space: normal;}
a.definition span {display:none;}
a.definition:hover span {display:block; position:absolute; 
top:20px; left:30px; padding:5px; border:1px solid #281384; width:325px;
background-color:#ffffff; color:#0671B0; text-align:left; font-size:.76em; font-weight:normal;}

/*links on links page*/
.links a:link {color:#0D8E41; text-decoration:none; font-weight:bold;}
.links a:visited {color:#0671B0; text-decoration:none; font-weight:bold;}
.links a:hover {color:#281384; text-decoration:none; font-weight:bold;}

/*links on statelocal results page */
.sl_link a:link {color:#281384; text-decoration:none; font-weight:bold;}
.sl_link a:visited {color:#0671B0; text-decoration:none; font-weight:normal;}
.sl_link a:hover {color:#0D8E41; text-decoration:none; font-weight:bold;}

.clear {clear:both;}

/**************
IE ONLY HACKS - SHOW ALL IE
**************/
* html #wrapper {height:600px; width:800px;}
* html #wrapper_2 {height:1200px;}
* html #content_wrapper_1 {height:500px;}
* hmtl #glossary_defn {height:175px;}
* html #wrapper_defn {height:275px;}
* html #content_defn {height:150px;}
* html .aboutus_list_item {height:110px;}

/**************
IE MAC ONLY HACKS - HIDE from mac
**************/
	/* Hide from IE5-mac. Only IE-win sees this. \*/

	/* End hide from IE5/mac */

/**************
IE MAC ONLY HACKS - SHOW to mac
(no comments in hack area!)
**************/
	/*\*//*/
	
	#wrapper {height:auto;}
	#wrapper_2 {height:auto;}

	.face_list p {clear:none; float:left;}
	.face_list {clear:left;}

	.do_list p {clear:none; float:left;}
	.do_list {clear:left;}
	
	.faq_list {clear:left;}
	
	#content_footer_buttons_2 {clear:left;}
	
	/**/
	
/* End Mac Only hacks */