/* Begin General Styles ///////////////////////////////////////// */

body, html {
	background: #fff url('../images/bg.gif') repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


fieldset, form {
	margin: 0;
	padding: 0;
	border: none;
}

fieldset br {
	clear: both;
}

.main-content fieldset p {
	float: left;
	padding: 0 15px 15px 0;
}

fieldset p input {
	width: 250px;
}

fieldset p.submit input {
	width: auto;
}

fieldset p input, fieldset p select, fieldset p textarea {
	border: 1px solid #ccc;
}

fieldset p label {
	display: block;
	font-weight: bold;
}

p {
	margin: 0;
}

.clear {
	clear: both;
}

.container {
	background: #fff url('../images/top_corner.gif') no-repeat;
	width: 932px;
	overflow: hidden;
	padding: 0 4px 0 4px;
}

.large {
	font-size: 25px;
	display: block;
	height: 43px;
}

.site-container {
	width: 940px;
	padding: 50px 23px 0 23px;
	background: url('../images/bubbles.gif') 100% 0 no-repeat;
	margin: auto;
	text-align: left;
}

.main-content fieldset .identi-pic a {
	color: #cc0000;
	margin-left: 8px;
	font-size: 12px;
}

.main-content fieldset .identi-pic img {
	float: left;
	border: 4px solid #fff;
	width: 64px;
	height: 64px;
}

.main-content fieldset .identi-pic select {
	width: 175px;
	float: right;
	margin-top: 14px;
	left: 5px;
}

/* End General Styles /////////////////////////////////////////// */



/* Begin Header Styles ////////////////////////////////////////// */

.header {
	height: 94px;
}

.header h1 {
	padding: 25px 0 0 21px;
	float: left;
}

.header h1, .header h2, h3, h4, h5 {
	margin: 0;
}

.header h1 a {
	background: url('../images/logo.gif');
	width: 151px;
	height: 44px;
}

.header h1 a, .header h2, .menu ul li a, .panel fieldset strong, .panel fieldset .dp-choose-date, .boxes .box .top, fieldset .dp-choose-date {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.header h2 {
	background: url('../images/tagline_home.gif') no-repeat;
	width: 231px;
	float: right;
	margin-top: 44px;
}

/* End Header Styles //////////////////////////////////////////// */



/* Begin Menu Styles //////////////////////////////////////////// */

.menu {
	background: url('../images/menu_bg.gif') no-repeat;
	overflow: hidden;
}

.news .menu, .contact .menu {
	background-color: #b5b5b5;
}

.menu, .menu ul, .menu .menu-content, .header h2, .menu ul li a {
	height: 33px;
}

.menu ul, .menu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	float: left;
	margin: 2px 0 0 2px;
}

.menu ul li.company {
	background: url('../images/button_company_lt.gif') no-repeat;
}

.menu ul li.company a {
	background: url('../images/button_company.gif') no-repeat;
	width: 80px;
}

.menu ul li.contact {
	background: url('../images/button_contact_lt.gif') no-repeat;
}

.menu ul li.contact a {
	background: url('../images/button_contact.gif') no-repeat;
	width: 93px;
}

.menu ul li.fleet {
	background: url('../images/button_fleet_lt.gif') no-repeat;
}

.menu ul li.fleet a {
	background: url('../images/button_fleet.gif') no-repeat;
	width: 106px;
}

.menu ul li.home {
	background: url('../images/button_home_lt.gif') no-repeat;
}

.menu ul li.home a {
	background: url('../images/button_home.gif') no-repeat;
	width: 59px;
}

.menu ul li.home a:hover, .home .menu ul li.home a, .menu ul li.company a:hover, .company .menu ul li.company a, .menu ul li.services a:hover,
.services .menu ul li.services a, .menu ul li.products a:hover, .products .menu ul li.products a, .menu ul li.fleet a:hover, .fleet .menu ul li.fleet a,
.menu ul li.news a:hover, .news .menu ul li.news a, .menu ul li.contact a:hover, .contact .menu ul li.contact a {
	background: none;
}

.menu ul li.news {
	background: url('../images/button_news_lt.gif') no-repeat;
}

.menu ul li.news a {
	background: url('../images/button_news.gif') no-repeat;
	width: 60px;
}

.menu ul li.products {
	background: url('../images/button_products_lt.gif') no-repeat;
}

.menu ul li.products a {
	background: url('../images/button_products.gif') no-repeat;
	width: 85px;
}

.menu ul li.services {
	background: url('../images/button_services_lt.gif') no-repeat;
}

.menu ul li.services a {
	background: url('../images/button_services.gif') no-repeat;
	width: 81px;
}



/* End Menu Styles ////////////////////////////////////////////// */



/* Begin Panel Styles /////////////////////////////////////////// */

.panel {
	border-bottom: 1px solid #ccc;
	height: 242px;
	background: url('../images/panel_home.jpg') no-repeat;
}

.company .panel {
	background: url('../images/panel_company.jpg') no-repeat;
}

.contact .panel {
	background: url('../images/panel_contact.jpg') no-repeat;
}

.fleet .panel {
	background: url('../images/panel_fleet.jpg') no-repeat;
}

.news .panel {
	background: url('../images/panel_news.jpg') no-repeat;
}

.products .panel {
	background: url('../images/panel_products.jpg') no-repeat;
}

.services .panel {
	background: url('../images/panel_services.jpg') no-repeat;
}

.interior .panel {
	height: 80px;
	padding: 25px 0 0 35px;
}

.interior.services .panel {
	height: 175px;
}

.panel fieldset {
	float: right;
	width: 223px;
	height: 200px;
	background: url('../images/panel_rt_bg.jpg') no-repeat;
	border: 1px solid #ccc;
	margin: 18px 40px 0 0;
}

.panel fieldset p {
	padding: 0 0 6px 40px;
}

.panel fieldset p input, .sidebar fieldset p input {
	width: 117px;
}

.panel fieldset p label, .sidebar fieldset p label {
	display: block;
	font-size: 13px;
	color: #333;
	font-weight: bold;
}

.panel fieldset strong {
	height: 40px;
}

.panel fieldset strong, .sidebar fieldset strong {
	background: url('../images/title_schedule.gif') 36px 11px no-repeat;
}

.sidebar fieldset strong {
	height: 48px;
}

.panel fieldset .dp-choose-date, body .panel fieldset .dp-choose-date {
	margin: -20px 0 0 125px;
	float: none;
}

.panel fieldset .dp-choose-date, .sidebar fieldset .dp-choose-date {
	float: right;
	width: 19px;
	height: 18px;
	background: url('../images/icon_calendar.gif') no-repeat;
	cursor: pointer;
}

.main-content fieldset .dp-choose-date, body .main-content fieldset .dp-choose-date {
	width: 19px;
	height: 18px;
	background: url('../images/icon_calendar.gif') no-repeat;
	cursor: pointer;
	float: none; 
	margin: -21px 0 0 257px;
}

.panel .left {
	display: none;
}

.interior .panel .left {
	display: block;
}

.interior .panel .left h3 {
	height: 51px;
}

.interior .panel .left h3, .sidebar fieldset strong, .sidebar fieldset .dp-choose-date, .sidebar ul li b, h4, .page-img {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.company .panel .left[class] h3 {
	background: url('../images/title_company.png') no-repeat;
}

.contact .panel .left[class] h3 {
	background: url('../images/title_contact.png') no-repeat;
}

.fleet .panel .left[class] h3 {
	background: url('../images/title_fleet.png') no-repeat;
}

.news .panel .left[class] h3 {
	background: url('../images/title_news.png') no-repeat;
}

.products .panel .left[class] h3 {
	background: url('../images/title_products.png') no-repeat;
}

.services .panel .left[class] h3 {
	background: url('../images/title_services.png') no-repeat;
}

.panel .submit {
	text-align: center;
}

/* End Panel Styles ///////////////////////////////////////////// */



/* Begin Content Styles ///////////////////////////////////////// */

.boxes {
	padding-top: 11px;
	border-bottom: 1px solid #ccc;
	width: 941px;
	height: 255px;
}

.boxes .box {
	float: left;
	background: url('../images/box_bg.gif') repeat-x;
	width: 305px;
	padding: 10px 0 0 0;
	margin-right: 9px;
}

.boxes .box.box3 {
	margin-right: 0;
}

.boxes .box p {
	color: #666666;
	font-size: 11px;
	padding: 14px 10px 0 14px
}

.boxes .box p a {
	font-weight: bold;
	color: #d02421;
}

.boxes .box p strong {
	color: #cc3333;
	font-size: 13px;
	letter-spacing: -1px;
}

.boxes .box .top {
	height: 116px;
}

.boxes .box1 .top {
	background: url('../images/icon_pacific.jpg') 50% 0 no-repeat;
}

.boxes .box2 .top {
	background: url('../images/icon_fina.jpg') 50% 0 no-repeat;
}

.boxes .box3 .top {
	background: url('../images/icon_green.jpg') 50% 0 no-repeat;
}

.dp-popup {
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
	width: 128px;
}

.dp-popup a {
	text-decoration: none;
	position: relative;
}

.dp-popup h5 {
	position: absolute;
	width: 128px;
	text-align: center;
	font-size: 14px;
}

.dp-popup h5, .dp-popup .selected {
	color: #cc3333;
}

.dp-popup .current-month {
	color: #333;
}

.dp-popup .current-month.weekday, .dp-popup .current-month.weekend {
	cursor: pointer;
}

.dp-popup .current-month.weekday.disabled, .dp-popup .current-month.weekend.disabled {
	color: #6c6c6c;
	cursor: text;
}

.dp-popup .dp-nav-next {
	float: right;
}

.dp-popup .dp-nav-next a, .dp-popup .dp-nav-prev a, .dp-popup .selected {
	color: #cc3333;
}

.dp-popup .dp-nav-prev {
	float: left;
}

.dp-popup .dp-nav-prev-year, .dp-popup .dp-nav-next-year {
	display: none;
}

.dp-popup .jCalendar {
	clear: both;
}

.dp-popup .other-month {
	color: #999;
}

.dp-popup .selected {
}

.main-content {
	width: 655px;
	float: right;
	padding: 22px 70px 0 0;
}

.contact .main-content.locations {
	padding-right: 0;
	width: 725px;
}

.main-content address {
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 165px;
}

.main-content h4 {
	height: 43px;
}

.archives h4 {
	background: url('../images/subtitle_archives.gif') no-repeat;
}

.associations h4 {
	background: url('../images/subtitle_associations.gif') no-repeat;
}

.disaster h4 {
	background: url('../images/subtitle_disaster.gif') no-repeat;
}

.fuel h4 {
	background: url('../images/subtitle_fuel.gif') no-repeat;
}

.history h4 {
	background: url('../images/subtitle_history.gif') no-repeat;
}

.locations h4 {
	background: url('../images/subtitle_locations.gif') no-repeat;
}

.lubricants h4 {
	background: url('../images/subtitle_lubricants.gif') no-repeat;
}

.map h4 {
	background: url('../images/subtitle_map.gif') no-repeat;
}

.mission h4 {
	background: url('../images/subtitle_mission.gif') no-repeat;
}

.oil-delivery h4 {
	background: url('../images/subtitle_oil_delivery.gif') no-repeat;
}

.other h4 {
	background: url('../images/subtitle_other.gif') no-repeat;
}

.pride h4 {
	background: url('../images/subtitle_pride.gif') no-repeat;
}

.products .fuel h4 {
	background: url('../images/subtitle_fuel0.gif') no-repeat;
}

.signup h4 {
	background: url('../images/subtitle_signup.gif') no-repeat;
}

.storage h4 {
	background: url('../images/subtitle_storage.gif') no-repeat;
}

.vision h4 {
	background: url('../images/subtitle_vision.gif') no-repeat;
}

.main-content li {
	background: url('../images/bullet.gif') 0 7px no-repeat;
	padding-left: 10px;
	line-height: 18px;
	padding-bottom: 20px;
}

.main-content p {
	padding: 0 0 20px 0;
}

.main-content p, .main-content ul {
	font-size: 14px;
	line-height: 24px;
}

.news .main-content p a {
	text-decoration: none;
}

.news .main-content p strong {
	color: #666666;
}

.news .main-content p a, .splash-box a, .main-content p a, .news .main-content p strong.blue, .news .main-content p a.blue strong {
	color: #cc3333;
}

.main-content .list-title {
	display: block;
	padding-bottom: 5px;
	font-size: 14px;
}

.main-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-content.associations ul {
	padding-top: 30px;
}

.main-content.associations li, .main-content.archives li {
	clear: both;
	line-height: normal;
	padding: 0 0 0 10px;
	height: auto !important;
	height: 50px;
	min-height: 50px;
	background: url('../images/bullet.gif') 0 6px no-repeat;
}

/* .main-content.associations li.last .icon {
	margin-bottom: 15px;
} */

.main-content .fleet-map {
	font-size: 12px;
}

.main-content .fleet-map a {
	color: #cc3333;
	text-decoration: none;
}

.main-content .fleet-map #map {
	width: 450px;
	height: 401px;
	border: 1px solid #ccc;
}

.main-content .fleet-map #map, .main-content .fleet-map #sideIcons {
	float: left;
}

