﻿@media screen {

body { text-align:center; }
img { border:0; }

/* Splash Page */

#splashBodyBG { background-image:url(~/media/89B5F845C8CB4106816A92D3EC8B0317.ashx); background-repeat:repeat-x; background-color:#000000; text-align:center; }
#splashBGPic { width:770px; height:571px; background-image:url(~/media/1834649F76C748039EBC98A1AEBF0AAB.ashx); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:left;}
#splashFooter { width:770px; margin-left:auto; margin-right:auto; text-align:left; }
#splashFooterPaddingLeft { padding:10px 0px 10px 20px; float:left; }
#splashFooterPaddingRight { padding:10px 20px 10px 0px; float:right; }
#splashBottomLogo { width:770px; float:left; margin-left:auto; margin-right:auto; } 
#splashLogoPadding { padding:0px 0px 0px 20px; float:left; }

#splashBellStoresArea { width:130px; position:relative; top:348px; left:400px; float:left; }
#splashBellStoresArea ul li{ list-style-image:url(~/media/9E72A3B6195545CB8171E6A39F996533.ashx); }

#splashCampbellArea { width:130px; position:relative; top:348px; left:453px; float:left; }
#splashCampbellArea ul li{ list-style-image:url(~/media/9E72A3B6195545CB8171E6A39F996533.ashx); }

#splashSaveArea { width:130px; position:relative; top:460px; left:140px; float:left; }
#splashSaveArea ul li { list-style-image:url(~/media/9E72A3B6195545CB8171E6A39F996533.ashx); }

/* End Splash Page */

#yellowContainer { width:900px; background-image:url(~/media/5E6CB2DAB8B6464F82B64E99E72FE750.ashx); background-repeat:repeat-y; margin-left:auto; margin-right:auto; }
#header { width:900px; min-height:262px; background-image:url(~/media/D205CACC26124F93A6B8B39740CDF9DF.ashx); background-repeat:no-repeat; }
#printHeader { display:none; }

#navContainer { position:relative; top:233px; left:64px;  min-height:26px; width:790px;  }


#subNav { width:900px; min-height:28px; background-image:url(~/media/6DBF0996A700434D8A8A9F9F9492C888.ashx); background-repeat:no-repeat; text-align:left;}
#subNavPadding { padding:6px 0px 0px 80px; float:left;}
.sendPrintPadding { padding:6px 85px 0px 0px; }

.fetchArea { position:relative; left:-23px; float:right; }
.navSearchBox { width:90px; min-height:19px; float:left; color:#000; text-align:right; background-image:url(~/media/D5129D184BAC4BAF8B245544F2A5C7CE.ashx); background-repeat:repeat-y;}
.navSearchButton { width:20px; height:20px; float:left;}

#mainContainer { width:900px;  margin-left:auto; margin-right:auto; }
#pageHeader { min-height:88px; background-image:url(~/media/A81B9B4786BC4128A6D9626D2AD2B1A5.ashx); background-repeat:no-repeat; }
#pageTitle {  padding-top:45px; padding-left:45px; }
#pageBody {  }
.mainContentPadding { padding:10px 35px 20px 50px; min-height:550px; background-image:url(~/media/6D20922BF6804F3C982ECC2A3446AAD5.ashx); background-repeat:repeat-y; float:left; width:444px; }
.mainContentPadding2{ padding:10px 35px 20px 50px; background-image:url(~/media/6D20922BF6804F3C982ECC2A3446AAD5.ashx); background-repeat:repeat-y; float:left; width:444px; }
.mainContentPaddingIntra { padding:10px 35px 20px 50px; min-height:550px; background-image:url(~/media/6D20922BF6804F3C982ECC2A3446AAD5.ashx); background-repeat:repeat-y; float:left; width:650px; }


#pageFooter { min-height:8px; background-image:url(~/media/0A3443F376D44FADBBD6A3BF4CDCC95B.ashx); background-repeat:no-repeat; }
#pageFooterIntra { min-height:8px; }

.tableBG { width:900px; background:#000 url(~/media/436DE06383604330943FD39936C9D5DB.ashx) repeat-x; }
.columnOne { width:63px; background:#FFF url(~/media/D6CC4759D0E54647B1EF97617E5DEF8B.ashx) repeat-y; }
.columnTwo { width:529px; }
.columnThree { width:239px; }
.columnFour { width:65px; background:#FFF url(~/media/149D5725771245E681D2600FE07CDD4E.ashx) repeat-y; }

.tableBGIntra { width:900px; background:#FFF; }
.columnTwoIntra { width:772px; }

/* Zip Search */
#rightSideContainerCatalog { width:239px; height:102px; float:left; margin-top:15px; }
#rightSideContainer1 { width:239px; height:110px; background-image:url(~/media/D752BBD51F584F0C899D773F14B0F3B4.ashx); background-repeat:no-repeat; float:left; }
#rightSideTBPosition { position:relative; top:80px; left:35px; float:left; }
#rightSideContainer2 { width:239px; height:102px; float:left; }
#rightSideContainer3 { width:239px; height:79px; float:left; }
#rightSideContainer4 { padding:23px 0px 13px 34px; line-height:110%; float:left;}
#rightSideContainer5 { position:relative; left:60px; float:left;}



/* End Zip Search */




.marginRightFooter { margin-right:80px; }
.marginRightFooterSplash{ margin-right:40px; }

.marginTopRight { margin:10px 65px 0 0; }
.floatRight { float:right; }
.floatLeft { float:left; }
.paddingbottom5 { padding-bottom:5px; }
.paddingTop20 {  padding-top:20px; }
.paddingTop8 { padding-top:8px; }
.topicPadding { padding:20px 0px 15px 0x; width:100%; clear:both }

/* Whats New */

.whatsNewDate { width:80px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #ccc; }
.whatsNewTitle { width:323px; padding-left:40px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #ccc; }

.whatsNewRowContainer { width:100%; display:block; clear:both; float:left;}
.whatsNewDateRow { width:80px; display:block; padding-bottom:20px; float:left; }
.whatsNewTitleRow { width:300px; display:block; padding-left:40px; padding-bottom:20px; float:left; }

/* End Whats New */

/* In the News */

.newsRoomDate { width:80px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }
.newsRoomTitle { width:240px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }
.newsRoomDownload { width:120px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }

.newsRoomRowContainer { width:100%; display:block; clear:both; float:left; margin-bottom:20px;}
.newsRoomDateRow { width:80px; display:block; padding-bottom:20px; float:left; }
.newsRoomTitleRow { width:220px; display:block; margin-right:20px; padding-bottom:20px; float:left; }
.newsRoomDownloadRow { width:120px; display:block; padding-bottom:20px; float:left; clear:right;}

/* End In the News */

/* Coupons */

.couponRowFirst { width:100%; display:block; clear:both; float:left; border-top:solid 1px #ccc; }
.couponRow { width:100%; display:block; clear:both; float:left; }
.couponContainerLeft { width:209px; min-height:302px; clear:left; float:left; border:dashed 4px #ccc;  margin:4px 3px 4px 0px; }
.couponContainerLeft img{ width:209px; } 
.couponContainerRight { width:209px; min-height:302px; float:right; border:dashed 4px #ccc; margin:4px 0px 4px 3px; }
.couponContainerRight img{ width:209px; }
.bottomBorder { border-bottom:solid 1px #ccc; margin-bottom:20px; padding-bottom:20px; }

/* End Coupons */


/* MSDS */

.msdsRowTop { width:100%; padding:10px 0px 10px 0px; display:block; clear:both; float:left; }
.msdsRow { width:100%; padding:10px 0px 10px 0px; display:block; clear:both; float:left; border-top:solid 1px #ccc; }
.FileContainerLeft { width:100px; margin-right:30px; float:left; }
.DescriptionContainerRight { width:auto;   float:left; }

/* MSDS */


/* 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 */

/* Ask a question */

.askAQuesContainer  { width:400px; min-height:150px; display:block; clear:both;  padding:10px 10px 10px 10px; text-align:left; float:left;  }
.askAQuesEmailAdd { padding:3px 0px 0px 3px; float:left; }
.askAQuesEMTBContainer  { width:230px; float:right; }
.askAQuesEMTB { width:230px;  }
.askAQuesRow { width:100%; padding-left:3px; margin-top:10px; clear:both; display:block; float:left; }
.askAQuesQuestion { width:100%; margin-top:10px; clear:both; float:left; }
.askAQuesSubmit { width:100%; text-align:right; margin-top:15px; clear:both; float:left; }
.askAQuesTB { width:100%; height:75px;  }

.blueButton { background-color:#02257F; color:#fff; font-weight:bold; font-size:9pt; padding:3px 3px 3px 3px;border:solid 2px #B52C33; cursor:pointer; }
.askAQuesValidator { float:left; }

/* End ask a question*/


}
@media print {

.emailSignUp { display:none; }
.bottomBorder { display:none; }


/* Ask a question */

.askAQuesContainer  { width:400px; min-height:150px; display:block; clear:both; padding:10px 10px 10px 10px; text-align:left; float:left;  }
.askAQuesEmailAdd { padding:3px 0px 0px 3px; float:left; }
.askAQuesEMTBContainer  { width:280px; float:right; }
.askAQuesEMTB { width:280px;  }
.askAQuesRow { width:100%; padding-left:3px; margin-top:10px; clear:both; display:block; float:left; }
.askAQuesQuestion { width:100%; margin-top:10px; clear:both; float:left; }
.askAQuesSubmit { width:100%; text-align:right; margin-top:15px; clear:both; float:left; }
.askAQuesTB { width:100%; height:75px;  }

.blueButton { background-color:#02257F; color:#fff; font-weight:bold; font-size:9pt; padding:3px 3px 3px 3px;border:solid 2px #B52C33; cursor:pointer; }
.askAQuesValidator { float:left; }

/* End ask a question*/


/* 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; }

/* End FAQS */

/* In the News */

.newsRoomDate { width:80px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }
.newsRoomTitle { width:240px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }
.newsRoomDownload { width:120px; padding-bottom:5px; margin-bottom:5px; float:left; border-bottom:solid 1px #CCC; }

.newsRoomRowContainer { width:100%; display:block; clear:both; float:left;}
.newsRoomDateRow { width:80px; display:block; padding-bottom:20px; float:left; }
.newsRoomTitleRow { width:220px; display:block; margin-right:20px; padding-bottom:20px; float:left; }
.newsRoomDownloadRow { width:120px; display:block; padding-bottom:20px; float:left; clear:right;}

/* End In the News */


/* Whats New */

.whatsNewDate { width:80px; padding-bottom:5px; margin-bottom:5px; float:left; }
.whatsNewTitle { width:348px; padding-bottom:5px; margin-bottom:5px; float:left; }

.whatsNewRowContainer { width:100%; display:block; clear:both; float:left;}
.whatsNewDateRow { width:80px; display:block; padding-bottom:20px; float:left; }
.whatsNewTitleRow { width:328px; display:block; padding-bottom:20px; float:left; }

/* End Whats New */


/* MSDS */

.msdsRow { width:100%; padding:10px 0px 10px 0px; display:block; clear:both; float:left; border-top:solid 1px #ccc; }
.FileContainerLeft { width:100px; margin-right:30px; float:left; }
.DescriptionContainerRight { width:auto;   float:left; }

/* MSDS */


/* Coupons */

.couponRowFirst { width:100%; display:block; clear:both; float:left; border-top:solid 1px #ccc; }
.couponRow { width:100%; display:block; clear:both; float:left; }
.couponContainerLeft { width:209px; min-height:302px; clear:left; float:left; border:dashed 4px #ccc;  margin:4px 3px 4px 0px; }
.couponContainerLeft img{ width:209px; } 
.couponContainerRight { width:209px; min-height:302px; float:right; border:dashed 4px #ccc; margin:4px 0px 4px 3px; }
.couponContainerRight img{ width:209px; }
.bottomBorder { border-bottom:solid 1px #ccc; margin-bottom:20px; padding-bottom:20px; }

/* End Coupons */

#yellowContainer { width:650px;  margin-left:auto; margin-right:auto; }
#mainContainer { width:650px; min-height:700px; background-color:#00267F; margin-left:auto; margin-right:auto; text-align:left;}

#header { display:none }
#printHeader { width:650px; text-align:left; border-bottom:solid 1px #000; float:left}


#navContainer { display:none; }

#subNav { display:none; }

#rightColumn { display:none; }
#columnWrapper { margin-left:37px; background:#FFF; margin-right:240px; }
#contentArea{ width:100%; min-height:700px; float:left; margin-left:-1px }/* contain cleared elements from clearing other floats*/

#pageHeader { display:none; }
#pageTitle { margin-left:65px; padding-top:45px; }
#pageFooter { width:650px; min-height:8px; position:relative; left:2px;  }
#pageFooterIntra { width:650px; min-height:8px; position:relative; left:2px;  }
.logoArea { display:none; }

#pageBody { width:650px;}

.tableBG { width:650px; }
.columnOne { display:none; width:0px; }
.columnTwo { width:650px; }
.columnThree { display:none; width:0px; }
.columnFour { display:none; width:0px; }
columnTwoIntra { width:650px;}


#footer { width:650px; min-height:73px; text-align:left; border-top:solid 1px #000; padding-top:10px; }
#footerPadding {  }
.marginRightFooter { display:none; }
.marginTopRight { margin:10px 65px 0 0; }
.floatRight { float:right; }
.floatLeft { float:left; }
.paddingTop20 { padding-top:20px; }
.paddingTop8 { padding-top:8px; }
.topicPadding { padding:20px 0px 15px 0x;  width:100%; clear:both }
.mainContentPadding { width:650px; padding:20px 0px 12px 0px; float:left; }
.mainContentPaddingIntra { width:650px; padding:20px 0px 12px 0px; float:left; }

}
