﻿@media screen {
body{ text-align:center;  }
img { border:none; }

#campbellPageContainer { text-align:left; width:1010px; margin-left:auto; margin-right:auto; }
#campbellLeftSide { width:950px; float:left; }
#campbellRightSide{ width:50px; float:left; }
#campbellPrintHeader { display:none; }
#campbellHeader{ width:950px; clear:both; background-color:#fff;  float:left; }
#campbellHeaderLogo { float:left; }

.campbellHeaderInfo { width:220px; text-align:right; background-color:#fff; float:right; }
#campbellBreadcrumbSearchBar { width:950px; background-color:#000; border-bottom:solid 1px #999; float:left; clear:both; }
#campbellBreadcrumb { padding:8px 0px 0px 33px; width:650px; float:left; }
#campbellSearchBox { padding:6px 0px 5px 0px; float:right; }
#campbellSearchBox input{ height:18px; font-size:9pt;}
#campbellSearch { padding:6px 12px 0px 0px; float:right; }

#campbellFooter { width:950px; background-color:#000; border-top:solid 1px #fff; float:left; clear:both; }
#campbellCopyright { padding:8px 0px 8px 33px; float:left; }
#campbellFooterLinks { padding:8px 12px 8px 0px; float:right; }

.headerPhoneBottomPadding { padding-bottom:25px; }

/* Middle Columns */

#campbellColumnContainer { width:950px; background:#AA2224; margin:auto; }
#campbellLeftColumn { width:246px; margin-left:-245px; padding-bottom:13px; position:relative; left:-2px; float:left; }
#campbellWrapper { background:#FFF; margin-left:246px; }
#campbellRightColumn{ width:704px; float:left; margin-right:-1px}/* contain cleared elements from clearing other floats*/
/* clear without structural mark-up from PIE website*/
.clearfix:after { content:" ";  display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

 /* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End Middle Column */

/* End Middle Column */

#campbellTopRedBar { width:100%; position:relative; right:1px; height:18px; background-color:#AA2224; float:left; clear:both; }

#campbellLeftColumnLinksBox { width:222px; margin:13px 0px 0px 13px; background-image:url(~/media/B464F7713B97461FA684B6EAFA4BEB32.ashx); background-repeat:no-repeat; line-height: 17px; float:left; clear:right;}
#campbellLeftColumnLinksBox2{ width:222px; min-height:406px; margin:0px 0px 0px 13px; padding-bottom:25px; background-image:url(~/media/B464F7713B97461FA684B6EAFA4BEB32.ashx); background-repeat:no-repeat; line-height: 17px; float:left; }

#campbellSubFooter { width:950px; background-image:url(~/media/79C8553155C347E3AD12895EF0A2F6A6.ashx); background-repeat:no-repeat; clear:both; float:left;  margin-bottom:20px; }
#campbellBellstoresLink { padding:8px 12px 0 0; float:right; }

/* Splash Styles */
#campbellSplashTopContainer { width:100%; min-height:297px; position:relative; right:1px; float:left;  background:url(~/media/DACDD42F2B3B42888FEED92576844782.ashx) bottom right no-repeat; background-color:#aa2224;}
#campbellSplashRight { width:357px; overflow:hidden; float:right; }
#campbellSplashLeft { width:347px; float:left; }

#campbellSplashBottomContainer { width:100%; min-height:240px; position:relative; right:1px; float:left; clear:both; }
#campbellPageFolds { width:704px; height:30px; background-image:url(~/media/954E6A6973A94607BB6156BA01F08842.ashx); background-repeat:no-repeat; float:left; }

#campbellSplashBox1 { width:231px; min-height:315px; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#D0C492; float:left; overflow:hidden; }
#campbellSplashBox2 { width:235px; min-height:315px; border-right:solid 1px #fff; background-color:#999; float:left; overflow:hidden; }
#campbellSplashBox3 { width:235px; min-height:315px; background:#000 url(~/media/64439FA4EFE34C75B7765FC6FC718029.ashx) top right no-repeat; float:left; overflow:hidden; }

.paddingSplashRight { padding:25px 20px 0px 25px; float:left; }
.campbellSplashBoxPadding { padding:0px 17px 0px 21px; float:left; }
.campbellSplashBoxPadding2 { padding:20px 20px 0px 23px; float:left; }

#providesUL { margin-top:8px; margin-left:-20px; list-style-image:url(~/media/912B9FA0A0274A7C80F845E0D467E0EA.ashx); }
#providesUL li { padding:2px 0px 2px 0px }

#splashStar { position:relative; left:15px; top:-5px; float:left; }
#splashAccount { position:relative; left:20px; top:20px; line-height:200%; float:left; }

/* End Splash Styles */

/* Sub Page Styles */

#campbellSubPageArc { position:relative; right:1px; }
#campbellSubPageBody { width:100%; min-height:560px; position:relative; right:2px; top:-3px; border-right:solid 1px #999; float:left;}
.campbellSubPagePadding { padding:10px 40px 15px 40px; float:left; }

.subPageImageContainer { width:325px; margin-bottom:15px; float:right; }
.subPageImageShadow { width:25px; float:left; }
.subPageImage { float:left; }
.subPageImage img { width:299px; height:242px; }

/* End Sub Page Styles */

.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }

.floatLeft { float:left; }
.floatRight { float:right; }

.linksBoxPadding { padding:20px 0px 20px 20px; float:left; clear:right; }
.locationsBoxPadding { border-top:dotted 2px #d0c492; padding-top:20px; margin-left:20px; width:180px; float:left; clear:left; }

/* Consumer Tips */

.consumerTipContainer { width:100%; display:block; clear:both; float:left; }
.consumerTipDate { width:85px; display:block; float:left }
.consumerTip { width:auto; display:block; float:left; }

.recentTip { width:200px; border:solid 1px #999; margin-bottom:10px; margin-left:10px; float:right; }

/* End Consumer Tips */

/* Residential Form */

#campbellSubPageBody .residentialForm { width:620px; display:block; clear:both; float:left;}
#campbellSubPageBody .residentialFormRed { width:620px; background-color:#aa2224; margin-bottom:10px; display:block; clear:both; float:left; }
#campbellSubPageBody .residentialFormRed2 { width:620px; background-color:#aa2224; margin-top:10px; margin-bottom:10px; display:block; clear:both;  float:left;}
#campbellSubPageBody .formBottom { text-align:center; }
#campbellSubPageBody .redBarPadding { padding:3px 0px 3px 10px; float:left; }
#campbellSubPageBody .txtLabel { width:200px; }
#campbellSubPageBody .asterikRed { color:red; }
#campbellSubPageBody .label { width:200px; padding:3px 10px 3px 10px; clear:left; float:left; }
#campbellSubPageBody .txtBox { width:400px; clear:right; display:block; float:left; }
#campbellSubPageBody input { width:123px; height:16px; border:solid 1px #AEAEAE; }
#campbellSubPageBody select { width:123px; height:24px; border:solid 1px #AEAEAE; }
#campbellSubPageBody .checkbox { width:auto; border:solid 0px #fff; } 
#campbellSubPageBody .redBarText { font-weight:bold; font-size:9pt; font-family:arial; color:#fff; }

#campbellSubPageBody .column { width:205px; display:block; float:left; }

#campbellSubPageBody .formBottom2 { text-align:center; margin-top:20px; }

#residentialForm input { margin-left:20px; border:0; width:20px; }
#residentialForm2 input { margin-left:20px; border:0; width:20px; }
#residentialForm3 input { margin-left:20px; border:0; width:20px; }
#ctl11_RadioButton1 { margin-right:20px; }

#campbellSubPageBody #typeOil input{ border:0; width:20px; }
#campbellSubPageBody #heatWater input{ border:0; width:20px; }
#jaTitleArea input{ border:0; width:20px; }
#campbellSubPageBody #piTitleArea input{ border:0; width:20px;}
#campbellSubPageBody #otherInterestsPadding  input {margin-left:20px; border:0; width:20px; }
#ownership input { border:0; width:20px; }

/* End Residential Form */

.titlePadding { padding-left:0px; float:left; }

#campbellHeaderTitle { width:450px; padding-top:40px; float:left; }

/* FAQS*/

.faqRowContainer { width:100%; padding:5px 0px 5px 0px; border-top:solid 1px #ccc; clear:both; float:left; }
.faqRowContainerLast { width:100%; padding:5px 0px 5px 0px; clear:both; float:left; }
.faqRow { width:100%; clear:both; float:left; }
.faqCol1 { width:80px; float:left; }
.faqCol2 { width:540px; float:left; }

.faqHeader { clear:both; }

/* End FAQS */

.redBar { CLEAR: both; padding:5px 0px 5px 0px; FONT-SIZE: 12pt; MARGIN-BOTTOM: 5px;  WIDTH: 620px; COLOR: #fff; BACKGROUND-COLOR: #aa2224 }

.accountBox { float:left; margin-top:65px; }

.inputStyle {  border:0; width:20px; }
}

@media print {
body { color:#000000; }
img { border:0; }

.titlePadding { padding-left:49px; float:left; }

#campbellHeaderTitle { width:450px; padding-top:45px;  float:left; }

.recentTip { display:none; }

/* FAQS*/

.faqRowContainer { width:100%; padding:5px 0px 5px 0px; border-top:solid 1px #ccc; clear:both; float:left; }
.faqRowContainerLast { width:100%; padding:5px 0px 5px 0px; clear:both; float:left; }
.faqRow { width:100%; clear:both; float:left; }
.faqCol1 { width:80px; float:left; }
.faqCol2 { width:auto; float:left; }

.faqHeader { clear:both; }

/* End FAQS */

/* Consumer Tips */

.consumerTipContainer { width:100%; display:block; clear:both; float:left; }
.consumerTipDate { width:85px; display:block; float:left }
.consumerTip { width:auto; display:block; clear:right; float:left; }

/* End Consumer Tips */

/* Residential Form */

#campbellSubPageBody .residentialForm { width:620px; display:block; clear:both; }
#campbellSubPageBody .residentialFormRed { width:620px; background-color:#aa2224; margin-bottom:10px; display:block; clear:both; }
#campbellSubPageBody .residentialFormRed2 { width:620px; background-color:#aa2224; margin-top:10px; margin-bottom:10px; display:block; clear:both; }
#campbellSubPageBody .formBottom { text-align:center; }
#campbellSubPageBody .redBarPadding { padding:3px 0px 3px 10px; float:left; }
#campbellSubPageBody .txtLabel { width:200px; }
#campbellSubPageBody .asterikRed { color:red; }
#campbellSubPageBody .label { width:200px; padding:3px 10px 3px 10px; clear:left; float:left; }
#campbellSubPageBody .txtBox { width:auto; clear:right; float:left; display:block;}
#campbellSubPageBody input { width:123px; height:16px; border:solid 1px #AEAEAE; }
#campbellSubPageBody select { width:123px; height:24px; border:solid 1px #AEAEAE; }
#campbellSubPageBody .checkbox { width:auto; border:solid 0px #fff; } 
#campbellSubPageBody .redBarText { font-weight:bold; font-size:9pt; font-family:arial; color:#fff; }

#campbellSubPageBody .column { width:205px; display:block; float:left; }

#campbellSubPageBody .formBottom2 { text-align:center; margin-top:20px; }

#residentialForm input { margin-left:20px; border:0; width:20px; }
#residentialForm2 input { margin-left:20px; border:0; width:20px; }
#residentialForm3 input { margin-left:20px; border:0; width:20px; }
#ctl11_RadioButton1 { margin-right:20px; }

#campbellSubPageBody #typeOil input{ border:0; width:20px; }
#campbellSubPageBody #heatWater input{ border:0; width:20px; }
#jaTitleArea input{ border:0; width:20px; }
#campbellSubPageBody #piTitleArea input{ border:0; width:20px;}
#campbellSubPageBody #otherInterestsPadding  input {margin-left:20px; border:0; width:20px; }
#ownership input { border:0; width:20px; }

/* End Residential Form */

#campbellPageContainer { text-align:left; width:650px; margin-left:10px; margin-right:auto; }
#campbellPrintHeader { width:650px; clear:both; float:left;  border-bottom:solid 1px #000; margin-bottom:20px; }
#campbellHeader{ width:650px; clear:both; float:left;  border-bottom:solid 1px #000; margin-bottom:20px; }
#campbellHeaderLogo {margin-top:-20px; float:left; }
#campbellHeaderTitle, #campbellHeaderInfoLinks { display:none; }

.campbellHeaderInfo { width:220px; text-align:right; float:right; }
#campbellBreadcrumbSearchBar { display:none; }
#campbellBreadcrumb { padding:8px 0px 8px 33px; float:left; }
#campbellSearchBox { padding:6px 0px 0px 0px; float:right; }
#campbellSearchBox input{height:12px;}
#campbellSearch { padding:6px 12px 0px 0px; float:right; }

#campbellFooter { width:100%; background-color:#000; border-top:solid 1px #000; float:left; clear:both; color:#000; margin-top:15px; }
#campbellCopyright { padding:8px 0px 8px 33px; float:left; }
#campbellFooterLinks { display:none; }

.headerPhoneBottomPadding { }

/* Middle Columns */

#campbellColumnContainer { width:650px; background:#AA2224; margin:auto; }
#campbellLeftColumn { display:none;}
#campbellWrapper { background:#FFF; }
#campbellRightColumn{width:100%; margin-right:-1px }/* contain cleared elements from clearing other floats*/
#campbellTopRedBar { display:none; }
#campbellLeftColumnLinksBox { display:none; }
#campbellLeftColumnLinksBox2{ display:none; }
#campbellSubFooter { display:none;  }
#campbellBellstoresLink { padding:8px 12px 0 0;}
#campbellSplashTopContainer { width:100%; background:url(~/media/DACDD42F2B3B42888FEED92576844782.ashx) bottom right no-repeat; background-color:#aa2224;}
#campbellSplashRight { width:100%; overflow:hidden; float:right; color:#000; margin-bottom:20px;}
#campbellSplashLeft { display:none; }

#campbellSplashBottomContainer { width:100%; clear:both; }
#campbellPageFolds { display:none; }

#campbellSplashBox1 { width:100%; margin-bottom:15px; }
#campbellSplashBox2 { width:100%; margin-bottom:15px; }
#campbellSplashBox3 { width:100%; margin-bottom:15px; }

/* Sub Page Styles */

#campbellSubPageBody { width:100%; }

.subPageImageContainer { width:325px; margin-bottom:35px; float:right; }
.subPageImageShadow { width:25px; float:left; }
.subPageImage { float:left; }
.subPageImage img { width:299px; height:242px; }

/* End Sub Page Styles */

.paddingSplashRight { padding:25px 20px 0px 25px;  }
.campbellSplashBoxPadding { padding:0px 20px 0px 23px;  }
.campbellSplashBoxPadding2 { padding:0px 20px 0px 23px;  }

.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }

.floatLeft { float:left; }
.floatRight { float:right; }

#campbellSubPageArc { display:none; }
#campbellRightSide { display:none; } 

}
