/* ======================================================================== 

   FRANKLIN FUELING SYSTEMS v1.0

   CSS Style Sheet
   Testing style sheet for www.franklinfueling.com
   Designed by N. Reusser

======================================================================== */

/*-----------------------------------------------------------------------------------------                                                                                   /*------- MAIN
	MAIN Styles - They apply to the entire website, unless otherwise defined below
	----------------------------------------------------------------------------------------*/
	
	/*---------
	
	the following html tag will automatically put a vertical scrollbar on the page to avoid content shifting
	
	---------*/	
	
html {
	min-height: 100%; 
	margin-bottom: 1px;
	} 	
	
body {
	font-family:Arial,Sans-Serif;
	/*font-family:Tahoma;*/
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
	font-size:100%;
	text-align: left;
	margin-top:0px;
	background-repeat:repeat-x;
	background-color:#CCCCCC;
	background-image:url(/images/FuelingBG.jpg);
	color:#555555;
	}

a {
	color:#3b81b6;
	text-decoration:underline;
	}
	
a:hover{
	color:#3b81b6; 
	text-decoration:none;
	}

h1 {
	font-family:font-family:Arial,Sans-Serif;
	font-size:1.3060em; 
	color:#222222; 
	font-weight:normal; 
	margin-top:3px; 
	padding-top:7px;
	
	
	}

h1.prodhead {
	font-size:100%; 
	color:#333333; 
	font-weight:bold; 
	margin-top:0px; 
	padding-top:2px;
	}
	
h2 {
	font-size:80%; 
	color:#123b5b; 
	font-weight:bold;
	}
	
h1.bolder {
	color:#333333;
	font-family:Arial,Sans-Serif;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:-10px;
	padding-left:5px;
}	
	
h2.prodhead {
	font-size:80%; 
	color:#006699; 
	font-weight:bold; 
	margin-top:0px;
	}
	
h3 {
	font-family:Arial,Sans-Serif;
	font-weight:bold;
	color:#333333;
	/*font-size:1.6em;*/
	font-size:80%;
	padding-left:5px;
	margin-bottom:10px;
	}
	
	
#homeMiddle{
	float:left;
	width:36%;
	margin:1%;
}

#homeLeft{
	float:left;
	width:28%;
	margin:1%;
}

#homeRight{
	float:right;
	width:29%;
	margin:1%;
	margin-right:0px;
	/*border:1px solid #FF0000;*/
}

#homeRight img{
	margin:0px;
	padding:0px;
	float:right;
	margin-bottom:4px;
}
	
	
	
/* SECONDARY CONTENT */

#secondary_content {
	margin:2px;
	padding:5px;
	background-color:#eeeeee;
	font-size:11px;
	width:175px;
	}
	
	#secondary_content a{
	text-decoration:none;
	}
	
#secondary_content a:hover{
	text-decoration:underline;
	}

#secondary_content h3 {
	font-size:11px;
	margin-bottom:-6px;
	padding-top:3px;
	}	

#secondary_content ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:19px;
	margin-left:-35px;
}

#secondary_content li .last{
	margin-bottom:-8px;
	border:1px solid #FF0000;
}



/* TECHNICAL PDF LISTING TABELS */

 h2.techsectitle {
 	padding:3px; 
	background-color:#eeeeee; 
	border:1px solid #cccccc; 
	font-size:13px; 
	font-weight:bold;
	}

.techtable table{
	border-collapse:collapse;
	width:100%;
	}

.techtable a {
	text-decoration:none;
	}
.techtable a:hover {
	text-decoration:underline;
	}
	
.techtable th{
	background-color:#123b5b;
	color:#EEEEEE;
	font-size:10px;
	font-weight:100;
	padding-left:6px;
	text-align:left;
	}

.techtable th a{
	color:#FFFFFF;
	}
	
.techtable td{
	color:#000000;
	font-size:10px;
	}
	
.featured {padding-bottom:2px; border-bottom:1px solid #cccccc; font-size:11px; margin:8px 4px 3px 4px;font-weight:bold;
			margin-bottom:0px;padding-bottom:0px;}