.main-content .fleet-map #sideIcons {
	width: 190px;
	padding-left: 10px;
}

.main-content .highlite {
	font-size: 18px;
	color: #cc3333;
}

.main-content .icon {
	float: left;
	width: 160px;
	height: 72px;
	margin: -30px 20px 45px -10px;
}

.main-content .icon.calusa {
	background: url('../images/icon_calusa.gif') no-repeat;
}

.main-content .icon.club4h {
	background: url('../images/icon_4h.gif') no-repeat;
}

.main-content .icon.everglades {
	background: url('../images/icon_everglades.gif') no-repeat;
}

.main-content .icon.fpma {
	background: url('../images/icon_fpma.gif') no-repeat;
}

.main-content .icon.fngla {
	background: url('../images/icon_fngla.gif') no-repeat;
}

.main-content .icon.pbgcsa {
	background: url('../images/icon_pbgcsa.gif') no-repeat;
}

.main-content .icon.pbteta {
	background: url('../images/icon_pbteta.gif') no-repeat;
}

.main-content .icon.abc {
	background: url('../images/icon_abc.gif') no-repeat;
}

.main-content .icon.casf {
	background: url('../images/icon_casf.gif') no-repeat;
}

.main-content .icon.gcsa {
	background: url('../images/icon_gcsa.gif') no-repeat;
}

