/********************************************************
                   ContentBox  - Starts
*********************************************************/
.contentBox {
   font-size: 80%;
}
 
.contentBox.socialNetworks {
   border: solid 1px #595959;
}
 
.socialNetworks .facebook {
   background-image: url('../img/FB_RR_Promo.gif');
   background-positon: 0 50%;
   background-repeat: no-repeat;
   line-height: 25px;
   padding-left: 60px;
}
 
.productsErr {
    background: #FBF5C8;
    border: 1px solid #E8D360;
    margin-bottom: 14px;
    padding: 14px 15px 5px;
    color: #333;
    border-radius: 3px;
}
.noErrorDisplay p {
   margin: 0;
}
.productsErr p {
    margin: 0 0 10px;
}
.socialNetworks .facebook a {
   margin-left: -60px;
   padding-left: 60px;
}
/********************************************************
                   ContentBox  - Ends
*********************************************************/
/********************************************************
                   Marketing Media  - Starts
*********************************************************/
div.marketingRail>div {
    border-radius: 3px;
}
 
/*  Component Change_August_Release_Page-1_Tracker#548 : Starts August 07, 2015 */
.marketingMedia {
    background-color: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 2px 2px 2px 2px;
    line-height: 16px;
    overflow: hidden;
}
/* Component Change_August_Release_Page-1_Tracker#548 : Ends August 07, 2015 */
 
.marketingMediaTop{
   clear: both;
   height: 253px;
   margin-bottom: 14px;
}
 
.marketingMedia h2 {
   color: #077CC2;
   font-family: "FrutigerBlack";
   font-size: 13px;
   line-height: 16px;
   margin-bottom: 0;
}
 
.marketingMedia h1 {
   color: #333333;
   font-family: "FrutigerBlack";
   font-size: 15px;
   line-height: 18px;
   margin: 10px 0;
}
 
.marketingMedia p {
   color: #595959;
   font-size: 13px;
   margin-top: 0;
}
 
.marketingMedia a {
   font-family: "FrutigerBlack";
   font-size: 13px;
}
 
.marketingRail .dijitContentPane {
   padding: 0px;
}
 
.marketingMediaLeft {
   float: left;
    height: 218px;
    margin-bottom: 14px;
    width: 153px;
}
 
.marketingMediaLeftContent {
   padding: 18px 10px 24px !important;
}
 
.marketingMediaRight {
   float: right;
    height: 218px;
    margin-bottom: 14px;
    width: 153px;
}
 
.marketingMediaRightContent {
    padding: 18px 10px 24px !important;
}

.marketingMediaBottom {
	min-height: 251px;
   	margin-bottom: 14px;
	height: 100%;
}

/* Changes for Retail seperation Starts*/
.marketingMediaCobrand {
   	margin-bottom: 14px;
	height: 100%;
}
.marketingMediaCobrand h1{
	margin: 0px 0px 20px 0px !important;
}
/* Changes for Retail seperation Ends*/

.marketingMediaBottomContent {
    padding: 18px 10px 24px !important;
}
 
/* Change for tracker 548 to remove border in IE */        
.marketingMediaBottomContent a img {        
 border:none !important;   
}        
/* End of change for tracker 548 to remove border in IE */
 
.marketingMediaBottom h1 {
   margin: 0;
}
 
.marketingMedia hr {
    border-color: #B0D5E9;
    border-style: none none solid;
    border-width: 0 0 1px;
}
 
.marketingMediaTopContent {
   padding: 16px 10px 10px;
}
.marketingMediaTop h1 {
   font-size: 13px !important;
   line-height: 16px !important;
   margin: 0;
}
 
/*  Component Change_August_Release_Page-1_Tracker#548 : Starts August 07, 2015 */
/*.marketingMediaBottom img {
   margin-left: 30%;
}*/
/*  Component Change_August_Release_Page-1_Tracker#548 : Starts August 07, 2015 */
/********************************************************
                   Marketing Media  - Ends
*********************************************************/
 
/********************************************************
                   MessageCenter  - Starts
*********************************************************/
.messageCenter{width:322px; float:left; border:1px #d3d7da solid; background-color:#FFF;margin-bottom: 14px;
    border-radius: 3px;}
