/* ========================================================================== Inner Panel Headers ==========================================================================*/ .InnerPanel.about, .InnerPanel.history, .InnerPanel.staff, .InnerPanel.products, .InnerPanel.propane, .InnerPanel.refined, .InnerPanel.services, .InnerPanel.fuelsupport, .InnerPanel.lpexchange, .InnerPanel.leakcheck, .InnerPanel.install, .InnerPanel.support, .InnerPanel.fuelquote, .InnerPanel.projconsult, .InnerPanel.contactrep, .InnerPanel.newtank, .InnerPanel.contact, .InnerPanel.energyins, .InnerPanel.legalhead, .InnerPanel.safety, .InnerPanel.referfriend, .InnerPanel.mobileapps { background-repeat: no-repeat; background-position: bottom center; /* background-attachment: fixed; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; max-height: 650px; overflow-x: hidden; overflow-y: auto; clear: both; } .InnerPanel.about { background-image:url("../../images/headers/InnerHeader-About.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-About.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-About.jpg', sizingMethod='scale'); } .InnerPanel.history { background-image:url("../../images/headers/InnerHeader-History.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-History.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-History.jpg', sizingMethod='scale'); } .InnerPanel.staff { background-image:url("../../images/headers/InnerHeader-Staff.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Staff.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Staff.jpg', sizingMethod='scale'); } .InnerPanel.products { background-image:url("../../images/headers/InnerHeader-Products.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Products.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Products.jpg', sizingMethod='scale'); } .InnerPanel.propane { background-image:url("../../images/headers/InnerHeader-Propane.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Propane.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Propane.jpg', sizingMethod='scale'); } .InnerPanel.refined { background-image:url("../../images/headers/InnerHeader-RefinedFuels.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-RefinedFuels.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-RefinedFuels.jpg', sizingMethod='scale'); } .InnerPanel.services { background-image:url("../../images/headers/InnerHeader-Services.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Services.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Services.jpg', sizingMethod='scale'); } .InnerPanel.fuelsupport { background-image:url("../../images/headers/InnerHeader-FuelSupport.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-FuelSupport.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-FuelSupport.jpg', sizingMethod='scale'); } .InnerPanel.lpexchange { background-image:url("../../images/headers/InnerHeader-LPexchange.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-LPexchange.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-LPexchange.jpg', sizingMethod='scale'); } .InnerPanel.leakcheck { background-image:url("../../images/headers/InnerHeader-LeakChecks.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-LeakChecks.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-LeakChecks.jpg', sizingMethod='scale'); } .InnerPanel.install { background-image:url("../../images/headers/InnerHeader-Install.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Install.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Install.jpg', sizingMethod='scale'); } .InnerPanel.support { background-image:url("../../images/headers/InnerHeader-Support.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Support.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Support.jpg', sizingMethod='scale'); } .InnerPanel.fuelquote { background-image:url("../../images/headers/InnerHeader-FuelQuote.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-FuelQuote.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-FuelQuote.jpg', sizingMethod='scale'); } .InnerPanel.projconsult { background-image:url("../../images/headers/InnerHeader-ProjConsult.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ProjConsult.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ProjConsult.jpg', sizingMethod='scale'); } .InnerPanel.contactrep { background-image:url("../../images/headers/InnerHeader-ContactRep.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ContactRep.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ContactRep.jpg', sizingMethod='scale'); } .InnerPanel.newtank { background-image:url("../../images/headers/InnerHeader-NewTank.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-NewTank.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-NewTank.jpg', sizingMethod='scale'); } .InnerPanel.contact { background-image:url("../../images/headers/InnerHeader-Contact.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Contact.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Contact.jpg', sizingMethod='scale'); } .InnerPanel.energyins { background-image:url("../../images/headers/InnerHeader-EnergyInsights.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-EnergyInsights.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-EnergyInsights.jpg', sizingMethod='scale'); } .InnerPanel.legalhead { background-image:url("../../images/headers/InnerHeader-Legal.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Legal.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Legal.jpg', sizingMethod='scale'); } .InnerPanel.safety { background-image:url("../../images/headers/InnerHeader-Safety.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Safety.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-Safety.jpg', sizingMethod='scale'); } .InnerPanel.referfriend { background-image:url("../../images/headers/InnerHeader-ReferFriend.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ReferFriend.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-ReferFriend.jpg', sizingMethod='scale'); } .InnerPanel.mobileapps { background-image:url("../../images/headers/InnerHeader-MobileApp.jpg"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-MobileApp.jpg', sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/headers/InnerHeader-MobileApp.jpg', sizingMethod='scale'); } /* used for overlay on main header images */ #blackOverlay { background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%); opacity:0.0; position:absolute; top:0; width:100%; height:650px; } /* div to position copy */ .InnerPanel .textHolder { margin: 0 auto; position: relative; min-height: 650px;/*set to same as InnerPanel above */ max-width:700px;/*set so line breaks are nice */ } /* div copy goes in */ .InnerCopy { text-align: center; margin: 0 auto; position: absolute; top: 55%; transform: translateY(-50%); /*border: 1px solid #ffcc00;*/ width: 100%; } .InnerCopy h1 { font-size: 3.5em; line-height: 1.3em; font-family: "latoblack", sans-serif; font-weight: normal; color: #fff; text-shadow: 0px 1px 14px rgba(0, 0, 0, 1); margin:0; margin-bottom: 0.1em; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .innerior p { text-align: center; } @media only screen and (max-width: 74em) { .InnerPanel.about {background-image:url("../../images/headers/InnerHeader-About-Med.jpg");} .InnerPanel.history {background-image:url("../../images/headers/InnerHeader-History-Med.jpg");} .InnerPanel.staff {background-image:url("../../images/headers/InnerHeader-Staff-Med.jpg");} .InnerPanel.products {background-image:url("../../images/headers/InnerHeader-Products-Med.jpg");} .InnerPanel.propane {background-image:url("../../images/headers/InnerHeader-Propane-Med.jpg");} .InnerPanel.refined {background-image:url("../../images/headers/InnerHeader-RefinedFuels-Med.jpg");} .InnerPanel.services {background-image:url("../../images/headers/InnerHeader-Services-Med.jpg");} .InnerPanel.fuelsupport {background-image:url("../../images/headers/InnerHeader-FuelSupport-Med.jpg");} .InnerPanel.lpexchange {background-image:url("../../images/headers/InnerHeader-LPexchange-Med.jpg");} .InnerPanel.leakcheck {background-image:url("../../images/headers/InnerHeader-LeakChecks-Med.jpg");} .InnerPanel.install {background-image:url("../../images/headers/InnerHeader-Install-Med.jpg");} .InnerPanel.support {background-image:url("../../images/headers/InnerHeader-Support-Med.jpg");} .InnerPanel.fuelquote {background-image:url("../../images/headers/InnerHeader-FuelQuote-Med.jpg");} .InnerPanel.projconsult {background-image:url("../../images/headers/InnerHeader-ProjConsult-Med.jpg");} .InnerPanel.contactrep {background-image:url("../../images/headers/InnerHeader-ContactRep-Med.jpg");} .InnerPanel.newtank {background-image:url("../../images/headers/InnerHeader-NewTank-Med.jpg");} .InnerPanel.contact {background-image:url("../../images/headers/InnerHeader-Contact-Med.jpg");} .InnerPanel.energyins {background-image:url("../../images/headers/InnerHeader-EnergyInsights-Med.jpg");} .InnerPanel.legalhead {background-image:url("../../images/headers/InnerHeader-Legal-Med.jpg");} .InnerPanel.safety {background-image:url("../../images/headers/InnerHeader-Safety-Med.jpg");} .InnerPanel.referfriend {background-image:url("../../images/headers/InnerHeader-ReferFriend-Med.jpg");} .InnerPanel.mobileapps {background-image:url("../../images/headers/InnerHeader-MobileApp-Med.jpg");} /* set to make image scale on medium screens */ .InnerPanel.about, .InnerPanel.history, .InnerPanel.staff, .InnerPanel.products, .InnerPanel.propane, .InnerPanel.refined, .InnerPanel.services, .InnerPanel.fuelsupport, .InnerPanel.lpexchange, .InnerPanel.leakcheck, .InnerPanel.install, .InnerPanel.support, .InnerPanel.fuelquote, .InnerPanel.projconsult, .InnerPanel.contactrep, .InnerPanel.newtank, .InnerPanel.contact, .InnerPanel.energyins, .InnerPanel.legalhead, .InnerPanel.safety, .InnerPanel.referfriend, .InnerPanel.mobileapps { background-attachment: scroll;min-height: 300px; } /* smaller height */ .InnerPanel .textHolder { margin: 0 auto; position: relative; min-height: 500px; } /* div copy goes in */ .InnerCopy { text-align: center; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-55%); /*border: 1px solid #ffcc00;*/ width: 100%; } /*panel section headlines */ .InnerCopy h1 { font-size: 3em; margin: 0 20px 0 20px; color: #fff; text-shadow: 0px 1px 4px rgba(0, 0, 0, 1); } #blackOverlay { display: none; } } @media only screen and (max-width: 35em) { .InnerPanel.about{background-image:url("../../images/headers/InnerHeader-About-Sm.jpg");} .InnerPanel.history{background-image:url("../../images/headers/InnerHeader-History-Sm.jpg");} .InnerPanel.staff{background-image:url("../../images/headers/InnerHeader-Staff-Sm.jpg");} .InnerPanel.products{background-image:url("../../images/headers/InnerHeader-Products-Sm.jpg");} .InnerPanel.propane{background-image:url("../../images/headers/InnerHeader-Propane-Sm.jpg");} .InnerPanel.refined{background-image:url("../../images/headers/InnerHeader-RefinedFuels-Sm.jpg");} .InnerPanel.services {background-image:url("../../images/headers/InnerHeader-Services-Sm.jpg");} .InnerPanel.fuelsupport {background-image:url("../../images/headers/InnerHeader-FuelSupport-Sm.jpg");} .InnerPanel.lpexchange {background-image:url("../../images/headers/InnerHeader-LPexchange-Sm.jpg");} .InnerPanel.leakcheck {background-image:url("../../images/headers/InnerHeader-LeakChecks-Sm.jpg");} .InnerPanel.install {background-image:url("../../images/headers/InnerHeader-Install-Sm.jpg");} .InnerPanel.support {background-image:url("../../images/headers/InnerHeader-Support-Sm.jpg");} .InnerPanel.fuelquote {background-image:url("../../images/headers/InnerHeader-FuelQuote-Sm.jpg");} .InnerPanel.projconsult {background-image:url("../../images/headers/InnerHeader-ProjConsult-Sm.jpg");} .InnerPanel.contactrep {background-image:url("../../images/headers/InnerHeader-ContactRep-Sm.jpg");} .InnerPanel.newtank {background-image:url("../../images/headers/InnerHeader-NewTank-Sm.jpg");} .InnerPanel.contact {background-image:url("../../images/headers/InnerHeader-Contact-Sm.jpg");} .InnerPanel.energyins {background-image:url("../../images/headers/InnerHeader-EnergyInsights-Sm.jpg");} .InnerPanel.legalhead {background-image:url("../../images/headers/InnerHeader-Legal-Sm.jpg");} .InnerPanel.safety {background-image:url("../../images/headers/InnerHeader-Safety-Sm.jpg");} .InnerPanel.referfriend {background-image:url("../../images/headers/InnerHeader-ReferFriend-Sm.jpg");} .InnerPanel.mobileapps {background-image:url("../../images/headers/InnerHeader-MobileApp-Sm.jpg");} /* set to make image scale on medium screens */ .InnerPanel.about, .InnerPanel.history, .InnerPanel.staff, .InnerPanel.products, .InnerPanel.propane, .InnerPanel.refined, .InnerPanel.services, .InnerPanel.fuelsupport, .InnerPanel.lpexchange, .InnerPanel.leakcheck, .InnerPanel.install, .InnerPanel.support, .InnerPanel.fuelquote, .InnerPanel.projconsult, .InnerPanel.contactrep, .InnerPanel.newtank, .InnerPanel.contact, .InnerPanel.energyins, .InnerPanel.legalhead, .InnerPanel.safety, .InnerPanel.referfriend, .InnerPanel.mobileapps { background-attachment: scroll;max-height: 300px; } /* smaller height */ .InnerPanel .textHolder { margin: 0 auto; position: relative; min-height: 300px; } /* div copy goes in */ .InnerCopy { text-align: center; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); /*border: 1px solid #ffcc00;*/ width: 100%; } /*panel section headlines */ .InnerCopy h1 { font-size: 1.8em; margin: 0 40px 0 40px; text-shadow: 0px 1px 4px rgba(0, 0, 0, 1); } } /* ========================================================================== Light Panel Modifications ==========================================================================*/ /* Add background to inner pages */ #lightcontainer.inner { max-width: 100%; margin: 0 auto; background-image: url("../../images/SwirlBG.jpg"); background-position: bottom center; background-repeat: no-repeat; } /* Modify Image on Main Section Of Page */ .mainbodycontainer { margin: 50px 0 50px 0; clear: both; } .mainbodyimage { border-radius: 12px; margin: 20px 0 20px 0; } @media only screen and (max-width: 74em) { .mainbodycontainer { margin: 0; } } /* Horizontal Rule with More Padding */ hr.lightmorepad {display: block;height: 1px;border: 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #fff;margin: 0 auto;margin: 50px 0 50px 0;padding: 0;float:left;clear: both;width: 100%;} p.small { font-size: 1em; } p.small strong { font-family: "open_sansbold", sans-serif; } p.proddetails { font-size: .9em; line-height: 1.8em; } /* used for product icons */ .prods { height: 130px; padding: 0 0 10px 0; } /* Smaller Image Body Controller */ .smallbodyimage { border-radius: 12px; /* margin: 20px 0 20px 0; */ } @media only screen and (max-width: 74em) { .smallbodyimage { border-radius: 12px; max-width: 50%; display: block; margin: 0 auto; /* padding: 20px 0 20px 0; */ } } @media only screen and (max-width: 35em) { .smallbodyimage { border-radius: 12px; max-width: 100%; display: block; margin: 0 auto; } } /* ========================================================================== Gradient Highlight Call Out Box ==========================================================================*/ .highlightCallOut { text-align: left; margin: 50px 0 50px 0; border-radius: 12px; padding: 20px; background: rgb(204,51,51); background: linear-gradient(90deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%); } .highlightCallOut .col-2 { margin: 0 auto; text-align: center; margin-top: 20px; } .highlightCallOut h4, .highlightCallOut p { color: #fff; text-align: left; } /* used for install icon */ .highlightCallOut .install, /* used for bulk transport icon */ .highlightCallOut .bulk, /* used for summer fill icon */ .highlightCallOut .summerfill, /* used for temporary storage icon */ .highlightCallOut .tempstore { width: 120px; height: 120px; position:relative; top:-10px; left:0px; } @media only screen and (max-width: 74em) { .highlightCallOut h4, .highlightCallOut p { color: #fff; text-align: center; } .highlightCallOut .span1 { width: 50%; margin: 0 auto; } } @media only screen and (max-width: 35em) { .highlightCallOut { text-align: left; margin: 50px 0 50px 0; border-radius: 12px; padding: 20px; background: rgb(204,51,51); background: linear-gradient(180deg, rgba(204,51,51,1) 0%, rgba(119,59,103,1) 37%, rgba(40,66,151,1) 100%); } .highlightCallOut .span1 { width: 100%; margin: 0 auto; } } /* ========================================================================== Our Staff ==========================================================================*/ /* Paragraph General Links */ p.staff { font-size: 1em; line-height: 1em; text-align: center; color: #58585b; margin-bottom: .5em; } p.staff a:link, p.staff a:active, p.staff a:visited {color: #58585b;font-weight: regular;text-decoration: none;} p.staff a:hover {color: #6ab4c6;text-decoration: none;} img.staff { margin: 0 auto; display: block; max-width: 100%; padding: 50px 0 0 0; } @media screen and (max-width: 74em) { img.staff { max-width: 50%; } } @media screen and (max-width: 35em) { img.staff { max-width: 65%; } } img.staffpopup { margin: 0 auto; display: block; max-width: 200px; padding: 50px 0 0 0; } .popupcontainer { padding: 0 40px 0 40px; } /* ========================================================================== Energy Insights ==========================================================================*/ h4.postheadline { text-align: left; } p.posterinfo { font-size: .9em; line-height: 1em; text-align: left; } p.thepost { text-align: left; } @media only screen and (max-width: 35em) { h4.postheadline { text-align: center; } p.posterinfo { font-size: .9em; line-height: 1em; text-align: center; } p.thepost { text-align: center; } } /* ========================================================================== Legal Pages ==========================================================================*/ .terms p { font-size: 1em; } .terms p.mice { font-size: .85em; line-height: 1.5em; } .terms h4 { padding-top: 20px; } .terms strong { font-family: "open_sansbold", sans-serif; } /* ========================================================================== Return Panel ========================================================================== */ .returnpanel {background:#f3f3f3;height: 60px; padding: 15px 0 0 20px;color: #fff;}/* red a73439 */ .returnpanel p {font-size: 1em;line-height: 2em;text-align: left; margin-bottom: 1.5em;color: #888;} .returnpanel p a:link, .returnpanel p a:active, .returnpanel p a:visited {color: #777;font-weight: regular;text-decoration: none;} .returnpanel p a:hover {color: #000;text-decoration: none;} #return { padding-left: 10px; } #return:before { font-family: "fontello"; float:left; content: "\e812"; } @media only screen and (max-width: 74em) { .returnpanel { padding-left: 20px; } .returnpanel p {text-align: center;} #return:before { font-family: "fontello"; float:none; content: "\e812"; padding-right: 10px; } } @media only screen and (max-width: 35em) { } /* ========================================================================== Notes Alert Panel ========================================================================== */ #NoteContainer { margin: 30px 0 30px 0; } #NoteInner { width: 70%; margin: 10px 0 10px 0; padding: 20px 0 20px 0; background-color:#eed202; clear: both; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display:block; margin:0 auto; } .alert { font-family: "opensanslight", sans-serif; font-size: 1em; color: #333; margin:0; text-align: center; } p.alert {font-size: 1.2em;line-height: 2em;text-align: center; color: #333;} p.alert a:link, p.alert a:active, p.alert a:visited {color: #333;font-weight: regular;text-decoration: none;} p.alert a:hover {color: #333;text-decoration: underline;} p.alert strong { font-family: "open_sansbold", sans-serif; } @media screen and (max-width: 35em) { #NoteInner { width: 100%; margin: 10px 0 10px 0; padding: 20px 0 20px 0; clear: both; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display:block; margin:0 auto; } .alert { font-size: .85em; font-weight: normal; margin:0; text-align: center; } } /* ========================================================================== General Lists ========================================================================== */ #genlist { color: #58585b;/* was b2b2b2 */ text-decoration: none; margin-left: 0; padding-left: 0; list-style: none; margin-bottom: 40px; } #genlist.smWidth { max-width: 80%; margin: 0 auto; } #genlist li { line-height: 1.9em; background-position: 0; margin-bottom: 5px; border-bottom: 1px solid #e9e9e9;/* was e1e1e1 */ padding: 10px 0 10px 0; text-align: center; } /* the first child */ #genlist li:first-child { border-top: none; } /* the last child */ #genlist li:last-child { border-bottom: 1px solid #e9e9e9;/* was e1e1e1 */ } /* the last child pricing note - no border */ #genlist li.noBorder { border-bottom: none; } /* change color of pricing note */ #genlist li.note { color: #965181; } #genlist li b { font-weight: bold; } /* the last child */ #genlist li:last-child { border-bottom: none;/* was e1e1e1 */ } @media only screen and (max-width: 74em) { #genlist li { font-size: .9em; } #genlist.smWidth { max-width: 100%; } } @media only screen and (max-width: 35em) { } /* ========================================================================== Mobile Application Page ========================================================================== */ /* spacer for main images */ .mobileappspacer { padding: 2rem 0; } /* control app store badge size */ .app-store-badge { max-width: 200px; } /* app store badge list */ .app-badge-holder { max-width: 100%; margin: 0 auto; text-align: center; } .app-badge-holder ul { list-style-type: none; } .app-badge-holder li { display: inline; padding-right: 30px; } .app-badge-holder li:last-child { padding-right: 0; } @media only screen and (max-width: 35em) { .app-badge-holder li { display: block; padding: 0; padding-bottom: 10px; } .app-badge-holder li:last-child { padding-bottom: 0; } }