.main-content .icon.sccc {
	background: url('../images/icon_sccc.gif') no-repeat;
}

.main-content .icon.testa {
	background: url('../images/icon_testa.gif') no-repeat;
}

.main-content .icon.uca {
	background: url('../images/icon_uca.gif') no-repeat;
}

.main-content .icon, .subpanel {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.main-content .splash-box {
	background: url('../images/splash_bg.jpg') no-repeat;
	width: 388px;
	height: 129px;
	float: left;
	padding: 72px 50px 0 25px;
	margin-top: -30px;
}

.page-img {
	float: left;
	margin-right: 15px;
	width: 200px;
	height: 200px;
}

.disaster .page-img {
	background: url('../images/img_disaster.jpg') no-repeat;
	height: 270px;
}

.fuel .page-img {
	background: url('../images/img_delivery.jpg') no-repeat;
}

.history .page-img {
	width: 202px;
	height: 203px;
	background: url('../images/img_history.jpg') no-repeat;
}

.locations .page-img {
	float: none;
	background: url('../images/map.png') no-repeat;
	width: 621px;
	height: 401px;
	margin: 0;
}

.lubricants .page-img {
	float: right;
	background: url('../images/icon_lubricants.gif') no-repeat;
	width: 228px;
	height: 67px;
	margin: 0 0 0 10px;
}

.oil-delivery .page-img {
	background: url('../images/img_oil_delivery.jpg') no-repeat;
	height: 270px;
}

.other .page-img {
	width: 148px;
	height: 160px;
	background: url('../images/icon_additives.gif') no-repeat;
	margin-right: 0;
}

.pride .page-img {
	float: right;
	background: url('../images/icon_pride.gif') no-repeat;
	width: 211px;
	height: 153px;
	margin: 10px 0 0 0;
}

.products .fuel .page-img {
	background: url('../images/img_fuel.jpg') no-repeat;
	float: right;
	width: 210px;
	height: 210px;
	margin: 0 0 0 15px;
}

.storage .page-img {
	background: url('../images/img_storage.jpg') no-repeat;
	height: 250px;
}

.summary .page-img {
	width: 140px;
	height: 110px;
	background: url('../images/icon_fina.gif') 0 50% no-repeat;
	margin-right: 0;
}

.vision .page-img {
	width: 254px;
	height: 169px;
	background: url('../images/img_vision.jpg') no-repeat;
}

.search-results {
	font-size: 11px;
	color: #666666;
}

.search-results a {
	color: #cc3333;
}

.sidebar {
	float: left;
	width: 180px;
	height: auto !important;
	height: 100px;
	min-height: 100px;
	background: url('../images/sidebar_bg.gif') repeat-x;
	padding-bottom: 20px;
}

.sidebar fieldset {
	background: #e9e9e9 url('../images/form_top_bg.gif') repeat-x;
	border: 1px solid #ccc;
	width: 178px;
	text-align: left;
	padding-bottom: 8px;
}

.sidebar fieldset p  {
	padding: 0 0 15px 13px;
}

.sidebar fieldset strong {
	background-position: 13px 11px
}

.sidebar fieldset .dp-choose-date, body .sidebar fieldset .dp-choose-date {
	float: none;
	margin: -20px 0 0 125px;
}

.sidebar fieldset #product-type, .panel fieldset #product-type {
	width: 148px;
}