.newsheader {padding-bottom:0px; font-size:14px; margin:8px 4px 3px 0px;font-weight:bold;}

.sub{
	border-bottom:1px solid #cccccc;padding-top:0px;margin-top:0px;
}
	
#even{
	background-color:#FFFFFF;
	}
	
#even:hover{
	background-color:#c6dff0;
	}

#odd:hover {background-color:#c6dff0;}

#centered{
	text-align:center;
	}



/* ----------------------------------------------


/* Tabular Data Style  */
.DataTable table{
	border-collapse:collapse;
	width:100%;
	}
	
.DataTable th{
	background-color:#123b5b;
	color:#EEEEEE;
	font-size:9px;
	font-weight:100;
	text-align:left;
	}

.DataTable th a{
	color:#FFFFFF;
	}

#odd{
	background-color:#EEEEEE;
	}

#centered{
	text-align:center;
	}

.DataTable td{
	color:#000000;
	font-size:9px;
	}
	
	.DataTable2 table {
		border-collapse:collapse;
		width:100%;
		}
	.DataTable2 th {
		background-color:#123b5b;
		color:#eeeeee;
		border-color:#eeeeee;
		border-style:solid;
		border-width:1px;
		font-size:9px;
		font-weight:100;
		text-align:center
		}
	.DataTable2 td {
		color:#000000;
		font-size:9px;
		border-color:#aaaaaa;
		border-style:solid;
		border-width:1px;
		text-align:center;
		}

	
/*-----------------------------------------------------------------------------------------                                                                                   /*------ STRUCTURAL
	Structural Styles - IDs that build the site structure
	----------------------------------------------------------------------------------------*/
	
#wrapper {
	margin:0 auto 0 auto;
	visibility:visible;
	width: 750px;
	background-color:#FFFFFF;
	padding-top:0px;
	}

#header {
	width:750px;
	visibility:visible;
	background-image:url(../images/header_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
#header-filling-station{
	visibility:visible;
	background-image:url(images/TheFillingStation2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:750px;
	height:176px;
	margin:0px;
	padding:0px;
}

#header-incon {
	width:750px;
	visibility:visible;
	background-image:url(../images/header_bg_incon.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	

#header table {
	width:100%;
	height:122px;
	}
	
#navigation {
	visibility:visible;
	width:750px;
	height:24px;
	background-color:#123b5b;
	border-top: 1px solid #1d5c87;
	border-bottom: 1px solid #1d5c87;
	}
	
#body {
	
	visibility:visible;
	background-color:#FFFFFF;
	text-align:left;
	}

#footer {
	clear:both;
	visibility:visible;
	background-color:#123b5b;
	}
	
#footer table{
	height:45px;
	width:750px;
	}
	
#search{
	background-color:#EEEEEE;
	margin-top:10px;
	padding-top:4px;
	width:100%;
	height:23px;
	}

*html #search{
	padding-top:1px;
	}
	
*:first-child+html #search{
	padding-top:1px;
	}

#contentwrap{
	width:730px;
	padding:0px 10px 10px 10px;
	overflow:visible;
	}
	
#pagecontent{
	background-image:url(/images/ConNavBG.gif);
	background-position:left;
	background-repeat:repeat-y;
	width:100%;	
	overflow:visible;
	}
	
#genpagecontent{
	width:100%;	
	overflow:visible;
	}

#genpagecontent h1{
	padding-left:5px;
	
	}

#genpagecontent p{
	padding-left:6px;
	
	}

#imagewrap{
	float:right;
	width:547px;
	background-color:#FFFFFF;
	}

#generalcontent{
	margin-left:0px
	padding-left:0px;
	float:right;
	width:540px;
	}
	
#generalcontent p{
	margin-left:0px
	padding-left:0px;
	}
	
#generalcontent h2{
	font-size:80%;
	color:#333333;
	padding-left:3px;
	}

.mainsiloteaser {
	border:1px solid #ccd2d8;
	margin-top:10px;
	}
	
