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

/* colors

blue: 006fb9

*/

body {
	margin:0; padding:0;
	background:#FFF;
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.4em;
	}
	
p {line-height:1.3em; font-size:13px;}
	
	li {line-height:1.5em;}
	
	h1 {font-family:Helvetica, Arial, sans-serif; font-size:24px; font-weight:700; color:#006fb9; }
	h2 {font-family: Helvetica, Arial, sans-serif; font-size:18px; font-weight:700; color:#006fb9;}
	h3 {font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:700; color:#006fb9; margin:0px; line-height:1.3em; }
	h4 {font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:700; }
	
	hr {height:1px; width:98%; border:0;color:#c5dff0; background:#c5dff0; margin:10px 0px; padding:0;}

	a {text-decoration:underline; color:#693;}
	a:visited {color:#777;}
	a:hover, a:visited:hover {text-decoration:underline; color:#006fba;}
	
	sup {
	font-size: .8em;

	}
	
	#leftnav .callout {
		display:block;
		margin:3px 5px 5px 0px;
		background:#693;
		color:#FFF;
		padding:5px;
		font-weight:500;
		}
		
		.callout a {text-decoration:underline; color:#FFF;}
	.callout a:visited {color:#FFF;}
	.callout a:hover, .callout a:visited:hover {text-decoration:underline; color:#006fba;}
	
	.smalltext {font-size:11px;}
	.enlarge {margin:-2px 0 10px 0;}
	.lightBlue {background:#c6e0f1;}
	
	input.button {background-color:#006fb9; color:#FFF; border: 1px solid #c5dff0;cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:4px 8px; }


	

/* Site structure */
	#container {
		margin:0 auto; padding:0;
		width:950px;
		}
	#fullPage {
		float:left;
		width:950px;
		border-bottom:1px solid #c5dff0;
		padding-top:10px;
		}
/* Column Options */
	#oneColumn {
		float:left;
		width:950px;
		background:url("../images/backgrounds/oneCol.gif") repeat-y;
		}
	#twoColumn {
		float:left;
		width:950px;
		background:url("../images/backgrounds/sidebarCol.gif") repeat-y;
		}
	#largeSidebar {
		float:left;
		width:950px;
		background:url("../images/backgrounds/largeSidebar.gif") repeat-y;
		}
/* basic left column */
	#leftnav {
		float:left;
		width:208px;
		padding:10px 0px;
		}
		#leftnav hr {margin:5px 0px !important; margin:0px;}
		#leftnav h3 {margin-bottom:-10px;}
		.login {
			float:left;
			width: 430px;
			text-align:right;
			padding:5px 5px 0px 0px;
			}
		.askQuestion {
			float:left;
			width: 300px;
			
			}
		#questions {
		float:left;
		width:735px;
		background:#FFF;
		text-align:right;
		margin-left:-2px;
		border-bottom:5px solid white;
		}
		
		#main {
		float:left;
		width:733px;
		padding:0px 0px 0px 0px;
		}
	
	#globalnav {
		float:left;
		width:731px;
		height:35px;
		background:url(../images/backgrounds/top-nav.gif) repeat-x top left;
		}
		#globalnavHome {
		position:relative;
		z-index:200;
		width:731px;
		height:35px;
		background:url(../images/backgrounds/top-nav.gif) repeat-x top left;
		}
		
	.content {
		float:left;
		margin:0px 10px !important; margin:0px 5px;
		}
	#footer {
		float:left;
		width:940px;
		padding-top:10px;
		}
/* columns */
	#onlyOneCol {
			float:left;	
			width:711px;
			margin:0 0px 0 10px !important; margin:0px 0px 0px 5px;
			}
	#mainCol {
			float:left;	
			width:560px;
			margin:0 10px 0 10px !important; margin:0px 10px 0px 5px;
			}
	#sidebarCol {
			float:left;
			width:131px;
			margin:0; padding:0;
			}