.sidebar fieldset .submit input {
	padding-left: 50px;
}

.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 15px 0;
}

.sidebar ul li {
	margin: 0;
	padding: 0;
	height: 24px;
	overflow: hidden;
}

.sidebar ul li a {
	display: block;
	font-size: 12px;
	color: #d02421;
	font-weight: bold;
	text-decoration: none;
	padding-left: 22px;
	line-height: 24px;
	height: 24px;
}

.sidebar ul li a b {
	float: left;
	width: 4px;
	height: 4px;
	background: #d02421;
	margin: 10px 4px 0 0;
}

.sidebar ul li a:hover b, .sidebar ul li a.active b {
	background-color: #666666;
}

.sidebar ul li a:hover, .sidebar ul li a.active {
	color: #666666;
}

.subpanel {
	height: 115px;
}

.mission .subpanel {
	background: url('../images/subpanel_mission.jpg') no-repeat;
}

.summary .subpanel {
	background: url('../images/subpanel_summary.jpg') no-repeat;
}

/* End Content Styles ///////////////////////////////////////// */



/* Begin Footer Styles /////////////////////////////////////// */

.footer {
	clear: both;
	text-align: center;
	padding-top: 12px;
	font-size: 11px;
	height: 80px;
	margin-bottom: 30px;
}

.footer, .footer a {
	color: #666666;
	text-decoration: none;
}

.interior .footer {
	border-top: 1px solid #ccc;
}

/* End Footer Styles ///////////////////////////////////////// */