.siloteaser {
	margin-top:10px;
	}

.rssSubscribe {
    padding:6px;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	font-size:11px;
	}

#SiloCatcontent{
	padding-left:1px;
	float:right;
	width:547px;
	}

*html #SiloCatcontent{
	}
	
#SiloCatcontent p{
	padding-left:5px;
	}
	
#SiloCatcontent h2 {
	font-family:Arial,Sans-Serif;
	font-weight:bold;
	color:#333333;
	font-size:1.40em;
	padding-left:5px;
	margin-bottom:-10px;
	}
	
#SplashHeader h2{font-family:Arial,Sans-Serif;
	font-weight:bold;
	color:#333333;
	font-size:1.40em;
	padding-left:5px;
	margin-bottom:-10px;
	}

.splash{
	font-family:Arial,Sans-Serif;
	font-size:.9em;
	line-height:1.4118em;
	color:#666666;
	padding:5px;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	}

	
#techcontent{
	width:100%;
	overflow:visible;
	}
	
#pageheader{
	padding-left:5px;
	padding-top:5px;
	float:right;
	width:540px;
	height:25px;
	}

#pageheader h1{
	padding-left:0px;
	}
	
#generalcontent h3{
	padding-left:0px;
	}

.imgtext{	
	padding-left:3px;
	vertical-align:top;
	}

*html #imagewrap{
	padding-top:0px;
	}
	
*:first-child+html #imagewrap{
	padding-top:1px;
	}
	
#extraspace{
	width:100%;
	clear:both;
	}
	
#extraspacenav{
	float:left;
	clear:left;
	width:182px;
	background-color:#EEEEEE;
	}

#promocollage{
	float:right;
	width:542px;
	height:100px;
	margin-top:4px;
	margin-left:3px;
	margin-right:1px;
	color:#FFFFFF;
	}
	
*html #promocollage{
	margin-right:1px;
	}

.catfocus{
	width:269px;
	height:130px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	color:#FFFFFF;
	}

*html .catfocus{
	margin-left:2px;
	}
	
	
.catrelated{
	width:269px;
	height:80px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	color:#FFFFFF;
	}
	
*html .catrelated{
	margin-left:2px;
	}


/*-----------------------------------------------------------------------------------------                                                                                   /*------ STRUCTURAL
	structure for homepage
	----------------------------------------------------------------------------------------*/


#sidebar{
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	width:30%;
	padding-left:10px;
	border-left:1px solid #EEEEEE;
	}

#homecontent{
	}
	
#silocontent{
	float:left;
	margin-top:6px;
	width:67%;
	padding-bottom:4px;
	}
	
*html #silocontent{
	width:68%;
	}

.silo{
	width:159px;
	height:120px;
	float:left;
	margin-left:4px;
	margin-top:4px;
	background-color:#EEEEEE;
	color:#003399;
	}

#silocontent p{
	clear:both;
	padding-left:4px;
	padding-right:5px;
	}

hr{
	background-color:#EEEEEE;
	}


/*-----------------------------------------------------------------------------------------                                                                                   /*------ STRUCTURAL
	Normal IDs - IDs that are for specific instances
	----------------------------------------------------------------------------------------*/
	
td#rightborder {border-right:1px solid #bdcfdd;}

td#silo {border:1px solid #e3e1d7; background-color:#f6f6f4; height:120px; width:139px;}


/************* Search Box Styling */
#search input, textarea {
 border: 1px solid #CCC;
 font-family:lucida grande, verdana, arial;
 font-size: px;
 padding: 2px;
 color:#3b81b6;
 }
 
 #prodpad {padding-left:15px; padding-right:15px;}
 
/*-----------------------------------------------------------------------------------------                                                                                   /*------ CLASSES
	Classes - Global classes that style the entire document
	----------------------------------------------------------------------------------------*/

/************* Navigation Styling */

.nav {
	font-family:lucida grande, verdana, arial;
	color:#FFFFFF;
	font-size:85%;
	text-align:center;
	font-size:80%;
}
	
