﻿
.sliderContent,.cmpyName,.parentName{display:none}
.ourCmpyBrnds .altriacustom-rteElement-Richtext-SubHead{padding-bottom:0}
.floatCenter{margin-left:auto;margin-right:auto}
.clearBoth{clear:both}
.logoContainer{position:relative;float:left;width:100%;background:url('/_Layouts/ALCS.AltriaCom/images/cmpyBrandsTopBgGrad.png') repeat-x;*width:870px;}
.ourCmpyBrnds{width:200%;height:auto;position:relative;visibility:hidden;overflow:hidden;*width:1740px;}
.sliderOurCmpyContainer{position:relative;width:95.4%;background-color:#f0f0f0;display:block;left:0;top:0;padding:20px;float:left;margin-bottom:20px;min-height:380px;}
.sliderOurCmpyContainer .cmpySliderTopArea{width:100%;height:20px}
.sliderOurCmpyContainer .cmpySliderTopArea .cmpyCloseBtn{background:url('/_Layouts/ALCS.AltriaCom/images/closeBtn.png') no-repeat;height:20px;width:41px;cursor:pointer;float:right}
.ourCmpyBrnds IMG{max-width:100%;height:auto;cursor:pointer}
.cmpySliderLogo IMG{max-width:140px;height:auto}
.clickLogoText{width:100%;color:#666;font-family:Stag Med, Arial;font-style:normal;font-size:15px;float:left;text-align:center;display:block;}
.rows{width:84%;margin-left:8.5%;*margin-left:65px;}
.row1{text-align:center;padding-top:30px}
.row2 .cmpyLogos {margin-top:5px; }
.rows.row3{margin-bottom:10px}
.row3 .horLine{margin:20px 0 15px 0;*margin-top:20px;}
.row1 .horLine{margin:20px 0 35px 0;*margin-top:20px;}


.row3 .horLine{height:1px;background-color:#a8a8a8}
.row1 .horLine{height:1px;background-color:#a8a8a8}
.row1 {*margin-bottom:0px; }
.cmpyLogos{width:96%;float:left; }
.cmpyLogo{float:left;width:21.8%;*width:160px;}
.row2 .cmpyLogo { float:left;width:21.8%;*width:160px;height:auto;text-align:center; }
.ParentLogo{width:21.8%;float:none;*width:216px;*margin-left:275px;}
.ParentLogo IMG{float:none;max-width:100%;height:auto;margin-left:-5px;*margin-left:-30px;margin-top:22px;}
.btmGradient{background:url('/_Layouts/ALCS.AltriaCom/images/cmpyBrandsBtmBgGrad.png') repeat-x;height:22px;width:100%;*width:870px;}
.cmpyDivider{height:1px;width:100%;background-color:#a8a8a8;margin:10px 0 15px 0}
.sliderOurCmpyContainer .column{float:left}
.sliderOurCmpyContainer.singleColumn .column{width:100%;*width:830px;}
.sliderOurCmpyContainer.twoColumn .column{width:50%;margin:20px 0 0 0;*width:415px;}
.sliderOurCmpyContainer.threeColumn .column{width:29%;margin:10px 0 0 5%;*width:265px;*margin-left:20px}
.ColumnDesc P{font-family:Arial;font-size:11px;color:#222;margin:0}
.ColumnDesc UL{padding-left:20px;margin:0}
.btnGoBack{height:23px;width:100%;background:url('/_Layouts/ALCS.AltriaCom/images/btnBackToCmpy.png') no-repeat;position:relative;margin-bottom:15px;cursor:pointer;display:none}
.container1,.container2{width:50%;float:left;position:relative;*width:870px;}
.limiter{width:100%;overflow:hidden;*width:870px;position:relative;}
.cmpySliderLogo {text-align:center;}
.cmpySliderLogo IMG{cursor:default}
.divIntroStatement {font-family:Arial;font-size:13px;color:#222222;padding:20px 0 20px 0;}
.dividerLine {padding-bottom: 10px;width: 100%;}
.SeperatorLine { display:none; }

@media (min-width:768px) and (max-width:1024px)
{

.sliderOurCmpyContainer{width:92%}
.sliderOurCmpyContainer.threeColumn .column{width:100%;margin-left:0}
.cmpySliderLogo{text-align:left}
.row2{margin-bottom:0}
.row2 .cmpyLogos{margin-top:5px}
.divIntroStatement {font-size:13px;}
.ColumnDesc {padding-bottom:25px;}
.sliderOurCmpyContainer .cmpySliderTopArea{width:100%;height:43px}
.sliderOurCmpyContainer .cmpySliderTopArea .cmpyCloseBtn{background:url('/_Layouts/ALCS.AltriaCom/images/closeBtn.png') no-repeat;height:42px;width:42px;cursor:pointer;float:right}
.clickLogoText {width: 100%;}
.rows{width:96%;margin-left:2%;}
}

@media (min-width:0) and (max-width:640px)
{
.row1{padding-top:20px}
.cmpySliderTopArea{display:none}
.sliderOurCmpyContainer{width:91.5%}
.ParentLogo{width:20%;padding-right:20px;margin-top:10px}
.cmpyCloseBtn{display:none}
.btnGoBack{display:block}
.divIntroStatement {display:none;}
.cmpySliderLogo{text-align:left}
.logoContainer{position:relative;float:left;width:100%;background:none;}
.child img{margin-left:40px;}
.AltriaGroup { background-color:#EEEEEE;  }
.SeperatorLine{border-top:1px solid #E1E1E1;width:100%;margin-bottom:10px;}
.SeperatorSpace { background-color: #FFFFFF; height: 10px; margin-top: 5px;  width: 100%;float:left; }
.AltriaGroup img { margin-left:20px;margin-top:10px;margin-bottom:10px; }
.ourCmpyBrnds IMG { margin-top:10px;margin-bottom:10px; }
.row1 .cmpyLogo img, .row2 .cmpyLogo img { margin-top:10px !important; margin-bottom:20px !important; }
.clickLogoText { display:none; }
.row1 .SeperatorLine, .row2 .SeperatorLine { border-top: 1px solid #E1E1E1;margin-bottom: 10px;width: 100%;display:block;float:left; }
.row3 .SeperatorLine { display:none; }
.row1 .horLine, .row3 .horLine { display:none; }
.rows { width:100%;margin-left:0%; }
.cmpyLogo { width:100%;margin-left:0% !important;margin-top:0px !important; }
.cmpyLogos { width:100%; margin-left:0%; margin-right:0%; }
.rowAlignment { margin-left:0%; margin-right:0%; }
.ParentLogo IMG { margin-left:20px;float:left; }
.row2 .cmpyLogos{margin-top:5px; }
.row2 .cmpyLogo img { margin-left:40px !important;float:left; } 
.row2 .cmpyLogo { width:100%;height:auto; }
.btmGradient { display:none !important; }
.row3 .cmpyLogo { background-color:#EEEEEE; }
.row3 .cmpyLogo img { float:left;margin-left:20px; } 
}

@media (min-width:0) and (max-width:768px){
.sliderOurCmpyContainer.threeColumn .column{width:100%;margin-left:0}
.sliderOurCmpyContainer .cmpySliderLogo+.altriacustom-rteElement-Richtext-DividerLine{display:none}
.cmpySliderLogo{margin-bottom:10px}
.ColumnDesc .ms-rteElement-Richtext-OurCmpySubHead{padding-bottom:0}
.ColumnDesc .ms-rteElement-Richtext-DividerLine{padding-bottom:10px}
.column IMG{margin-left:auto;margin-right:auto;max-width:175px;height:auto}
.ColumnDesc {padding-bottom:25px;}
}
@media (min-width:0) and (max-width:360px){
.clickLogoText{font-size:9px;width:28%}
.rows{margin-bottom:15px}
.row2{margin-bottom:5px}
.row3 .horLine{margin:15px 0 10px}
.sliderOurCmpyContainer{width:85.5%}
}
@media (min-width:0) and (max-width:480px) {
.row2 .cmpyLogos{margin-top:5px; }
.row3 .horLine{margin:15px 0 10px}

}