.messageCenter .topMsgHead{
   background: #fdfeff;
   background: -moz-linear-gradient(top,  #fdfeff 0%, #cfe9f7 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfeff), color-stop(100%,#cfe9f7));
   background: -webkit-linear-gradient(top,  #fdfeff 0%,#cfe9f7 100%);
   background: -o-linear-gradient(top,  #fdfeff 0%,#cfe9f7 100%);
   background: -ms-linear-gradient(top,  #fdfeff 0%,#cfe9f7 100%);
   background: linear-gradient(to bottom,  #fdfeff 0%,#cfe9f7 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#cfe9f7',GradientType=0 );
    border-bottom: 1px solid #FFFFFF;
    border-radius: 3px 3px 0 0;
    height: 20px;
    padding: 10px 0 10px 14px;
    position: relative;
    font-size:18px;
    float:left;
    width: 308px;
 }
.messageCenter .msgBrd{border-bottom: 1px solid #B0D5E9;
    float: left;
    margin-bottom: 6px;
 }
.messageCenter .title{
   /*float:left; */
   background: rgb(230,152,25);
   background: -moz-linear-gradient(top,  rgba(230,152,25,1) 0%, rgba(208,137,22,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,152,25,1)), color-stop(100%,rgba(208,137,22,1)));
   background: -webkit-linear-gradient(top,  rgba(230,152,25,1) 0%,rgba(208,137,22,1) 100%);
   background: -o-linear-gradient(top,  rgba(230,152,25,1) 0%,rgba(208,137,22,1) 100%);
   background: -ms-linear-gradient(top,  rgba(230,152,25,1) 0%,rgba(208,137,22,1) 100%);
   background: linear-gradient(to bottom,  rgba(230,152,25,1) 0%,rgba(208,137,22,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69819', endColorstr='#d08916',GradientType=0 );
   color:#FFF; 
   padding: 0 10px 0 14px; 
   height:25px; 
   line-height:24px;
   width: 298px;
   position: relative;
}
 
.messageCenter .layoutBox{float:left;}
.messageCenter .title .remindersIcon{background:url("../res/img/reminders/reminders.png") no-repeat scroll 0 1px; padding: 0 21px;}
.messageCenter .title .alertsIcon{background:url("../res/img/alerts/alert-megaphone.png") no-repeat scroll 0 1px; padding: 0 21px;}
.messageCenter .reminderssubTitle{ font-size:15px; color:#595959;margin:0 0 3px;}
.messageCenter .subTitle{ font-size:13px; color:#595959;margin:12px 14px 0px;}
.messageCenter .alertsCon .subTitle{margin:0 !important; font-size: 18px;line-height: 21px;}
.messageCenter .pagin{border-bottom: 1px solid #D5D5D5; height: 20px;padding: 8px 14px 1px;text-align: center;}
.messageCenter .pagepre{ float: left; height: 16px; text-align: left; width: 52px;}
.messageCenter .pagenext{float: right;height: 16px;text-align: right;width: 52px;}
.messageCenter .remindersCon{background:#EEF9FF; float:left; width:100%; border-top:1px #D3EAF9 solid; overflow:hidden; position:relative; }
.messageCenter .remindersCon .reminderSubHead{ margin:0 ; margin-bottom:2px}
.messageCenter .remindersCon .dataList {padding: 11px 5px 17px 14px!important}
.messageCenter .remidersDesc{float:left; width:98%;line-height: 16px}
.messageCenter .alertsContentSection{position:relative;border-bottom: 1px solid #B0D5E9;}
.messageCenter .red{color:#DA3941 !important;}
.messageCenter .alertsExpanded, .messageCenter .alertsCollapsed{position:absolute;left: 0;bottom: 0;background:url("../res/img/alerts/alert-expand.png") no-repeat 98% 54%; width:100%; height:100%;cursor:pointer;}
.messageCenter .alertsCollapsed{background:url("../res/img/alerts/alert-collapse.png") no-repeat 97% 54%;}
.messageCenter .alertsCon{float:left; width: 100%; border-top:1px #cde9ff solid;border-bottom: 1px solid #B0D5E9;}
.messageCenter .alertsShortDesc{float:left; width:90%;}
.messageCenter .alertsLongDesc{float:left; width:100%; display:table; height:100%;}
.messageCenter .emailContent{width:145px; margin:0 auto;text-align: center;}
.messageCenter .alertsCon div:last-child{border-bottom: none !important;}
.messageCenter .noBtmBrd{border-bottom: none !important; }
.messageCenter .noBtmMrg{margin-bottom:0px !important;}
.messageCenter .overlayItem{background: none repeat scroll 0 0 #FFFFFF;
   -ms-touch-action: none;
    height: 21px;
    opacity: 0.3;
    pointer-events: none;
    filter:alpha(opacity=30); /* For IE8 and earlier */ 
   position: relative;
   overflow:hidden; border-bottom:none; 
}
.messageCenter .overlayItem p{padding-top:0 !important;}
.messageCenter .overlayItem .prod_txt_ctr{display:none;}
.messageCenter p{padding:0; margin:0;}
.messageCenter .topBrd{background: none repeat scroll 0 0 #EEF9FF;
    /*border-bottom: 2px solid #B0D5E9;*/
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.92;
    padding: 5px 5px 5px 15px;
    position: absolute;
    top: 0;
    width: 94%;
    z-index: 10;}
.messageCenter .topPad{padding-top:28px;}    
.messageCenter .topBrd .closeIcon{cursor: pointer;
    float: right;
    padding-top: 2px;
    position: absolute;
    right: 8px;}
.messageCenter .showmore{float:left; text-align: center; width: 100%;padding: 5px;}
.messageCenter .showmore:hover .iconExpand{background-position: -67px -16px;}
.messageCenter .showmore:hover span a{color: #62A642;}
.messageCenter .showmore div span{float:left;}
.messageCenter .showmore div{width:180px; margin:0 auto; padding:3px 0 17px; cursor:pointer;}
.messageCenter .showmore a{ padding-top: 1px; display: inline-block; }
.messageCenter .alertsSection .iconExpand{margin:5px 9px 2px;background: url("/edge/ui/public/res/img/common/sprite_MM_SMedia_Nav_MultiGroup.png") no-repeat -36px -16px;height: 8px;width: 8px;}
.messageCenter .alertsSection .iconCollapse {margin:5px 9px 2px;background: url("/edge/ui/public/res/img/common/sprite_MM_SMedia_Nav_MultiGroup.png") no-repeat -22px -16px;height: 8px;width: 8px;}
.messageCenter .showmore div:hover .iconCollapse{background:url("/edge/ui/public/res/img/common/sprite_MM_SMedia_Nav_MultiGroup.png") no-repeat -53px -16px;}
.messageCenter .arrow{position:absolute;left:0;bottom:0;width:100%; height:100%;background:url("../res/img/alerts/messageCenterArrow.png") no-repeat 96% 49%; cursor:pointer;}
.messageCenter .contentDiv{position:inherit !important;}
.messageCenter .contentDiv,.messageCenter .alertsContentSection{float:left;width:100%;}
.messageCenter .dataList{font-size:13px; color:#595959;display:table;padding: 5px 5px 4px 14px;width:303px;}
.messageCenter .alertsCon .dataList{padding: 10px 5px 10px 14px!important;}
.messageCenter .alertsCon .dataList .alertsShortDesc  p{line-height: 16px!important;}
.messageCenter .alertsCon .dataList .alertsShortDesc {padding: 0;}
.messageCenter .alertsContentSection:hover{background:#EEF9FF;cursor:pointer;}
/********************************************************
                   MessageCenter  - Ends
*********************************************************/
 
/********************************************************
                   Carousel  - starts
*********************************************************/
.twoColumnCarousel {
   padding: 14px 14px 17px;
   margin-bottom: 14px;
}
 
.twoColumnCarousel ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
 
.twoColumnCarousel h2 {
   color: #595959;
    font-family: "FrutigerBlack";
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 14px;
}
 
.twoColumnCarousel h2 a {
    font-family: "FrutigerBlack";
    font-size: 15px;
    line-height: 18px;
}
 
.twoColumnCarousel a.seeMore {
   color: #007CC2;
    font-family: "FrutigerBold";
    font-size: 13px;
    line-height: 16px;
    margin-top:12px;
}
.twoColumnCarousel a {
    font-family: FrutigerBold;
}
.twoColumnCarousel a.seeMore:hover, .twoColumnCarousel a:hover {
   color: #62A642;
}
 
.twoColumnCarousel .carouselLeftSection {
   width: 153px;
   float: left;
}
 
.twoColumnCarousel .carouselRightSection {
   float: left;
   padding: 26px 0 0 14px;
}
.twoColumnCarousel .carouselRightSection img{width:127px; height:127px;}
 
.twoColumnCarousel .carouselIndicator ul {
   text-align: center;
}
.twoColumnCarousel .carouselIndicator ul li {
   display: inline-block;
    height: 14px;
    margin: 3px;
    padding: 0;
    width: 14px;
}
.twoColumnCarousel .carouselIndicator a{
   width: 14px;
   height: 14px;
   display: inline-block;
   background: url(../res/img/carousel/inactive-bubble.png) no-repeat;
}
 
.twoColumnCarousel .carouselIndicator a.carouselActive {
   background: url(../res/img/carousel/active-bubble.png) no-repeat;
}
.twoColumnCarousel .showCarousel {
   display: block!important;
}
 
.twoColumnCarousel .carouselContent {
    height: 230px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.twoColumnCarousel .contentList {
   float: left;
   left:0;
   top:0;
   position:absolute;
   width:100%;
}
 
/********************************************************
                   Carousel  - ends
*********************************************************/
/*** Sweepstakes Banner - Starts ****/
.sweepstakesBanner {
      float:left;
      background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #D5D5D5;
      border-radius: 2px;
      height: 253px;
      width: 322px;
     margin-bottom: 14px;
}
.sweepsWrapLink {
      display: block;
      float: left;
      width: 100%!important;
      height: 100%!important;
      background: none!important;
      margin: 0!important;
      padding: 0!important;
}
.sweepsButton {
      position: absolute;
      left: 100px;
      bottom: 15px;
      width: 130px;
      height: 35px!important;
      background: none!important;
      margin: 0!important;
      padding: 0!important;
}
.sweepstakesBanner .dijitButtonNode{
      background: none!important;
      display: block;
      margin: 0 !important;
      padding: 0 !important;
      height: 100% !important;
      width: 100%;
}
.sweepstakesBanner .dijitButtonText {
      margin: 0;
      padding: 0 !important;
}
.sweepsWrapLink img{
      float:left;
      width: 100%
}
/*** Sweepstakes Banner - Ends ****/
 
 
/* Social Media Styles Starts */
.socialMedia{ background:#FFFFFF;border: 1px solid #D5D5D5;box-shadow: none;padding: 14px 0px 8px 0;  margin: 0 0 14px;}
.socialMedia .socialMediatitle{margin: 0 0 11px 14px; font:15px "FrutigerBlack";color: #595959;}
.socialMedia .socialMediacontent{ margin:0 25px 16px 14px; }
.socialMedia .socialMediaIcon:first-child{ padding:0 17px 0 14px; border:none;}
.socialMedia .socialMediaIcon{float: left; height: 30px;text-align: center;padding:0 17px 0 18px;border-left:1px solid #EEE; margin-bottom:20px;}
.socialMedia .socialMediaIcon a{float:left; width: 29px;height: 30px; }
.socialMedia .noRuler{padding-right:14px;}
/* Social Media Styles Ends */
 
/* Group Messaging*/
.groupMessage {
   background: #EEF9FF;
   border: 1px solid #D5D5D5;
    border-radius: 3px;
   padding: 0 13px 16px 14px;
   margin-bottom:10px;
    line-height: 16px;
}
.groupMessage h2{
   margin:0;
    line-height: 18px;
   padding:10px 0 0px 0;
}
.layoutBox.rail.alertsSection{
   margin-bottom:8px;
}
.messageCenter .alertsSection .showmore{
   padding-bottom:0px
}
.messageCenter .showmore div{
padding:3px 0 14px;
}
 
/* Code changes for June Release- Tracker 542: Background color change for title bars : Start */
 
/* Tracker 542 for reminder icon */
.messageCenter .title_reminders .remindersIcon{background:url("../res/img/reminders/reminders.png") no-repeat scroll 0 1px; padding: 0 21px;}
 
/* Tracker 542 for alert icon */
.messageCenter .title_alerts .alertsIcon{background:url("../res/img/alerts/alert-megaphone.png") no-repeat scroll 0 1px; padding: 0 21px;}
 
/* Tracker 542 for alert background color */
.messageCenter .title_alerts{
color: #FFF;
padding: 0 10px 0 14px;
height: 25px;
line-height: 24px;
width: 298px;
position: relative;
background-color: #771077;
 
}
 
/* Tracker 542 for reminder background color */
 
.messageCenter .title_reminders{
color: #FFF;
padding: 0 10px 0 14px;
height: 25px;
line-height: 24px;
width: 298px;
position: relative;
background-color: #771077;
}
/* Code changes for June Release- Tracker 542: Background color change for title bars : End */
.displayDesktop {
   display: block;
}
.displayDevice {
   display:none;
}
@media screen and (max-width:768px) {
   .displayDesktop {
       display: none;
   }
   .displayDevice {
       display:block;
   }
}