.nav a {
	font-family:lucida grande, verdana, arial;
	color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	font-weight:300;
	font-size:80%;
}
	
.nav a:hover {
	font-family:lucida grande, verdana, arial;
	text-decoration:underline;
	font-size:80%;
}
	
.normal {
	font-size:70%;
	line-height:15px;

}
	
#homeLeft.normal ul{
	margin-left:0px;
	padding-left:20px;
}




.utilities {font-size:9px; color:#3e87bd;}
.utilities a{font-size:9px; color:#3ea2db; text-decoration:none;}
.utilities a:hover{font-size:9px; color:#FFFFFF; text-decoration:underline;}

.rss {color:#999999; font-size:70%;}
.rss a {color:#3d85bb; text-decoration:none;}
.rss a:hover {color:#3d85bb; text-decoration:underline;}
.rssheader {color:#003366; font-size:75%; font-weight:bold;}

.breadcrumbs {color:#0099FF; font-size:9px;}
.breadcrumbs a{font-size:9px; text-decoration:none;color:#999999; padding-left:1px;padding-right:1px;}
.breadcrumbs a:hover{text-decoration:underline;}

.localnav {font-size:9px; list-style:square; line-height:17px;}
.localnav li {font-size:9px;}
.localnav ul li{font-size:9px;}

.imgborder {
	padding:1px;
	border: 1px solid #CCCCCC;
	}

.imgmenu {font-size:9px; color:#0099FF;}
.imgmenu a{font-size:9px; text-decoration:none;color:#999999; padding-left:1px;padding-right:1px;}
.imgmenu a:hover{text-decoration:underline;}
	
#divide {background-color:#CCCCCC; height:2px; margin:3px;}





/*-----------------------------------------------------------------------------------------
	Local SILO Navigation 
	----------------------------------------------------------------------------------------*/



#localnav{
	background-color:#EEEEEE;
	padding-top:2px;
	padding-bottom:10px;
	float:left;
	width:182px;
	padding-bottom:20%;
	}

#localnav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#localnav li {
	font-size:11px;
	padding:0px 10px 2px 10px;
	margin-bottom: 5px;
	}
	
/* following fixes spacing problem in IE6 */
*html #localnav li{
	font-size:11px;
	padding:0px 10px 2px 10px;
	height:10px;
	}
/* *:first-child+html #localnav li {
	height:10px;
	} */

#localnav li a {
	color:#333333;
	text-decoration:none;
	}
	
#localnav li a:hover{
	text-decoration:underline;
	color:#123b5b;
	}

#localnav .emphasis {
	list-style-type:none;
	color:#3d85bb;
	margin-left:10px;
	text-indent:2px; /* indent bullet */
	background: url(../images/lightblue_square.jpg) no-repeat 0 50%;
	}
	
#localnav .emphasis a {
	color:#3d85bb;
	text-decoration:none;
	}
	
/*#localnav h2 {padding:3px; background-color:#DADADA; border-color:1px solid #DADADA; margin: 4px 2px 4px 2px;
	}*/
	
#localnav h1 {
	padding:3px; 
	background-color:#DADADA; 
	border-top:1px solid #BABABA; 
	border-bottom:1px solid #BABABA;
	margin: 4px 2px 4px 2px;
	color:#123b5b;
	font-size:13px;
	font-weight:bold;
	}
	
#localnav h2 {
	padding:3px; 
	background-color:#DADADA; 
	border-top:1px solid #BABABA; 
	border-bottom:1px solid #BABABA;
	margin: 4px 2px 4px 2px;
	color:#333333;
	font-size:11px;
	}
	
#localnav .heading {
	padding:3px; 
	font-weight:bold;
	display:block;
	background-color:#DADADA; 
	border-top:1px solid #BABABA; 
	border-bottom:1px solid #BABABA;
	margin: 4px 2px 4px 2px;
	color:#333333;
	font-size:11px;
	}

#localnav h3 {
	font-size:11px;
	text-decoration:underline;
	border-color:1px solid #DADADA; 
	margin: 4px 4px 4px 2px;
	margin-left:0px;
	padding-left:0px;
	}
	
