#footerwrap {text-align:center;width:100%;}
body { padding:0px; border-style:solid; border-width:5px 0px 0px 0px; border-color:#4C1B1B; background-color:#e0e0e0; background-repeat:repeat; background-position:left top; text-align:left; font-size:12px; font-family:Open Sans;} 
body table { text-align:left;}
#searchContainer { position:absolute; top:10px; right:10px; float:left;} 
h1 { font-size:36px; font-weight:normal;} 
.webDugoutLink { font-size:12px;} 
h2 { font-size:30px; font-weight:normal;} 
h3 { font-size:24px; font-weight:normal;} 
h4 { font-size:21px; font-weight:normal;} 
h5 { font-size:18px; font-weight:normal;} 
#pageContainer { width:100%;margin:0 auto;} 
#header { width:1170px; height:213px; background-image:url('/images/116326/layout/web_headerBg.png'); background-repeat:repeat-x; position:relative; display:block; z-index:99;} 
#columnsContainer { width:1170px;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:100%; min-height:400px; background-color:#FFFFFF; position:relative; float:left;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footerwrap { width:100%; background-color:#192B33;} 
#footer { width:1170px; display:block; clear:both; line-height:1.75; font-size:14px; color:#FFFFFF;} 
#Navigation-9020 { width:1170px !important; position:absolute; top:168px;} 
#Navigation-9020 ul li a { width:167px !important; height:45px; display:table-cell; vertical-align:middle; text-align:center; font-size:16px;} 
#Navigation-9020 ul li a:hover { background-color:#ECECEC;}
#Navigation-9020 ul li a.hover { background-color:#ECECEC;cursor:pointer;}
#Navigation-9021 ul li a { line-height:1.75;} 
#Navigation-9021 ul li a.hover {cursor:pointer;}
#Navigation-9022 ul li a { line-height:1.75;} 
#Navigation-9022 ul li a.hover {cursor:pointer;}
/*---------------------- UNIVERSAL ----------------------*/

#slideOverlayContainer_c iframe {border: none; width: 100%; height: 100%;}
#searchContainer {display: none;}
#maincolumn {width: 1170px !important; float: none; margin: auto; padding: 12px 15px;}
#sliderContainer {width: 100%; height: 431px; background: rgba(25, 43, 51, 0.4);}
#slider {width: 1170px; margin: auto;}
p, li, a {font-family: 'Raleway', sans-serif; line-height: 1.5;}
h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif; font-weight: 700; color: #192b33; line-height: 1.5;}
p {color: #3a3a3a;}
#maincolumn p, #maincolumn a {font-size: 18px; text-decoration: none;}
#Navigation-9020 a {color: #000 !important;}
a {color: #ff7f00;}
a:hover {text-decoration: underline;}
/*.clearFloat {clear: both; display: none;}*/
.titleCell {padding: 36px 15px;}
.contentCell {padding: 0 15px;}
#maincolumn li {font-size: 21px;}
#header td:first-child {padding-top: 24px;}
#header td:first-child h3 {font-family: 'Open Sans', sans-serif; color: #868686 !important;}
#header td:last-child {text-align: right; position: relative;}
/*#header td:last-child h2, #header td:last-child h4 {color: #4c1b1b !important;}*/
.btn, #contactForm input.buttonSubmit {display: block; width: 250px; height: 48px; border: none; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; font-size: 20px; color: #000; background: #ffd933; vertical-align: middle; padding-top: 8px; border-radius: 8px; border-bottom: 4px solid #192B33; text-decoration: none !important; webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.btn:hover {background: #edc938;}
#header .btn {margin-top: 18px;}
/*#bucketsContainer {background: #4c1b1b;}*/
#bucketsContainer td {padding: 36px 15px;}
/*#bucketsContainer td h3, #bucketsContainer td p {color: #fff;}*/
#bucketsContainer a, #bucketsContainer i {color: ##FF7F00 !important;}
.dividerContainer {text-align: center; margin-top: 36px; margin-bottom: 36px;}
.dividerImg {vertical-align: middle;}
.hrStyle {width: 32%; display: inline-block; padding: 0 15px;}
.hrStyle hr {border-top: 1px solid #bd8d46;}
#footer td h1, #footer td h2, #footer td h3, #footer td h4, #footer td h5, #footer td p, #footer td a, #footer td a:visited,#footer td i {margin: 0; color: #c6c6c6;}
#footer td p, #footer td a {font-size: 14px;}
#footerHeader td:last-child {text-align: right;}
.hrCell {padding: 0 15px;}
#secWebDugout a, #secWebDugout a:visited, #secWebDugout {color: #c6c6c6 !important; font-size: 12px !important;}
#socialMediaIcons_header {position: absolute; bottom: 18px; right: 15px;}
#socialMediaIcons_footer {margin: auto;}
.socialMedia_circle {display: inline-block; padding-top: 5px; text-align: center; border-radius: 50%; behavior: url(PIE.htc); width: 40px; height: 40px; margin-left: 6px;}
.socialMedia_circle {font-size: 21px !important;}
.socialCircle_header {border: 2px solid #bd8d46;}
.socialCircle_footer {border: 2px solid #c6c6c6; margin: 12px 3px; line-height: 1.2 !important;}
.socialCircle_header i {color: #bd8d46 !important;}
.socialCircle_footer i {color: #c6c6c6 !important;}
#UpdatePanel1 #contactForm {display: none;}
.mobileBreak_resp {display: none;}
#galleryImages li {margin: 12px 15px; width: 258px;}
#slideOverlayContainer_c {display: none;}
#home-fuel-prices {height: 259px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; line-spacing: }
#home-fuel-prices h5 {margin: 4px; color: #fff;}
#newsletterContainer .newsletterBox {max-width: 240px; margin: auto; border: none; padding: 6px;}
#newsletterContainer .buttonSubmit {background: #ececec; margin-top: 6px; width: 100%; max-width: 150px; border: none; border-radius: 6px; padding: 6px; background: #ff7f00; color: #fff; font-size: 14px;}
#UpdatePanel1 #slideOverlayContainer_c {display: none !important;}
#header {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}


/*---------------------- CONTACT FORM ----------------------

#formContainer {width: 360px; margin: auto; padding: 12px 15px;}
#formContainer hr {border: none; border-top: 1px solid #3a3a3a;}
#contactForm input, #contactForm textarea, #contactForm select {width: 100%; border-radius: 3px; margin-top: 4px; font-size: 16px; font-family: arial, sans-serif;}
#contactForm {color: #3d3d3d; font-size: 16px;}
.cformlabel {width: 100%;}
#contactForm input, #contactForm select, #MainContent_ctl00_btnformSubmit {height: 38px;}
.errorRequired {position: absolute; top: 0; right: 0;}
#.fRow {margin: 8px 0;}
#formContainer_custom p {margin: 0;}
#MainContent_ctl00_btnformSubmit {font-family: 'Michroma', sans-serif !important; font-size: 18px; font-weight: bold; background: #e50808; border: none; color: #fff;}
#MainContent_ctl00_Label1 {display: none;}
input#MainContent_ctl00_btnformSubmit {width: 170px;}*/


/*---------------------- 800 ----------------------*/

@media handheld, only screen and (max-width:800px) {
#header {height: auto; background: #fff;}
body {border: none;}
.contentCell {margin: 18px 0; text-align: center !important;}
.contentCell img {}
td {text-align: center !important;}
#socialMediaIcons_header {display: none;}
#slider {width: auto;}
#maincolumn {width: auto !important;}
.btn {margin: auto; margin-top: 12px;}
#footerHeader td {text-align: center !important}
#quickLinks, #quickLinks_2 {display: none;}
.titleCell {margin-top: 15px !important; margin-bottom: 15px !important; margin-left: auto !important; margin-right: auto !important;}
.titleCell {padding: 0;}
.mobileBreak_desktop {display: none;}
.mobileBreak_resp {display: inherit;}
#shelves {margin: auto;}
table#shelves td {text-align: left !important;}
.cartNav {float: none;}
#newsletterContainer .newsletterBox {display: block;}
}

/*---------------------- 500 ----------------------*/

@media handheld, only screen and (max-width:500px) {
.hrStyle {display: none;}
}

/*---------------------- MOBILE NAV ----------------------*/

.slicknav_menu {background: #192b33;}
.slicknav_btn {background-color: #192b33;}
.slicknav_nav ul li {border-top: 0; border-bottom: 0; background: #192b33;}
.slicknav_nav a {color: #fff;}
.slicknav_nav a:hover {text-decoration: none; background: #24404c; color: #fff;}
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}
.slicknav_nav ul li ul {background-color: #192b33;}
.slicknav_item:hover {background: #24404c !important; color: #fff !important;}
.slicknav_nav ul li ul li:first-child {border: 0;}
.slicknav_nav ul li ul li a:hover {background-color: #192b33;}

/*------ Fuel Checkout Pages ------*/

/* Checkout pages fix */

/*.modal-body {display: none;}*/
.DDLLayout {margin-left: unset;}
.OrderPreviewContainer {top: 250px;}
input.phoneX {max-width: 60px !important;}

@media handheld, only screen and (max-width: 800px) {
input.phoneX {width: 60px;}
#MainContent_ctl00_secContactForm input[type="text"], textarea, select, #MainContent_LoginUser_Password, #MainContent_Password, #MainContent_ConfirmPassword {width: unset;}
#contactForm textarea {width: 100% !important;}
.OrderPreviewContainer {display: none;}
}

@media handheld, only screen and (min-width:801px) {
#header, #pageContainer, #footerwrap {min-width: 1170px;}
#columnsContainer, #footer {max-width: 100%;}
#header {max-width: 100%;}
#header .btn, .cartNav {float: right;}
}

@media handheld, only screen and (min-width: 801px) {
.RadComboBox{padding: 10px;}
#MainContent_Password, #MainContent_ConfirmPassword, select, .RadComboBox {
 max-width: 220px;}
#MainContent_secEnterUser {max-width: 510px;}

/*registration*/
#MainContent_secBilling input[type="text"], #dvRegisterLeft input[type="text"], #ctl00_MainContent_controlAddress1_DDLCounties, #ctl00_MainContent_controlAddress1_DDLCities_Input, #ctl00_MainContent_controlAddress1_DDLCities {max-width: 165px;}

/**orderForm**/
input#MainContent_controlOilOrderForm_txtCrossStreet {height: 30px;}
div#MainContent_PreviewContainer {overflow: hidden; background-color: #e2e2e2; padding: 10px;}
.fRow.tanksizeContainer, div#MainContent_buybydollaramount, .fRow.quantityContainer {color: #000;}
.fRow.quantityContainer {background-color: #838383;}
/*div#MainContent_buybydollaramount {background-color: #b3b3b3;}*/
.fRow.tanksizeContainer {background-color: #9e9d9d;}
/*div#optionContainer .fRow {padding: 15px; float: left; width: 50%; height: 200px;}*/
.orSplitter {display: none;}
div#optionContainer {position: relative;}
div#MainContent_PriceListContainer {overflow: hidden;}
table#MainContent_controlCart1_gvCart td:nth-child(2), table#MainContent_controlCart1_gvCart th:nth-child(2) {display: none}
#formContainer {width: 700px;}
#contentContainer {margin-top: -63px;}
}

.content.logo img {position: absolute; top: 0px; left: 0px;}
#MainContent_controlOilOrderForm_imgHomeLayout {width:296px; height:211px;}
#maincolumn h1 {font-size: 40px; font-family: arial;}
.locationContainer .errorMessage {transition: display 500ms ease-in-out; border: 1px solid rgb(253, 157, 157); color: red; background: #FFCFCF; padding: 4px;}
.locationContainer .fRow {height: 37px;}
#controlCartLink1_lnkShoppingCart {display: none;}

/*------ #Page Section ------*/

/* hide modal popup */
.modal.fade {display: none;}
#MainContent_secEnterUser {background-color: #eee;}

/*register*/
#MainContent_secBilling input[type="text"], #dvRegisterLeft input[type="text"], #ctl00_MainContent_controlAddress1_DDLCounties, #ctl00_MainContent_controlAddress1_DDLCities_Input, #ctl00_MainContent_controlAddress1_DDLCities {width: 100%!important;}

/* order form */
span.optionN {font-weight: bold; font-size: 18px; color: #0D151B; border-bottom: 1px solid; width: 100%; display: inline-block; margin-bottom: 5px;}
.selectTitle {font-family: impact; font-weight: normal; text-transform: uppercase; font-size: 20px; margin: 5px 0px; display: inline-block;}
.orSplitter {text-align: center; margin: 10px 0px;}
div#MainBtnContainer {display :none;}
div#optionContainer input {display: block;}
#MainContent_OrderFormContainer #formContainer .fRow {font-size:14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.DDLLayout {margin: 10px 0px;}

/*--- receipe ---*/

.OrderPreviewContainer legend {border-bottom: 1px dashed #ccc;}
.OrderPreviewContainer {margin-bottom: 20px; top: 354px; max-width: 270px; box-shadow: 1px 1px 2px #ececec;}

#MainContent_OrderPreviewContainer .fRow:nth-child(odd) {background-color: #ececec; padding:5px;}
#MainContent_OrderPreviewContainer .fRow {font-size:14px; font-weight: normal;}

/*---information---*/
#MainContent_controlOilOrderForm_txtSpecialInstructions, #MainContent_controlOilOrderForm_TxtHDesc {height: 40px;}
#MainContent_txtGallons, #MainContent_txtCash {height: 30px}
.RadComboBox {padding: 0px;}
#formContainer h4 {padding: 10px!important;}
.locationContainer legend, .PriceListContainer legend, #formContainer h4 {color:#23303A; font-family: impactregular; font-weight: normal; text-transform: uppercase; padding-left: 10px; font-size: 24px; border: 0px; margin-bottom: 0px;}
.PriceListContainer {padding: 15px; background: #ececec;}
.PriceListContainer .RadGrid_Default {color: #fff!important; background: none!important; border: 0px!important;}
.PriceListContainer .rgMasterTable {margin-bottom: 20px; border-collapse:collapse; background: #192B33;}
.PriceListContainer .rgMasterTable td {font-size: 14px; border-bottom: 0px!important; color: #b9b9b9; padding: 10px!important;}
.PriceListContainer .rgMasterTable .rgHeader{border-left: 0px!important;}
.PriceListContainer .rgMasterTable th {border-bottom: 1px solid #334452!important; color: #FFF!important; text-transform: uppercase; font-weight: bold!important; background-color: #0D151B; padding: 10px!important;}
.PriceListContainer .rgMasterTable .rgRow td, .PriceListContainer .rgMasterTable .rgAltRow td {border-left: 0px!important;}
.PriceListContainer .rgMasterTable td:nth-child(2) {background-color: rgba(255,255,255,.1);}
.PriceListContainer .rgMasterTable th {background: #ff7f00;}
.PriceListContainer .rgMasterTable .rgAltRow{background-color: #0D151B!important;}
.PriceListContainer .fRow{border: 1px solid #D3D3D3; padding: 5px; background-color: #ddd;}
.fRow.cashContainer {padding: 0px!important;}
span#MainContent_Label1 {margin-bottom: 21px; display: inline-block;}
span#MainContent_lblCash {display: block;}
#optionContainer input[type="text"] {width: 100%!important;}
select#MainContent_ddlTankSize {max-height :30px; max-width: 100%;}

/* General responsive */

@media handheld, only screen and (max-width: 1000px) {
.OrderPreviewContainer {position: static; float: none; max-width: 100%;}
div.OrderPreviewContainer div.fRow {text-align: left !important;}
}

@media handheld, only screen and (max-width: 800px) {
.formBox div, .register div, .myAccountContent div {text-align: left !important;}
#MainContent_ctl00_secContactForm input[type="text"], textarea, select, #MainContent_LoginUser_Password, #MainContent_Password, #MainContent_ConfirmPassword {width: unset !important;}
}


/* Contact form */

#UpdatePanel1 div#contactForm {display: none;}
#contactForm {width: 100%; max-width: 500px; margin: 24px auto;}
#contactForm .fRow {position: relative; margin: 8px 0;}
#contactForm input, div#contactForm textarea, div#contactForm select {width: 100%; margin: 4px 0; padding: 12px; font-size: 1em; border-radius: 4px;}
#contactForm input:not([type="submit"]):focus, div#contactForm textarea:focus, div#contactForm select:focus {box-shadow: inset 0px 0px 0px 2px #4e7ac7;} 
#contactForm span.cformlabel {font-size: 18px; width: 100%;}
#contactForm .errorRequired {position: absolute; top: 0; right: 0;}