/* columns for large sidebar page */
	#largeSidebarLeft {
		float:left;
		width:510px;
		border-top:1px solid #c5dff0;
		margin:0; padding:0;
		}
	#mainLargeSidebar {
		float:left;
		width:489px;
		margin:0 10px 0 10px !important; margin:0px 0px 0px 5px;
		}
	#largeSidebarCol {
			float:left;
			width:201px;
			margin:0; padding:0;
			border-top:1px solid #c5dff0;
			}
			
/* Home Page */

#homePhoto {
	position:relative;
	width:710px;
	margin-left:10px;

	z-index:80;
	}
#homeNav {
	position:relative;
	width:715px;
	height:96px;
	margin-top:-85px;
	margin-left:10px;
	z-index:100;
	}
	#homeTransport {
		float:left;
		width:355px; height:96px;
		}
	#homeWarehouse {
		float:left;
		width:355px; height:96px;
		}
		#homeNav a:hover {cursor:pointer;}
		/* must separate margin top measurements due to browser display quirks. first is Firefox, second IE6, last IE7 */
#homeLettuce {
	position:relative;
	z-index:90;
	width:711px;
	height:196px;
	color:#FFF;
	background:#006fb9;
	font-size:16px;
	font-weight:500;
	margin-left:10px;
	margin-top:-30px;
	.margin-top:-12px;
	_margin-top:-12px;
	
	}
	#homeLettuce h1 {margin:15px; padding-top:20px;} 
	#homeLettuce p {margin:15px;}
	
/* Secondary page formats */	

.blueTop {
	width:711px;
	background:#006fb9;
	padding-bottom:10px;
	margin-bottom:8px;
	margin-top:0px;
	border-top:1px solid #FFF;
	}
	
.warehouseTableCell {
		background:#e3f0f9;
		border-top:4px solid #006fb9;
		padding:2px 5px 5px 5px;
}

.warehouseTableCell ul {margin:0px; padding:0;}
	.warehouseTableCell li {line-height:1.2em; margin-left:17px;}
	
    /* for large sidebar page */
.blueTopSidebar {
	width:499px;
	background:#006fb9;
	padding-bottom:10px;
	margin:0 0 8px 0;
	margin-top:0px;
	border-top:1px solid #FFF;
	}
	.blueTop h1, .blueTopSidebar h1 {color:#FFF; margin:15px 17px 0px 17px; 
	}
	.blueTop h2, .blueTopSidebar h2 {color:#FFF; margin:10px 17px 10px 17px; font-weight:100; 
	}
	.bookmarks {margin:10px; color:#FFF; 
	}
	
	.bookmarks a {text-decoration:underline; color:#65b964;}
	.bookmarks a:visited {color:#65b964;}
	.bookmarks a:hover, .bookmarks a:visited:hover {text-decoration:underline; color:#FFF;}	

	.text {
	margin-top:15px;
	margin-left:15px !important; margin-left:10px;
	width:680px !important; width:650px;
	}
/* Section specific formatting */
	.transportation {
		background:#006fb9 url("../images/section-pages/transportationTop.gif") no-repeat bottom right;
		min-height:130px;
		}
		
	.transportation2 {
		background:#006fb9 url("../images/section-pages/transportationTop2.gif") no-repeat bottom right;
		min-height:130px;
		}
	.warehouse {
		background:#006fb9 url("../images/section-pages/warehouseTop.gif") no-repeat bottom right;
		min-height:90px;
		}
	
	.sectionTable h3 {margin-top:10px; margin-bottom:10px;}
	.sectionTable img {border:1px solid #c5dff0; padding:5px;}
	
	
.green {
	background:#9add9a;
	color:#006fb9;
	}
	.green a {text-decoration:underline; color:#006fb9;}
	.green a:visited {color:#006fb9;}
	.green a:hover, .green a:visited:hover {text-decoration:underline; color:#FFF;}
		
.giveFive {
	padding:5px;
	}
.giveTen {
	padding:10px;
	}
	
.productHighlights {
	background:#e3f0f9;
	padding:10px;
	}
	
/* Thumbnail popups */
.thumbnail{
position:relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -2000px;
border: 1px solid #006FB9;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 10px; /*position where enlarged image should offset horizontally */

}