#localnav .heading2 {
	font-size:11px;
	text-decoration:underline;
	border-color:1px solid #DADADA; 
	margin: 4px 4px 4px 2px;
	display:block;
	margin-left:0px;
	padding-left:0px;
	font-weight:bold;
	color:#333333;
	}
/*-----------------------------------------------------------------------------------------
	LEFT SideBar Callout 
	----------------------------------------------------------------------------------------*/	


	
	
	

/* ---------------------------- */

/*-----------------------------------------------------------------------------------------                                                                                   /*------ CLASSES
	Hacks - 
	----------------------------------------------------------------------------------------*/

img { border: 0; }




/*-----------------------------------------------------------------------------------------
	News and Events Style
	----------------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------------
	Admin Style
	----------------------------------------------------------------------------------------*/	
.FieldTitle{
	
	font-size:12px;
	width:99%;
	}
.FieldTitle th{
	background-color:#123b5b;
	color:#CCCCCC;
	font-weight:100;
	font-size:12px;
	padding:4px;
	text-align:left;
	}
.FieldTitle td{
	padding-top:5px;
	padding-bottom:5px;
	}
	
.AdminActions{
	border-color:#123b5b;
	font-size:12px;
	width:100%;
	}

.AdminActions th{
	background-color:#123b5b;
	color:#CCCCCC;
	font-weight:100;
	font-size:14px;
	}

.AdminContent{
	font-size:12px;
	}

#AdminNav{
	margin-top:4px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#EEEEEE;
	text-align: left;
	}

#AdminNav li{
	list-style-type: none; 
	display: inline;
	padding-right:20px;
	}

#AdminNav li a {
	color:#FFFFFF;
	text-decoration: none;
	}
	
#AdminNav li a:link{
	color:#CCCCCC;
	}
	
#AdminNav li a:hover {
	color:#CCCCCC; 	
	}

	
/* ---------------------------- */


/*-----------------------------------------------------------------------------------------
	INCON Style
	----------------------------------------------------------------------------------------*/
	
	
#prsmain{
	margin:10px auto 0 auto;
	width:90%;
	padding:2px;
	}
	
#prsmain h1{
	padding:2px;
	padding-left:4px;
	margin:0px;
	font-weight:bold;
	font-size:18px;
	}
#indexproduct{
	width:715px;
	margin:0 auto 0 auto;
	height:80px;
	margin-top:5px;
	clear:both;
	border:1px solid #999999;
	background-color:#FFFFFF;
	}
#indexproduct img{
	float:left;
	padding-right:4px;
	padding-left:4px;
	margin-top:4px;
	

}

#indexproduct h3{
	margin-top:2px;
	padding-top:2px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:2px;
}
#indexproduct p{
	margin-top:0px;
	padding-top:0px;
	padding-top:2px;

}


.productwrap{
	width:725px;
	clear:both;
	border-bottom:1px solid #CCCCCC;
	}
#prsproduct{
	
	float:left;
	width:340px;
	margin:2px;
	padding:4px;
	}
	
#left{
	float:left;
	width:33%;
	margin:2px;
	
}

#right{
	float:right;
	width:66%;
	margin:2px;	
}

#minheight{
	min-height:500px;
}

*:first-child+html #minheight{
	min-height:500px;
}

#print_email {
	float:right;
	margin:2px;
	padding:7px;
	background-color:#eeeeee;
	font-size:11px;
	width:200px;
	}
	
#print_email a{
	text-decoration:none;
	}
	
#print_email a:hover{
	text-decoration:underline;
	}
	
#print_email img{
	vertical-align:middle;
	}
	
textarea {
	
	color:#000000 !Important;
	font-size: 12px !Important;
	font-weight:normal !Important;
	}
	
input {
	
	color:#000000 !Important;
	font-size: 12px !Important;
	font-weight:normal !Important;
	}
	
.Thankyou {
	font-family:Arial,Sans-Serif !Important;
	color:#000000 !Important;
	font-size:14px !Important;
	font-weight:normal !Important;
	}