﻿html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{  margin:0 0;  padding:0 0; border:0px; font: 12px arial, verdana, tahoma, sans-serif;}

body {background: #00609b url('../../Images/page_bg.jpg') repeat-y top center; background-attachment: fixed; text-align: center;}
.clear {clear: both; margin: 0 0; padding: 0 0; }
.bold {font-weight: bold;}
.page {width: 864px; margin: 0px auto; padding: 0 0; text-align: left;}
.italics {font-style: italic;}

a, a:visited {color: #0865aa;}
a:hover {color: #469ed7;}
h2.secondaryH2 {font-weight: bold; margin: 10px 0px; font-size: 14px;}

.addModalBg {background: #ffffff; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.80;}
/* url('../../Images/modal/bg.gif') */

.addThis {width: 161px; margin-top: 3px;}
.addThis_child {width: 100%; margin-top: 3px; text-align: center;}
/*========== DEFAULT MASTER PAGE ============*/
.Container_Menu {margin: 0 0; padding: 0 0;}
    .Menu_Logo {float: left; width: 236px;}
    .Menu_Links {float: left; width: 610px; margin-top: 50px; margin-left:15px; width: 400px;}
        .Menu_Link_Item {margin-right: 10px;}
    .Menu_Mini {float: right; font-size: 11px; width: 205px; margin-top: 10px; text-align: right;}
    .Container_Menu a {display: block;}
    
.Content_Container {margin-bottom: 0px; width: 864px;}
        .imgContBanner {padding-top: 15px; padding-bottom: 10px;}
    
.Content_Footer {color: #007dc8; width: 100%; text-align: center; font-size: 10px; clear: both; padding-bottom: 20px; margin-top: 0px; border-top: 1px solid #96bdda; padding-top: 10px;}
.Content_Footer a, .Content_Footer a:visited {text-decoration: none;}
    .Footer_Links { text-align: center;}
    .Footer_Legal {color: #96bdda;  text-align: center; margin-top: 5px;}
    .Footer_Legal a {font-size: 8px; color: #96bdda; text-decoration: none;}
.mainContent {width: 864px; padding-bottom: 20px;}
.mainContent h1 {font-size: 22px; color: #00619b; font-weight: bold; margin: 0 0; padding: 0 0; margin-bottom: 7px;}
.mainContent p {font-size: 13px; padding: 0 0; margin: 0 0; margin-bottom: 9px;}
F
.mainContent ul {margin-left: 25px; margin-bottom: 7px;}
.mainContent li {margin-bottom: 4px;}
/*
.mainContent h2 {font-size: 16px; margin: 0 0; color: #004e7c; padding: 0 0; padding-bottom: 13px;}
.mainContent ul {font-size: 13px; margin: 0 0; padding: 0 0; list-style-type: none; margin-left: 14px; margin-bottom: 13px;}
.mainContent ul li { padding-left: 18px; background: url('../../images/bullet.gif') 0 5px no-repeat;}
*/

    #slidebox{
    width:538px;
    height:300px;
    position:fixed;
    top: 150px;
    right:-503px;
}
.tabFreeInfo {display: block; cursor: pointer; position: relative; z-index:999; width: 38px; height: 200px; margin-top: 45px; margin-right: 0px; float: left; background: url('../../images/buttons/side_tab.png') no-repeat right center;}
.tabFreeInfo span {display: none;}
.tabContent {float: left; margin-left: -3px; width: 480px; background: #fff; padding: 10px; height: 285px; border: 3px solid #005e98; border-right: 0px;}
.tabContent h2 {font-size: 24px; font-weight: bold; color: #6f6f6f; margin-bottom: 12px;}
.tabLeft {float: left; width: 240px; margin-top: 5px;}
    .chkTab {font-size: 16px; font-weight: bold;}  
    .tabChk {margin-bottom: 5px;}
    .tabChk div {margin-top: 5px;} 
.tabRight {float: left; width: 225px; margin-left: 15px; margin-top: 10px;}  
    .tabCont {margin-bottom: 7px;}
    .tabCont .tabLbl {font-weight: bold;}
    .tabCtl input {font-size: 20px;}
.tabSubmit {font-size: 24px;}
.nospam {width:207px; height: 29px; background: url('../../images/icons/no-fluff.png') no-repeat top center; margin-left: 10px;padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dashed #005e98;}
.nospam span {display: none;}
.giftcards {width: 207px; height: 57px; margin-left: 5px; background: url('../../images/icons/gift-cards.png') no-repeat top center;}
.giftcards span {display: none;}
/*========== HOME ============*/
.homeBanner {height: 251px; padding-top: 3px; width: 864px;}
.homeBannerTop {height: 124px;}
.homeBannerBottom {height:124px; padding-top: 3px;}
.homeBannerL {width: 286px; height: 124px; padding-right: 3px; float: left;}
.homeBannerM {width: 286px; height: 124px; padding-right: 3px; float: left;}
.homeBannerR {width: 286px; height: 124px; float: right;}

.homeText {color: #007dc8; font-size: 10px; border-top: 1px solid #c7dce9; border-bottom: 1px solid #c7dce9; padding: 14px 0; margin: 17px 0 14px 0; height: 105px;}
    .homeText h1 {font-size: 15px; font-weight: bold;}
    .homeH1 {margin-bottom: 8px; width: 300px;}
    .homeH1 a {text-decoration: none; color: #000000; font-size: 17px; margin-left: 5px;}
    .homeH1 a:hover {color: #469ed7;}
    .homeLeftP {width: 310px; float: left; padding-right: 3px; margin-bottom: 10px; border-right: 1px solid #c7dce9;}
    .homeRightP {width: 310px; float: left; padding-left: 10px; margin-bottom: 10px;}
    .weeklyTrivia {width: 222px; float: right;margin-top: 18px;}
    

/*========= Fundraising Programs ==========*/
.catalogCovers {width: 834px; margin: 0px auto; margin-bottom: -3px;}
    .catalogFall {display: inline; width: 253px;}
    .catalogCookie {display: inline; width: 258px; margin: 0 36px; }
    .catalogSpring {display: inline; width: 244px; right: 0px;}

.catalogDetails {margin: 0px auto; width: 864px; padding-bottom: 5px;}
    .catalogDetails h1 {font-size: 22px; font-weight: bold; color: #00619b;}   
    .progDetails {background-color: #e4ecf1; width: 834px; margin-left: 15px;}
    .detHead {height: 43px;}
    .detMain {background: #e4ecf1 url('../../Images/Layout/prog_mid_bg.gif') repeat-y top center; width: 825px; padding-left: 9px}
        .detMainContent {width: 800px;}
            .detMainContentDesc {width: 629px; margin-right: 10px; text-align: left; float: left;}
            .detMainContentDesc p {margin-bottom: 10px; font-size: 14px; color: #0865aa;}    
                .detMainContentDescTop {width: 599px; padding-left: 15px; padding-right: 15px;}
                /*.detMainContentDescMid { width: 610px; height: 150px; padding: 0px 10px 0px 18px; background: #e4ecf1 url('../../Images/Layout/prog_text_mid.gif') repeat-y top left;}
                    .detMainContentDescMidText {width: 600px; height: 150px; overflow: hidden; overflow-y: scroll;}
                */
                .detMainContentDescBot {width: 590px;}
                    .detMainContentDescBotFeature {float: left; width: 314px;}
                    .detMainContentDescBotBenefits {float: left; width: 244px; height: 165px; padding: 10px 10px; padding-right: 20px; background: #e4ecf1 url('../../Images/Layout/benefits_bg.jpg') no-repeat top center;}
                    .detMainContentDescBotBenefits h2 {font-size: 14px; font-weight: bold; color: #0865aa;}
                    .detMainContentDescBotBenefits ul {margin-left: 25px; margin-top: 7px;}
                    .detMainContentDescBotBenefits ul li { list-style-position: outside; font-size: 11px; list-style-type: disc; padding-left: 0px; padding-bottom: 5px;}
            .detMainContentMenu { width: 161px; text-align: center; float: right; border-bottom: 1px dotted #00619b; border-top: 1px dotted #00619b; padding-bottom: 7px; padding-top: 7px;}
            .detChildContentMenu { width: 100%; text-align: center; float: right; border-bottom: 1px dotted #00619b; border-top: 1px dotted #00619b; padding-bottom: 7px; padding-top: 7px;}
           .detMainContentMenuLnk, #ctl00_cphPage_ctl00, #ctl00_cphPage_ctl01, #ctl00_cphPage_ctl02 {width: 161px;}
           .detChildContentMenuLnk, #ctl00_cphPage_ctl00, #ctl00_cphPage_ctl01, #ctl00_cphPage_ctl02 {width: 100%; text-align: center;}

    .detFoot {height: 7px; background: #e4ecf1 url('../../Images/Layout/prog_bottom_bg.gif') no-repeat top center;}
    
    .detailsOff {visibility: hidden; display: none;}
    .detailsOn {visibility: visible; display: block; width: 864px;}
    
    .pnlCompare  {width: 510px; padding: 7px 7px; background: #00609c;}
    
    .buttonHolders {width: 527px; margin: 20px auto;}
    .viewCatalogButton {display: block; float: left; margin-right: 15px; color: #ffffff; width: 256px; height: 59px; background: #0c4f78 url('../../Images/buttons/view-info.png') no-repeat 0 0;}
    .viewCatalogButton:hover, .viewCatalogButton:focus {background: #0875b7 url('../../Images/buttons/view-info.png') no-repeat 0 -59px;}
    .freeSamplesButton {display: block; float: left; color: #ffffff; width: 256px; height: 59px; background: #770c0c url('../../Images/buttons/view-info.png') no-repeat -256px 0;}
    .freeSamplesButton:hover, .freeSamplesButton:focus {background: #bd0505 url('../../Images/buttons/view-info.png') no-repeat -256px -59px;}
    .freeSamplesButton span, .viewCatalogButton span {display: none;}
    
    
/*========= Free Samples / Register ==========*/
.divFormContainer {width: 800px; text-align: left; margin-left: 32px;}
.formMid {padding: 15px 5px; width: 788px; color: #7f7f7f; border: 1px solid #e4ecf1;}
.formTop, .formBottom {padding: 15px 5px; background: #e4ecf1; color: #0865aa; width: 790px;}
.formLeft {float: left; width: 394px;}
.formRight {float: right; width: 394px;}
.formSpanAcross { width: 788px;}
    .formSection {padding-bottom: 15px; width: 390px;}
    .customFormSection {width: 788px; text-align: center; font-weight: bold;}
    .fundDetails .customFormSection {text-align: left; width: 500px;}
        .formLbl {float: left; text-align: right; padding-right: 4px; width: 120px; font-weight: bold;}
        .formControl {display: inline;}
        .controlSize {width: 187px;}
        .controlSelectSize {width: 193px;}
        .formHeader {text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 7px; width: 788px; color: #000000;}
        .txtTerms {width: 778px; margin: 0 auto; height: 115px; background: #ffffff url('../../Images/terms_bg.gif') repeat-x top left; border: 1px solid #ececec;}
        .formButton {width: 100%; text-align: center; padding-top: 0px;}
.sample_preview {display: block; margin-top: 55px; width: 452px; height: 264px; background: url('../../images/layout/sample_preview.jpg') no-repeat top center;}
.sample_preview span {display: none;}
/*---------faq.aspx--------------------------*/
.accordionHeader {font-size: 16px; padding: 5px 5px; width: 800px; color: #0865aa; background: #e4ecf1; border-top: 1px solid #ffffff; border-bottom: 1px solid #959fa4; cursor: pointer;}
.accordionHeaderSelected {color: #353535; font-weight: bold; width: 800px; font-size: 16px; cursor: pointer; margin-top: 5px;}
.faqList {margin-left: 32px;}
.faqList p {width: 800px; margin: 9px 32px;}

/*---------trivia--------------------*/
.pnlQuestion {width: 400px; background: #f5bec5; border: 2px dashed #db1e37;}
.TriviaMain {margin-left: 0px; width: 400px; height: 548px; background: #f6f9fb url('../../Images/Trivia/trivia_bg.png') no-repeat top center;}
.TriviaSubmitted {background: #f6f9fb url('../../Images/Trivia/bg_submitted.png') no-repeat top center;}

.trivContent {width: 420px; margin-left: 0px;}
.trivContent h2 {font-size: 16px; font-weight: bold; margin-bottom: 4px; color: #00619b;}
.TrivTxtLbl {position: absolute; width: 70px; text-align: right; padding-right: 3px; margin-top: 4px;}
.TrivTxtBx {position: absolute; width: 180px; height: 13px; font-size: 11px; margin-top: 4px;}

.TrivTxtName {color: #e5f0f7; font-weight: bold; position: absolute; top: 372px; left: 69px; width: 110px; background: none; border: none;}
.TrivTxtGName {color: #e5f0f7; font-weight: bold; position: absolute; top: 372px; left: 220px; width: 110px; background: none; border: none;}
.TrivTxtGZip {color: #e5f0f7; font-weight: bold; position: absolute; top: 415px; left: 220px; width: 110px; background: none; border: none;}
.TrivTxtEm {color: #e5f0f7; font-weight: bold; position: absolute; top: 415px; left: 69px; width: 110px; background: none; border: none;}

.trivRadio {height: 19px;}
.triviaAnswerSection {position: absolute; top: 201px; left: 36px; width: 330px;}
.triviaAnswer {font-size: 11px; top:237px; padding-left: 3px; font-weight: bold;}
.trivThanksDiv {position: absolute; top: 163px; left: 32px; width: 336px; height: 290px; overflow: auto;}

.rfv {position: absolute; z-index: 1000; }
.rfvName {left: 59px; top: 367px}
.rfvEmail {left: 59px; top: 410px}
.rfvGName {left: 210px; top: 367px}
.rfvGZip {left: 210px; top: 410px}

.triviaQuestion {position: absolute; left: 48px; top:125px; width: 307px; color: #005e95; font-size: 12px; font-weight: bold;}
.triviaPrize {position: absolute; left: 151px; top: 320px; font-size: 14px; font-weight: bold; color: #ffffff; width: 210px;}

.trivOk {position: absolute; left: 167px; top: 482px;}
.trivSend {position: absolute; left: 167px; top: 482px;}
.trivCancel {position: absolute; top: 0px; right: 0px;}

.triviaLinks {position: absolute; left: 83px; top: 518px; color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none;}
.triviaLinks a {color: #ffffff;}
.triviaLinks a:hover {color: #f5bec5; text-decoration: underline;}

.triviaNewsletter {position: absolute; left: 62px; top: 449px; color: #ffffff;}

.rulesPanel {text-align: center; border: 2px dashed #db1e37; background: #1d87c8; width: 240px; height: 275px; padding-top: 5px; font-size: 20px; font-weight: bold; color: #ffffff;}
    .rulesList {margin-left: auto; margin-right: auto; border-bottom: 3px solid #b8e2fb; border-right: 3px solid #b8e2fb; border-left: 3px solid #24668e; border-top: 3px solid #24668e; text-align: left; overflow-y: scroll; padding: 5px 5px; background: #ffffff; color: #000000; width: 194px; height: 194px;}
    .rulesOk {border: 2px solid #e9f1f5; border-bottom: 2px solid #24668e; border-right: 2px solid #24668e; width: 50px; height: 23px; margin-top: 3px; margin-left: auto; margin-right: auto; text-align: center; background: #c3d4df; margin-top: 7px;}
    .rulesOk:hover {background: #d6e9f5;}
    .lnkRulesOk {display: block; font-size: 20px; font-weight: bold; text-decoration: none; color: #24668e;}
    .lnkRulesOk:hover {color: #24668e;}
    .rulesList ol {}
    .rulesList ol li {margin-bottom: 5px; font-size: 10px;  list-style: upper-alpha inside; padding-bottom: 5px; border-bottom: 1px solid #cecece;}
.trivThanksDiv p {margin-bottom: 5px;}
/*--------- Tracking --------------------------*/
.trackMap {float: right; width: 265px;}
.trackPara {float: left; width: 260px; padding-right: 15px;}
.trackBox {float: left; width: 300px;}


.InquiryNumber1 {width: 100%; height: 26px; font-size: 22px; font-weight: bold; border: 1px solid #00619b;}
.numEntry1 {width: 280px; padding: 10px 10px; background: #99c1e1 url('../../Images/Layout/track_search_bg.gif') repeat-x top left; border: 1px solid #00619b;  margin-top: 7px;}
.TrackButton { text-align: right; margin: 0 0; padding: 0 0;}
.trackButtonContainer {margin-top: 5px; width: 300px; text-align: right;}

/*------------Contact-----------------*/
p.contactMainText {font-size: 11px;font-weight: bold; }
.contactText {font-size: 11px; font-weight: normal;}

/*------------Contact-----------------*/
.benefitsList {margin-top: 10px; list-style-type: disc;}
.benefitsList li {margin-bottom: 4px; font-size: 12px;   margin-left: 15px;}

/*------------Benefits----------------*/
.quoteAuth {font-weight: bold; font-size: 11px;}

/*------------Dog Tags Popup----------*/
.pnlTags {width: 550px; padding: 7px 7px; background: #00609c;}
.tagsClose, .compClose {font-weight: bold; margin-top: 7px; padding-right: 20px; text-align: right; width: 552px;}
.tagsClose a, .compClose a {color: #ffffff; text-decoration: none;}
.tagsClose a:hover, .compClose a:hover {color: #d4d4d4; text-decoration: underline}
.compClose {padding-right: 50px;}

/*------------Downloads---------------*/
.downloadsContainer {background: #f0f6f9; padding: 7px 7px;}
.downloadsContainer h2 {padding: 4px 4px; margin: 0 0; margin-bottom: 10px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #0074ba; color: #007dc8; background: #e0ecf3; clear: both;}

	.downloadsSection { width: 925px; padding-left: 5px; padding-bottom: 7px; clear: both;}
		.dlTitle {float: left; width: 666px; font-size: 13px; height: 32px;}
		.dlWord {float: left; width: 132px; font-size: 13px; height: 32px;}
		.dlPDF {float: left;width: 132px; font-size: 13px; height: 32px;}
    .downloadsSection p {font-size: 11px; width: 350px;}
    
/* --------- Fundraising Programs Seperate Pages ---------- */
.prog_col_1 {width: 260px; margin-right: 10px; float: left;}
.prog_col_2 {width: 594px; float: right;}
    .prog_sections {width: 100%;}
    .prog_sections ul {margin-left: 20px; list-style-type: circle; list-style-image: url('../../Images/Layout/bullet.gif');}
    .prog_sections ul li {padding-bottom: 3px; margin-bottom: 0px; padding-bottom: 0px;}
        .prog_sect_top, .prog_sect_col {width: 100%}
        .prog_sect_col {margin: 15px 0;}
            .prog_sect_1 {width: 48%; float: left; padding-right: 2%;}
            .prog_sect_2 {width: 48%; float: left; padding-left: 2%;}
            
/* --------- Prize Programs ---------- */
.prizeProgCont {width: 100%;}
.prizeProgCont H1 {font-size: 16px;}
    .prizeProg {width: 563px; float: left;}
    .prizeH1 {width: 300px; float: left; margin-top: 15px;}
        .listPrizeItems {margin-left: 28px; font-size: 14px;}
            .listPrizeItems li {padding-bottom: 4px;}
        .listPrizeFeat { margin-left: 28px; list-style-type: circle;}
            .listPrizeFeat li {text-transform: uppercase; padding-bottom: 7px;}
                .prizeListSub {font-size: 10px; text-transform: none;}
        .prizeHighlight {margin-top: 10px; font-size: 14px; font-weight: bold; margin-bottom: 4px;}
        
.twoPercent {width: 600px; float: left;}
.dollar_sign {width: 261px; height: 342px; background: url('../../Images/Layout/dollar_sign.jpg') no-repeat top center; float: left; }

/*---------- Article ------------*/
.article h2 {font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 4px;}
.article ol {margin-left: 25px; margin-bottom: 7px;}
.article li {margin-bottom: 4px;}

/*---------- Believe Reps ------------*/
.pnlRepForm {padding: 15px; background: #ffffff; border: 2px dashed #00619b; background: #f2f6f9;}
.pnlRepForm h2 {font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #00619b;}
    .repFormCont {margin-bottom: 7px;}
    
/*---------- Trivia Past Question & Winners -----------*/
.trivList {font-size: 12px; padding: 10px 10px; width: 844px; color: #0865aa; background: #ffffff; border-top: 1px solid #ffffff; cursor: pointer;}
.trivList:hover {background: #e4ecf1}    
    .trivListDiv {background: #efefef; height: 1px; width: 864px;}
    .trivListDate {font-weight: bold; margin-right: 5px; color: #000000;}
    
    .trivLbl {font-weight: bold; font-size: 14px; padding-right: 5px; text-align: right; vertical-align: top; padding-bottom: 10px;}
    .trivCtl {vertical-align: top; font-size: 14px; padding-bottom: 10px;}
    
/*========= Content Pages ==========*/
.secondaryContentPages h2 {font-weight: bold; margin: 10px 0px; font-size: 14px;}
.secondaryContentPages h3 {font-weight: bold; margin: 10px 0px 0px 10px; font-size: 14px;}
.secondaryContentPages ul {margin-left: 20px; margin: 5px 0 15px 20px; list-style-type: square;}

.callToActionCont {width: 706px; margin: 0 auto;}
.callToActionCont span {display: none;}
.callToActionCont a {display: block; float: left; margin-right: 1px; margin-top: 50px; width: 256px; height: 59px;}
    .hplFreeSamp {background: url('../../Images/Buttons/call-to-action.png') no-repeat 0 0;}
    .hplFreeSamp:hover, .hplFreeSamp:focus {background-position: 0 -59px;}
    .hplRegister {background: url('../../Images/Buttons/call-to-action.png') no-repeat -256px 0;}
    .hplRegister:hover, .hplRegister:focus {background-position: -256px -59px;}
    .callBubble {display: block; margin-left: 7px; vertical-align: middle; float: left; width: 181px; height: 118px; background: url('../../Images/Layout/consultant-bubble.png') no-repeat center center;}

/*======== DIRECTORY PAGE ==========*/
.tblDir {width: 100%;}