/* CSS Document */

/* Classes */


 
ul{margin:0; padding:0}

#menu .submenu_container {
    position: relative; 
    float: none !important;
 
    height:100%; 
    margin-left:4px;
    padding: 0 13px 22px 10px;
    
    border-left: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    border-right: solid 1px #e4e4e4;
    background-color: #fff;
    -moz-box-shadow: 0px 2px 3px #d5d5d5;
    -webkit-box-shadow: 0px 2px 3px #d5d5d5;
    box-shadow: 0px 2px 3px #d5d5d5;
    
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;

    /*border-width:0px 13px 13px 10px;
    -moz-border-image:url("clientlib/images/plate_submenu_s.png") 0 13 13 10 stretch stretch;
    -webkit-border-image:url("clientlib/images/plate_submenu_s.png") 0 13 13 10 round stretch;
    border-image:url("clientlib/images/plate_submenu_s.png") 0 13 13 10 round stretch;*/
}

.menuselector .submenu_container {
    height:100%;
    margin-left:4px;     
}

/* Added to  make sure the left sidebar flyout menu apper top of some flash video in ie7*/
.my_left 
{

 position:relative;
    z-index:24;  
}

/* Rounded borders and background for menu items BEGIN */
#menu .submenu_container img.emptySpaceHorisontal {
    display: block; 
    width: 473px; 
    height: 1px;
    }
    
#menu .submenu_container img.emptySpaceHVertical {
    display: block; 
    float: left; 
    width: 1px; 
    height: 204px;
    }
    
#menu .submenu_container .roundedPartLeft {
    width: 219px; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    z-index: 2;
    }
    
#menu .submenu_container .roundedPartRight {
    width: 253px; 
    height: 100%; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 2;
    }
    
#menu .submenu_container .leftTop {
    height: 52px; 
    width: 219px; 
    background: url(images/menu-bg-spray.png) 0 0 no-repeat;
    }
    
#menu .submenu_container .leftRpt {
    width: 71px; 
    background: url(images/menu-bg-spray.png) -844px 0 no-repeat;
    }
        
#menu .submenu_container .leftBottom {
    height: 151px; 
    width: 219px; 
    position: absolute; 
    bottom: 0; 
    background: url(images/menu-bg-spray.png) 0 -53px no-repeat;
    }
    
#menu .submenu_container .rightTop {
    height: 52px; 
    width: 253px; 
    background: url(images/menu-bg-spray.png) -220px 0 no-repeat;
    }

#menu .submenu_container .rightRpt {
    position: absolute; 
    right: -2px; 
    top: 52px; 
    width: 84px; 
    background: url(images/menu-bg-spray.png) -916px 0 no-repeat;
    }
    
#menu .submenu_container .rightBottom {
    height: 151px; 
    width: 253px; 
    position: absolute; 
    bottom: 0; 
    background: url(images/menu-bg-spray.png) -220px -53px no-repeat;
    }  
    
#menu .submenu_container .bottomRpt {
    z-index: 2; 
    position: absolute; 
    bottom: 1px; 
    left: 219px; 
    height: 34px; 
    background: url(images/menu-bg-spray.png) 0 -966px no-repeat;
    }               
    
#menu .submenu_container .centerBg {
    background-color: #fff; 
    position: absolute; 
    left: 71px; 
    top: 0; 
    z-index: 1;
    }
    
#menu .submenu_container .menuContentContainer {
    position: relative; 
    z-index: 3;
    }   
    
#menu .submenu_container .menuContent {
    margin-top: -1px;
    }   
/* Rounded borders and background for menu items END */ 

/* Top menu items on gray BEGIN */
#menu .submenu_container .menuReOver {
    background: url(images/menu-bg-spray.png) 0 0 no-repeat;
    position: absolute;
    height: 47px;
    top: -47px;
    }    
#menu #menuSubCoffee .submenu_container .menuReOver {
    background-position: 0 -248px;
    width: 178px;        
    }
#menu #menuSubMenu .submenu_container .menuReOver {
    background-position: 0 -296px;
    width: 160px;        
    }
#menu #menuSubStores .submenu_container .menuReOver {
    background-position: 0 -344px;
    width: 171px;        
    }
#menu #menuSubShop .submenu_container .menuReOver {
    background-position: 0 -392px;
    width: 155px;        
    }
#menu #menuSubCard .submenu_container .menuReOver {
    background-position: 0 -440px;
    width: 159px;
    right: -2px;        
    }
#menu #menuSubPerks .submenu_container .menuReOver {
    background-position: 0 -488px;
    width: 175px; 
    right: -3px;       
    }            
/* Top menu items on gray END */            

ul#menuSubCoffee { left: 0px; width: 584px; height: 190px; top: 50px; }
ul#menuSubCoffee .submenu_container { height: 190px;}
ul#menuSubMenu { left: 181px; width: 584px; height: 215px; top: 50px; }
ul#menuSubMenu .submenu_container { height: 215px;}
ul#menuSubStores { left: 341px; width: 440px; height: 190px; top: 50px; }
ul#menuSubStores .submenu_container { height: 220px;}
ul#menuSubShop { left: 512px; width: 440px; height: 190px; top: 50px; }
ul#menuSubShop .submenu_container {height: 190px;}
ul#menuSubCard { right: 177px; width: 440px; height: 190px; top: 50px; }
ul#menuSubCard .submenu_container {height: 100%;}
ul#menuSubPerks { right:3px; width: 634px; height: 365px; top: 50px; }
ul#menuSubPerks .submenu_container {width: 620px; height: 365px;}


             

.submenu_col { position:relative; float:left; clear:right; top:5px; min-width:110px; }
.submenu_col a.form_sublinks { font-size:10px; }

.promo_col { position:relative; clear:both; float:right; clear:right; overflow:hidden; top:15px; width:134px; height:170px; background-color:#FFF; border-color:#ebebeb; border-style:solid; text-align:right; border-width:1px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    
}
.promo_col #promoHeader { background-color:#380200; width:auto; height:110px; }
.promo_col #promoHeader  .headerTextOrange { color: #ff6200; font-size: 10pt; font-weight:bold ;}
.promo_col #promoHeader  .headerTextPink { color: #ff2f98; font-size: 10pt; font-weight:bold; }


/* Start of Column - - Coffee */ 
ul#menuSubCoffee #col1 { width:140px; }
ul#menuSubCoffee #col2 { min-width:100px; }
ul#menuSubCoffee #col3 { }
ul#menuSubCoffee #col4 { }

/* Start of Column - - Menu */ 
ul#menuSubMenu #col1 { }
ul#menuSubMenu #col2 { width:140px; }
ul#menuSubMenu #col3 { width:25%; }
ul#menuSubMenu #col4 { width:25%; }

/* Start of Column - Store Finder */
ul#menuSubStores #col1 { margin-left:5px; }
ul#menuSubStores #col2 {  }
ul#menuSubStores #col3 {  }
/* --> */

/* Start of Column - Card*/
ul#menuSubCard #col1  { margin-left:-10px; }
ul#menuSubCard #col2  {  }
ul#menuSubCard #col3  {  }
/* --> */

/* Start of Column - Shop*/
ul#menuSubShop #col1 {  }
ul#menuSubShop #col2 { width:140px; }
ul#menuSubShop #col3 {  }
/* --> */

/* Start of Column - PERKS */
ul#menuSubPerks #col1 { width:302px; }
ul#menuSubPerks #col2 { width:290px; }
/* --> */


/* Promo Tiles*/
.promo_col #promoImageCoffee { background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/PromoTileCoffee.jpg) no-repeat; }
.promo_col #promoImageMenu{ background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoCoolatte.jpg) no-repeat; }
.promo_col #promoImageStoreFinder { background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoSandwich.jpg) no-repeat; }
.promo_col #promoImageCard { background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoCard.jpg) no-repeat; }
.promo_col #promoImageShop { background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoPound.jpg) no-repeat; }
.promo_col #promoTag { padding: 5px;}
.promo_col #promoTag .promoBody { color:#848484; font-size: 10px; line-height: 12px; }
.promo_col #promoTag  a { font-size: 10px; line-height: 11px; }
.promo_col #promoTag  a:hover { }


.dd_form#form_stores_menu { min-width:201px; }
.dd_form li { display:block; height:30px; }
.dd_form#form_perks_create {  }

.module_btn#form_stores_menu { position:relative; float:right; color: #000; margin-left:5px; }
.module_btn#form_stores_menu .btnlabel { }
.module_btn#createaccount { position:relative; float:right; color: #000; right:0px; top:5px; }
.module_btn#createaccount .btnlabel { }
.module_btn#signin { position:relative; float:right; color: #000; right:0px; top:5px; }
.module_btn#signin .btnlabel { }


#form_stores_menu .dd_formfield { margin-bottom:5px; }
.dd_form#form_stores_menu .formLabel { top:5px; font-size:14px; }

/* Create account  Btns and Links------------------------------------- */
.formLabel { float:left; position:relative; top:7px; left:3px; color:#848484; font-size: 11px; font-weight:normal; display:inline;}



.form_sublinks { margin-top:15px; margin-left: 3px; }

#menuSubPerks #col1 .cancelLink  a { font-size: 11px; line-height: 12px;}
#menuSubPerks #col1 .cancelLink  a:hover { }
#createBtnsPanel{position: relative;  margin-top:5px;}
#createBtnsPanel #link{position: absolute; padding-top: 8px;}
#createBtnsPanel #createBtn{ display:inline-block; float:right; margin-top: 1px; width: 120px; height:26px; background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/btn_ic_action_create_fpo.png) no-repeat;}

/* Font size increased for the legal text in ddperks flyout menu */
.legal#perks_createaccount { position:relative; float:right; margin-top: 20px; font-size:10px;}

/* Sign in Btns and Links------------------------------------ */
#signInBtnsPanel{position: relative; margin-top:5px;}
#signInBtnsPanel #link{position: absolute; padding-top: 1px;}
#menuSubPerks #col2 .forgotPasswordLink  a { font-size: 11px}
#menuSubPerks #col2 .forgotPasswordLink  a:hover { }
#signInBtnsPanel #signInBtn{ display:inline-block; float:right; width: 71px; height:26px; background:url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/btn_ic_action_signIn_fpo.png) no-repeat;}
#moreAboutPerks{display:inline-block; position:relative;  float: left; margin-top:16px;}
#menuSubPerks #col2 .moreAboutPerksLink  a { font-size: 11px;}
#menuSubPerks #col2 .moreAboutPerksLink  a:hover { }
/* Main Menu Selector Mods */

#menu a { display: block; margin-left: 0px; padding-left: 0px;  font-weight:normal; text-decoration:none; }
#menu #main_nav a.navBtn:hover { text-decoration:none; }

/* Menu Elements */
#menu li.hover a.navBtn {
    background-color: #fff;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;

}


#menu a.navBtn#coffeeBtn { width: 160px; }
#menu a.navBtn#menuBtn { width: 140px; }
#menu a.navBtn#storesBtn { width: 151px; }
#menu a.navBtn#cardBtn { width: 139px; }
#menu a.navBtn#shopBtn { width: 135px; }
#menu a.navBtn#perksBtn { width: 155px; }

#menu #perks_plate {
	height:100% !important;
	float:left !important;
}

/****************************************************
   Updated menu
*****************************************************/

.side_menu dt {
    margin: 0;
}

.side_menu dd {
    margin-left: 10px; 
    position: relative;
}

.side_menu a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 0;
    display: block;
}
.side_menu dd {
    
    border-bottom: 1px solid #e7e7e7;
    min-height:44px;
    
}

.side_menu dd a:hover, .selected {
    color: #ff7802;
    text-decoration:none;
}

.side_menu dd:last-child a {
    border-bottom: none;
}

.side_menu dt{
    
    font-size: 18px;
    text-transform: uppercase;
    background: #ff7300 url(images/menu_bg.jpg) no-repeat;
    width:204px;
    height:24px;
    color:#fff;
    font-size:18px;
    padding:8px;
    }
.side_menu dt a{
        color: #fff;
        padding:8px;
        font-size: 18px;
    }
.side_menu .activeTab {
   
    color: #FF7802;
    padding: 15px 0 0 0px;
    width: 100%;
    min-height:25px;
}
#breakfast.selected{
	background: url("images/active.png") no-repeat scroll 0 42px transparent;
	}
dd i {
    background: url('images/arrows.png') no-repeat 0 0;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 5px;
}

dd .sandwiches.selected i {
    background-position: 0 -13px;
}

.sub_side_menu {
    list-style-type: none;
    margin-left: 40px;
    display: none;
}

.sub_side_menu a {
    border: none;
    padding: 5px 0 5px 10px;
}

.sub_side_menu .selected {
    color: #ff7802;
    background: url('images/active.png') no-repeat 0 5px;
}
/************************************
 CMS-271
 ***********************************/


 #menu #perks_plate.perks_container .submenu-left-image{
	float: left; 
    position: absolute;
    top:10px; 
}
 #menu #perks_plate.perks_container #col1 .legal{
  width:339px;
  position:absolute;
  margin:47px 0 0 23px; 
  float:none !important;
 }
ul#menuSubPerks #perks_plate.perks_container #col1{
	padding:0 0 0 238px;
	width:130px;
	clear:none;
	position:relative;
}
ul#menuSubPerks #perks_plate.perks_container #col2{
	width:auto;
	position:relative;
	margin: 0 0 10px 237px;
}
#menu #perks_plate.perks_container .perks_menu{width:auto; clear:both;}
#menu #perks_plate.perks_container .h_promo{float:none;}

@charset "UTF-8";

.promoVertical {
    width: 208px !important;
    height: 100% !important;
    padding-bottom: 35px;
    padding-right: 2px;
}

.vertPromoImg img {
    width: 208px;
    height: 133px;
    /*display:none;*/
}

.vertPromoImg{
	width: 208px;
    height: 133px;
    background-repeat:no-repeat;
    -moz-background-size:208px 133px;
    -webkit-background-size:208px 133px;
    background-size:208px 133px;
     border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -khtml-border-radius: 5px 5px 0px 0px !important;
    position:relative;
}

.vertPromoContent {
    margin: 10px;
    position:relative;
    display:inline-block;
}

.promoVertical .promoLink{
    margin-bottom: 10px !important;
    margin-top:0px !important;
}

.promoVertical .hidelink{
    margin-bottom: 40px;
    position:relative;
    bottom:0px;
}

.promoVertical .promoText{
    position: relative;
    /*max-height: 52px;*/
    /*overflow: hidden;*/
    line-height:13px;
    font-size:11px;
    margin-top:10px;
}

.promoVertical .promoText p {
    position:relative;
    overflow:none;
    max-height:none;
}

.promoVertical .promoText a{
    font-size:11px;
    line-height:13px;
}

.promoVertical .promoTitle{
    margin-top:0px;
    margin-bottom:0px;
    position:relative;
    font-size:14px;
    line-height:17px;
    max-height:none;
    overflow:auto;
}

.promoVertical .module_btn {
    padding-right: 19px;
    float:right;
}

.promoVertical .module_btn:hover{
   background: #ff6633;
}

.promoVertical .module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.promoVertical .module_btn:hover .btnaction {
    background:url("clientlib/images/btn_ic_action_right_white.png") no-repeat;
}

.verticalpromotile{
    margin-left:20px;
    margin-bottom:30px !important;
    width:210px;
}

.verticalpromotile .promo_btn {
    position:relative;
    width:100%;
    height:100%;
    display:inline-block;
    bottom: auto;
    right: auto;
}

.verticalpromotile .promo_btn .module_btn{
    margin-right:5px;
}
.promoLink {
    margin-top: 10px;
    margin-left: 10px;   
}

.promoLink a{
	font-size: 9px !important;
}

.promo_btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.promo_modal_btn {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.promo_modal_btn .module_btn .btnlabel {
    color:#AFAFAF;
}

.hidelink {
    display: none;
    bottom: 40px;
    position:absolute;
}

.promo_btn .btnlabel {
    max-width: 155px;
    max-height: 15px;
    overflow: hidden;
}

.promoImage img {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.promoTitle {
    max-height: 54px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 18px;
}

.promoText p {
    position: relative;
    max-height: 30px;
    overflow: hidden;
    margin: 0px;
}
@charset "UTF-8";

.promoHorizontal {
    width: 426px !important;
    height: 132px !important;
    padding: 0px !important;
}

.horPromoImg img{
    float: left;
    display:none;
    width: 208px;
    height: 133px;
}

.horPromoImg {
	float:left;
    width: 208px;
    height: 133px;
    background-repeat:no-repeat;
    -moz-background-size:208px 133px;
    -webkit-background-size:208px 133px;
    background-size:208px 133px;
     border-radius: 5px 0px 0px 5px !important;
    -moz-border-radius: 5px 0px 0px 5px !important;
    -webkit-border-radius: 5px 0px 0px 5px !important;
    -khtml-border-radius: 5px 0px 0px 5px !important;
}

.horPromoContent {
    float: left;
    margin: 10px 10px 0px 10px;
    position:relative;
}

.promoHorizontal .hidelink{
	position:relative;
	bottom:0px;
	float:left;
	font-size: 9px !important;
}

.horPromoTitle {
    width: 198px;
    max-height:none;
    overflow:auto;
    margin:0px;
    position:relative;
    line-height:17px;
    font-size:14px;
}

.horPromoText {
    width: 198px;
    position:relative;
    margin-top:10px;
    font-size:11px;
    line-height:13px;
}

.horPromoText p {
    position:relative;
    overflow:auto;
    max-height:none;
}

.horPromoLink {
    margin-left: 10px !important;
    float: left;
    font-size:9px !important;
}

.promoHorizontal .module_btn:hover{
   background: #ff6633;
}

.promoHorizontal .module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.promoHorizontal .module_btn:hover .btnaction {
    background:url("clientlib/images/btn_ic_action_right_white.png") no-repeat;
}

.horizontalpromotile{
    width:428px;
}

.promoFeature {
    width:302px !important;
    height: 100% !important;
    padding-bottom: 45px;
    left:1px;
    top:1px;
    margin-left:3px;
}

.promoFeature .promoText h1,
.promoFeature .promoText h2,
.promoFeature .promoText h3
{
	display:none;
}

.promoFeature .promoText h4{
	margin-left:10px;
}

.featurePromoImg img {
    height: 200px;
    width: 302px;
    border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -khtml-border-radius: 5px 5px 0px 0px !important;
    behavior: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/border-radius.htc);
    display:none;
}

.featurePromoImg{
	height: 200px;
    width: 302px;
    background-repeat:no-repeat;
    background-position: 50% 50%;
     border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -khtml-border-radius: 5px 5px 0px 0px !important;
}

.promoFeature .promoText{
	max-height:64px;
	overflow:hidden;
	position:relative;
}

.promoFeature .promoLink{
    margin-top:5px;
}

.promoFeature .promoText p{
    max-height:64px;
    overflow:hidden;
    margin-left:10px;
    width:283px;
    margin-bottom:0px !important;
    line-height:15px;
    height:auto;
    position:relative;
}

#promoFeatureNextBtn {
    left: 85px;
}

.featurePromoTitle h2{
    width:290px;
    line-height:18px;
    position:relative;
    margin:0px;
}

.featurePromoTitle{
	position:relative;
	margin: 10px 0px 10px 10px;
	max-height:36px;
    overflow:hidden;
}

.promoFeature .module_btn:hover{
   background: #ff6633;
}

.promoFeature .module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.promoFeature .module_btn:hover .btnaction {
    background:url("clientlib/images/btn_ic_action_right_white.png") no-repeat;
}

.promoFeature .module_btn:hover .modal_right_btn {
    background:url("clientlib/images/btn_ic_white_right.png") no-repeat;
}

.promoFeature .module_btn:hover .modal_left_btn {
    background:url("clientlib/images/btn_ic_white_left.png") no-repeat;
}
.checkbalance{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
	width:215px;
	margin-left:20px;
	float:left;
	padding-bottom:10px !important;
}

.checkbalance .platebg{
    width:184px;
    float:left;
    border-top:0px;
    height:100%;
    padding:10px 8px 10px 5px;
}

.checkbalance .headerbg_orange{
	width:207px;
    height:30px;
    margin-top:-2px;
    padding-left:10px;  
}

.checkbalance .headerbg_orange h2{
	color:#ffffff;
	margin-top:7px;
	margin-bottom:8px;
}

.checkbalanceContent{
	margin:10px 12px 0px 10px;
	padding:3px 5px 5px 5px;
	float:left;
}

.balanceCheck{
	float:left;
	width:100%;
}
    
.checkbalance input{
	margin:5px 0px 8px 0px;
	width:179px;
}

.checkbalance .addrFormlabel{
	color:#400000;
}

#checkBalanceSbmtHidden{
	display:none;
}

#checkBalanceSbmt{
	margin-top:5px;
}

.yourBalance{
	font-size:11px !important;
	padding:10px 10px 0px 10px;
}

.yourBalance a{
    font-size:11px !important;
}

.checkBalanceLink{
	margin-top:10px;
}

.enterLink{
	padding-top:15px;
}

.checkbalanceSelectCard{
	padding-top:3px;
	padding-bottom:10px;
}

.checkBalanceTitle{
    font-size:12px;
    color:#663300;
    margin-bottom:10px;
}

.toolbar{
    font-size:11px !important;
    color:#333333;
    line-height:13px;
}

.dcc_toolbar {
    vertical-align: middle;
    margin: 3px 10px 15px 10px;
    padding:0px !important;
    overflow:hidden;
}

.dcc_toolbarcell {
    width: 24%;
    float:left;
    height:100%;
}

.cellText{
	float:left;
}

.divider{
	float:left;
	min-height:82px;
	width:0.5%;
	max-height:82px;
	overflow:hidden;
}

.toolbarContent{
	float:left;
    width:100%;
}

.dcc_toolbarcelltop {
	padding: 20px 20px 3px 20px;
}

.dcc_toolbarcellbottom {
    padding:0px 20px 20px 20px;
}

.ddc_toolbar a {
    color: black;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.ddc_toolbar td {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: black;
    /*border: 2px graytext solid;
    border-collapse: collapse;
    border-spacing: 0px; */
}

.ddCardToolbar{
   overflow:hidden;
   padding:0px;
}
@CHARSET "UTF-8";

.nutritiontable {
    width:723px;
}

.recipeTableDiv{
	position:relative;
	float:left;
	width:663px;
	padding: 13px 30px 20px 30px;
}

.recipeTableFooter{
	margin:10px 0px 20px 40px;
	position:relative;
	float:left;
	width:623px;
	height:100%;
	font-size:11px;
	color:#545454;
	font-family:Helvetica,Arial,sans-serif;
}
.vitamins{
	padding-bottom:15px;
}

.allergens{
	padding-bottom:10px;
}

.ingredients{
	padding-bottom:10px;
}

.product_left .verticalpromotile{
	width:220px;
	margin-left:19px;
	margin-top:20px;
}

/*.nutritiontablediv .nutritiontablespan {
    color: red;
}

.nutritiontablediv {
    margin-bottom: 7px;
    color: black;
}*/

.nutritiontable .contentForm {
	width: 723px;
	position: relative;
	height:100%;
	float:left;
	/*z-index: 25;*/
}

.nutritiontable .bgTopform {
	background: #b35b2c;
    background: -webkit-gradient(linear, top, bottom, from(#b35b2c),to(#814120));
    background: -ms-linear-gradient(top, #b35b2c 0%, #814120 100%);
    background: -moz-linear-gradient(top, #b35b2c, #814120);
    -moz-box-shadow: 2px 0px 3px #d5d5d5;
    -webkit-box-shadow: 2px 0px 3px #d5d5d5;
    box-shadow: 2px 0px 3px #d5d5d5;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    width: 715px;
	height: 30px;
	position:relative;
	float:left;
}

.nutritiontable .bgTopform h2 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 7px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.nutritiontable .bgFormRepeat {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-box-shadow: 2px 2px 3px #d5d5d5;
    -webkit-box-shadow: 2px 2px 3px #d5d5d5;
    box-shadow: 2px 2px 3px #d5d5d5;
	width: 713px;
	min-height: 50px;
	position:relative;
	float:left;
}

/*.nutritiontable #tittlesForm {
	width: 723px;
}*/

.nutritiontable .itemsFormTitle {
	color: #400000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	float:left;
}

.nutritiontable .customizeOptionsPanel {
	width:695px;
	padding:18px 10px 0px 10px;
	position:relative;
	float:left;
}

.nutritiontable .DRP_SIZE {
	margin-right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 5px;
}

.nutritiontable .DRP_BLEND {
	margin-right: 20px;
}

.nutritiontable .DRP_DAIRY {
	margin-right: 5px;
}

.nutritiontable .DRP_DAIRY_CNT {
	margin-right: 20px;
}

.nutritiontable .DRP_SWEETENER {
	margin-right: 5px;
}

.nutritiontable .DRP_SWEETENER_CNT {
	margin-right: 20px;
}

.nutritiontable .DRP_TURBO_SHOT {
	margin-right: 20px;
}

.nutritiontable .DRP_VARIETY {
	margin-right: 20px;
}

.nutritiontable .DRP_TYPE {
	margin-right: 20px;
}

.nutritiontable .DRP_CARRIER {
	margin-right: 20px;
}

.nutritiontable .DRP_CHEESE {
	margin-right: 20px;
}

.nutritiontable .DRP_TOPPING {
	margin-right: 20px;
}

.nutritiontable .DRP_TOASTED {
	margin-right: 20px;
}

.nutritiontable .DRP_BUTTER {
	margin-right: 20px;
}

.nutritiontable .breakOnly {
	clear: both;
}

/*.nutritiontable #formdrowdown {
	padding-top: 5px;
}*/

.nutritiontable .drowdownAling {
	float: left;
	position:relative;
	margin-right:20px;
}

/*.nutritiontable .numbersSelect {
	margin-left: 3px;
}*/

.nutritiontable .bgBottomForm {
	background-image: url(clientlib/images/nutr_customPanel_bottom.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 723px;
	position:relative;
	float:left;
}

/*.nutritiontable #ContentInformations {
	width: 798px;
	position: relative;
	margin-top: 31px;
}*/

.nutritiontable .bgTableHeader {
	background-image: url(clientlib/images/nutr_headerDailyValue.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 63px;
	float:left;
	position:relative;
}

.nutritiontable .dailyValueText {
	float: left;
	color: #965719;
	font-size: 11px;
	margin-top: 105px;
	width:40px;
	position:relative;
}

.nutritiontable .tableDaily {
	float: left;
	position:relative;
	width:623px;
}
.nutritiontable div.tableDatails span.value{
    border-bottom: 1px solid #CDCCCC;
	padding: 8px 0 5px 10px;
}
.nutritiontable div.tableDatails span.dvalue{
    padding: 5px 0 0 10px;
}
.nutritiontable  .row1daily div.tableDatails span.value{
    width: 37px;
}
.nutritiontable  .row2daily div.tableDatails span.value{
    width: 36px;
}
.nutritiontable  .row3daily div.tableDatails span.value{
    width: 37px;
}
.nutritiontable  .row4daily div.tableDatails span.value{
    width: 37px;
}
.nutritiontable  .row5daily div.tableDatails span.value{
    width: 36px;
}
.nutritiontable  .row6daily div.tableDatails span.value{
    width: 37px;
}
.nutritiontable  .row7daily div.tableDatails span.value{
    width: 39px;
}
.nutritiontable  .row8daily div.tableDatails span.value{
    width: 38px;
}
.nutritiontable  .row9daily div.tableDatails span.value{
    width: 40px;
}
.nutritiontable  .row10daily div.tableDatails span.value{
    width: 37px;
}
.nutritiontable  .row11daily div.tableDatails span.value{
    width: 39px;
}
.nutritiontable  .row12daily div.tableDatails span.value{
    width: 49px;
}
.nutritiontable div.tableDatails{
    padding: 5px 0 5px 0;
    width: 100%;
}
.nutritiontable .row1daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 47px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row2daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 46px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row3daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 47px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row4daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 47px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row5daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 46px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row6daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 47px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row7daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 49px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row8daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 48px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row9daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 50px;
	float: left;
	height: 64px;
	position:relative;
}

.nutritiontable .row10daily {
	border-bottom: 1px solid #CDCCCC;
	border-right: 1px solid #CDCCCC;
	width: 47px;
	float: left;
	height: 64px;
	position:relative;
	float:left;
}

.nutritiontable .row11daily {
    border-bottom: 1px solid #CDCCCC;
    border-right: 1px solid #CDCCCC;
    width: 49px;
    float: left;
    height: 64px;
    position:relative;
    float:left;
}


.nutritiontable .row12daily {
	width: 55px; *
	width: 64px;
	position:relative;
	float:left;
}

/*.nutritiontable .tableDatailsSelect {
	color: #7c7c7c;
	font-size: 12px;
	font-weight: bold;
	padding: 18px 0 0 8px;
	width: 25px;
}

.nutritiontable .tableDatailsSelect span {
	color: #7c7c7c;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0 0 0px;
	width: 25px;
	display: block;
}*/

.nutritiontable .tableDatails {
	color: #838282;
	font-size: 12px;
	font-weight: bold;
	padding: 18px 0 0 8px;
	width: 25px;
	float:left;
	position:relative;
}

.nutritiontable .tableDatails {
    color: #7C7C7C;
    font-size: 12px;
    font-weight: bold;
    padding: 18px 0 0 8px;
    width: 25px;
    float:left;
    position:relative;
}

.nutritiontable .value{
	position:relative;
	float:left;
	width:100%
}

.nutritiontable .dvalue{
    position:relative;
    float:left;
    width:100%
}

/*.nutritiontable .tableDatailsLog {
	color: #838282;
	font-size: 12px;
	font-weight: bold;
	padding: 18px 0 0 5px;
	width: 25px;
}

.nutritiontable .tableDatailsLog span {
	color: #838282;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	display: block;
}

.nutritiontable .tableDatails span {
	color: #838282;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	display: block;
}*/

.nutritiontable .nutritionsInfo {
	color: #595959;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #CDCCCC;
    width: 300px;
    float: left;
    height: 16px;
    position:relative;
    padding:9px 0px 10px 10px;    
}

.nutritiontable .noNutritionInfo {
	position: relative;
	float: left;
	text-align: center;
	margin-top: 20px;
	width: 100%;
    height: 50px;
}

/*.nutritiontable #footerText {
	float: left;
	margin: 33px 0px 33px 33px;
	color: #545454;
	font-size: 11px;
}*/

.condiments{
	position:relative;
	float:left;
	margin-top:30px;
}

.checkbox_col{
	position:relative;
	float:left;
}

.ch_box{
    clear:both;
    position:relative;
    margin-right:20px;
    margin-bottom:10px;
}

.ch_box input{
	margin-left:0px;
}

.relLinks .headerbg_orange {
    height:20px;
    margin-left:0;
    width:206px;
}

.relLinks .headerbg_orange h2 {
    color:#FFFFFF;
    margin-bottom:0;
    margin-left:5px;
    margin-right:5px;
    margin-top:3px;
}

.relLinks .platebg{
    width:198px;
    float:left;
    border-top:0px;
    height:100%;
    padding:20px 5px 20px 5px;
    margin-bootom:30px;
}

.relLinks{
    margin-left:20px;
    margin-bottom:30px;
}

.relatedlinks{
	margin-bottom:30px !important;
	margin-top: -30px !important;
}


.relatedLink{
    margin-bottom:10px;
    float: left;
    width: 100%;
}
@CHARSET "UTF-8";
.makeRecharge {
    overflow: hidden;
}
.auto_recharge_frequency {
    margin-top:20px;
    margin-bottom:10px;
    clear: both;
    padding:10px;
    overflow: hidden;
}

.auto_recharge_frequency .set_frequency {
	margin-bottom:20px;
}

.auto_recharge_frequency .set_frequency .legend {
    font-weight: bold;
}

.auto_recharge_frequency .frequency_options {
    margin-left: 10px;
}

.auto_recharge_frequency .frequency_options .frequency_option_monthly {
    float: left;
    margin-right: 5px;
}

.auto_recharge_frequency .frequency_options .frequency_option_weekly {
    float: left;
    margin-right: 5px;
}

.auto_recharge_frequency .frequency_options .frequency_option_amountly {
    float: left;
}

.auto_recharge_frequency .frequency_options .radioDiv {
    float: none;
    background: #fff;
    border: 1px solid #BCBBBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 2px 4px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.auto_recharge_frequency .frequency_options .radioDiv input {
    position: relative;
    top: 3px;
}

.auto_recharge_frequency .frequency_options .selectDiv {   
    padding: 10px 15px 0px 10px;
    font-size: 11px;
}
.auto_recharge_frequency .frequency_options .selectDiv select {
    font-size: 11px;
}
.frequency_description {	
    margin-left: 15px;
    font-size:11px;
}
/*Auto Recharge (end)*/

/*DD Perks (end)*/
@CHARSET "UTF-8";

.parsys_column .rss .platebg{
    height:358px !important;
}

.rss {
    float: left;
    height:100% !important;
    width:297px !important;
    margin-left:10px;
    top:-3px !important;
    padding-bottom:0px !important;
}

.rsstitle {
	margin-top:2px;
}

.rsstitle p{
    margin-top: 10px !important;
    float:left;
    padding-left:5px !important;
}

.rsslink{
    margin:10px 10px 5px 10px;
    max-height:30px;
    overflow:hidden;
    position:relative;
    float:left;
}

.rsslink a{
    font-size:11px !important;
    font-family:Helvetica,Arial,sans-serif !important;
    position:relative;
    max-height:30px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    float:left;
}

.rss .headericon {
    padding-right:10px;
    top:10px;
    float:left;
}
.rss .rsstitle a.viewAll {
    color: #fff;
    font-size: 11px;
    float: right;
    margin: 10px;
}
.rss .rsstitle a.viewAll:hover {
    color: #ffdf9b;
}
.rss p{
    margin-top:4px;
    padding-left:20px;
    float:left;
}

.rsstitle {
    font-weight: bold;
}

.rsspaginationpage {
    float: left;
    width: 100%;
}

.rssdescription {
    padding:0px 10px 0px 10px;
    font-size:10px;
    font-family:Helvetica,Arial,sans-serif;
    color:#333333;
    max-height:15px;
    overflow:hidden;
    position:relative;
    float:left;
    width:100%;
}

.rssdescription div{
	position:relative;
	max-height:15px;
    overflow:hidden;
    float:left;
    width: 283px;
}	

.rsscreatedtime {
    color: #999999;
    margin:5px 10px 5px 10px;
    font-size:9px;
    line-height:8px;
    position:relative;
    float:left;
}

.rsscontent{
    float:left;
    position:relative;
    height:328px;
    width:298px;
    margin-top:-4px;
}

.rss_modal_btn .module_btn .btnlabel {
    color:#AFAFAF;
}

#rssNext{
    margin-left:3px;
    left:82px;
}

#rssSubmitBtn{
    margin-left:-12px;
}

.rsspaginationprevnext {
    float: left;
}

.rsspaginationprev {
    border-style: none;
    background-image: url('clientlib/images/prevBtn.png');
    width: 66px;
    height: 26px;
}
.rsspaginationnext {
    border-style: none;
    background-image: url('clientlib/images/nextBtn.png');
    width: 65px;
    height: 26px;
}

.rssSubmit{
    float:left; 
}

.rssSubmit .btnlabel{
    color:#ff6200;
}

.rssSubmit .btnaction {
    background: url(clientlib/images/btn_ic_newwindow_right.jpg) no-repeat;
    width: 13px;
    height: 11px;
}

.rsspaginationfollow {
    float: right;
    
}

.rsspaginationpage .dottedHozLine{
    margin-left:10px;
    width:278px;
    position:relative;
}

.rsspaginationsubscribelink {
    height: 26px;
    border-style: none;
    background-image: url('clientlib/images/button_bg_white_right.png');
    margin-right: 7px;
    padding-top: 4px;
}

.lineitem_rss {
    left: 0px;
    height: 60px;
    overflow: hidden;
}

.rssdescription br{
    display:none;
}

.rssdescription a{
    font-size:10px;
}

.rss_modal_btn{
   position: absolute;
   left: 5px;
   bottom: 7px;
}

.rss_btn {
    position: absolute;
    bottom: 7px;
    right: 5px;
}

.rssSubmit .module_btn:hover{
   background: #ff6633;
}

.rss #rss_sbmtArrow{
	top:3px;
}

.headerbg_orange {
    border: 1px #ffe09c solid;
    background: url("clientlib/images/orange.gif") 0 0 repeat-x;
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    width:300px;
    color:#ffffff;
    height:35px;
    float: left;
    vertical-align: middle;
    margin-left:-2px;
}

.module_btn:hover #rss_SubLabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.module_btn:hover #rss_sbmtArrow {
    background:url("clientlib/images/new_window_icon.gif") no-repeat;
}

.rssnews{
  margin-left:2px;
}
@CHARSET "UTF-8";

.socialHeaderText{
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    float:left;
    opacity:1;
    position:relative;
    margin-top:8px;
}

.socialicon {
    float: left;
    cursor: pointer;
    position:relative;
    margin:5px 5px 0px 5px;
}

#social_header{
    height: 25px;
}

.lineitem_social {
    float: left;
    width: 100%;
    left: 0px;
    height: 48px;
    overflow: hidden;
    margin-top:5px;
}

.dottedHozLine {
    position: relative;
    float: left;
    height: 1px;
    background: url(clientlib/images/dottedHozLine.png) repeat-x;
}

.twitter .dottedHozLine {
	margin-top:5px;
    width:100%;
}

.tabpanelparsys {
    width: 100%;
    float: left;    
}

.headerbg_white {
    border: 2px #E2E2E2 solid;
    border-bottom:none;
    border-left:1px #E2E2E2 solid;
    background: url("clientlib/images/platebg.gif");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    width:100px;
    float:left;
    height:33px;
}

.facebooksenderpicture img{
	width: 50px;
    height:50px;
}

.socialmessagepicture {
    width:100%;
    cursor:pointer;
}

/* twitter start */	

.twitterurl{
    color:#2EA4CB;
    font-size:10px;
}

.twittersender{
	color:#2EA4CB;
    font-size:10px;
}

.twitterpaginationpage {
    float: left;
    width: 282px;
    margin-top:3px;
    padding-left:10px;
    padding-right:10px;
    position:relative;
}

.twitter_table {
    border: 0px solid grey;
    border-collapse: collapse;
    width: 100%;
    float: left;
}

#twitter_content {
    width: 100%;
    float: left;
}

.twitter .platebg{
    height:100%;
    float:left;
    border-top:0px;
    width:302px;
    top:-3px;
    padding:0px;
}

.headerbg_blue {
    border: 2px #8FC8D6 solid;
    background: url("clientlib/images/blue.gif");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:none;
    width:97px;
    float:left;
    height:33px;
    cursor:pointer;
}

.twitter_header {
    width: 314px;
    float: left;
}

.twitterpic {
    width: 31px;
    height: 31px;
    margin-top: 0px;
    float: left;
}

.tweetbody {
	float:left;
	position:relative;
    color: #3d2e47;
    font-size: 10px;
    line-height: 12px;
    font-family: Helvetica, Arial, sans-serif;
    max-height:24px;
    overflow:hidden;
    margin-top:5px;
    margin-bottom:5px;
    width:241px;
}

.tweettime {
	float:left;
	position:relative;
    color: #343434;
    font-size: 8px;
    line-height: 8px;
    float: left;
    max-height:8px;
    width:241px;
    overflow:hidden;
}

.twittersenderpicture {
    float: left;
    position:relative;
    width: 31px;
    height:31px;
    margin-right:10px;
}

.twittermessageholder {
    float: left;
    position:relative;
    width: 241px;
}

.twitterSubmit{
    float:left;
    margin-left:21px;
}

.twitter_modal_btn{
    left:5px;
    position: absolute;
    bottom: 5px;
}

.twitter_modal_btn .module_btn .btnlabel {
    color:#AFAFAF;
}

#twitterNext{
    margin-left:3px;
    left:82px;
}

.twitter_btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.twitterSubmit .module_btn:hover{
   background: #ff6633;
}

.twitter #twitter_sbmtArrow{
    top:3px;
}

.twitterSubmit .btnlabel{
    color:#ff6200;
}

.twitterSubmit .btnaction {
    background: url("clientlib/images/btn_ic_newwindow_right.jpg") no-repeat;
    width: 13px;
    height: 11px;
}

.parsys_column .twitter .platebg{
    height:329px;    
}

.module_btn:hover #twitter_SubLabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.module_btn:hover #twitter_sbmtArrow {
    background:url("clientlib/images/new_window_icon.gif") no-repeat;
}

/* twitter end */

/* facebook start */

.facebookurl{
	color:#003663;
	font-size: 10px;
}

.module_btn:hover #facebook_sbmtArrow {
    background:url("clientlib/images/new_window_icon.gif") no-repeat;
}

.module_btn:hover #facebook_SubLabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.facebookSubmit{
    float:left;
    margin-left:21px;
}

.facebookSubmit .module_btn:hover{
   background: #ff6633;
}

.facebookSubmit .btnlabel{
    color:#ff6200;
}

.facebookSubmit .btnaction {
    background: url("clientlib/images/btn_ic_newwindow_right.jpg") no-repeat;
    width: 13px;
    height: 11px;
}

.facebook_btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#facebookNext{
    margin-left:3px;
    left:82px;
    *left:70px;
}

.facebook #facebook_prevArrow{ /*IE fix*/
    * position:absolute;
    * top:9px;
    * left:5px;
}

.facebook_modal_btn{
    left:5px;
    position: absolute;
    bottom: 5px;
}

.facebook_modal_btn .module_btn .btnlabel {
    color:#AFAFAF;
}

.parsys_column .facebook .platebg{
    height:324px;
}

.facebook .dottedHozLine{
    width: 282px;
    bottom:0px;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:5px;
}

.facebookmessagetext {
    font-size:10px; 
    line-height:12px;
    color:#3d2e47;
    font-family: Helvetica, Arial, sans-serif;
}

.facebookfrom {
    font-weight: bold;
    margin-right: 5px;
    float: left;
    color:#003663;
    font-size:11px;
    line-height:12px;
    max-height:12px;
    overflow:hidden;
}

.facebookSubmit{
    float:left;
    margin-left:34px;
    
}

.facebookSubmit .btnlabel{
    color:#ff6200;
}

.facebookSubmit .module_btn{
    margin:5px 0px 0px 5px;
}

.facebookpaginationpage {
    float: left;
    width: 100%;
}

/*.facebookpaginationfollow {
    float: right;
}
.facebookpaginationfollowlink {
    height: 26px;
    border-style: none;
    background-image: url('clientlib/css/components/images/button_bg_white_right.png');
    margin-right: 7px;
    padding-top: 4px;
}*/

#facebooktab {
    width: 25%;
    background-color: #9966cc;
    height: 100%;
    vertical-align: middle;
}

#facebook_content {
    width: 100%;
    float: left;
    display: none;
}

.facebook .platebg{
    height:100%;
    float:left;
    border-top:0px;
    width:302px;
    *width:303px;
    padding-top:5px;
    padding-bottom:0px;
    top:-3px;
    *top:0px;
    *height:321px !important;
}

.facebooksenderpicture {
    float: left;
    padding-left:10px;
    width:50px;
    height:50px;
}

.facebookmessageitem {
    float: left;
    padding:5px 10px 0px 10px;
    width: 222px;
}

.facebookmessage{
    margin:5px 0px 5px 0px;
    max-height:25px;
    overflow:hidden;
    margin-bottom:9px;
}

.facebookCreatedate {
    color: #343434;
    clear: both;
    font-size:7px;
    line-height:8px;    
}

.headerbg_dkblue {
    border: 2px #769DE2 solid;
    background: url("clientlib/images/dark_blue.png");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:none;
    width:97px;
    float:left;
    cursor:pointer;
    height:33px;
}

/* facebook end */

/* youtube start */

.headerbg_red {
    border: 2px #E5545C solid;
    background: url("clientlib/images/red.png");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:none;
    width:97px;
    float:left;
    cursor:pointer;
    height:33px;
}

#youtube_content {
    width: 100%;
    float: left;
    display: none;
}

#youtubetab {
    width: 25%;
    background-color: #ff3333;
    height: 100%;
    vertical-align: middle;
}

.lineitem_social#yt1,.lineitem_social#yt2,.lineitem_social#yt3,.lineitem_social#yt4
    {
    left: 0px;
    height: 60px;
    overflow: hidden;
}

/* youtube end */


div.parsys_column .section.youtube {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    width: 302px;
}
#youtube_social_header.headerbg_white {

}
#youtube_content #videoBar { 
    height: 280px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}
#youtube_content #videoBar .videoBarBox_gsvb{
    position: relative;
    top: 0px;
}
#youtube_content.halfhidden #videoBar .videoBarBox_gsvb{
    height: 140px;
    overflow: hidden;
}
#youtube_content .youtube.platebg {
    height: 320px;
}
#youtube_content #videoBar table td {
    padding: 0;
    text-align: left;
}

#youtube_content #videoBar .resultDiv_gsvb {
    width: 131px;
    height: auto;
    background: transparent;
    border: 0;
    text-align: left;
    margin: 10px;
}
#youtube_content #videoBar .resultDiv_gsvb a {
    text-decoration: none;
}

#youtube_content #videoBar .resultDiv_gsvb a span{
   display: block;
   text-decoration: underline;
   font-size: 11px;
   margin-top: 5px;
   height: 30px;
   overflow: hidden;
}

#youtube_content #videoBar .resultDiv_gsvb a:hover span {
    color: #FF6200;
}
#youtube_content #videoBar .gsc-branding.gsc-branding-youtube {
    display: none;
}
#youtube_content .buttonPane {
    overflow: hidden;
    padding: 0 5px;
    margin-top: 13px;
    //margin-top: 14px;
}

#youtube_content .buttonPane .module_btn.nav {
    float: left;
    padding: 0;
    cursor: pointer;
}
#youtube_content .buttonPane a.module_btn {
    padding: 0;
    color: #AFAFAF;
    text-decoration: none;
    float: right;
}
#youtube_content .buttonPane .module_btn.nav.disabled {
   cursor: default;
}
#youtube_content .buttonPane .module_btn.nav .btnlabel,
#youtube_content .buttonPane a.module_btn .btnlabel {
    display: inline-block;
    padding: 5px 8px 0 13px;
    //padding: 5px 8px 0 3px;
    height: 20px;
    //height: 17px;
    color: #AFAFAF;
    float: none;
}

#youtube_content .buttonPane .module_btn.nav#youtubeNext .btnlabel {
    padding: 5px 11px 0 10px;
    //padding: 5px 3px 0 10px;
}
#youtube_content .buttonPane a.module_btn .btnlabel {
    color: #FF6200;
    //padding: 5px 0px 0 8px;
    //height: 19px;
}

#youtube_content .buttonPane .module_btn.nav:hover,
#youtube_content .buttonPane a.module_btn:hover{
    background: #FF6200;
}
#youtube_content .buttonPane .module_btn.nav.disabled:hover{
    background: #fff;
    background: -webkit-gradient(linear, right bottom, left top, from(#f3f3f3), to(#fff));
    background: -moz-linear-gradient(right bottom, #f3f3f3, #fff);
}

#youtube_content .buttonPane .module_btn.nav:hover .btnlabel,
#youtube_content .buttonPane a.module_btn:hover .btnlabel{
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}
#youtube_content .buttonPane .module_btn.nav.disabled:hover .btnlabel {
    color: #AFAFAF;
    text-shadow: none;
}


#youtube_content .buttonPane .module_btn.nav .btnArrow,
#youtube_content .buttonPane a.module_btn .btnIcon,
#youtube_content .buttonPane .module_btn.nav.disabled:hover .btnArrow {   
    display: inline-block;
    width: 18px;
    height: 21px;
    background: transparent url(clientlib/images/btn_ic_gray_right.jpg) no-repeat 4px 7px;    
    vertical-align: middle;
    margin: -2px 4px 0;
    //margin: 0px 4px 0;
    //position: relative;
    //top: -1px;
    //left: 1px;
}

#youtube_content .buttonPane .module_btn.nav#youtubeNext .btnArrow {
    //margin: 0px 0 0 2px;
    //left: -1px;
}

#youtube_content .buttonPane a.module_btn .btnIcon {
    margin: -1px 4px 0 0;
    //position: relative;
    //top: -2px;
}
#youtube_content .buttonPane .module_btn.nav:hover .btnlabel {
    color: #fff;
}
#youtube_content .buttonPane .module_btn.nav:hover .btnArrow {
    background-image: url(clientlib/images/btn_ic_white_right.png);
}
#youtube_content .buttonPane .module_btn.nav#youtubePrev {
    margin-right: 2px;
    //margin-right: 3px;
}
#youtube_content .buttonPane .module_btn.nav#youtubePrev:hover .btnArrow{
    background-image: url(clientlib/images/btn_ic_white_left.png);
}
#youtube_content .buttonPane .module_btn.nav#youtubePrev .btnArrow,
#youtube_content .buttonPane .module_btn#youtubePrev.disabled:hover .btnArrow{
    background-image: url(clientlib/images/btn_ic_gray_left.jpg);
}



#youtube_content .buttonPane a.module_btn .btnIcon{
    background-image: url(clientlib/images/btn_ic_newwindow_right.jpg);
    margin-top: -4px;
}

#youtube_content .buttonPane a.module_btn:hover .btnIcon{
    background-image: url(clientlib/images/new_window_icon.gif);
}
@CHARSET "UTF-8";

.contentblock_text{
    font-size:16px;
    line-height:21px;
    color:#696969;
}

.contentblock_text a{
    font-size:16px !important;
    line-height:21px !important;
}

.contentblock_text p{
    margin:10px;
}

.contentblock_image{
    float:left;
    position:relative;
    margin-left:20px;
}

.contentblock_image img{
    float:left;
}

.contentblock_title{
    position:relative;
    margin:25px 0px 20px 10px;
}

.contentblock_title h1{
	font-size:33px;
	line-height:35px;
	color:#400000;
}

.simple{
	float:none !important;
	display:table-cell !important;
	vertical-align:top !important;
	margin:0px !important;
	padding-left:20px !important;
}

.contentblock_content{
    position:relative;
    margin:0px 0px 0px 20px;
    height:100%;
}

.contentblock{
    position:relative;
    margin-bottom:15px !important;
}

.contentblock .videoContent{
   float:left;
   width:365px;
   height:245px;
   margin-left:4px;
   margin-top:40px;
}

.horizPromoParsys .horPromoImg img,
.horizPromoParsys .horPromoImg{
   height:75px;
   width:75px;
}


.horizPromoParsys .horPromoImg{
   -moz-background-size:75px 75px;
   background-size:75px 75px;
}

.horizPromoParsys .promoHorizontal {
   width:327px !important;
   height:75px !important;
}

.horizPromoParsys .btnicon {
   display:none;
}

.horizPromoParsys .horizontalpromotile{
    width:327px !important;
}

.horizPromoParsys .horPromoTitle{
    max-height:18px !important;
}

.horizPromoParsys .horPromoLink {
    display:none;
}

.horizPromoParsys .horPromoContent, 
.horizPromoParsys .horPromoText{
    margin-top:5px;
}

.horizPromoParsys .horPromoText{
    line-height:12px;
    max-height:24px !important;
    font-size:10px;
    overflow:hidden;
}

.horizPromoParsys .module_btn{
    background:none !important;
    border:none !important;
}

.horizPromoParsys .btnlabel{
    left:28px;
    top:5px;
}

.horizPromoParsys .btnlabel:hover{
    color: #ffdf9b !important;
    text-shadow:none !important;
}

.horizPromoParsys .module_btn:hover .btnlabel {
    color: #ffdf9b !important;
    text-shadow:none !important;
}

.horizPromoParsys .horPromoContent img{
   height:62px !important;
   width:62px !important;
}
#coffeePlayer {
    height: 245px;
    width: 365px;
    display: block;
}
/***************************** classes for menu nav **************/
#contentRight
{
}
.titleRight {
    border-bottom: 1px solid #7D4900;
    color: #7D4900;
    font-size: 30px;
    padding-bottom: 15px;
    float: right;
    text-align: left;
    width: 343px;

}
.contentRight .title {
	padding:0;
	margin:0;
	}
.contentRight .contentblock_title h1 {
    color: #FD6401;
    font-size: 20px;
    }
.contentRight .contentblock_title {
    margin: 0 0 0 10px;
    position: relative;
}
/* Title line height override  */
.contentRight .contentblock_content .contentblock_title h1 {
  line-height: 22px;
  text-transform: uppercase;
}

.title .titleRight {
  line-height: 32px;
}

.contentRight .contentblock_content .contentblock_text sub {
  line-height: 10px;
}
@CHARSET "UTF-8";
.tabpanel {
    margin: 0px 0px 25px !important;
}
.tabPanelSelectable {
	float: left;
    width:715px;
}
.tabItem {
	float: left;
	width: 190px;
	height: 30px;
	background-repeat: no-repeat;
	font-weight: bold;
	cursor: pointer;
	border-bottom: none;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	color: #fce2ad;
	border: 1px #F78045 solid;
	background: url("clientlib/images/orange.gif");
}
.nc_tabPane .tabItem{
    width: 95px;
}
.tabPane {
     background: #fff url("clientlib/images/b-shad.png") 100% 100% no-repeat;
     overflow: hidden;
     float: none;
     width: 100%;
     margin-bottom: 15px;
}

.tabPane .tabItem {
   background: #dd3603 url("clientlib/images/tab-bg.gif") top repeat-x;
}
.tabPane .tabItem a {
    text-decoration: none;
}
.tabItem.tabItemActive {
	color: #333;
	font-weight: bold;
	border: 1px solid #e4e4e4;
	border-bottom: 0;
	height: 31px;
	background: url("clientlib/images/platebg.gif");
}

.tabPane .tabItem.tabItemActive{
    background: #fff;
    position: relative;
    z-index: 3;
    margin: 0 -5px;
    -moz-box-shadow: 2px 2px 8px #666;
    -webkit-box-shadow: 0 2px 8px #666;
    box-shadow: 0 2px 8px #666;
}
.tabPane .tabItem.tabItemActive.firstTab{
   margin-left: 0;
}
.tabHeaderText {
	margin: 6px 0px 0px 10px;
	font-size: 14px;
	line-height: 17px;
}

.tabItem .tabHeaderText {
	color: #fce2ad;
	text-decoration: none;
}

.tabItemActive .tabHeaderText {
	color: #333333;
	text-decoration: none;
}

.profileTabs {
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
    float : left;
	padding-left: 10px;
	float: left;
}

.tabImage img,
.inactiveTabImage img{
	height: 133px;
	width: 133px;
	position: relative;
}

.activeTab,.inactiveTab {
	float: left;
	height: 100%;
	width: 133px;
	margin-right: 10px;
}

.activeTab .tabTitle {
	color: #400000;
	font-weight: bold;
}

.inactiveTab .tabTitle {
	color: #696969;
	font-weight: bold;
}

.tabTitle {
	text-align: center;
}

.tabprofile {
	margin-right: 20px;
}

.tabHorLine hr {
	float: left;
	position:relative;
	width: 100%;
	margin: 0px;
	color: #e4e4e4;
	border: 1px #e4e4e4 solid;
	margin-right: 20px;
}

.tabHorLine hr {
	clear:both;
    float: left;
    position:relative;
    width: 100%;
}




/* css for sub tabs*/
ul.profileTabs{padding:0;margin:10px 0 0}

ul.profileTabs li{
	list-style: none outside none; 
	height:29px; 
	width:33%;    
	border-top: 1px solid #e5d8b6;
    border-bottom: 1px solid #e5d8b6;
    cursor: pointer;
    float: left;
    }
 
 ul.profileTabs li.firstTab{
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #E5D8B6;
 }
 ul.profileTabs li.lastTab{
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #E5D8B6;
 }  

ul.profileTabs li.inactiveTab {
    background: url("clientlib/images/myDD_subtab_bg_inactive.png") repeat scroll 0 0 transparent;
    border-right: 1px solid #B8A573;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin-right:0;
}

ul.profileTabs li.activeTab {
    background: url("clientlib/images/myDD_subtab_bg_active.png") repeat scroll 0 0 transparent;
    border-right: 1px solid #B8A573;
    color: #61381b;
    font-weight: bold;
    margin-right:0;
}

ul.profileTabs li.inactiveTab .tabTitle, ul.profileTabs li.activeTab .tabTitle{
    padding: 4px;
}

ul.profileTabs li.inactiveTab .tabTitle a{ 
       color:#61381b;
       text-decoration:none;
       font: bold 15px Tahoma;
       display: block;
    }

ul.profileTabs li.activeTab .tabTitle a{ 
       color:#FFFFFF;
       text-decoration:none;
       font: bold 15px Tahoma;
    }





/*Menu Selector component (start)*/
.menuNav {
    margin: 5px 0 20px 19px;
    width: 208px;
}
.menuNav .submenu_container {
    margin:-1px 0 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #fff;
}
.menuTab {
    width: 208px;
    margin-top: 0px;
    margin-left: 0px;
}

.menu_selector_header {
    height: 30px;
    border-collapse: collapse;
    overflow: hidden;
}

.menu_selector_header .tab {
    float: left;
    width: 104px;
    background: transparent url(clientlib/images/menuTab.png) 100% 0 no-repeat;
    height: 30px;
    cursor: pointer;
    color: #B5B5B5;
    font-weight: bold;
}

.menu_selector_header .activetab {
    background-image: url(clientlib/images/menuActiveTab.png);
    color: #FFFDFF;
}

.menu_selector_header p{
    margin-left:10px;
    margin-bottom:10px;
    margin-top:8px;
    font-size:14px;
}


.suckerdiv ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 208px;
    line-height: 26px;
    z-index: 100;
}

.suckerdiv ul li {
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding: 0;
}


.suckerdiv ul li ul {
    position: absolute;
    width: 208px;
    top: -1px;
    z-index: 100;
}


.suckerdiv ul li a {
    display: block;
    overflow: hidden; 
    color: #333333;
    font-family: "Lucida Sans Unicode ", "Lucida Sans", "Lucida Grande",
        Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left:10px;
    height: 28px;
    font-size:11px;
    padding-top: 2px;
}

.suckerdiv ul.subfolder_liststyle li a {
    background-color:#ffffff;
    width:198px;
}
.suckerdiv ul li a:visited {
    color: #333333;
}

.suckerdiv ul li.withoutChilds:hover a, .suckerdiv ul li.withoutChilds.active a{
    background: url(clientlib/images/bgActiveSubMenu.gif) repeat-x;
    width: 198px;
    color: #FFF;
    display: block;
}
.suckerdiv ul li.withChilds:hover ul {
    display: block;
}
.suckerdiv ul li.withChilds:hover a.level1, .suckerdiv ul li.withChilds.active a.level1{
    background: url(clientlib/images/bgActiveMenu.gif) 100% 0 no-repeat;
    width: 198px;
    border: none;
    color: #FFF;
    display: block;
}


.suckerdiv ul.subfolder_liststyle li a:hover {
    background: url(clientlib/images/bgActiveSubMenu.gif) repeat-x;
    border: none;
    color: #FFF;
}

.suckerdiv ul li.over ul {
    display: block;
}

.suckerdiv ul li ul {
    display: none;
        border: 1px solid #e7e7e7;
}

.suckerdiv .subfolder_linkstyle {
    width:180px;   
}

.suckerdiv .subfolder_liststyle {
    left: 208px;
    visibility: visible;
}

.suckerdiv .subStyle {
    background-color: #f4f3f3;
}

.suckerdiv ul li ul {
    border-bottom: none;
}

.suckerdiv ul li a.subfolder_linkstyle ul li a {
    border-bottom: none;
}

.suckerdiv ul li a.subfolder_linkstyle ul {
    border-bottom: none;
}




.content {
    display: none;
    width:203px;
    padding-bottom: 5px;
}
.visible_content {
    display: block;    
}

/*Menu Selector component (end)*/
#footer #footerMenu {
    position: relative;
    clear: both;
    width: 920px;
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    float:left;
}

#footer a {
    font-weight: normal;
    text-decoration: none;
}

#footer {
    position: relative;
    clear: both;
    overflow: hidden;
    top: 0px;
    line-height: 15px;
    width:980px;
    margin: 0px auto;
    z-index: 1;
}

#footer #footerMenu {
    position: relative;
    clear: both;
    width: 920px;
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    margin-left:30px;
}

#footer #footerMenu li {
    list-style: none;
}
.floatLeft {
    float: left;
}
#footer #container6 {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    background: 
}

#footer #container5 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 16.666%;
}

#footer #container4 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 16.666%;
}

#footer #container3 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 16.666%;
}

#footer #container2 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 16.666%;
}

#footer #container1 {
    float: left;
    width: 100%;
    position: relative;
    right: 16.666%;
}

#footer #col1 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer #col2 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer #col3 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer #col4 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer #col5 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer #col6 {
    float: left;
    width: 153px;
    position: relative;
    overflow: hidden;
}

#footer h1 {
    font-size: 12px;
    color: #630;
    margin-bottom: 10px;
}

#footer #highlightBar {
    position: relative;
    clear: both;
    width: 980px;
    height: 14px;
    background: url(clientlib/images/footer_divHighlight_alt.jpg) no-repeat;
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
    float:left;
}

#footer #copyright {
    position: relative;
    clear: both;
    width: 980px;
    margin-top: 20px;
    text-align: center;
    display: block;
}
.arod_logo img{

    width: 150px;
    height: 50px;
    margin-bottom: 10px;
    margin-left:auto;
    margin-right:auto;
}

#copyrightText a {
    font-size: 10px;
}

#copyrightText a:hover {
    font-size: 10px;
}

#copyrightText {
    color: #663700;
}

.legal {
    color: #848484;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 10px;
}

.legal a {
    font-size: 9px !important;
}

#partners_header {
    font-size: 13px;
    margin-top:25px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width: 235px;
    overflow: hidden;
}

#parnters_logos {
    margin: 0px;
    text-align:left;
    width:980px;
    height:80px;
}

#parnters_logos .section {
    float: left;
    margin: 0 5px;
    min-width: 25px;
}

#parnters_logos .iparys_inherited{
    width:100%;
}

.iparys_inherited{
}


.partner_icon {
    width: 53px;
    height:71px;
    float: left;
    margin: 5px 5px 5px 5px;
}
#parnters_logos #one {
    width:250px;
}
#footer_legal {
    position: relative;
    clear: both;
    width: 930px;
    margin: 40px 0px 30px 25px;
    text-align: justify;
}
.new_window_link {
    background: url(clientlib/images/btn_ic_newwindow_right.jpg) no-repeat;
    width: 22px;
    height: 11px;
    float: left;
}



#footerSearchForm {
    float:left;
    margin: 30px 0px 32px 150px;
    _position:relative;
    width: 690px;
    display:inline;
}
#footerSearchForm .search{
    mergin: 0 ! important;
    text-align: right;
}

#footershare {
    width: 175px;
    margin: 45px 0px 8px 0;
    display:inline;
    text-align:right;
    float:right;
}
#footershare div.sharelabel{
    font-size: 13px;
    color: #000000;
    margin: 0 10px 0 0;
    font-weight: bold;
    float: left;
}
#footershare .addthis_toolbox a.addthis_button_preferred_1, #footershare .addthis_toolbox a.addthis_button_preferred_2{
    margin-right: 8px;
}

#footerlistMenu ul{
    padding-left:0px;
}

#header {
    background-color: #ffffff;
    width: 1002px;
    height: 125px;
    top: 0;
    margin-left:10px;
}
#header #messages #dd_logo {
    position:relative;
    float:left;     
    width:186px; 
    height:76px;
    left: -4px;
    top: 2px;
    background:url(clientlib/images/dunkin_logo.jpg) no-repeat; 
}

#dd_logo{
    cursor:  pointer;
}

.print_recharge_dd_logo {
    position:relative;  
    width:186px; 
    height:76px;
    left: -4px;
    top: 2px;
    background: url(clientlib/images/dunkin_logo.jpg) no-repeat; 
}

#header #messages {
    clear:both; 
    float:left; 
    position:relative; 
    width:1000px; 
}

#header #welcome {
    position:relative; 
    line-height: 26px;
    height: 24px;
    width: 500px;
    overflow: hidden;   
    float: left; 
    margin-left:-7px; 
    margin-top:35px; 
}

#header #welcome.top {
    line-height: 24px;
    height: 50px;
    overflow: hidden;   
    margin-top:15px; 
}


#header #changingLocation { 
    position: absolute; 
    height:35px; 
    top: 30px;
    right: 10px; 
    width: 305px;
}

#header #changingLocation div{
    float: left;
}
#header #changingLocation form{
    float: right;
}
#header #changingLocation.twoLines div.logout{
    float: none;
    text-align: right;
}
#header #changingLocation div.logout {
    margin-bottom: 5px;
}
#header #changingLocation div.logout a span{
    color: #FF6200;
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
}
#header #changingLocation div.logout a:hover, #header #changingLocation div.logout a:hover span{
    color: #FF6200;
}
#header #changeID {
    position:relative;
    float:right; 
    top:26px; 
    margin-right:10px; 
}

#header #perks {
    background:url(clientlib/images/perks_slug.png) no-repeat;
    height:29px;
    width:433px;
    position:relative;
    float:right;
    margin-right:33px;
    margin-top:10px;
}

#header #menu {
    position: relative;
    float: left;
    clear: both;
    z-index: 25;
    left: 0px;
    top: 0px;
    width: 1000px;
}

#menu ul,#header #menu li {
    margin: 0px;
    padding: 0px;
}

#changingLocation a:hover, #changingLocation a:hover span{
    color: #603913;
}
#location {
    position: relative;
}
#locationEdit {
    position: absolute;
    bottom: -35px;
    right: 0px;
}
#locationEdit #locationInputWrapper {
    border: 1px solid #EAD7AD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff1d3 url("clientlib/images/cards-bg.gif") 0 100% repeat-x;
    padding: 5px;
    overflow: hidden;
}
#locationEdit #locationInputWrapper input{
    margin: 0;
}
#header #changingLocation #locationInputWrapper, 
#header #changingLocation div#bottomlinks {
    float: none;
}
#locationUpdateCancel {
    float: left;
}
#locationUpdate {
    float: right;
}
#locationEdit #locationInputWrapper input{
    width: 220px;
}
#locationError {
    color: #ff0000;
    font-size: 9px;
    font-weight: bold;
    clear: both;
    display: block;
    text-align: right;
}
.locationText {
    color: #696969;
    font-size: 14px;
    margin-bottom: 0px;
    font-family: Tahoma, Geneva, sans-serif;
}

.changeText {
    position: relative;
    color: #ff6200;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    bottom: 1px;
}

.welcomeText {
    font-size: 18px;
    color: #663700;
    font-weight: normal;
    font-style: italic;
    font-family: Tahoma, Geniva, sans-serif;
}

#menu a {
    display: block;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: normal;
    text-decoration: none;
}

#menu #main_nav a.navBtn {
    color: #FFF;
    font-size: 14px;
}

#menu #main_nav a:hover {
    text-decoration: none;
    color:#663300;
}

#menu ul {
    background:url("clientlib/images/main_nav_bg.gif") 999px 0 no-repeat;
    height:50px;
    list-style-type:none;
    width:1001px;    
}

#menu li {
    display: block;
}

/* Start of Column - - Coffee */

ul#menuSubCoffee {
    left: 1px;
    width: 584px;
    height: auto;
    top: 49px;
}

ul#menuSubCoffee #col1 {
    width: 160px;
}

ul#menuSubCoffee #col2 {
    min-width: 100px;
}

#menuSubCoffee .legal{
    float:left;
    padding-top:70px;
    font-size:9px;
    font-color:#696969;
}

.menuVert {
    position: absolute;
    display: block;
    z-index: 100;
}

.submenu_col {
    position: static;
    float: left;
    clear: right;
    top: 5px;
    min-width: 110px;
}

/*#menuSubPerks .submenu_col {
    float: none;
    display: inline-block;
    vertical-align: top;
}*/

.submenu_col a.form_sublinks {
    font-size: 10px;
}

.promo_col {
    position: relative;
    clear: both;
    float: right;
    clear: right;
    overflow: hidden;
    top: 15px;
    width: 134px;
    height: 100%;
    background-color: #FFF;
    border-color: #ebebeb;
    border-style: solid;
    text-align: right;
    border-width: 1px;
    z-index:102;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.promo_col #promoHeader {
    background-color: #380200;
    width: auto;
    height: 110px;
}

.promo_col #promoHeader  .headerTextOrange {
    color: #ff6200;
    font-size: 10pt;
    font-weight: bold;
}

.promo_col #promoHeader  .headerTextPink {
    color: #ff2f98;
    font-size: 10pt;
    font-weight: bold;
}

.promobody {
    position: relative;
    float: left;
    top: 0px;
    left: 2px;
    width: 280px;
    height: 26px;
    overflow: hidden;
    color: #333333;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
}

/* --> */ /* Promo Tiles*/
.promo_col #promoImageCoffee {
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/PromoTileCoffee.jpg) no-repeat;
}

.promo_col #promoImageMenu {
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoCoolatte.jpg) no-repeat;
}

.promo_col #promoImageStoreFinder {
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoSandwich.jpg) no-repeat;
}

.promo_col #promoImageCard {
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoCard.jpg) no-repeat;
}

.promo_col #promoImageShop {
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/subMenuPromoPound.jpg) no-repeat;
}

.promo_col #promoTag {
    padding: 5px;
}

.promo_col #promoTag .promoBody {
    color: #848484;
    font-size: 10px;
    line-height: 12px;
}

.promo_col #promoTag  a {
    font-size: 10px;
    line-height: 11px;
}

.promo_col #promoTag  a:hover {
    
}

/* Start of Column - - Menu */
ul#menuSubMenu #col1 {
    
}

ul#menuSubMenu #col2 {
    width: 140px;
}

ul#menuSubMenu #col3 {
    width: 25%;
}

ul#menuSubMenu #col4 {
    width: 25%;
}

ul#menuSubMenu {
    left: 181px;
    width: 584px;
    height: 190px;
    top: 49px;
}

/* Start of Column - Store Finder */
ul#menuSubStores #col1 {
    margin-left: 0px;
    padding-left: 5px;
    z-index:103;
    width: 218px;
}

ul#menuSubStores #col2 {
    
}

ul#menuSubStores #col3 {
    
}

ul#menuSubStores {
    left: 341px;
    width: 440px;
    height: auto;
    top: 49px;
}

.dd_form#form_search {
    height: auto;
    overflow: hidden;
}

.dd_form {
    margin-left: -5px;
    min-width: 280px;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */ 
    *display: inline;
    border: solid 1px #ead7ad;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behaviour: -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff2d4), to(#ffdf9b) );
    background: -moz-linear-gradient(top, #fff2d4, #ffdf9b);
    background: -ms-linear-gradient(top, #fff2d4 0%, #ffdf9b 100%);    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2d4', endColorstr='#ffdf9b',GradientType=0); /* ie8-ie9 */
}

.dd_form#form_stores{
    min-width: 201px;
}

.scDDFasMenuInstruction{
    font-size:11px;
    margin-bottom:10px;
}

.dd_form li {
    display: block;
    height: 30px;
}

.dd_form#form_perks_create {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 5px;
}
#menu #main_nav .dd_form .form_sublinks a{
    font-size: 10px;
    color: #FF6200;
}

#menu #main_nav .dd_form .form_sublinks a:hover{
    color: #663300;
}

.dd_form#form_stores.formLabel {
    top: 5px;
    font-size: 14px;
}

#form_stores .dd_formfield {
    margin-bottom: 5px;
    width: 195px;
}

#form_search .dd_formfield {
    float: left;
    clear: left;
    width: 285px;
    overflow: hidden;
}

.dd_formfield {
    position: relative;
    background: #fff;
    padding: 6px 6px 6px 8px;
    width: 185px;
    border: solid 1px #bcbbbb;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.dd_searchbtn {
    position: relative;
    clear: right;
    float: right;
    font-size: 11px;
}

.module_btn#form_stores_menu {
    position: relative;
    float: right;
    color: #000;
    margin-left: 5px;
}

#menu .module_btn {
    padding: 0;
}


#menu .module_btn .btnlabel {
    display: inline-block;
    padding: 4px 7px 0;
    height: 20px;
}

#menu .module_btn:hover {
    background: #FF6200;
}

#menu .module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}
#menu .module_btn .btnArrow {
    display: inline-block;
    width: 18px;
    height: 21px;
    background: transparent url(clientlib/images/btn_ic_action_right.png) no-repeat 4px 7px;
}
#menu .module_btn:hover .btnArrow, 
#menu .module_btn:hover .form_btnaction  {
    background-image: url(clientlib/images/btn_ic_action_right_white.png);
}

#menu .module_btn:hover .btnlabel {
    color: #fff;
}


/* --> */ /* Start of Column - Card*/
ul#menuSubCard #col1 {
    margin-left: 0px;
}

ul#menuSubCard #col2 {
    
}

ul#menuSubCard #col3 {
    
}

ul#menuSubCard {
    height: 100%;
    min-height: 195px;
    right: 180px;
    top: 49px;
    width: 440px;
}

ul#menuSubCard .submenu_col #col1{
    width:125px;
}

ul#menuSubCard .submenu_col #col2{
    width:150px;
}

ul#menuSubCard .submenu_col .promoBody a {
	float: none;
	padding-right: 5px;
	display:block;
	line-height: 14px;
}
    

/* --> */ /* Start of Column - Shop*/
ul#menuSubShop #col1 {
    
}

ul#menuSubShop #col2 {
    width: 140px;
}

ul#menuSubShop #col3 {
    
}

ul#menuSubShop {
    left: 512px;
    width: 440px;
    height: 190px;
    top: 49px;
}

#menuSubShop .legal{
    width:275px;
    margin-top:30px;
    float:left;
}

.submenu_col a{
    clear:both;
    float:left;
}

.submenu_col .colHeader{
    clear:both;
}

#menuSubShop .submenu_col .colHeader{
    float:left;
    clear:both;
}

.externalIcon{
    margin-top:10px;
}

/* --> */ /* Start of Column - PERKS */
ul#menuSubPerks #col1 {
    width: 302px;
    margin-right: 8px;
}

ul#menuSubPerks #col2 {
    width: 290px;
}

ul#menuSubPerks #column1 {
    width: 150px;
    margin-right: 8px;
}

ul#menuSubPerks #column2 {
    width: 150px;
}

ul#menuSubPerks #column3 {
    width: 180px;
}
ul#menuSubPerks #column3 .singleCard{
    height:165px;
}

#menuSubPerks .authenticated{
    height:185px !important;
    width:490px !important;
    left:110px !important;
}

#menuSubPerks .ddperksMenuImg img{
    width:134px;
    height:110px;
}

#menuSubPerks .known{
    margin-left:35px !important;
}

#menuSubPerks .known .form_sublinks{
    margin:0px !important;
}

#menuSubPerks .known .colHeader{
    margin-bottom:0px !important;
}

#menuSubPerks .cardImage img{
    width:100px;
    height:100px;
}

#menuSubPerks .cardImage{
    clear:both;
    float:left;
    margin-top:5px;
    margin-left:5px;
}

#menuSubPerks #column3 a{
    padding-right:5px;
    text-align:left !important;
}

#menuSubPerks .registerlink{
    padding-left:10px !important;
}

ul#menuSubPerks #column1 .form_sublinks,
ul#menuSubPerks #column2 .form_sublinks{
    margin-top:0px !important;
}

#menuSubPerks #perks_createaccount a{
    display:inline;
    float:none;
}

ul#menuSubPerks {
    right: 0px;
    width: 646px;
    height: auto;
    top: 49px;
}

#menuSubPerks #col1 .cancelLink  a {
    font-size: 11px;
    line-height: 12px;
}

#menuSubPerks #col1 .cancelLink  a:hover {
    
}

#menuSubPerks #col2 .forgotPasswordLink  a {
    font-size: 11px
}

#menuSubPerks #col2 .forgotPasswordLink  a:hover {
    
}

#menuSubPerks #col2 .moreAboutPerksLink  a {
    font-size: 11px;
}

#menuSubPerks #col2 .moreAboutPerksLink  a:hover {
    
}

#menu .formLabel {
    float: mome;
    color: #848484;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    width: 80px;
}
#menu #col1 .formLabel {
    width: 90px;
}
.module_btn#createaccount {
    position: relative;
    float: right;
    color: #000;
    right: 0px;
    top: 5px;
}

.module_btn#createaccount .btnlabel {
    
}

.form_sublinks {
    margin-top: 15px;
    margin-left: 3px;
}

.legal#perks_createaccount {
    position: relative;
    float: right;
    margin-top: 20px;
}

.menuHoriz li {
    float: left;
    background: #FF6200 url("clientlib/images/main_nav_bg.gif") 0 0 no-repeat;
}

#menu a.navBtn {
    text-align: left;
    width: 164px;
    height: 47px;
    margin: 3px 5px 0;        
    padding: 0 5px;
}

#menu li.hover a.navBtn span {
    color: #ff6200;
}

#menu a.navBtn .navBtn_label{
    top: 7px;
}

#menu a.navBtn .undertext {
    display: block;
    top: 7px;
}

#menu div.submenu_container a {
    color: #FF6200;
    font-size: 11px;
}

#menu div.submenu_container a .colHeader {
      /*text-decoration:underline !important;*/
}

#menu div.submenu_container a.colHeader,
.colHeader{
    font-size: 12px !important;
    font-weight: bold !important;
    color: #630 !important;
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}

#menu div.submenu_container #promoTag a {
    font-size: 10px  !important;
}

.invisible {
   visibility: hidden;
}
.videoContainer span{
    display: block;
    width:747px;
    height: 420px;
}

#signInSbmtHidden,
#createAccountSbmtHdn,
#profileSbmtHidden,
#profileClearHidden{
    display:none;
}

#menuSubPerks .submenu_container {
    height:auto !important;
    float:left !important;
}

#menuSubPerks #navsignin{
    float:left;
}

#menuSubPerks form .end{
    display:none;
}

#menuSubPerks .form_sublinks{
    float:left;
}

#menuSubPerks .promo_col{
    margin-bottom:15px;
}

#form_perks_create .dd_formfield,
#form_perks_signin .dd_formfield{
    float:left;
}

#form_perks_create .errorMsg, 
#form_perks_signin .errorMsg{
    float:left;
    color:red;
    margin-top:7px;
    margin-left:2px;
    font-size:11px;
}

#form_perks_create .formLabel,
#form_perks_signin .formLabel{
    display:block;
}

#form_perks_create .buttons{
    margin-top:10px;
    float:right;
}

#form_perks_create #profileClear{
    margin-right:10px;
}

#form_perks_create .form_btnaction{
    margin-top:8px;
}

#perks_plate #col1 .legal{
    float:left !important;
}

#navsignin #form_perks_signin{
    float: left;
}

#navsignin #form_perks_signin {
    float: right;
}


#perk_leagal_text {
    clear: right;
    color: #848484;
    font-size: 9px;
    padding-top: 1px;
    width: auto;
}
#menu #navsignin #perk_leagal_text a {
    color: #FF6200;
    display: inline;
    float: none;
    font-size: 9px;
}

.form-dropdown-signup {
    margin-right: 10px;
}

.main_image img{
    width:328px;
    height:328px;
}

.productpage {
    width: 100%;
    clear: both;
}

.productpage .main_image {
    float: left;
    width: 328px;
    height: 328px;
}

 
.contentblock_content {
    padding:0px 0px 0px 15px;
    height:100%;
}

.productpage .main_desc_and_ddsmart {
    float: left;
    width: 327px;
    margin-left: 10px; 
    height:315px;
    padding-top:13px;
}

.productpage .nutritionDiv {
    width: 100%;
    float: left;
    margin-top:30px;
}

.productpage .main_desc_and_ddsmart .main_desc {
    
}

.productpage .main_desc_and_ddsmart .ddsmart {
    
}

.productpage .main_desc .recommendation {
    
}

.productpage .main_desc .try_it_with {
    
}
@CHARSET "UTF-8";

.recharge_card {
    margin-left: 20px;
}

.recharge_card .enter {
    float: left;
    width: 478px;
}

.yellow, .my_right .dd_yellow.simpleProfile,  .parsys_column .dd_yellow.simpleProfile{
    border: 1px #EAD7AD solid;
    background: #ffe09c url("clientlib/images/y-bg.gif") 0 0 repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.enter {
    margin-top: 5px;
}

.enterCardNumber h2 {
    color: #603913;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.cardenterContent {
    float: left;
    position: relative;
    width: 240px;
}

.cardLabel {
    margin-left: 15px;
    margin-bottom: 5px;
    position: relative;
}

.number {
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 10px;
    -moz-border-radius: 5px;
    -moz-border-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #BCBBBB;
    width: 218px;
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

.cardImage, .signinBtns .module_btn, .cardType, .yellow .cardNumber, .cardExpData, 
.cardAddress, .left_float {
    float: left !important;
}

.cardImage .rightImage {
    float: left;
    width: 238px;
}

.cardImage .rightImage img {
    width: 213px;
    height: 115px;
    margin-top: 50px;
    margin-right: 10px;
    margin-left: 15px;
}

.form_rightcol {
    margin-bottom: 15px;
    height: 100%;
    position: relative;
    float: right;
}

.recharge_card .error {
    margin-left: 15px;
    margin-bottom: 15px;
    position: relative;
    color: red;
    float: left;
}

.inputField .number {
    margin-left: 10px !important;
    color: #000 !important;
    position: relative;
    float: left;
}

.cardSignInImage {
    float: left;
    width: auto;
}

.cardSignInImage img {
    width: 165px;
    height: 125px;
    margin-right: 20px;
}

.recharge_card .signin {
    float: left;
    width: 450px;
    margin: 35px 10px 0 20px;
}

.signin h2 {
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
    float: left;
    position: relative;
    width: 260px;
}

.signinText {
    margin-top: 0;
    margin-bottom: 25px;
    float: left;
    position: relative;
    width: 260px;
}

.signinBtns {
    width: 260px;
    float: left;
}

.createprofile_btn {
    float: right !important;
}

.rechargeImage img {
    width: 144px;
    height: 91px;
}

.selectRechargeAmount {
    margin-top: 20px;
    padding: 10px;
    overflow:hidden;
}

.rechargeSelectTitle {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #663300;
    margin-top: 10px;
    line-height:19px;
    font-size:16px;
}

.label{
    width:100%;
	float:left;
}

.amountLeft {
    float: left;
    width: 35%;
    margin-bottom: 5px;
}

.amountLeft.selectedAmountButton {
    background-color: green;
    border-color: green;
}

.amountRight {
    float: left;
    width: 45%;
    margin-bottom: 5px;
    margin-left: 10px;
}

.centerFormAmount {
    float: left;
    width: 80px;
    text-align: center;
}

.amountLeft button {
    float: left;
    width: 49px;
    height: 31px;
    background: #400000;
    border: 1px solid #400000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
}

.amountRight .label input {
    width: 35px;
    margin-top: 19px;
}

.amountLeft button:hover,  .amountLeft button.active{
    background: #ff6200;
    border: 1px solid #ff6200;
}

.amountLeft button.disabled, .amountLeft button.disabled:hover {
    background-color: #999999;
    border: medium none #999999; 
    cursor: default;
}

.amountLeft button:active {
    background: #080;
    border: 1px solid #ff6200;
}

.centerFormAmount .rechargeSelectTitle {
    margin-bottom: 5px;
    margin-top: 5px;
}

.paymentMethod {
    margin-top: 20px;
    padding: 10px;
    overflow:hidden;
    clear:both;
}

.selectPaymentMethod {
    margin-top: 10px;
    clear: both;
    overflow: hidden;
}

.cardItems {
    margin: 10px 0;
    border: 1px solid gray;
    background: #fff;
}

.cardItem {
    background: #fff;
    border-bottom: 1px solid gray;
    padding: 5px 10px;
    overflow: hidden;
}
.firstItem {
 border-bottom: 1px solid gray;
}
.lastItem .securCode{
    padding: 0 10px 10px;
}
.lastItem .securCode input{
    height: 15px;
}
.cardItem input {
    float: left;
    cursor: pointer;
    margin-top: 0;
}

.cardType, .cardExpData {
    width: 20%;
}

.yellow .cardNumber{
    width: 30%;
}

.cardAddress {
    width: 29%;
}

.cardDisabled {
    background: #BCBBBB;
}

.cardChecked {
    background: #ff6200;
}

.securCode {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.securCode .body {
    float: left;
    width: 32%;
}

.securPassword {
    float: left;
    width: 68%;
}

.securPassword input {
    width: 70px;
    height: 20px;
    margin-top: -5px;
    margin-right: 10px;
}

.paymentSubmit {
    clear: both;
    width: 110px;
    float: left;
    margin: 15px 0px 0px 10px;
    padding-bottom:10px;
}

.reviewlabel {
    float: left;
    padding-top: 20px;
}

.paymentSubmit .module_btn .btnArrow, .continueBtn .module_btn .btnArrow {
    display: inline-block;
    width: 12px;
    height: 10px;
}

.paymentSubmit .module_btn, .continueBtn .module_btn {
    float: left;
    padding-right: 5px;
}

.newPaymentMathod {
    margin-top: 20px;
    overflow: hidden;
    padding:10px;
}

#personalInfo .formLabel.middleFieldWidth{
    width: 200px;
}
.middleFieldWidth {
    width: 200px; !important;
}

.fieldWidth {
    width: 224px !important;
}

.smallFieldWidth {
    width: 100px !important;
}

.largeFieldWidth {
    width: 414px;
}

.form_subhead {
    color: #630 !important;
    font-weight: bold !important;
    margin-bottom: 10px;
    margin-top: 20px;
}

.cancelLink {
    float: right;
    margin-top: 15px;
    white-space:nowrap;
}

.continueForm .reviewlabel {
    margin-left:20px;
    padding-top:9px;
}

.continueForm {
    float: left;
    margin-top: 20px;
    padding:10px;
}

.newPaymentMathod .yellow_border {
    width: 700px;
}

.newPaymentMathod #state {
    width: 180px;
}

.rechargeCardTitle {
    margin-bottom: 5px;
    color: #400000;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
}

.yourPrivacy {
    margin-top: 20px;
    width: 63%;
    float: right;
}

.makeRecharge, .billingAddress {
    margin-top: 10px;
}
.makeRecharge {
    border: 1px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.whiteRecharge{
    float: left;
    width: 367px;
    background: #fff;
    -moz-box-shadow: 0 2px 8px #666;
    -webkit-box-shadow: 0 2px 8px #666;
    box-shadow: 0 2px 8px #666;
    color: #400000;
    font-size: 15px;
    height: 30px;
    font-weight: 700;
    position: relative;
    z-index: 4;
    
}

.whiteRecharge span, .orangeRecharge span {
    margin-top: 8px;
    margin-left: 10px;
    float: left;
}

.orangeRecharge {
    float: left;
    width: 366px;
    background: #FF6200;
    color: #fff;
    font-size: 15px;
    height: 30px;
    font-weight: bold;
}
.whiteRecharge, .orangeRecharge {
	-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    
}
.whiteRecharge.first, .orangeRecharge.first {
	-moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.rechargeInfo, .billingInfo {
    width:715px;
    float:left;
    margin-top:15px;
    padding:10px;
}

.leftInfo {
    float:left;
    width:30%;
}

.rightInfo {
    float:left;
    width:70%;
}



.rechargeInfo .label, .billingInfo .label{
    margin-bottom:5px;
}

.formBackgroung {
    width: 715px;
    float: left;
    margin-top: 20px;
    padding: 10px;
    margin-right: 20px;
}

.selectPaymentMethod.cardItems .paylabel{
    padding: 5px 10px;
}

.rechargeSubmitBlock{
    margin-top:15px;
    float:left;
}

.cancelRechargeLink{
	margin-left:20px;
	margin-top:6px;
	float:left;
}

#rechargeSbmtHidden,
#registerCardSbmtHidden,
#unregisterCardSbmtHidden,
#autoRechargeBtnHdn{
    display:none;
}

.cardRegistration .required{r
	clear:both !important;
    float:right !important;
}

.privacy{
	float:left;
    margin-top:15px;
}

#disableAutorechargeSbmtHidden{
   display:none;
}

.topError{
    margin-top:20px;
}

.createAccountForm .topError{
	max-width:710px;
	margin-top:10px;
}

.rechargeError .topError{
    float:none !important;
    overflow:hidden;
    display:block;
}


/**   
    CSS for Auto Recharge created by Shanaullah
*/

ul.ar_tabs {
    background-color: #3C0000;
    border-radius: 5px;
    display: inline-block;
    float: left;
    height: 26px;
    margin: 0;
    padding: 3px;
    width: auto;
}

ul.ar_tabs li {
    background-color: #3C0000;
    border: 1px solid #400000;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 4px 5px;
    text-align: center;
    width: auto;
}

ul.ar_tabs li.current{
    /*background:-moz-linear-gradient(top bottom , #7fca52, #5db03c) repeat scroll 0 0 transparent*/
background-color: #FF6200;
background: -moz-linear-gradient(top bottom , #FF6200, #ea5c04) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(top, #FF6200 0%, #ea5c04 100%);

}

.ar-tab-content{
display: none;
padding: 15px;
}

.ar-tab-content.current{
display: inherit;
}


#ar_option_month {
    float: left;
    width: 340px;
}


#ar_option_days {
    float: left;
    width: 300px;
}


#ar_msg_on_off {
    float: left;
    height: 65px;
    padding-left: 30px;
    width: 525px;
}

#ar_txt_enabled, #ar_hd_txt_on, #ar_tab_content, #ar_main_ht_on{
	display:none;
}

#ar_tab_content .newSelectRechargeAmount.yellow {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    width: 100%;
    padding: 0;
}

#ar_tab_content .frequency_options {
    margin: 0;
}

#ar_tab_content #otherautoamount{
    float:none;
    display:inline;
    margin:0;
}

#ar_tab_content .set_frequency {
    margin-bottom: 10px;
}

#ar_main_ht_info{margin-top:10px}

#ar_recharge_option{float:left}

#ar_frequency_option{
    width: 150px;
}


#ar_tab_content .frequency_option_monthly, #ar_tab_content .frequency_option_weekly, #ar_tab_content .frequency_option_amountly{margin-left:20px}

div#ar_recharge_info {
    border-radius: 0 0 5px 5px;
    border-top: 0 none;
    margin-top: 0;
    background: none repeat scroll 0 0 #FFE09C;
}

div#ar_recharge_info_bal{
    border-radius:5px 5px 0 0;
    border-bottom: 0 none;
    background: none repeat scroll 0 0 #FFE09C;
}


.newSelectRechargeAmount{
    margin-top: 20px;
    overflow: hidden;
    padding: 10px;
}

.ddCardsArea.ReviewArea .card {
    float: none;
}
@CHARSET "UTF-8";

.nutrCatalogText{
    float:left;
    width:72%;
    margin-top:5px;
    margin-left:20px;
    color:#696969;
    margin-bottom:10px;
}

.nutrCatalogText p{
    margin:0px;
}

.nc_guide{
    float:right;
    position:absolute;
    right:30px;
    margin-top:20px;
}

.nc_tabHeader{
    margin-left:10px;
}
    

.nc_activetab {
    float: left;
    width: 104px;
    cursor: pointer;
    color: #000000;
    font-weight: bold;
    border: 2px #e4e4e4 solid;
    border-bottom:none;
    background: url("clientlib/images/platebg.gif");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    height:30px;
}

#nc_bgr{
    height:100%;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding-bottom:20px;
    *padding-bottom:0px;
    padding-top:30px;
    padding-left:10px;
    width:1000px;
}

.nc_tab {
    float: left;
    width: 104px;
    height: 30px;
    color: #FFFDFF;
    font-weight: bold;    
    border: 2px #F78045 solid;
    background: url("clientlib/images/orange.gif");
    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:none;
    cursor:pointer;
}

.nc_tabHeaderText{
   margin: 2px 0px 0px 10px;
   font-size:14px;
   line-height:30px;
}

.nc_tabHeaderText sup{
   line-height:12px;
   font-size:12px;
}

.nc_left{
    float:left;
    width:150px;
}

.nc_label{
    font-weight:bold;
    margin-bottom:15px;
    margin-top:10px;
    color:#400000;
}

.nc_link{
    padding-bottom:10px;
}

.nc_left a{
    font-weight:normal !important;
}

.nc_excludeItem{
    margin-bottom:15px;
    margin-top:-10px;
    font-style:italic;
    color:#603913;
}

.nc_right{
    float:left;
    width:840px;
    padding-left:1px;
}

.nc_tableHeader{
    float:left;
    width:22%;
    font-weight:bold;
    font-size:14px;
    margin-top:10px;
    line-height:17px;
    color:#400000;
}

.nc_columnName{
    float:left;
    width:9%;
    text-align:center;
    margin-top:10px;
}
.nc_columnGramName {
    float: left;
    text-align: center;
    width: 9%;
}

.nc_columnNameExt{
    float: left;
    margin-top: 10px;
    text-align:center;
    width: 6%;
}
.nc_columnGramNameExt {
    float: left;
    text-align: center;
    width: 6%;
}
.nc_tableGramHeader {
    color: #400000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    width: 22%;
}


.nc_recipeTable{
    clear:both; 
    border-bottom:1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    margin-bottom:20px;
    float:left;
    width:100%;
}

.nc_recipeCell{
    clear:both; 
    border-top:1px solid #AAAAAA;  
    padding-top:10px;
    padding-bottom:10px; 
    float:left;
    width:100%; 
}

.nc_recipe1{
    float:left;
    width:22%;
    min-height:20px;  
    padding-left:1px; 
}

.nc_recipe2{
    float:left;
    width:6%;
    text-align:center;
    height:20px;    
}

.nc_recipe2Ext{
    float:left;
    width:9%;
    text-align:center;
    height:20px;    
}

.nutritionPagination{
	float:left;
	width:100%;
}

.nutritionPagination .searchHeader{
    width:39%;
}

.nutritionPagination .searchpageheading{
    float:left;
    width:33%;
}

.searchpageheading_middle {
    text-align: center;
    float: left;
    width:28%;
}

.searchpageheading_middle .searchTitle{
    margin-top:3px;
    float:left;
}

.searchpageheading_middle .searchPagination{
    float:left;
    margin-left:5px;
}

.disabledFilter{
    color:#C0C0C0;
}
/*Select Recharge Amount*/
.ddCardsArea .cardImg{
    float: left;
    padding-right: 15px;
}
.ddCardsArea .cardDescription{
   padding-top: 15px;
}
.ddCardsArea .cardDescription .inf{
   color: #696969;
   padding: 3px 0;
}
.ddCardsArea .cardDescription .inf p{
    margin: 0;
}
.ddCardsArea .amountLeft {
    width: 270px;
}

.ddCardsArea .dd_yellow{
    margin-top: 20px;
}
.ddCardsArea .cancel{
    margin-left: 115px;
    padding-top: 5px;
}
.ddCardsArea .module_btn.rechargebtn .btnaction.btnArrow{
    position: absolute;
    top: 9px;
    right: 11px;
}
.ddCardsArea .rechargeInfo, .ddCardsArea .billingInfo {
    float: none;
    overflow: hidden;
    width: 100%;
}
.ddCardsArea .leftInfo {
    width: 25%;
}
.ddCardsArea .rightInfo {
    width: 74%;
}
.ddCardsArea .leftInfo div, .ddCardsArea .rightInfo div {
    margin-bottom: 6px;
}
.ddCardsArea .infTop{
    margin-top: 7px;
}

.ddCardsArea .rightInfo div.infTop{
    font-weight: bolder;
}
.ddCardsArea .botLinks{
    margin-top: 20px;
}
.activateProfile {
    padding: 10px;
}
.activateProfile .yellow.signIn{
   background: transparent;
   border: none;
   padding: 0;
   margin: 0;
   //margin-bottom: -28px;
}
.activateProfile .goHomeLink{
    margin-left: 140px;
    position: relative;
    top: -23px;
}
.activateProfile .forgotPass .bottomFormLinks .module_btn{
    //width: 115px;
}
.activateProfile.yellow h2{
    float: none;
}
.activateProfile.yellow .text p{
	margin-top: 0px;
}
.activateProfile.yellow .form, .activateProfile.yellow .end, .activateProfile.yellow .new.section{
    display: none;
}
.formBotLinks{
    margin-top: 15px;
}
.formBotLinks .cancelLink{
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

.autorechargeReview .rechargeInfo,
.autorechargeReview .billingInfo{
    float: none;
    overflow: hidden;
}
.newPaymentMathod.yellow {
    clear: both;
}
select#profile_card_state{
    width: 215px;
}
.hidden {
    display: none;
}
/*DD Perks User Logged In*/
.manageBlock {
    width: 327px;
    float: left;
    /*overflow: hidden;  removed because � ball was hiding behind the div on manage block*/
    padding: 0 20px 45px;
    margin-top: 30px;
}

.manageBlock h2, 
.ddPerks .feature_comp_text h1 {
    font-size: 20px;
    color: #400000;
}
.manageBlock h2 {
    margin: 0 0 10px;
}
.manageBlock p{
    margin: 10px 0 15px;
}
.manageBlock img{
    width: 205px;
    height: 140px;
}
.manageBlock a.module_btn{
    float: left;
    margin: 5px 0;
    text-decoration: none;
    width: 180px;
    clear: left;
}
.manageBlock a.module_btn:hover,
.cardServices a.module_btn:hover{
    background: #FF6200;
}
.manageBlock a.module_btn:hover .btnlabel, 
.cardServices a.module_btn:hover .btnlabel{
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}
.manageBlock a.module_btn:hover .btnicon,
.cardServices a.module_btn:hover .btnicon{
    background: url("clientlib/images/btn_ic_action_right_white.png") no-repeat scroll 0 0 transparent;
}
.manageProfile a.module_btn {
    width: 260px;
}
/*Table imitation*/
.manageTable {
    display: table;
    margin: 30px 0 45px;
}
.manageTable .manageRow{
    display: table-row;
    vertical-align:top;     
}
.manageTable .manageCell{
    display: table-cell;
    vertical-align:top;
}
.manageTable .manageCell .manageBlock{
    float: none;
    margin-top: 0;
    padding: 0 20px 0;
}

#manageBlocksHp .manageBlock{
	width:296px
}

/*Manage my cards*/
.cardsList {
    height: 175px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.leftGate {
    float: left;
    background: transparent url("clientlib/images/l-shad.png") 100% 0 repeat-y;
    padding-right: 4px;
    height: 175px;
    position: relative;
    z-index: 3;
}
.leftGate div,
.rightGate div {
    float: left;
    background: #ffe09c url("clientlib/images/gate.png") 0 0 repeat-x;
    border: 1px solid #ead7ad;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    min-width: 11px;
    height: 175px;
    position: relative;
    top: -1px;
    left: -1px;
}

.rightGate{
    float: left;
    background: transparent url("clientlib/images/r-shad.png") 0 0 repeat-y;
    padding-left: 4px;
    height: 175px;  
}

.rightGate div {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    left: 1px;
}

.rightGate div a{
    display: block;
    color: #FF6200;
    width: 80px;
    height: 36px;
    background: transparent url("clientlib/images/add.png") center center no-repeat;
    margin: 0px 7px;
    text-align: center;
    text-decoration: none;
    font: bold 11px tahoma;
    text-transform: uppercase;
    padding-top: 50px;
}
.rightGate div a#merge-card-btn{
	background: transparent url("../../../content/dam/Dunkin_Donuts/balanceMerge/merge.png") center center	 no-repeat;
	padding-top: 58px;
    font-size: 9px;
}

.cardsArea {
    float: left;
    width: 606px;
    margin: 0 -5px;
    padding: 10px 10px 0;
    height: 165px;
    overflow-x: auto;
}

.singleCard {
    width: 136px;
    height: 130px;
    padding: 10px 10px 0 35px;
    cursor:pointer;
}

.activeCard.singleCard {
    border: 2px solid #ff6200;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.autoRechargedCard.singleCard {
    background: transparent url("clientlib/images/activeCard.gif") 140px 5px no-repeat;
}

.cardName {
    font: bold 14px tahoma;
    color: #400000;
    margin: 2px 0 5px;
}

singleCard .cardNumber, singleCard .cardBalance{
    font: 12px tahoma; 
    color: #696969;
     margin-bottom: 4px;
}
.singleCard .cardNumber {
    float: none;
}

.cardBalance span{
    font-weight: bold;
    color: #965719;
}

#cardDetailsDiv {
    margin-top: 20px;
}

.commonInfo {
    float:left;
    width: 280px; 
    padding: 0 10px;

}
.commonInfo .cardName {
    margin: 0 0 15px;
}
.commonInfo .cardName a {
    color: #ff6200;
    text-decoration: none;
}

.commonItems {
    overflow: hidden;
    margin-bottom: 17px;
}
.commonItems .cardNumber{
    float: left;
    font-weight: bold;
    color: #333;
}
.cardDefault {
    float: right;
    font-weight: bold;
    color: #333;
}
.imgArea {
    width: 280px;
    height: 190px;
    margin: 0px auto 33px;
}
.bottomItems {
    overflow: hidden;
}
.bottomItems .cardBalance {
    float: left;
    margin:0;
}
.bottomItems .cardBalance div, 
.bottomItems .cardLinks div{
    margin-bottom: 3px;
}
.bottomItems .cardLinks {
    float: right;
    text-align: right;
}

.cardServices {
    float: left;
    width: 385px;
    padding-left: 50px;
}

.serviceName {
    overflow: hidden;
    border: 1px solid #ead7ad;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #fff1d3 url("clientlib/images/cards-bg.gif") 0 0 repeat-x;
    height: 35px;
}
cardServices a.module_btn {
    float: right;
    left: -10px;
    text-decoration: none;
    top: -30px;
    width: 160px;
}

.serviceName .label {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #400000;
}
.cardItemInfo {
    font-size: 12px;
    color: #696969;
    position: relative;
    overflow: hidden;
}
.cardItemInfo .status {
    text-transform: uppercase;
    color: #ff1088;
    font-weight: bold;
    margin-right: 5px;
}
.cardItemInfo div{
    margin-bottom: 3px;
    padding: 0;
    width: 368px;
}
.cardItemInfo .left {
    width: 250px;
}
.cardItemInfo .left div{
    padding-left:0px !important;
}

.m30{
    margin-bottom: 30px;
    margin-top: 15px;
}
.m15{
    margin-bottom: 15px;
}
.m10 {
    margin: 10px 0;
}

#cardDetailsDiv .m30{
	margin-top:5px;
}

.left{
    float: left;
}
.bottomLinks{
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.editLink{
    display: block;
    clear: both;
    float: left;
}
/*Auto Recharge*/
#otheramount.formfield,
#secureCode.formfield {
    display: inline-block;
    float: none;
}
#otheramount.formfield {
    margin: 0 0 0 0;
}
.securityQuestion {
    margin-top: 20px;
    padding: 10px;
    overflow: hidden;
}
.securityQuestion .formLabel, 
.securityQuestion .formfield, 
.securityQuestion .formSelect {
    display: inline-block;
    top: 0;
    float: none;
    margin: 0 0 0 0;
}
.securityQuestion .formfield, 
.securityQuestion .formSelect {
    width: 225px;
}
.securityQuestion .formLabel {
    margin-top: 10px 0 2px 2px;
    color: #555;
}

/*View Transactions*/

#transactionsContainer .yellow {
    margin-top: 20px;
     padding: 0 10px 10px;
     overflow: hidden;
     position: relative;
}

#transactionsContainer .returnLink {
    position: absolute;
    top: 10px;
    right: 15px;
}
#transactionsContainer .selectBlock {
    margin: 5px 0;
}
#transactTable .transactHead,
#transactTable .transactLine{
    overflow: hidden;
    padding: 0px 5px;
}
#transactTable .transactColumn{
    float: left;
    width: 25%;
    padding: 4px 0;
}
#transactTable {
    background: #fff;
}

#transactTable .odd,
#transactTable .transactHead  {
    background: #eaeaea;
}
#transactTable .transactHead,
#transactTable .transactLine.selected {
    font-weight: bold;
}

#transactTable .transactLine.selected{
    background: #FF6200;
    color: #fff;    
}

#transactionsContainer .info, .starInfo{
    font-size: 11px;
    margin: 3px 0 3px 10px;
}
#transactionsContainer .info .label {margin: 10px 0;}

/*Personal Info*/
.loginText.yellow, .personalInfo.yellow, .my_right .dd_yellow, .dd_yellow, .parsys_column .dd_yellow.simpleProfile {
    padding: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    clear: both;
}
.parsys_column .dd_yellow.simpleProfile {
    height: 338px;
}
.my_right .dd_yellow, .parsys_column .dd_yellow.simpleProfile{
    position: relative;
}
    
.my_right .dd_yellow .createAccountForm, .parsys_column .dd_yellow .createAccountForm{
    margin: 0;
    overflow: hidden;
}
.my_right .dd_yellow .createAccountForm .formfield{
    margin: 0;
    width: 217px !important;
}
.parsys_column .dd_yellow .createAccountForm .formfield{
    margin: 0;
    width: 280px !important;
}
.my_right .dd_yellow .required, .parsys_column .dd_yellow.simpleProfile .required{
    font-size: 10px;
    float: none;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

.parsys_column .dd_yellow.simpleProfile .addrFormlabel {
    margin: 10px 10px 5px 2px;
}
.personalInfo h2{
    margin: 25px 0 0;
}
.personalInfo h2.first{
    margin: 10px 0 10px;
}
.dd_yellow h2 {
    float: none;
}
.personalInfo h2 span#toggler {
    color: #ff6200;
    text-decoration: underline;
    cursor: pointer;
}
.personalInfo .formLabel, .personalInfo .formfield, .personalInfo .formSelect {
    display: inline-block;
    top: 0;
    float: none;
    width: 225px;
    margin: 0 10px 0 0;
}
.personalInfo .formSelect {
    height: 22px;
}

.personalInfo .formLabel{
    margin-top: 10px;
    color: #555;
    width: 231px;
}
.personalInfo .formSelect{
    width: 230px;
}
.personalInfo .formfield.big, .personalInfo .formLabel.big{
    width: 465px;
}

.personalInfo .formLabel.full{
    width: 100%;
}

.personalInfo .formfield.small, .personalInfo .formLabel.small, .personalInfo .formSelect.month{
    width: 115px;
}
.personalInfo .formSelect.year, .personalInfo .formSelect.day {
    width: 55px;
}
.module_btn.persInfo, .module_btn.cardOperations {
    float: none;
    margin-bottom: 10px;
}
.module_btn.persInfo, #creditcardops .module_btn.cardOperations{
    padding: 0 !important;
}

.module_btn.persInfo .btnlabel,
#creditcardops .module_btn.cardOperations .btnlabel{
    padding: 5px 22px 5px 5px;
    //padding: 5px 5px 0 5px;
}
#creditcardops .bottomActions a {
    position: relative;
    top: -8px;
}
#contactpreferences .module_btn.persInfo .btnlabel, 
#creditcardops .module_btn.cardOperations .btnlabel {
    //padding: 5px 10px 0 5px;
}
.module_btn.cardOperations {
    margin: 0;
    margin-right: 15px;
}
.module_btn.persInfo .btnaction.btnArrow,
#creditcardops .module_btn.cardOperations .btnaction.btnArrow {
    position:absolute;
    right:8px;
    top:7px;
}
.module_btn.cardOperations .btnaction.btnArrow{
    position:absolute;
    right:17px;
    top:2px;
}
.my_right  #createAccountSbmt.module_btn{
    margin-top: 10px;
    overflow: auto;

}
.parsys_column #createAccountSbmt.module_btn{
    margin-top: 10px;
    overflow: auto;
    clear: both;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.parsys_column label.ferror  {
    margin-bottom: -6px;
    margin-top: -4px;
    display: block;
}
.my_right  #createAccountSbmt.module_btn .btnaction.btnArrow,
.parsys_column #createAccountSbmt.module_btn .btnaction.btnArrow{
    position:absolute;
    right:7px;
    top:9px;
}
#pi_show {
    margin-top: 10px;
}

/*Confirmation*/

.confirm{
    width: 960px; 
    padding:10px;
    border: 1px #400000 solid;
    background: #400000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:20px;
    color:#FFE09C;
}

.confirm_with_error{
    width: auto; 
    padding:10px;
    border: 1px #400000 solid;
    background: #400000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:20px;
    color:#FFE09C;
}

.confirm span{
    color:#ffffff;
    font-weight:bold;
}
.activateProfile.yellow .confirm {
    width: 936px;
}

#paymentConfirm.confirm{
    float:left;
    width:713px !important;
    margin-bottom:20px !important;
}
.ddperksConfirm .confirm{
    width:683px;
    margin-left:10px;
}

.contactUsConfirm .confirm {
    width:490px;
}

.paymentMsg{
    font-size:11px;
    margin-top:20px;
}

/*Contact Preferences*/
.checkBoxField {
    color: #555;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
}
.checkBoxField,  .checkBoxField a{
    font-size: 11px;
    
}
.checkBoxField input {
    position: absolute;
    left: 0;
}
.checkBoxField input.formfield {
    position: relative;
    width: 180px;
}
#phoneNumber {
    margin-top:10px;
}
#phoneNumber .small {
    clear: both;
    padding-top: 5px;
    font-size: 10px;
}
.checkBoxField span {
    display: block;
    color: #999;
    margin-top: 3px;
}
/*Payments Methods*/
.paymentMethods {
     float:none;
     overflow: hidden;
     clear: both;
}
#cards .cardItems, #cards .cardItem{
    border: 0px;
}
#cards .cardItem,  #cards .cardHead{
    padding: 7px 5px 3px; 
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}
 #cards .cardHead {
    padding-bottom: 10px;
 }
#cards .cardHead,
#cards .cardDisabled{
    background: #dedede;
}
#cards .cardDisabled {
    color: #999;
}
#cards .cardItem{
    min-height: 30px;
}

#cards .module_btn {
    float: none;
    display: inline-block;
    padding: 5px;
}

#cards button.module_btn {
    top: -6px;
    height: 27px;    
    width: 66px;
}
#cards button.module_btn.topAlign{
    top: -10px;
}
#cards button.module_btn .btnlabel{
    top: -1px;
}

.cardButtons {
    position: relative;
}
.cardButtons .buttons{
    position: absolute;
    right: -5px;
}
#cards a.module_btn {
    text-decoration: none;
}
#cards span.autoIcon {
       display: inline-block;
       height: 26px;
       width: 66px;
       overflow: hidden;
       text-align: center;
}
.myProfile .tabPane {
    margin-bottom: 15px;
}

.myProfile .profileTabs {
    margin-top: 0px;
}

.rechargeContinueForm {
    margin-top: 20px;
    clear: both;
    overflow: hidden;
    padding: 10px;
}

.rechargeContinueForm .cancelLink{
    float: left;
    margin-left: 15px;
    margin-top: 7px;
}
.rechargeContinueForm .reviewlabel{
    float: none; 
    clear: both;
}

.billingAddress #billingAddress {
    width: 400px;
}

.newPaymentMathod #address_state{
    width:180px;
}

.readonly{
    color:#BCBBBB !important;
}

#personalInfo,
#contactPreferencesInfo,
#paymentConfirm{
    margin-top:20px;
}

.tooltip{
    position: absolute; 
    overflow: visible; 
    left: -2px; 
    top: 15px; 
    width: 175px; 
    height: auto; 
    background-color: white; 
    z-index: 2; 
    display: none;
    padding:5px 5px 10px 5px;
    border:1px solid #BCBBBB;
    color:#555555;
    font-family:Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
}

.tooltip img{
    width:175px;
    height:91px;
    padding-bottom:5px;
}

.static{
    position:static !important;
}

.errorWidth{
    width:185px;
}


.contactPreferences .errors{
    margin-bottom:10px;
}

#notHaveCardHelp.tooltip{
    left:150px;
}

.commonInfo #notHelp{
    left: 105px;
    top: 383px;
}


#cardDetailsDiv .serviceName .label {
    color: #400000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
   width:160px !important;
}
#cardDetailsDiv .cardServices a.module_btn {
    float: right;
    left: 0px;
    text-decoration: none;
    top: 0px;
    width: 160px;
   margin: 5px 10px 5px 0;
}

#cardDetailsDiv .module_btn .btnlabel {
    white-space: normal;
}

#cardDetailsDiv .serviceName {
    background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/clientlib/images/cards-bg.gif") repeat-x scroll left bottom #FFF1D3;
    border: 1px solid #EAD7AD;
    border-radius: 5px 5px 5px 5px;
    height: auto;
    overflow: hidden;
}

#cardDetailsDiv  .module_btn .btnicon {
    float: right;
    position: absolute;
    right: 8px;
    top: 9px;
}
#cardDetailsDiv .commonInfo {
    float: left;
    padding: 0 10px;
    width: 305px;
}

#cardDetailsDiv .cardServices {
    float: left;
    padding-left: 25px;
    width: 385px;
}




/* current balance point */


#wrapper .parbase.ddrichtext{clear:both; padding:20px 0}

#wrapper .parbase.ddrichtext p{margin:0}
#wrapper .parbase.ddrichtext p:first-child{padding-bottom:5px; font-size:15px}
#wrapper .parbase.ddrichtext p{font-size:14px;}

#wrapper .parbase p b{
     margin-top:10px
}
.ddperkspoint .currentpointbalance{
    width:355px; 
    height:197px;
    float:left;
    margin-right:20px;
}


.ddperkspoint .currentPointHeading p{
    background-color:#c93d83; 
    color:#ffffff; 
    padding:10px 0; 
    text-align:center; 
    margin:0; 
    display:block; 
    font-size:15px; 
    font-weight:bold;
    border-radius:10px 10px 0 0;
    margin:0px;
}

.ddperkspoint .currentPointBody{
    border:1px solid #e5d8b6; 
    border-radius:0 0 10px 10px;
    border-top:0;
    height:163px;
    background: url("clientlib/images/dd_current_balance_points_bg.gif") repeat-x scroll 0 0;
    margin:0px;
}

/*.ddperkspoint .currentPointVal {
    padding-left: 74px;
    padding-top: 25px;
    width: 197px;
}*/

.ddperkspoint .currentPointVal {
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
}

.ddperkspoint .currentPointVal span {
    background-color: #FFFFFF;
    border: 1px solid #E5D8B6;
    border-radius: 10px;
    color: #555555;
    font-size: 72px;
    font-weight: bold;
    line-height: normal;
    padding: 5px 20px;
    text-align: center;
}

/*
.ddperkspoint .currentPointVal span{
    background-color: #FFFFFF;
    border: 1px solid #E5D8B6;
    border-radius: 10px 10px 10px 10px;
    color: #555555;
    font-size: 72px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    display:block;
    line-height:normal;
}*/


.ddperkspoint .loyaltyrewardspoints_bg{
    width:355px; 
    height:197px;  
    border:1px solid #e5d8b6; 
    border-radius: 10px;
    float:left;
    background: url("clientlib/images/dd_current_balance_points_bg.gif") repeat-x scroll 0 0;
}
    
.loyaltyrewardspoints_wrapper{
    padding: 13px 15px;
}

.ddperkspoint .loyaltyrewardspoints_rt{
    width:185px; 
    float:left;
    font-size:18px;
    line-height:28px;
}
    
.loyaltyrewardspoints_rt b{
    font-size:27px; 
    font-weight:bold;
    padding-bottom:10px;
    padding-top:10px;
    display:block;
}
    

.loyaltyrewardspoints_lt{
    width:112px; 
    height:150px; 
    float:left; 
    margin-right:20px;
}

.loyaltyrewardspoints_lt span {
    background-color: #FFFFFF;
    border: 1px solid #E5D8B6;
    border-radius: 10px 10px 10px 10px;
    display: block;
    height: 170px;
    overflow: hidden;
    width: 112px;
}



.programBenifit_topBanner{
    margin-top:15px;
    }

/* get offers section*/

.getoffers .twitter_modal_btn {
    margin-bottom: 10px;
    margin-top: 15px;
    position: inherit;
}

h3.myddperks{
    font-size:15px; 
    font-weight:bold; 
    color:#000000;
    margin-bottom: 7px;
}

.myddperks_desc{font-size:14px; color:#000000; font-weight:normal;}

.ddPerks_getoffers {
    background-color: #FFF4D8;
    border: 1px solid #E5D8B6;
    border-radius:5px;
    margin-top:10px;
    padding:9px;
}

.get_offers_img{
    width:160px; 
    height:91px; 
    float:left;
    border:1px solid #e1e1e1;
    border-radius: 5px;
    overflow:hidden;
    }

.get_offers_info{
    width:520px;
    float:left;
    margin-left: 27px;
    }

.get_offers_heading{
    color:#000000;
    font-size:14px;
}

.get_offers_toggal{ 
    cursor: pointer;
    font-size:14px;
    text-decoration:underline;
    padding-left:10px;
    color: #FF6600;
}

.get_offer_exp_date{
    color:#959595;
    font: italic 12px tahoma;
    margin-top:3px;
    margin-bottom:11px;
}

.get_offer_txt{
     color:#000000;
    font-size:9px;
    line-height:11px;
}

.ddperks_getoffers_btn{
    margin-top:11px;
}





/* get coupon section */

.getCouponSection{
    text-align:left;
    }


.getoffers .twitter_modal_btn {
    margin-bottom: 10px;
    margin-top: 15px;
    position: inherit;
}

h3.myddperks{font-size:15px; font-weight:bold; color:#000000}

.myddperks_desc{font-size:14px; color:#000000; font-weight:normal;}


.ddPerks_getcoupons {
    background-color: #FFF4D8;
    border: 1px solid #E5D8B6;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 9px;
}

.get_coupons_img {
    border: 1px solid #E1E1E1;
    float: left;
    height: 157px;
    overflow: hidden;
    width: 258px;
    border-radius: 5px;
    overflow: hidden;
}


.get_coupons_info{
    width:410px;
    float:left;
    margin-left: 27px;
    padding-top: 15px;
}

.get_coupons_heading{
    color:#000000;
    font:normal 14px Tahoma;
}

.get_coupons_toggal{ 
    cursor: pointer;
    font-size:14px;
    text-decoration:underline;
    padding-left:10px;
}

.get_coupons_exp_date{
    color:#959595;
    font: italic 12px Tahoma;
    margin-top:10px;
    margin-bottom:11px;
}

.get_coupons_txt{
     color:#000000;
    font-size:9px;
    line-height:11px;
}

.getcoupons_exp_date {
    color: #959595;
    font: italic 12px Tahoma;
    margin:10px 10px 11px 10px
    
}


ul.ddperks_getcoupons_ul{margin:0; padding:0;}




.ddperks_getcoupons_ul li{
    border-left:1px solid #e5d8b6; 
    border-right:1px solid #e5d8b6;
    border-bottom:1px solid #e5d8b6;
    padding:10px 5px 10px 10px;
    overflow: hidden;
    list-style-type: none;
}

.ddperks_getcoupons_ul li:first-child{
    border-radius: 5px 5px 0 0; 
    border-top:1px solid #e5d8b6;
}

.ddperks_getcoupons_ul li:last-child{
    border-radius: 0 0 5px 5px;
}

.ddperks_getcoupons_ul li .getcoupons_heading{
    font:normal 12px Tahoma; color:#000000;
}
.ddperks_getcoupons_text{
    width: 580px; 
    float:left;
    padding-top:5px;
}
.ddperks_getcoupons_btn{
    position: relative;
}

.button_input{
    position:relative;
    width:auto;
    height:auto;
    float:right;
    float:top;
    cursor:pointer;
    color:#ff6200;
    font-weight: bold;
    border:solid 1px #e4e4e4;
    padding:5px 20px 5px 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:url("clientlib/images/btn_ic_action_right.png") no-repeat 118px 10px;
}

.get_coupons_info .ddperks_getcoupons_btn{margin-top: 20px;}
.button_input:hover{
    background:#ff6200;
    text-shadow: 1px 1px 2px #000;
    color:#FFFFFF;
}


.ddperks_nooffer_box{
   color: #000000;
    font: 14px arial;
    padding: 16px 55px;
    }

.parbase.ddperksrewards.section {
    margin-bottom:50px;
    margin-top: 22px;
}

.spacer_top20{
    margin-top: 15px;
    }
    
.stripe_even{
    background-color:#FFF4D8;
}


/* button for span and s tag*/
.span_btn{float:left;
    background: #fff;
    background:-webkit-gradient(linear,right bottom,left top,from(#f3f3f3),to(#fff));
    background:-moz-linear-gradient(right bottom,#f3f3f3,#fff);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #E4E4E4;
}

.span_btn:hover{
    background:#ff6200;
    text-shadow: 1px 1px 2px #000;
    color:#FFFFFF;
}

.span_btn a{
    background: url("clientlib/images/btn_ic_action_right.png") no-repeat scroll right 9px transparent;
    color: #FF6200;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: auto;
    margin-right: 5px;
    padding: 5px 20px 5px 10px;
    position: relative;
    width: auto;
    text-decoration: none;
}

.span_btn a:hover{
    text-decoration: none;
    color:#ffffff;
    background: url("clientlib/images/btn_ic_action_right.png") no-repeat scroll right -71px transparent;
}

.token_desc{width:350px}




/* css for sub tabs*/
ul.dashboard_subnav{
     background: url("images/bg_dashboard_subnav.gif") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E4BCA1;
    padding:0;margin:10px 0 0;
    width:100%;
    float:left;
}

ul.dashboard_subnav li {
   
    cursor: pointer;
    float: left;
    height: 34px;
    list-style: none outside none;
    width: auto;
}
 

ul.dashboard_subnav li.inactiveTab {
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    margin-right:0;
}

ul.dashboard_subnav li.activeTab {
    color: #000000;
    font-weight: bold;
    margin-right:0;
}

ul.dashboard_subnav li.inactiveTab .tabTitle, ul.dashboard_subnav li.activeTab .tabTitle{
    padding: 4px 15px 4px 41px;
}

ul.dashboard_subnav li.inactiveTab .tabTitle a{ 
       color:#61381b;
       text-decoration:none;
       font: bold 15px Tahoma;
       display: block;
    }

ul.dashboard_subnav li.activeTab .tabTitle a{ 
       color:#000000;
       text-decoration:none;
       font: bold 15px Tahoma;
       border-bottom: 3px solid #ff6600;
    }
.token_image{
    float:left;
    margin-top:25px;
}
.token_text{
    float: right;
    margin-top: 91px;
    text-align: left;
    width: 75%;
}
.token_error{
    float: right;
    margin-top: 91px;
    text-align: left;
}
.transactionDetails .paginationContainer{
    margin:0px auto !important;
    width:300px;
}

.shareRewardAsideContainer{
     top:77px;   
}

.cardItemInfo.m30 ul{
    margin-top: 4px;
}


.cardItemInfo .status.on {
    color: #57B848;
}

.cardItemInfo .status.off {
    color: #9f2a25;
 }
 .perksddcard .confirm {
    width: 708px;
}

.cardItemInfo .ddCardLink {
    white-space: nowrap;
}
@CHARSET "UTF-8";

.addrSubHeader{
    font-size: 11px;
    color:#663300;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:bold;
    margin: 10px 0px 10px 0px;
}

.addrFormlabel{
    font-size: 11px;
    color:#555555;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:normal;
    margin:7px 14px 0px 2px;
    float:left;
    position:relative;
}

#signinInfo .addrFormlabel{
   width:150px; 
}
.addrForm{
    clear:both;
    float:left;
    width:100%;
    margin-top:20px;
    /*min-width:280px;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    /**display: inline;*/
    border: solid 1px #ead7ad;
    padding: 5px 10px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    background: #fff2d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf9b), to(#fff2d4));
    background : -ms-linear-gradient(top, #fff2d4 0%, #ffdf9b 100%);
    background: -moz-linear-gradient(top,  #fff2d4,  #ffdf9b);
    background: -ms-linear-gradient(top, #fff2d4 0%, #ffdf9b 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2d4', endColorstr='#ffdf9b');
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf9b', endColorstr='#fff2d4');
    width:695px;
}

.formfield {   
    position:relative;
    display:block;
    float:left;
    margin:0px 10px 0px 0px; 
    background: #fff;
    padding: 5px 2px 5px 2px;
    border: solid 1px #bcbbbb;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.formCheckbox{
    margin:7px 5px 7px 0px;
    float:left;
    position:relative;
}

.formSelect{
    margin:5px 10px 0px 0px;
    float:left;
    position:relative;
    border: 1px solid #bcbbbb;
    font-size:12px;
}

.formRadio{
    margin:5px 10px 0px -2px;
    float:left;
    position:relative;
    font-size:12px;
}

.addrRequered{
    margin-top:15px;
}

.addrSubmit{
    float:left;
    position:relative;
    margin-top:15px;
}

#addrSaveBtn:hover{
   background: #ff6633;
}

#addrSaveBtn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

#addrSaveBtn:hover .btnaction {
    background:url("clientlib/images/btn_ic_action_right_white.png") no-repeat;
}

.errors {
    float:left;
    width:auto;
    display: inline-block;
    zoom: 1;
    border: solid 1px #F00;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    background-color: #FCC;
}

.error{
    font-size: 11px;
    color:#FF0000;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:bold;
    margin:7px 0px 5px 0px;
    width:auto;
    float:left;
    position:relative;
}

#addrSbmt{
   display:none;
}

.city_state{
    position:relative;
    float:left;
    width:460px;
}

.savedAddr{
    float:left;
    width:24.8%; 
    border: solid 1px #ead7ad;
    padding: 10px;
    margin-right:10px;
    margin-top:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#fff;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    box-shadow: 0 1px 0px rgba(0,0,0,.1);
}

.savedAddr .body{
    line-height:20px;
    color:#333333;
}

.savedAddr .strong{
    width:125px;
    float:left;
    line-height:20px;
}

.savedAddrNumber{
    float:left;
    margin-right:5px;
    margin-top:10px;
    width:18px;
    color:#333333;
}

.billing{
    float:right;
    color:#ff1088;
    font-weight:bold;
    line-height:20px;
}

.deleteAddrSbmt{
   display:none;
}

.addrLink{
    float:left;
    position:relative;
    margin-top:8px;
    margin-right:10px;
}

.loginText{
    margin-left:20px;
    font-weight:bold;
}

.addrLine{
   float:left;
   width:100%;
}

#addAddress .continueBtn, 
.removeCardForm .continueBtn{
   margin-left:0px;
}

.form_btn{
    float:left !important;
    padding-right:5px !important;
}

.form_btnaction{
    float:left;
    margin-left:5px;
    margin-top:3px;
}

#addrBookSbmt{
    margin-top:15px;
}

#addAddress .cancelLink{
    float:left !important;
    margin-left:30px;
    margin-top:20px;
}
}

.addrForm #address_state{
    width:184px;
}

.cityFieldWidth{
    width:240px;
}

.stateFieldWidth{
    width:192px;
}
#addAddress .middleFieldWidth {
    float: left;
    width: 200px;
}

.error.step1 {
    font-size: 21px;
    line-height: 21px;
}

.error.step1 a {
    font-size: 21px;
}

@CHARSET "UTF-8";

.searchtrends,
.tagsFilter {
    width: 236px;
    margin:20px 18px 20px 19px;
    float:left;
}

.image{
   float:left;
}

.trendsContent a{
	position:relative;
    float:left;
    margin-right:10px;
    margin-bottom:5px;
    line-height:26px;
    white-space:nowrap;
}

/* added to ensure top margin with header */
.trendsContent{
    margin-top:-13px;
}

.trendsSearched,
.trendsContent,
.tagsItem,
.searchItem{
	position:relative;
	float:left;
	width:100%;
	line-height:26px;
}

/* margin bottom decresed to ensure the distance between tags item */
.tagsItem{
   margin-bottom:0px;
}

.searchSideTitle{
	float: left;
	width: 100%;
	margin-bottom:15px;
	color:#603913;
	margin-top:0px;
}

.searchTitle{
	float: left;
    color:#603913;
    margin-top:0px;
}

.searchHeader{
    width: 50%;
}

.tagsIcon{
	width:45px;
	height:15px;
	margin-right:10px;
	float:left;
}

/* Height and margin added */
.tagsLink{
    float:left;
    width: 183px;
    min-height:24px;
    height:auto;
    margin-top:-4px;
    margin-left:9px; 
}

.tagsLink a{
	font-weight:normal;
}

.spellcheck{
	font-style:italic;
	margin-top:20px;
}

.noResultMsg{
	font-style:italic;
	margin-bottom:15px;
}

.tryalso li{
	list-style-type: square;
}
	
.tryalso{
	margin-left:13px;
}

.searchOffer{
	margin-bottom:10px;
}
	
.noSearchResults{
	width: 100%;
	float: left; 
	margin-top:20px;
}

.searchArrow{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}

.searchArrow:hover{
	text-decoration:none;
}

.disabledArrow, disabledArrow:hover{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none !important;
	color:#FF6200 !important;
	cursor:auto !important;
}

.searchItemNumber{
	float:left;
	width:20px;
	margin-right:10px;
}

.searchPagination{
	float:right;
}

.searchtrends p {
    margin: 3px;
    font-size: 11px;
    font-weight: bold;
}

.searchpageheading {
    text-align: right;
    float: right;
    width:50%;
}

/* #000000 color implemented */
.searchpageheading .searchTitle{
    margin-top:3px;
    float:right;
    color:#000000;
}

.searchresultsdiv {
    float: left;
    width: 85%;
    margin-left:10px;
    margin-top:10px;
}

/* Top margin decresed by 5px */
.searchItemContent{
    margin:0px 0px 15px 30px;
    width:100%;
    float:left;
}

.searchpagingresulrs {
    float: left;
    width: 50%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.searchItemsNum{
	float:left;
}

.searchpagingdrop {
    text-align: right;
    float: right;
    width: 50%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.search_table {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.tagsfilter p {
    font-size: 11px;
    font-weight: bold;
    margin: 3px;
}

.tagsfilter {
    border: 3px solid #FF7F23;
    padding: 3px;
    margin-top: 15px;
}

.nosearch {
    font-size: 12px;
}

.search_list {
    margin-left: 13px;
    list-style-type: square;
    margin-bottom:10px;
}

.search{
    display: block;
    padding: 5px;
    width: 363px;
    height: 30px;
    margin: 0px auto;
    border:1px solid #EAD7AD;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url("/etc/designs/dunkindonuts/js/PIE.htc");*/
    background: #ffdf9b url(clientlib/images/cards-bg.gif) 0 0 repeat-x;
}

.storeLink{
	margin-top:13px;
	float: left; 
	margin-left: 10px;
}

.searchComp{
	float:left;
	width:380px;
}

/* margin added to ensure top alignment */
.generalStyle{
    width: 100%;
    float: left;
    margin-top:-7px;
}

.leftSearch{
	width:30%;
}

/* padding added to ensure top alignment */
.rightSearch{
    width:70%;
    padding-top:20px;
}

.inputSearchDiv{
    float:left;
    width:287px;
    margin-right:6px;
}

.inputSearch {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.search .module_btn,
.search .module_btn .btnlabel,
.search .module_btn .btnArrow{
    float:left;
}

.search #searchForm{
    position:relative;
}
 
/*Used Relatively positioned element for chrome & mac purpose */
.search .module_btn{
    padding: 3px 0 7px 0;
    margin: 0;
	position:relative;
    top:0px;
    height:30px;
}

.search .module_btn .btnlabel{
    display: inline-block;
    padding: 5px 12px 0;
    height: 20px;
}

.search .module_btn:hover {
    background: #FF6200;
}

.search .module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}

.search .module_btn .btnArrow{  
    display: inline-block;
    width: 18px;
    height: 21px;
    background: transparent url(clientlib/images/btn_ic_action_right.png) no-repeat 4px 7px; 
}

.search .module_btn:hover .btnlabel {
    color: #fff;
}

.search .module_btn:hover .btnArrow {
    background-image: url(clientlib/images/btn_ic_action_right_white.png);
}

@CHARSET "UTF-8";

.cardRegistration{
    margin-top:20px;
    width:723px;
    padding:10px 0px 10px 10px;
    float:left;
}

.formSubHeader{
    font-size: 11px;
    color:#663300;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:bold;
    margin: 15px 0px 10px 0px;
    float:left;
}

.changeAddr{
    margin-top:8px;
}

.cardRegistration .savedAddr {
    width:28.85%;
}

.cardRegistration .formRadio{
    margin-top:0px;
    margin-left:0px;
    padding:0px;
}

.cardRegistration .continueBtn{
	margin-left:0px;
}

@CHARSET "UTF-8";

.half{
   width:50% !important;
}

.createAccountForm{
	margin-top:10px;
}

#createAccountSbmtHidden, 
#securQuestionSbmtHidden,
#changePasswordSbmtHidden{
	display:none;
}

#securQuestionSbmt,
#changePasswordSbmt{
    margin-top:15px;
}

.createAccount .confirmlabel{
   margin-top:10px;
   float:left;
   width:100%;
   margin-bottom:15px;
}

.createAccount .module_btn{
	float:left;
	padding-right:5px;
	margin-bottom:8px;
}

.createAccount .btnaction{
    float:left;
    margin-left:5px;
    margin-top:3px;
}

.btnlabel{
	white-space:nowrap;
}

.createAccount{
   width: 958px;
   padding:10px;
   margin-top:10px;
   float:left;
}

.createAccount p{
	margin:0px !important;
}

.createAccountText{
   width: 70%;
   float: left;
   margin-top:10px;
   margin-bottom:10px;
}

.yellow.signIn {
    overflow: hidden;
    margin-top: 10px;
    padding: 10px;
}
.signIn .contenttile,
.createAccount .contenttile{
    background-color: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 0 10px 10px;
    padding: 10px 7px 10px 10px;
}
.signIn .textBlock,
.createAccount .textBlock {
    margin-right: 230px;
}
.my_central .signIn .textBlock .text p {
    margin: 5px 0 10px;
}
.signInForm {
    float: left;
    width: 50%;
}
.signInForm div{
    overflow: hidden;
    clear: both;
}

.signIn .formLabel, 
.signIn .formfield {
    float: none;
    margin: 0;
    top: 0;
    display: inline-block;
}

.yellow .formLabel {
    color: #555;
    display: inline-block;
    margin-top: 10px;
}

.signIn .formfield {
    width: 473px;
}
.restorePass .formLabel {
    width: 120px;
}
.restorePass .formfield {
    width: 250px;
}
.bottomFormLinks {
    margin-top: 10px;
}

.signIn .bottomFormLinks .module_btn {
    float: left;
    padding: 0 !important;
}
.signIn .bottomFormLinks .module_btn .btnlabel {
    padding: 5px 22px 5px 5px;
}
.signIn .bottomFormLinks .module_btn .btnaction.btnArrow {
    position: absolute;
    top: 8px;
    right: 5px;
}
.signInForm .bottomFormLinks a {
    float: right;
}
.signInForm .end, .signInForm .form{
    display: none;
}
.securityQuestion.signIn h2{
    font-weight: normal;
    font-size: 14px;
}
.securityQuestion.signIn h2 strong{
    font-size: 16px;

}
.signInForm .starInfo {
    margin: 10px 0 0;
    font-size: 12px;
}
.mt30 {
    margin-top: 30px;
}

.floatRight {
    float: right;
}

#my_center.signIn .my_central {
    width: 100%;
}

.profileWithCard .rechargeSelectTitle{
	margin-top:20px;
}

.profileWithCard .birthday{
	margin:10px 0px 15px 2px;
	float:left;
	width:100%;
}

.profileWithCard .rightLabel{
	width:50%;
	margin:0px 0px 0px 30px;
}

.profileWithCard .confirm {
	width: 937px !important;
	float:left;
	margin-top:15px;
	margin-bottom:10px;
}

.createAccount{
	line-height:normal !important;
}

.createAccount .end .form_rightcol{
	margin:auto;
}

.createAccount .end {
    dispaly:none !important;
}
 
.errorMessage {
    border: 1px solid #FF0000;
    background: #FFCCCC;
    color: #FF0000;
    padding: 10px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.contuctUsError.errorMessage{
	width:100%;
	margin-bottom:20px;
}

.signIn .errorWidth{
   width:457px;
}

.contactUsForm{
    float:left;
    width:50%;
}

.contactUs{
    float:left;
    width:100%;
    padding:10px 10px 20px 10px;
    margin-bottom:20px;
}

.contactUs .rechargeSelectTitle {
    width:auto;
}

.storeInfoSelect{
    width:225px;
    margin:5px 10px 0px -2px;
    float:left;
    position:relative;
    border: 1px solid #bcbbbb;
    font-size:12px;
}

.storeInfoImage img{
    height:115px;
    width:224px;
    margin-top:15px;
}

.contactUs .middleFieldWidth{
   width:220px !important;
}

.contactUs .largeFieldWidth{
   width:454px !important;
}

.contactUs .fieldWidth{
   width:262px !important;
}

.storeInfoImage small{
	font-size: 11px;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:normal;
    margin:7px 10px 0px 2px;
    width:auto;
    float:left;
    position:relative;
}

.storeInfoLink a{
	float:left;
	margin-left:264px;
	margin-top:15px;
	font-size: 11px;
    font-family:Tahoma,Arial,sans-serif;
}

#contuctusSbmtHdn{
	display:none;
}

.contactUsLeftPar{
	margin-right:20px;
}

.contactUs .vertLine{
	width:1px;
	height:75px;
	background-color: black;
	margin-left:5px;
}

.contactUs .separator{
	width:22px;
}

@CHARSET "UTF-8";

.enterCardNumForm{
	float:left;
	padding:10px 10px 15px 10px;
	margin-left:10px;
	margin-bottom:40px;
}

.enterCardNumForm .rechargeSelectTitle{
    margin-bottom:13px;
}

.enterCardNumForm .formfield{
    margin-bottom:8px;
}

.enterCardNumForm .errors{
	width:232px;
}

.enterCardNumForm .middleFieldWidth{
	width:240px !important;
}

#enterCadrSbmtHidden{
    display:none;
}

.enterCardNumForm .ddCardImage{
    float:left;
    padding-left:5px;
    margin-top:40px;
}

.enterCardNumForm .ddCardImage img{
    width:182px;
    height:139px;
}

.enterCardNumForm .continueSbmt{
    margin:7px 0px 0px 4px;
}

.leftPart{
    float:left;
    width:505px;
    margin-right:20px;
}

.rightPart{
    float:left;
    width:445px;
    margin-right:10px;
    /*margin-top:25px;*/
}

.enterCardNumForm .leftForm{
    float:left;
    width:255px;
}

.ddcardSignInForm{
    float:left;
}

.ddcardSignInForm .ddCardImage{
	float: left;
	margin-right:20px;
}

.ddcardSignInForm .ddCardImage img{
    width:165px;
    height:125px;
}

.ddcardSignInForm .rechargeSelectTitle{
	color:#400000;
	margin-top:0px;
	margin-bottom:15px;
}

.ddcardSignInForm .text{
	color:#696969;
	margin-bottom:25px;
	float:left;
}

.ddcardSignInForm .right{
	float:left;
	width:260px;
}

#dialog{text-align:left; font-family: tahoma; display:none}

#dialog .module_btn{
    padding:3px 22px 3px 5px;
    margin-top:10px;
    margin-left: 10px;
    text-align: left;
    }

#dialog .btnaction {
    display: inline-block;
    }

#dialog p{margin:0;padding-top: 20px;}

#dialog span.uniform_custom_checkbox {
    background: none repeat scroll 0 0 red;
    display: inline-block;
    height: 23px;
    width: 23px;
}

#dialog input#modalcheck1{ 
    display: inline-block;
    height: 23px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 23px;
    visibility: hidden;
    }

#dialog .dialog_msg {
    font-size: 18px;
    line-height: 22px;
}

#dialog .dialog_msg a{
    font-family: tahoma;
    font-size: 18px;
    font-weight:normal;
}


.ui-dialog{
    width:565px !important;
    }



#dialog .dialog_checkbox_text1 {
    color: #000000;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}

#dialog .dialog_checkbox_text2 {
    color: #000000;
    display: block;
    font-size: 14px;
    padding-left: 47px;
}

#dialog .dialog_reward {
    color: #000;
    display: block;
    font-size: 14px;
    padding:29px 0 0 47px;
}

#dialog .dialog_reward b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -7px;
}


#dialog .dialog_reward_btn {
    height: 68px;
    margin: 10px 0 0 37px;
}


#dialog .dialog_checkbox {
    background: url("clientlib/images/dunkin_check_box_checked.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 33px;
    position: relative;
    top: 12px;
    width: 33px;
}

#dialog .dialog_btn {
    padding-left: 39px;
    padding-top: 25px;
}

#dialog .dialog_tnc {
    clear: both;
    font-weight: normal;
    padding-left: 49px;
    padding-top: 15px;
}

#dialog .dialog_tnc a {
    background: url("clientlib/images/btn_ic_action_right.png") no-repeat scroll right 5px transparent;
    font-weight: normal;
    padding-right: 18px;
}
/*--popup css--*/

.contactPreferencesPopup{
    width: 550px;
}
.print_coupon_main{
    width:655px;
    height:409px;
    border:3px solid #512d17;
    border-radius: 10px;
    font-family: Tahoma;
    overflow: hidden;
    margin: 20px auto;
    background-color:#ffffff;
}
    
.print_coupon_left{
    width:143px;
    float:left;
    background-color:#402312;
}

.print_coupon_right{
    width:487px;
    _width:506px;
    float:left;
    padding:12px;
    padding: 12px;
}


.print_coupon_ddperks_offer{
    text-align: center;
    margin-top: 15px;
    color:#ff6600;
    font-size: 26px;
    font-weight:bold;
    text-transform:uppercase;

}

.print_coupon_ddperks_top_text {
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    padding:10px 40px 5px 40px;
    _padding:10px 30px 5px 30px;
}

.print_coupon_ddperks_exp_date {
    padding-top: 5px;
    text-align: center;
    font-size: 8px;
    font-family: arial;
}

.print_coupon_barcode_img{
    text-align:center;
}


.print_coupon_barcode_img_txt{
    font-family: courier;
    font-size: 8px;
    text-align:center;
    font-family: arial;
}

.print_modal_dd_logo_small {
    margin-bottom: -15px;
    position: relative;
    text-align: right;
    top: -16px;
}

.print_coupon_bottom_txt {
    font-size: 8px;
    height: auto;
    line-height: 8px;
    overflow: hidden;
    padding: 4px 0 0;
    text-align: justify;
    font-family: arial;
}

.print_reward_coupon_main > #clone_body {
	border-width: 15px 9px 9px;
	border-style: solid;
    border-color: #F76300;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #705B3B;
}

/*Reward Coupons css*/

.print_reward_coupon_main {
    background: none repeat scroll 0 0 #FED086;
    border: 3px dashed #3F2111;
    height: auto;
    padding: 5px 6px 6px 5px;
    position: relative;
    width: 242px;
    margin: 0 auto;
}

.print_reward_coupon_body {
    font-family: Tahoma;
    overflow: hidden;
    width: 651px;
    position: relative;
}

.print_reward_coupon_top {
    height: 43px;
}

.print_reward_coupon_top_logo {
    left: 97px;
    position: absolute;
    text-align: center;
    top: -11px;
    z-index: 100;
}

.print_reward_coupon{
    background-color: #FFFFFF;
    border-radius: 5px;
    float: left;
    height: auto;
    padding:5px;
    width:214px;
}


element.style {
    margin: 0;
    overflow: hidden;
}
.storeFinder input {
    border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
    color: #BAAEA6;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    padding-left: 13px;
    width: 100px;
}
input, img, label, button {
    vertical-align: middle;
}
/**
* {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
*/
#wrapper {
    text-align: left;
}

.print_reward_ddperks_offer {
    color: #ED2164;
    font-family: frankfurterstd;
    font-size: 14px;
    font-weight: normal;
    margin-top: 7px;
    text-align: center;
    text-transform: uppercase;
}

.print_rewards_coupon_top_text {
    font-size: 8px;
    line-height: 9px;
    margin: 0 auto;
    padding: 0 10px 3px;
    text-align: center;
    font-family: arial;
}

.print_btn{
    position:relative;
    width:auto;
    height:auto;
    float:right;
    float:top;
    cursor:pointer;
    border:solid 1px #e4e4e4;
    padding: 8px 18px;
    border-radius:10;
    border-radius:5px;
    background-color: #FFFFFF;
    background:-webkit-gradient(linear,right bottom,left top,from(#f3f3f3),to(#fff));
    background:-moz-linear-gradient(right bottom,#f3f3f3,#fff);
    cursor:pointer;
}

.print_btn .print_btn_btnlabel {
    color: #ff6200;
    font-size: 19px;
    font-weight: 900;
    position: relative;
    float: left;
    padding: 0 5px 0 5px;
    letter-spacing: .25px;
    white-space: nowrap;
    }

    .print_btn:hover{
        background: #FF6200 none repeat scroll 0 0 ;
    }

.print_btn:hover .print_btn_btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}

.print_button_section{
    width:156px; 
    margin:30px auto; 
}

.print_reward_coupon_left,.print_reward_coupon_right{
    width:53px; 
    float:left;
    height:415px;
}
.print_button_strip > .submit_button  span {
    background: none repeat scroll 0 0 transparent;
    padding: 2px 15px 2px 13px;    
}


@media print {
	  #wrapper, .print_button_section{display:none;}
	  body .ui-dialog{position:absolute; left:150px !important; top:50px !important}
	  body .ui-dialog,body  .ui-widget-content{border: 1px solid #FFFFFF;}
	  body .print_reward_coupon_main{margin:0 auto;}
	  body .print_rewards_coupon_top_text, 
	  body .print_coupon_ddperks_exp_date, 
	  body .print_coupon_barcode_img_txt,.print_coupon_bottom_txt  {font-size:10px  }
}



#dialog-form1 {
    background-color: #FFFFFF;
    padding: 78px 40px 30px;
    border-radius: 10px 0 10px 10px;
}

#dialog-form{
    padding: 40px;
    border-radius: 10px 0 10px 10px;
}

.ui-dialog{
    width: auto !important;
    border: 5px solid #FF9451;
    border-radius: 10px;
}

.close_window {
    background: url("clientlib/images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 9999;
}

body .ui-dialog{
    padding:0px;
}



/*-------------------------------------------*/



/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top:0;
    width: 40px;
    height: 40px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 22px;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: 20px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers

--------------- jquery-ui-css-------------------*/

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}


.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 5px solid #ff9451;
    background: #ffffff url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-header {
   /* border: 1px solid #aaaaaa;
    background: #cccccc url(clientlib/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/
    color: #222222;
    font-weight: bold;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   /* border: 1px solid #999999;
    background: #dadada url(clientlib/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;*/
    font-weight: normal;
    color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   /* border: 1px solid #aaaaaa;
    background: #ffffff url(clientlib/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 40px;
    height: 40px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(clientlib/images/close.png);
}
.ui-widget-header .ui-icon {
    background-image: url(clientlib/images/close.png);
}
.ui-state-default .ui-icon {
    background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(clientlib/images/close.png);
}
.ui-state-active .ui-icon {
    background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/css/images/ui-icons_cd0a0a_256x240.png);
}




/* CSS for print coupon phase 2
----------------------------------*/

.print_reward_coupon_main1 {
    background: none repeat scroll 0 0 #FED086;
    border: 3px dashed #3F2111;
    height: auto;
    margin: 50px auto 0 auto;
    padding: 5px 6px 6px 5px;
    position: relative;
    width: 242px;
}


.print_reward_coupon_body1 {
    font-family: Tahoma;
    overflow: hidden;
    position: relative;
}

.print_reward_coupon_top_logo1 {
    left: 97px;
    position: absolute;
    text-align: center;
    top: -11px;
    z-index: 100;
}



.print_reward_coupon1 {
    background-color: #FFFFFF;
    border-radius: 5px;
    float: left;
    height: auto;
    margin-bottom: 7px;
    padding: 5px;
    width: 214px;
}

.print_reward_ddperks_offer1 {
    color: #ED2164;
    font-family: frankfurterstd;
    font-size: 14px;
    font-weight: normal;
    margin-top: 7px;
    text-align: center;
    text-transform: uppercase;
}


.print_rewards_coupon_top_text1 {
    font-family: arial;
    font-size: 8px;
    line-height: 9px;
    margin: 0 auto;
    padding: 0 10px 3px;
    text-align: center;
}

.print_coupon_ddperks_exp_date1 {
    font-family: arial;
    font-size: 8px;
    padding-top: 5px;
    text-align: center;
}


.print_coupon_barcode_img1 {
    text-align: center;
}

.print_coupon_barcode_img_txt1 {
    font-family: arial;
    font-size: 8px;
    text-align: center;
}


.print_modal_dd_logo_small1 {
    margin-bottom: -15px;
    position: relative;
    text-align: right;
    top: -16px;
}


.print_coupon_bottom_txt1 {
    font-family: arial;
    font-size: 8px;
    height: auto;
    line-height: 8px;
    overflow: hidden;
    padding: 4px 0 0;
    text-align: justify;
}

.print_reward_coupon_mid1 {
    padding: 10px;
}

/*css is for confirm box on payment page */
.no-titlebar .ui-dialog-titlebar {
    display: none; 
}

.no-titlebar .ui-dialog-buttonpane {
	padding: 10px;
}


.registrationForm{
    width:730px;
    float:left;
    color:#333;
    font-family:"Tahoma";
}
.formStepsdiv{
    box-shadow: 0px 3px 0 #956a3e;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    width:730px;
    border-radius:10px;
}
.formSteps{
    margin-bottom:17px;
    font-family:vagroundedbold;
    font-weight:bold;
    height:46px;
    font-size:15px;
    width:730px;
    position:relative;
}
ul.formSteps{padding-left:0}
.formSteps > li{
    width:229px;
    height:46px;
    background: url("clientlib/images/menubarSprite.png") no-repeat right -577px;
    padding-right:22px;
    position:absolute;
    left:229px;
    z-index:1;
    list-style-type: none;
}
.formSteps > li a{
    text-decoration:none;
    display:block;
    width:230px;
    color:#fff;
    height:46px;
    background: url("clientlib/images/menubarSprite.png") no-repeat left -649px;
    padding-left: 22px;
}
.formSteps > li.first{
    left:0;
    background-image:none;
}
.formSteps > li.last{
    left:480px;
    background: url("clientlib/images/menubarSprite.png") no-repeat right -217px;
}
.formSteps > li.first.selected{
width:228px;
}
.formSteps > li.last.selected {
    background: url("clientlib/images/menubarSprite.png") no-repeat right -433px;
    width:230px;
}
.formSteps > li.selected{
    background: url("clientlib/images/menubarSprite.png") no-repeat right -289px;
    z-index:4;
    width:250px
}

.formSteps > li.selected > a{
    background: url("clientlib/images/menubarSprite.png") no-repeat left -504px;
    
}
.formSteps > li.first >a{
    background: url("clientlib/images/menubarSprite.png") no-repeat left -144px;
    
}
.formSteps > li.selected.first >a{
    background: url("clientlib/images/menubarSprite.png") no-repeat left -360px;
    
}
.formSteps > li.selected.first{
    width:228px;
}

.formSteps > li.last > a, .formSteps > li.last > a >span{width:208px;}

.formSteps > li > a > span{
    width:228px;
}
.formSteps > li.first a > span, .formSteps > li.last a > span{
    width:208px;
}
.formSteps > li a > span{
    font:normal 15px vagroundedbold;
    float:left;
    line-height:20px;
    padding:15px 0 11px 0;
    display:block;
    height:20px;
    background: url("clientlib/images/menubarSprite.png") repeat-x left -71px;
    color:#61381b;
}
.formSteps > li.selected > a > span{
    background: url("clientlib/images/menubarSprite.png") repeat-x left 0;
    
}
.formSteps > li > a > span > span.stepCount{
    height:20px;
    width:20px;
    border-radius:10px;
    background-color:#fbdcb8;
    color:#ff6600;
    text-align:center;
    margin-right:8px;
    margin-left:17px;
    float:left;
    background-image:none;
    position:relative;
    line-height: 22px;
}
.formSteps > li.first > a > span > span.stepCount{
    margin-left:0;
}
.formSteps > li:active a .stepName, .formSteps > li:hover a .stepName, .formSteps > li.selected > a .stepName{
    color:#ffffff;
}
.formSteps > li:active a .stepCount, .formSteps > li:hover a .stepCount, .formSteps > li.selected > a .stepCount{
    background-color:#ffffff;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    border-radius:10px;
}
.mainContent legend{
    font-size:14px;
    margin-bottom:30px;
    padding-left:5px;
    word-wrap:break-word;
    width:715px;
}
.mainContent label{
    font-size:15px;
    margin-bottom:10px;
    font-family:VAGRoundedStdBlack;
    display:block;
    padding-left:2px;
    float:left;
    width:100%;
    font-weight:normal;
}

.mainContent input {
    border: 1px solid #D7D7D7;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 6px #E6E6E6 inset;
    font-size: 15px;
    padding:5px 4px;
    width: 205px;
}

.ext-ie8 .mainContent input{padding:5px 4px;}

.registrationForm input.code{
    width:98px;
}
.mainContent input:focus{
    background-color:#fcf5dd;
}
.mainContent .note{
    font-size:10px;
    margin-bottom:8px;
}
.registrationForm div.formRow > p{
    width:243px;
    float:left;
    margin-bottom:0;
}
.registrationForm div.formRow{
    padding:22px 0 25px 0;
    background: url("clientlib/images/dottedBorder.png") repeat-x left bottom;
}
.mainContent button, .asideContent button.module_btn, .buttonStrip button{
    border-radius:5px;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #72244e;
    background:#c83c87;
    cursor:pointer;
    position:relative;
    zoom:1;   
}
.mainContent button span, .asideContent button.module_btn span, .buttonStrip button span{
    background: url("clientlib/images/iconsSprite.png") no-repeat right 11px transparent;
    padding:0 45px 0 15px;
    display:block;
    font-family:vagroundedbold;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    line-height:30px;
}
.registrationForm div.formRow.noBorder{
    background:none;
    padding-bottom: 5px;
}
.mainContent .checkboxList{
    padding:13px 0 0 7px;
    margin-bottom:15px;
}
.mainContent .checkboxList p.confirmNote{
    margin:12px 0 18px 0;
    font-family:"Tahoma";
    font-size:14px;
    width:480px;
    float:left
}
.custom-checkbox{
    float: left;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-bottom:14px;
}
.mainContent .checkboxList label{
    background: url("clientlib/images/iconsSprite.png") no-repeat left -70px transparent;
    float:left;
    margin:0;
    padding:0;
    cursor: pointer;
    padding-left: 24px;
    height:14px;
    line-height:14px;
     position: relative;
     z-index: 1;
}
.mainContent .checkboxList label.checked{
    background-position:left -144px;
}
.mainContent .checkboxList input{
    height: 1px;
    left: -9999px;
    line-height: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 0;
}
.toolTip{
    height:16px;
    width:16px;
    border-radius:8px;
    background-color:#ff6600;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    color:#fff;
    text-align:center;
    margin-left:8px;
    line-height: 16px;
    cursor: pointer;
    font-family: vagroundedbold;
    font-size: 15px;
    font-weight: bold;
    float:left;
}
.registrationForm label span{
    float:left
}
.mainContent .newListSelected {
    float: left;
    width:43px;
    height:30px;
    font-size:15px;
    border:1px solid #d7d7d7;
    line-height:30px;
    padding:0 9px;
    margin-right:9px;
    font-family:"Tahoma"

}
.mainContent .newListSelected .arrow {
    background: url("clientlib/images/iconsSprite.png") no-repeat right -203px transparent;
    cursor: pointer;
    line-height: 30px;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    width: 33px;
}
.newListSelected .selectedTxt {
    color: #b7b7b7;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}
.registrationForm div.formRow > .monthField{
    width:72px;
    float:left;
}
.registrationForm div.formRow > .dateField{
    width:70px;
    float:left;
}
.registrationForm div.formRow > .yearField{
    width:74px;
    float:left;
}
.registrationForm .dateField  .newListSelected, .dateField .newListSelected ul.newList{
    width:37px;
}
.registrationForm .yearField  .newListSelected, .yearField .newListSelected ul.newList{
    width:54px;
    margin-right:0;
}
.registrationForm .dateField  .newListSelected .arrow{
    width:27px;
}
.registrationForm .yearField  .newListSelected .arrow{
    width:44px;
}
.mainContent .newList {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #d7d7d7;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    width: 43px;
    padding: 0 9px;
    z-index: 10;
    color:#b7b7b7;
    overflow-x: hidden;
    overflow-y: scroll;
    height:200px !important;
    list-style:none;
}
.newListSelected ul.newList li {
    margin: 0;
    padding: 0;
    width: 100%;
    color:##b7b7b7;
}
.newListSelected ul.newList li a{
    color:#b7b7b7;
    font-family:"Tahoma";
    font-size:15px;
    text-decoration:none;
    font-weight:normal;
}

.mainContent h4, .mainContent h3{
    font-family:vagroundedbold;
    font-weight:normal;
    color:#363636;
}
.mainContent h3{
    font-size:24px;
    margin-bottom:8px;
    
}
.mainContent h4{
    font-size:21px;
    margin-bottom:34px;
}
/* to make margin top only on my dd card page*/
.perksddcard h4 {
    margin-top: 10px;
}

.mainContent p{
    font-size:12px;
    margin-bottom:18px;
    color:#363636;
}

table.cardDetails, .addNewCardForm div.formRow{
    width:713px;
    border:1px solid #f2ebda;
    border-radius:6px;
    margin-bottom:40px;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    background: #ffefcf; /* Old browsers */
    background: -moz-linear-gradient(top, #fdf8ea 0%, #ffefcf 100%);
}

table.cardDetails tr td{
    padding:17px 0 15px 20px;
    background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/dottedTableBorder.png") repeat-x 0 0;
    font-size:15px;
    font-weight: bold;
    color: #363636;
    border-top: 1px dashed #ddcdb5;
}
table.cardDetails tr th{
    padding:17px 0 15px 20px;
    text-align:left;
    font-family:vagroundedbold;
    font-weight:normal;
    font-size:15px;
    color:#686868;
}

table.cardDetails tr a.addedFund{
    background: url("clientlib/images/iconsSprite.png") no-repeat right -246px transparent;
    cursor: pointer;
    padding-right:20px;
    font-weight:bold;
    font-size:15px;
    width:180px;
    float:left
}

table.cardDetails td div.addedFundText{
    background: url("clientlib/images/iconsSprite.png") no-repeat right -246px transparent;
    padding-right:20px;
    font-weight:normal;
    font-size:15px;
    width:180px;
    float:left
    color:#663300;
}
.registrationForm h3 span{
    font-size:12px;
    margin-left:10px;
    font-family:"Tahoma";
    font-weight:normal;
    line-height:24px;
}


.ddPerkContainer{
    width:720px;
    margin-bottom:37px;
    position:relative;
    border: 1px solid #e5d8b6;
    border-width:1px 0 0 0;
    border-radius:5px;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    background: #ffa14b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa14b 0%, #e77c32 100%);
    box-shadow: 0px 2px 0 #d8b99b;
}
.perkPoints{
    width:360px;
    float:left;
}
.perkContent{
    width:330px;
    float:right;
    padding:8px 70px 0 0;
    
}
.perkContent p, .perkContent a{
    color:#fff;
}
.perkContent h3{
    color:#fff;
    line-height:44px;
    font-family:"FrankfurterMediumStd";
    font-size:40px;
    margin-bottom:5px;
}
.ddPerkContainer img{
    position:absolute;
    left:-20px;
    top:8px;
}
.perkContent .link, .perkContent .link:hover{
    border-radius:3px;
    border:1px solid #c76d22;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #a05212;
    background:#fff;
    cursor:pointer;
    float:left;
    margin-bottom:17px;
    position:relative;
    }
.perkContent .link span{
    background: url("clientlib/images/iconsSprite.png") no-repeat right -375px transparent;
    padding:0 35px 0 15px;
    display:block;
    font-family:vagroundedbold;
    font-weight:bold;
    font-size:18px;
    color:#ff9451;
    line-height:30px;
}
.perkPointsContainer h3{
    padding-left:6px;
    margin-bottom:28px;
}
.perkPointsContainer img{
    float:left;
}
.perkPointsContent{
    float:right;
    width:215px;
    padding-right:45px;
    font-family:"arial";
}
 .perkPoints h4{
    font-family:"arial";
    font-weight:bold;
    font-size:14px;
    color:#000;
    line-height:22px;
    margin-bottom:0;
 }
.perkPoints h4 span{
    display:block;
}
.perkPointsContent a{
    margin-bottom:3px;
    display:block;
    font-size:14px;
    font-family:"arial";
}


/*refer a friend css written by shanaullah*/
.sharereward{
    /**** do not change it ****/
    display:none;
}

#referafriend, #referafriend_success, .shareRewardConatiner, .shareRewardSuccessConatiner{
    margin-top:20px;
}

#referafriend.registrationForm{
    width:100%;
}
#referafriend .formRow{
    width:460px; 
    float:left;
    margin-right:40px;
    padding: 16px 0 10px 0;
    height: 90px;
}

#referafriend .formblocks{
    width:230px; 
    float:left;
}

#referafriend label.ferror{
    font:normal 11px arial;
}

#referafriend .error_message{
    display:none;
}

.referfriend{
    margin-top: 45px;
}

#referafriend h1,#referafriend_success h1,.shareRewardConatiner h2, .shareRewardSuccessConatiner h2{
    margin: 0;
    padding: 0;
    color: #61381b;
    font: normal 31px VaGRoundedBold;
    margin: 0 0 7px 5px;
    letter-spacing: 0.5px;
}
.referafriend_description {
    font-size: 14px;
    padding-bottom: 7px;
    padding-left: 5px;
    word-wrap: break-word;
}
.pmessage_box{
    width: 450px;
    border: 1px solid #d7d7d7;
    padding: 8px;
    font-size: 14px;
    font-family:"Tahoma";
    margin:5px 0 10px 5px;
    resize: none;
    height: 58px;
}
.pmessage{
    font:bold 12px arial;
    padding-left:5px;
    margin-top:35px;
}

/*--aside--*/
aside.asideConatiner{
    display:inline-block;
    width:230px;
    margin-left:20px;
    float:right;
}
.asideHeader{
    padding-top:15px;
    border-radius:10px 10px 0 0;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-align:center;
    background: #d63e87; /* Old browsers */
    background: -moz-linear-gradient(top, #d63e87 0%, #e373a9 100%);
}
.asideHeader h3 {
    color: #FFFFFF;
    font:normal 17px/20px vagroundedbold;
    margin-bottom: 12px;
    margin-top: 5px;
    padding: 0 15px;
    text-align: left;
}

.asideHeaderImgContent {
    background: none repeat scroll 0 0 #FCF5DD;
    border-radius: 10px 10px 0 0;
    text-align: center;
    overflow: hidden;
}

.asideContent{
    background:#fee7b5;
    border:1px solid #e5d8b6;
    border-width:0 1px 1px 1px;
    border-radius:0 0 10px 10px;
    box-shadow: 0px 3px 0 #ab9f76;
    padding:15px 13px;
    color:#363636;
}

.asideContent.prop2{
	background:#fcf5dd;
}

.asideContent h4{
    font-weight:bold;
    font-size:13px;
    font-family:"arial";
    margin-bottom:10px;
    color:#363636;

}
.asideContent p{
    font-size:11px;
    font-family:"arial";
    margin-bottom:3px;
    line-height: 18px;
}



.mainContent #signinInfo{
    width:617px;
    clear:both;
    margin-top:15px;
}

.asideContent #signinInfo{
    width:202px;
    margin-top:0;
}
.mainContent .colHeader{
    font-family:vagroundedbold;
    font-weight:bold;
    font-size:17px;
    color:#fff;
    padding:0 0 0 15px;
    border-radius:10px 10px 0 0;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    background: #673c1c; /* Old browsers */
    background: -moz-linear-gradient(top, #673c1c 0%, #523015 100%);
    height:46px;
    line-height:46px;
}
.asideContent .colHeader{
    font-family:"Tahoma";
    font-size:14px !important;
    font-weight:normal !important;
    color:#363636 !important;
    background:none;
    border:0px;
    margin-bottom:18px;
    word-wrap:break-word;
    width:195px;
    padding:0;
    line-height:18px;
    height:auto;
    margin-top:0
}
.mainContent .simpleProfile{
    padding:11px 10px 8px 12px;
    width: 593px;
    float:left;
}
.asideContent .simpleProfile{
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    width:202px;
    margin-bottom:0;
}
.mainContent .simpleProfile a{
    color:#363636;
    display:block;
    font-size:12px !important;
    margin:18px 0 0 0;
    text-decoration:underline;
    font-weight:normal;
    line-height:30px;
}
.asideContent .simpleProfile a{
    color:#363636;
    display:block;
    margin:0 0 7px 5px;
    line-height:16px;
    font-size:12px !important;
    text-decoration:underline;
    font-weight:normal;
}
.simpleProfile .starInfo{
    display:none;
}
.simpleProfile > div{
    float:left;
    width:auto;
}
.mainContent .simpleProfile span.addrFormlabel, .asideContent .simpleProfile span.addrFormlabel{
    padding-right:0 !important
}
.mainContent .simpleProfile input, .asideContent .simpleProfile input, #referafriend input{
    margin-right:14px;
    margin-bottom:0;
    background:#fff;
    height:auto;
    font-size:15px;
    border:1px solid #d7d7d7;
    line-height:30px;
    padding-left:9px;
    box-shadow: inset 0 0 6px #E6E6E6;
    border-radius:0;
}
.mainContent .simpleProfile input.formfield, .asideContent .simpleProfile input.formfield, #referafriend input.formfield{
    height:30px;
    padding:0 0 0 9px;
}

#referafriend input.formfield{
    width:205px;
}

.mainContent .simpleProfile input.code{
    width:98px;
}
.mainContent .simpleProfile input:focus, .asideContent .simpleProfile input:focus{
    background-color:#fcf5dd;
}
.mainContent .simpleProfile label, .asideContent .simpleProfile label{
    font-size:14px;
    margin-bottom:2px;
    font-family:vagroundedbold;
    font-weight:bold;
    display:block;
    padding-left:2px;
    width:174px;
    color:#363636;
    float:none;
}

.mainContent .simpleProfile label.ferror, 
.asideContent .simpleProfile label.ferror,
.mainContent label.ferror,
#dob_error{
    color:red;
    float:none;
    font:normal 11px Tahoma,Arial,sans-serif;
    background: none;
}
    
/*.mainContent .simpleProfile .ferror, .asideContent .simpleProfile .ferror{
    display:none;
}*/
.asideContent .simpleProfile label{
    margin-bottom:5px;
    float:left;
    width:100%;
}
.asideContent .simpleProfile input{
    width:191px;
    margin-bottom:13px;
    margin-right:0;
    border-radius:0;
}
.mainContent button.module_btn {
    height: auto;
    border-radius:5px;
    border:1px solid #ce8749;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #763e29;
    background:#f17c2b;
    cursor:pointer;
    position:relative;
    zoom:1;
    width:auto !important;
    margin:14px 15px 0 0;
    float:left;
}
.asideContent button.module_btn {
    margin:2px 15px 13px 0;
    box-shadow: 0px 3px 0 #72244e;
    background:#c83c87;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    width: auto !important;
}
.mainContent button.module_btn span.btnlabel, .asideContent button.module_btn span.btnlabel {
    color:#fff;
    float: left;
    font-family:VagRoundedBold;
    font-weight:bold;
    font-size:18px;
    padding:0 10px 0 15px!important;
    position: relative;
    background:none;
    }
.mainContent button.module_btn span.btnaction, .asideContent button.module_btn span.btnaction {
    background: url("images/iconsSprite.png") no-repeat right 10px transparent;
    height: 30px;
    width: 35px;
     float: left;
     padding:0;
}
.mainContent .simpleProfile textarea{
    width:450px;
    height:60px;
    font-size:15px;
    border:1px solid #d7d7d7;
    line-height:15px;
    padding-left:9px;
    background-color:#fff;
}

.mainContent .simpleProfile textarea:focus{
    background-color:#fcf5dd;
}

/*SHAN REGISTERATION FORM*/

.registrationForm div.formRow > div.input_section{
    width:243px;
    float:left;
    margin-bottom:0;
}

.error_message, .error_message_service{
    color:red; 
    font-weight:bold; 
    padding:10px 0;
    display:none
}

.bottomFormLinks {
    padding-bottom: 10px;
}

.clearfloat.addrFormlabel {
    /*float: none;*/
}

#referafriend .addrFormlabel{
    margin-bottom:5px;
}

#referafriend .addrFormlabel label{
    font:bold 15px VaGRoundedBold;
    color:#363636;
}

button.submit_button{
    border-radius:5px;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #72244e;
    background:#c83c87;
    cursor:pointer;
    padding: 0;
    position:relative;
    zoom:1;   
}

#signinInfo .submit_button span{
    padding:1px 49px 1px 15px;
    line-height:28px;
}

button.submit_button span{
    background: url("clientlib/images/iconsSprite.png") no-repeat right 10px transparent;
    padding: 2px 49px 1px 15px;
    display:block;
    font:18px VagRoundedStdBlack;
    color:#fff;
    line-height:26px;
}


button.submit_button span.btnaction {
background: url("clientlib/images/iconsSprite.png") no-repeat right 10px transparent;
height: 30px;
width: 35px;
float: left;
padding: 0;
}


a.submit_button{
    border-radius:5px;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #72244e;
    background:#c83c87;
    cursor:pointer;
    position:relative;
    zoom:1;   
}
a.submit_button span{
    background: url("clientlib/images/iconsSprite.png") no-repeat right 11px transparent;
    padding:0 45px 0 15px;
    display:block;
    font-family:VagRoundedBold;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    line-height:30px;
}


a.submit_button span.btnaction {
background: url("images/iconsSprite.png") no-repeat right 10px transparent;
height: 30px;
width: 35px;
float: left;
padding: 0;
}




#referafriend_success{display:none}

#sharereward .text_box_message{float:none;}


span.please_wait_reward{
    background: none repeat scroll 0 0 #C83C87;
    border:1px solid #ac3173;
    border-radius:5px;
    behavior: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/PIE.htc);
    box-shadow: 0 3px 0 #72244E;
    cursor: default;
    position: relative;
    text-decoration:none;
    display:none;
    float:left
}


.please_wait_reward span{
    padding:0 15px;
    float:left;
    font-family:VagRoundedBold;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    line-height:30px;
}
.please_wait_reward img{
    margin-left: 15px;
}


#refer_friend_form .please_wait_reward{
      margin-top: 45px;
      display: none;
}

.print_button_strip {
    margin:26px 0 23px;
}

.print_button_strip > .submit_button {
    margin: 0 10px;
}




a.link_button, a.link_button:hover{
    border-radius:5px;
    background: url("images/iconsSprite.png") no-repeat right 11px #c83c87;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #72244e;
    cursor:pointer;
    position:relative;
    zoom:1; 
    padding:10px;
    font:18px VAGRoundedBold;
    color:#ffffff;
    padding:5px 44px 4px 14px;
}


.referafriend_back_link {
    clear: both;
    margin: 35px 0;
}

.formRow .input_section {
    margin-right: 20px;
}

.registrationForm #notHaveCardHelp {
    left: 89px;
    top: -23px;
}


.profileWithCard .errors {
    background: none repeat scroll 0 0 white;
    border: medium none;
    box-shadow: none;
    float: none;
}

.profileWithCard {
    margin-top: 5px;
}

.asideContent .linkDDPerks button.submit_button {
    margin: 2px 15px 13px 0;
}
.asideContent .linkDDPerks.simpleProfile .addrFormlabel{
    margin:0;
}
.mainContent .createDdPerksaccnt label.ferror, .asideContent .simpleProfile label.ferror{
    margin:0;
}
.mainContent .checkboxList p.enrollMsg{
    margin:0;
}
.mainContent .checkboxList p{
    margin:0 0 18px 0;
}
.mainContent .createDdPerksaccnt label.ferror, .asideContent .simpleProfile label.ferror{
    margin:0;
}

.mainContent .createDdPerksaccnt.registrationForm .addrFormlabel{
    margin:0;
}

/* .mainContent input{padding: 0 0 11px 9px\0/;}  must go at the END of all rules */

.contactPreferencesPopup {
    text-align: left;
    width: 500px;
}

#confirmationbox .dialog_btn .module_btn.left_float {
    margin: 0 5px;
}
#confirmationbox .dialog_btn {
    margin: 0 auto;
    width: 160px;
}


#add_new_card h3 > span {
    color: #000000;
    font: 12px tahoma;
    margin-left: 5px;
}

#profile_zip, #registration_code{
    width: 107px;
}

#profile_zip, #registration_code_simple{
    width: 107px;
}

#perks_enroll_check, #promotions_check {
    font: 14px tahoma;
}

.share_reward_right_container {
    display: inline-block;
    float: left;
    margin-left: 20px;
    width: 230px;
}
.sr_reward_coupon {
    background: none repeat scroll 0 0 #FED086;
    border: 3px dashed #3F2111;
    height: auto;
    min-height: 200px;
    padding: 5px 6px 6px 5px;
    width: 242px;
}
.sr_reward_coupon .shareRewardWindowContainer{
	margin:0
}
.error_friend_email {
    width: 240px;
}

.registrationForm .text.parbase.txt > p {
    font-family: vagroundedbold;
    font-size: 21px !important;
    line-height: 24px;
    margin: 0;
}

.registrationForm .note {
    margin-top: 0;
}

.formRow.rowBg.clearfix {
    background: none repeat scroll 0 0 transparent;
}


/* css for ZIP Code Modal Window on Registration Form */

#zipcode_modal_res{
    width:550px !important;
    text-align:left;
    padding:20px 50px 25px 30px;
    display:none;
}
#zipcode_modal_res h2, #zipcode_modal_res1 h2{
    font-family:"vagroundedbold";
    font-size:31px;
    color:#533211;
    margin-bottom:20px;
    line-height:34px;
}
#zipcode_modal_res p{
     margin-bottom:20px;
}
#zipcode_modal_res p strong{
     display:block;
}
#zipcode_modal_res a.link, #zipcode_modal_res1 a.link{
    display:block;
    margin-bottom:5px;
}

#modal_error_block{
    width:550px !important;
    text-align:left;
    padding:20px 50px 25px 30px;
    display:none;
    min-height: 35px !important;
}

#zipcode_modal_res1{
    width:550px !important;
    text-align:left;
    padding:20px 50px 25px 30px;
    display:none;
}

#zipcode_modal_res1 p{
     margin-bottom:20px;
}

#address_block #address_state {
    margin: 0;
    padding: 6px 5px 5px;
    width: 228px;
}

#address_block .mainContent label{
    font-size: 12px;
}

#address_block .zip_address input {
    clear: both;
    width: 209px;
}

#address_block .address_street_first input, #address_block .address_street_second input {
    width: 460px;
}


#address_name_first_block input{
    width: 219px;
}

#address_name_last_block input {
    margin-right: 0;
    width: 219px;
}

#address_block .clearfloat.addrFormlabel.middleFieldWidth {
    width: 220px;
}


#success_btn_wait {
    margin-right: 20px;
}

#address_block .smallFieldWidth.left_float.zip_address {
    width: 100% !important;
}

#address_block .label.address_name_first {
    display: none;
}


#address_block .addrFormlabel.smallFieldWidth {
    width: 100% !important;
}
.mainContent .checkboxList label#perks_enroll_check {height:auto;}

.checkboxList.clearfix:after {
    height: auto;
}

#create_account_bottom_links{padding-top:20px; clear:both}
.asideContent.prop2 .module_btn {
    float: left;
}

div#verticalPromotile > div.module_btn {
    float: left;
    margin-top: 10px;
}

#add_profile_error {
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}


.perksddcard h4 span {
    display: inline-block;
    font: 16px vagroundedbold;
    margin-top: 8px;
}

.perksddcard h4 span a {
    font: 16px vagroundedbold;
}


#prombox {
    width: 165px;
}

#registration_code{
    display:none;
}

#contactus-thankyou-modal {
    display: none;
    text-align: left;
    width: 500px !important;
}

#contactus-thankyou-modal a {
	color: #ff6200;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}


.mainContent{
	float: left;
    width: 730px;
}
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}
.sidebar{
    position:relative;
    margin-bottom:30px;
    width:210px;
    margin-left:20px;
    float:left;
}

a {
    color: #FF6200;
    cursor: pointer;
    font-family: Tahoma,Geniva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    color: #663300;
    text-decoration: underline;
}


#processFaqs {}
#processFaqs .moduleContent {padding:54px 0 80px;}
#processFaqs .moduleContent > h2 {color: #5f3200; font-size:35px; font-family: "Frankfurter"; margin: 0 0 10px;}
#processFaqs .moduleContent > p {font-size: 13px; color: #5f3200; font-weight: bold; margin: 0 0 37px;}
#processFaqs .clicker {color: #be854c; font-size: 13px; font-weight: bold; background-image: url(clientlib/images/bulletSwitch.png); background-repeat: no-repeat; background-position: 0 7px; padding-left: 20px; display: block; width: 620px; margin: 19px 0 0 20px; line-height: 1.5;}
#processFaqs .clicker.active { background-position: 0 -99px;}
#processFaqs .hider {font-size: 13px; color: #5f3200; font-weight: bold; overflow: hidden; padding-left: 20px; max-width: 800px; margin-left: 20px;  line-height: 1.5;}
#processFaqs .hider a {color: #f48024;}
#processFaqs .hider a:hover {color: #ffbb45;}



/* MODULE, TOP AND BOTTOM EDGES */
.topEdge {display: block; position: absolute; top: 0; left: -3000px; width: 8000px;}
.topEdge.shadow {background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/shadowTop.png); height: 24px;}

.bottomEdge {display: block; position: absolute; bottom: 0; left: -3000px; width: 8000px;}
.bottomEdge.picketTan {background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/picketTan.png); height: 5px;}
.bottomEdge.picketWhite {background-image: url(clientlib/images/picketWhite.png); height: 7px;}
.bottomEdge.shadow {background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/shadowBottom.png); height: 24px;}

/*********** END MISC *************/



/*-- External Link popup CSS Custom  --- /etc/designs/dunkindonuts/clientlib/css/global.css ---*/

.external-link-dialog.ui-widget-content {
    border: 5px solid #ff569c;
    border-radius: 10px;
}

#btn-group-custom button {
    margin-left: 10px;
    margin-right: 10px;
}

.external-link-dialog .btn-external, .external-link-dialog .btn-external:hover {
    border: 3px solid #ee4699;
    border-radius: 10px;
    color: #ee4699;
    font-family: "arial";
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    width:135px;
    cursor: pointer;
    outline: none;
    
    
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 50%, #fafaf9 51%, #ffffff 52%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 50%,#fafaf9 51%,#ffffff 52%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 50%,#fafaf9 51%,#ffffff 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    

    -webkit-box-shadow: 2px 2px 6px 2px #F1F1F1;
    -moz-box-shadow: 2px 2px 6px 2px #F1F1F1;
    box-shadow: 2px 2px 6px 2px #F1F1F1;
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
    
}

.external-link-dialog .btn-external-pink, .external-link-dialog .btn-external-pink:hover {
    border: 3px solid #ffffff;
    border-radius: 10px;
    color: #ffffff;
    font-family: "arial";
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    width:135px;
    cursor: pointer;
    outline: none;
    
    /*background: url("clientlib/images/button-h-bg.gif") 0 15% transparent;*/

    
    background: #ff7bae; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2JhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmN2JhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmNTc5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjU2OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff7bae 0%, #ff7bae 50%, #ff579b 51%, #ff569c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff7bae 0%,#ff7bae 50%,#ff579b 51%,#ff569c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff7bae 0%,#ff7bae 50%,#ff579b 51%,#ff569c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7bae', endColorstr='#ff569c',GradientType=0 ); /* IE6-8 */
    

    -webkit-box-shadow: 2px 2px 6px 2px #F1F1F1;
    -moz-box-shadow: 2px 2px 6px 2px #F1F1F1;
    box-shadow: 2px 2px 6px 2px #F1F1F1;
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;

}

.external-link-dialog .btn-external-pink, .external-link-dialog .btn-external-pink:hover {
    background-color: #ffffff;
}

.external-link-dialog #msg-container {
    padding-bottom: 10px;
    padding-top:0;
    color: #472200;
    display: inline-block;
}

.external-link-dialog .btn-external:focus {
    border-radius: 10px;
    color:#ee4699;
}

.external-link-dialog .btn-external:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ee4699;
    border-top: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 10px;
    position: relative;
    top: 1px;
    width: 0;
}

.external-link-dialog .btn-external-pink:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ffffff;
    border-top: 6px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 10px;
    position: relative;
    top: 1px;
    width: 0;
}

.close-extarnal-modal {
    float: right;
    position: relative;
    top: -20px;
    right: -17px;
}

.close-extarnal-modal a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    font-size: 15px;
}

.close-extarnal-modal a:hover{
    text-decoration: none;
}

#external-link-tnc {
    padding-top: 20px;
    color: #8b8b8b;
}

#dialog-external-link {
    background-color: #fff;
    border-radius: 10px;
}



div.sharereward .mainContent{
    float: left;
    width: 524px;
}

div.sharereward .asideConatiner{
margin-top:50px;
}


.shareRewardAsideContainer .print_reward_coupon {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    text-align: center;
    width: auto;
    float: none;
    height: auto;
}

.shareRewardConatiner p{
    font-family:"Tahoma";
    font-size:14px;
    color:#000;
    margin-bottom:18px;
    margin-left:6px;
}
.mainContent #sharereward .simpleProfile .starInfo{
    font-family:"Tahoma";
    font-size:10px;
    color:#363636;
    margin-bottom:10px;
    margin-left:6px;    
    display:block;
    width:100%;
}
.mainContent #sharereward .simpleProfile{
    background:none;
    border:0px;
    box-shadow:none;
    padding:0;
}

.mainContent #sharereward .simpleProfile textarea{
    width:447px;
    height:38px;
    font-family:"Tahoma";
    font-size:13px;
    line-height:17px;
    padding:5px 9px;
    background-color:#fff;
    color:#363636;
    resize: none;
    margin-left:5px;
}
.mainContent #sharereward .simpleProfile textarea:focus{
    background-color:#fcf5dd;
}
.mainContent #sharereward .simpleProfile > div.label {
    background: url("images/dottedBorder.png") repeat-x scroll left bottom transparent;
    padding:20px 0 0;
    width: 250px;
    height:90px;
}
.mainContent #sharereward .simpleProfile input{
    width:209px !important;
    margin-right:27px;
    border-radius:0;
    height:30px;
    padding:0 0 0 9px;
}
.mainContent #sharereward .simpleProfile input#friend_email, .mainContent #sharereward .simpleProfile input#your_email{
    margin-right:0;
}
.mainContent #sharereward .simpleProfile > div.label.last{
     background: none;
}

.sharereward button.module_btn{
    background:#c43b84;
    box-shadow:0 3px 0 #72244e;
    border-color:#ac3173;
    padding:0;
}

.mainContent #sharereward .simpleProfile label{
    font-size:15px;
    margin-bottom:12px;
    font-family:"VaGRoundedBold";
    width:auto;
    margin-left:2px;
}

.mainContent #sharereward .bottomFormLinks a{
    float:left;
    width:100%;
    margin-top:15px;
}
.sharedOwnerDetails{
    margin-bottom:20px;
}
.sharedOwnerDetails p{
    margin-bottom:0;
    font-weight:bold;
    color:#000;
}
.sharedOwnerDetails p span{
    display:block;
    margin-bottom:5px;
    line-height:16px;
}
.shareRewardSuccessConatiner{
    display:none;
}
.mainContent #sharereward .simpleProfile label.ferror{
    font: normal 12px arial;
    color:red;
    width:210px;
}


/*---aside window--*/ 
.shareRewardConatiner .mainContent{
    width:500px;
}
.shareRewardConatiner aside.asideConatiner{
    width:480px;
    padding-top:70px;
}


.shareRewardWindowContainer{
    margin:0 auto 22px auto;
    background: -webkit-repeating-linear-gradient(-45deg, #f76300, #f76300 15px, #ff6600 15px, #ff6600 30px); 
    background: -moz-repeating-linear-gradient(-45deg, #f76300), #f76300 15px, #ff6600 15px, #ff6600 30px); 
    background: -o-repeating-linear-gradient(-45deg, #f76300, #f76300 15px, #ff6600 15px, #ff6600 30px); 
    background: -ms-repeating-linear-gradient(-45deg, #f76300, #f76300 15px, #ff6600 15px, #ff6600 30px); 
    background: repeating-linear-gradient(-45deg, #f76300, #f76300 15px, #ff6600 15px, #ff6600 30px); 
    background-color: #ff6600; 
    padding:15px 9px 9px;
    border-radius:6px;
    box-shadow: 1px 1px 1px #705B3B;
}
.shareRewardAsideContainer{
    min-height: 469px;
    position:relative;
}

.shareRewardAsideContainer img.banner {
    left: 100px;
    position: absolute;
    top: -10px;
    z-index: 100;
}

element.style {
    margin: 0;
    overflow: hidden;
}
.shareRewardWindowContent h3 {
    color: #EA2163;
    font-family: "FrankfurterStd";
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 15px;
}

.shareRewardWindowContent {
    text-align: center;
}
#wrapper {
    text-align: left;
}

.shareRewardWindowContent {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
}
.shareRewardWindowContent p{
    font-size:10px;
    font-family:"Tahoma";
    font-weight:normal;
    color:#000;
    width:325px;
    margin:0 auto;
    text-align:center;
    padding-bottom:6px
}
.shareRewardWindowContent p span{
    font-size:10px;
    display:block
}
.shareRewardWindowContent code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
.shareRewardWindowContent a {color:#ddd;}
.shareRewardWindowContent a.modalCloseImg {
    background:url(clientlib/images/close.png) no-repeat; 
    width:40px; 
    height:40px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:0; 
    right:0; 
    cursor:pointer;
}
.shareRewardWindowContent h3 {
    font-size:27px;
    font-family:"FrankfurterStd";
    font-weight:normal;
    color:#ea2163;
    margin-bottom:15px;
    }
.shareRewardWindowContent p.note{
    font-size:9px;
    width:400px;
    margin:0 auto;
    text-align:center;
    padding-bottom:15px;
    line-height:10px;
}
.shareRewardWindowContent p.code{
    font-size:12px;
    font-family:"Courier";
    width:390px;
    height:27px;
    margin:0 12px;
    text-align:center;
    line-height:27px;
    padding-bottom:9px;
    background: url("clientlib/images/iconsSprite.png") no-repeat right -297px transparent;
}
.shareRewardWindowContent img.code{
    
    margin:14px auto 8px auto;
}

.shareRewardWindowContent .print_coupon_barcode_img > img {
    width: 100px;
}


.shareRewardWindowContent .print_coupon_bottom_txt{
    height: auto;
}

.shareRewardWindowContent .print_reward_ddperks_offer{
    margin-top:0;
}
.mainContent #sharereward .simpleProfile .text_box_message{
    width:467px;
    background: url("images/dottedBorder.png") repeat-x left bottom transparent;
    padding: 20px 0;
    float:left;
}
.shareRewardSuccessConatiner p{
    color:#000;
    padding-left:10px;
}
.shareRewardSuccessConatiner button.submit_button{
    margin-top:15px;
}

#sharereward .bottomFormLinks{
    margin-top:0
}

.sharereward span.please_wait_reward{
    margin-top: 14px;
}

#dashboard {
    clear: both;
    margin: 0 auto;
    width: 994px;
}

#dashboard_top{
    border-bottom:16px solid #e21485;
    border-top:1px solid #dca76b;  
    background-color: #663700;
    height:61px;

}

.db_my_rewards, .db_my_offers{
    width:372px;
    float:left;
    text-align: center;
}

.db_my_rewards h1,.db_my_offers h1 {
    padding-top: 10px;
    font:normal 37px FrankFurterStd;
    color:#ffffff;
    margin:0;
    text-shadow: 0px 1px 0px #000000;
}


.db_current_point{
    width:248px; 
    float:left;
    color:#ffffff;
    text-align: center;
    position: relative;
}

.db_current_point h1 {
    font: 17px/17px FrankFurterMediumStd;
    text-transform: uppercase;
}
.db_current_point h1 p {
    font: 17px/17px FrankFurterMediumStd !important;
    margin: 0 !important;
}
#current_point_counter{
    width:244px;
    height:63px;
    background: url("clientlib/images/dashboard_image_sprite.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    top: 35px;
}


#current_point_counter h2 {
   color: #FFFFFF;
    font: 60px FrankFurterMediumStd;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: -5px;
    width: 243px;
}
.safari #current_point_counter h2{
    top : 7px;
}

#dashboard_body{
    background: url('clientlib/images/dashboard_bg.gif') no-repeat 0 0;
    height: 475px;
}

.db_current_point_body{
    width:248px; 
    float:left;
}

.points_txt {
    margin-top: 95px;
    text-align: center;
}

.points_txt .num_points {
    color: #C93D83;
    display: block;
    font: 22px FrankFurterMediumStd;
    text-transform: uppercase;
}

.points_txt .nxt_points{
    color:#c93d83;
    text-transform: uppercase;
    font:12px FrankFurterMediumStd;
    display: block;
}

.db_my_rewards .txt_top, .db_my_offers .txt_top{
    font:normal 14px arial;
    margin:34px 0 20px 0;
    color:#000;
}

.db_my_rewards .txt_top a, .db_my_offers .txt_top a{
    font:normal 14px arial;
    color:#ff6200;
    text-decoration: underline;
}

/* my offer block */
#myreward_main {
    height: 264px;
    margin-bottom: 18px;
    margin-left: 44px;
    overflow: hidden;
    width: 312px;
}

#myreward_main ul, #myreward_main ul li{
    margin:0; 
    padding:0;
    list-style-type: none;
}

#myoffer_main ul{
    margin-top:0; 
}

#myreward_main ul > li, #myoffer_main ul > li{
    display:none; 
}

#myreward_main ul > li.active, #myoffer_main ul > li.active{
    display:block; 
}

.myreward_box{
    width:312px;
    height:119px;
    background-color:#e32c82;
    border-bottom:3px solid #844255;
    border-radius: 5px;
    margin-bottom: 20px;

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #E32D83 0%, #E91478 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #E32D83 0%, #E91478 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #E32D83 0%, #E91478 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E32D83), color-stop(1, #E91478));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #E32D83 0%, #E91478 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #E32D83 0%, #E91478 100%);
    background: -ms-linear-gradient(top, #E32D83 0%, #E91478 100%);
    
    cursor: pointer;
}

.myreward_box .left{
    width:97px;
    height:96px;
    float:left;
    margin-top: 18px;
}

.myreward_box .left img{

}


.myreward_box .right{
    width:213px;
    height:119px;
    float:left;
    text-align: left;
    padding: 20px 0 0 0;
    position:relative;
}

.myreward_box h3{
    margin:0;
    padding:0;
    font:bold 24px FrankFurterStd;
    color:#ffffff;
    line-height: 24px;
}

.myreward_box .expire{
    font: normal 9px tahoma;
    color: #ffffff;
    position: absolute;
    bottom: 32px;
}

.myreward_box .redeem_share{
    font: bold 12px tahoma;
    color: #ffffff;
    position: absolute;
    bottom: 32px;
    right: 10px;
}
.myreward_box .redeem_share a{
    display: inline-block;
    text-align: right;
    width: 120px;
    color: #fff;
    background: url(clientlib/images/dashboard_image_sprite.png) no-repeat 128px -139px;
    padding-right: 13px;
}


/* my rewards block */
#myoffer_main{
    width: 369px;
    margin-left: 7px;
    height: 264px;
    margin-bottom: 18px;
    overflow: hidden;
}

#myoffer_mainmyoffer_main ul, #myoffer_main ul li{
    margin:0; 
    padding:0;
    list-style-type: none;
}


.myoffer_box{
    width:312px;
    height:119px;
    background-color:#93550c;
    border-bottom:3px solid #8d623b;
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #93550C 0%, #673700 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #93550C 0%, #673700 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #93550C 0%, #673700 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #93550C), color-stop(1, #673700));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #93550C 0%, #673700 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #93550C 0%, #673700 100%);
    background: -ms-linear-gradient(top, #93550C 0%, #673700 100%);
    
}

.myoffer_box .left{
    width: 61px;
    float: left;
    margin-left: 13px;
    margin-right: 19px;
}

.myoffer_box .left .db_bonus{
    width: 65px;
	height: 110px;
	margin-top: -2px;
	position: relative;
}


.db_bonus.default{
    background: url("clientlib/images/default.png") no-repeat scroll 0 0 transparent;
}

.db_bonus.B1_X2BEV_tag, .db_bonus.T1_LTOx2_tag, .db_bonus.P1_LTO_tag, .db_bonus.P3_LTO_tag{
    background: url("clientlib/images/T1_LTOx2_tag.png") no-repeat scroll 0 0 transparent;
}


.db_bonus.T2_AR25_tag, .db_bonus.T6_25pts_tag, .db_bonus.P4_AR25_tag{
    background: url("clientlib/images/T2_AR25_tag.png") no-repeat scroll 0 0 transparent;
}

.db_bonus.T5_30pts_tag{
    background: url("clientlib/images/T5_30pts_tag.png") no-repeat scroll 0 0 transparent;
}

.db_bonus.B2_50pts_tag, .db_bonus.T4A_50pts_tag, .db_bonus.T4B_50pts_tag, .db_bonus.T7A_50pts_tag, .db_bonus.T7B_50pts_tag, .db_bonus.P2_50pts_tag{
    background: url("clientlib/images/B2_50pts_tag.png") no-repeat scroll 0 0 transparent;
}

.db_bonus.T3_100pts_tag{
    background: url("clientlib/images/T3_100pts_tag.png") no-repeat scroll 0 0 transparent;
}

.db_bonus.T8_200pts_tag{
    background: url("clientlib/images/T8_200pts_tag.png") no-repeat scroll 0 0 transparent;
}


.myoffer_box .left .db_bonus > span {
    display: inline-block;
	margin-top: 13px;
	position: absolute;
	top: 0;
	left: 8px;
}

.myoffer_box .right{
    width:211px;
    height:119px;
    float:left;
    text-align: left;
    padding: 15px 0 0 0;
    position:relative;
}

.myoffer_box h3{
    margin:0;
    padding:0;
    font:normal 16px VAGRoundedBold;
    color:#ffffff;
    padding: 0 0 5px 0;
}

.myoffer_box .expire{
    font: normal 9px tahoma;
    color: #ffffff;
    position: absolute;
    bottom: 29px;
}

.myoffer_box .redeem_share{
    font: bold 12px tahoma;
    color: #ffffff;
    position: absolute;
    bottom: 29px;
    right: 6px;
}

.myoffer_box .redeem_share a{
    display: inline-block;
    text-align: right;
    width: 120px;
    color: #fff;
    background: url(clientlib/images/dashboard_image_sprite.png) no-repeat 128px -139px;
    padding-right: 13px;
}
.glass_image{
    margin-top:11px;
}

.glass_image > img{
   height:284px;
}

.myoffer_box_desc{
    font:normal 12px arial;
    color:#ffffff;
}

.dashboard_placeholder {
    margin-top: 126px;
    text-align: center;
}

/*pagination css*/

.pagination_buttons {
    height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 178px;
}

.pagination{
    width: 158px;
    height: 26px;
    overflow: hidden;
    float: left;
    margin-left: 24px;
}

.prev, .next {
    float: left;
    height: 16px;
    margin-top: 5px;
    width: 8px;
    cursor:pointer;
}

.next{
    background:url('clientlib/images/next.png') no-repeat 0 0;
}

.prev{
    background:url('clientlib/images/prev.png') no-repeat 0 0;
}

.pagination > ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.pagination > ul li {
    list-style-type: none;
    float:left;
}

.pagination a{
    margin:0 18px 0 0;
    height:26px;
    width:26px;
    text-decoration:none;
    border-radius:13px;
    background-color:#fff;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    color:#533211;
    text-align:center;
    line-height: 26px;
    cursor: pointer;
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    float:left;
}
.pagination a:hover, .pagination li.active a{
    background-color:#e77c32;
    color:#fff;
    text-decoration:none;
}
.pagination a.prev{
    margin:0 36px 0 0;
}
.pagination a.next{
    margin:0 0 0 18px;
}
.pagination a.prev.active, .pagination a.prev:hover, .pagination a.next.active, .pagination a.next:hover{
    background:none;
}

#rewrd_dialog_wrapper {
    padding: 27px 150px 3px;
}


#share_dialog_main {
    width: 567px;
}

.reward_db_left {
    border: 1px solid #BCAFA3;
    border-radius: 20px;
    float: left;
    height: 114px;
    overflow: hidden;
    width: 114px;
}

.reward_db_right {
    float: left;
    text-align: left;
    width: 450px;
}

.reward_db_tnc {
    clear: both;
    font-size: 9px;
    line-height: 10px;
    padding: 15px 0;
    text-align: justify;
    width: 550px;
}

.reward_db_hd {
    color: #7C4506;
    font: bold 26px tahoma;
    padding: 10px;
}

.reward_db_subtxt {
    color: #0000;
    font: normal 15px tahoma;
    padding:0 10px 10px 10px;
}

.currentpointbalance.parbase {
    margin-top: 10px;
}

.myoffer_box .db_bonus span img {
    border: 1px solid #BC7F44;
    border-radius: 10px;
    width: 47px;
}

.no_offer_error {
    margin: 33px auto;
    width: 251px;
}

.no_reward_error {
    margin: 33px auto;
    width: 251px;
}


   .db_sm_device #rewrd_dialog_wrapper {
      padding: 45px 0 0;
    }
    
    .db_sm_device #rewrd_dialog_wrapper .print_button_strip > .submit_button {
          margin: 0 1px;
    }
     
    .db_sm_device #rewrd_dialog_wrapper .print_button_strip {
        width: 294px;
    }


@font-face {
    font-family: 'FrankFurterStd';
    src: url('clientlib/fonts/frankfurterstd.eot');
    src: url('clientlib/fonts/frankfurterstdd41d.eot?') format('embedded-opentype'),
         url('clientlib/fonts/frankfurterstd.woff') format('woff'),
         url('clientlib/fonts/frankfurterstd.ttf') format('truetype'),
         url('clientlib/fonts/frankfurterstd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRoundedBold';
    src: url('clientlib/fonts/vagroundedstd-bold.eot');
    src: url('clientlib/fonts/vagroundedstd-bold.eot') format('embedded-opentype'),
         url('clientlib/fonts/vagroundedstd-bold.woff') format('woff'),
         url('clientlib/fonts/vagroundedstd-bold.ttf') format('truetype'),
         url('clientlib/fonts/vagroundedstd-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "VAGRoundedStdBlack";
    src: url('clientlib/fonts/VAGRoundedStd-Black.eot');
    src: url('clientlib/fonts/VAGRoundedStd-Black.eot?') format('embedded-opentype'),
         url('clientlib/fonts/VAGRoundedStd-Black.woff') format('woff'),
         url('clientlib/fonts/VAGRoundedStd-Black.ttf') format('truetype'),
         url('clientlib/fonts/VAGRoundedStd-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "FrankFurterMediumStd";
    src: url('clientlib/fonts/FrankfurterMediumStd.eot');
    src: url('clientlib/fonts/FrankfurterMediumStd.eot?') format('embedded-opentype'),
         url('clientlib/fonts/FrankfurterMediumStd.woff') format('woff'),
         url('clientlib/fonts/FrankfurterMediumStd.ttf') format('truetype'),
         url('clientlib/fonts/FrankfurterMediumStd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family: "GothamBlackStd";
    src: url('clientlib/fonts/Gotham-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamBoldStd";
    src: url('clientlib/fonts/gotham-bold-webfont.eot');
    src: url('clientlib/fonts/gotham-bold-webfont.eot?') format('embedded-opentype'),
         url('clientlib/fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('clientlib/fonts/gotham-bold-webfont.woff') format('woff'),
         url('clientlib/fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('clientlib/fonts/gotham-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamBookStd";
    src: url('clientlib/fonts/Gotham-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamLightStd";  
    src: url('clientlib/fonts/gotham-light-webfont.eot');
    src: url('clientlib/fonts/gotham-light-webfont.eot?') format('embedded-opentype'),
         url('clientlib/fonts/gotham-light-webfont.woff2') format('woff2'),
         url('clientlib/fonts/gotham-light-webfont.woff') format('woff'),
         url('clientlib/fonts/gotham-light-webfont.ttf') format('truetype'),
         url('clientlib/fonts/gotham-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamMediumStd";
    src: url('clientlib/fonts/Gotham-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamThinStd";
    src: url('clientlib/fonts/Gotham-Thin.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamUltraStd";
    src: url('clientlib/fonts/gotham-ultra-webfont.eot');
    src: url('clientlib/fonts/gotham-ultra-webfont.eot?') format('embedded-opentype'),
         url('clientlib/fonts/gotham-ultra-webfont.woff2') format('woff2'),
         url('clientlib/fonts/gotham-ultra-webfont.woff') format('woff'),
         url('clientlib/fonts/gotham-ultra-webfont.ttf') format('truetype'),
         url('clientlib/fonts/gotham-ultra-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "GothamXLightStd";
    src: url('clientlib/fonts/Gotham-XLight.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'helveticaLight';
    src: url('clientlib/fonts/helvetica-light-webfont.eot');
    src: url('clientlib/fonts/helvetica-light-webfont.eot?') format('embedded-opentype'),
         url('clientlib/fonts/helvetica-light-webfont.woff2') format('woff2'),
         url('clientlib/fonts/helvetica-light-webfont.woff') format('woff'),
         url('clientlib/fonts/helvetica-light-webfont.ttf') format('truetype'),
         url('clientlib/fonts/helvetica-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

} 

#location_list_detail ul,li{margin:0; padding:0;}

#participating_location_main{
    width:650px;
    display:none;
    text-align: left;   
}

#participating_location_main h1{
    margin:0;
    padding:0;
    color:#533211;
    font:normal 30px VAGRoundedBold;
	width: 520px;
}

/*pagination css*/

#participating_location_main .pagination_buttons {
    height: 30px;
    margin: 20px 0;
    text-align: center;
    width:auto;
}

#section_location_list .pagination {
    float: left;
    height: 25px;
    overflow: hidden;
    width: 150px;
    margin: 0 6px 0 10px;
}

.prev, .next {
    float: left;
    height: 16px;
    margin-top: 5px;
    width: 8px;
    cursor:pointer;
}

.next{
    background:url('clientlib/images/next.png') no-repeat 0 0;
}

.prev{
    background:url('clientlib/images/prev.png') no-repeat 0 0;
}

#section_location_list .pagination > ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#section_location_list .pagination > ul li {
    list-style-type: none;
    float:left;
    width: 30px;   
}


#section_location_list .pagination a {
    background-color: #FFFFFF;
    border-radius: 0 0 0 0;
    color: #E77C32;
    cursor: pointer;
    float: left;
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    line-height: 26px;
    margin: 0 5px;
    text-align: center;
    text-decoration: none;
    padding:0 2px 0 0;   
    width: auto;
}
#section_location_list .pagination a:hover, #section_location_list .pagination li.active a{
    border-bottom: 1px solid #E77C32;
    color: #E77C32;
    text-decoration: none;
}
#section_location_list .pagination a.prev{
    margin:0 36px 0 0;
}
#section_location_list .pagination a.next{
    margin:0 0 0 18px;
}
#section_location_list .prev{
    background: url("clientlib/images/prev_black.png") no-repeat 0 0 transparent;
}
#section_location_list .next{
    background: url("clientlib/images/next_black.png") no-repeat 0 0 transparent;
}
#section_location_list .pagination a.prev.active, #section_location_list .pagination a.prev:hover, #section_location_list .pagination a.next.active, #section_location_list .pagination a.next:hover{
    background:none;
}


#section_location_list {
    margin: 20px 0;
    width: 520px;
}
.location_list_detail{min-height:150px;}
.location_list_detail ul{margin:0; padding:0;}
.location_list_detail ul > li {
    display: none;
}

.location_list_detail ul > li.active {
    display: block;
}

.part_location_list {
    clear: both;
    padding: 10px 0;
}

.address_info,{
    float:left;
}

.part_location_list .address_info {
    color: #000000;
    float: left;
    font: 12px Tahoma;
    width: 290px;
}

.part_location_list .link_info {
    color: #E77C32;
    float: left;
    font: 12px Tahoma;
    width: 230px;
    
}
.part_location_list .link_info a{
    padding-right:30px;
    display:block;
    background: url("clientlib/images/iconsSprite.png") no-repeat right -381px transparent;
}

.loadingStore {
    height: 100px;
    margin: 0 auto;
    text-align: center;
    width:520px;
}

.loadingStore img {
    margin-top: 42px;
    vertical-align: bottom;
}

.info_text{
    font:normal 12px tahoma;
}
    
.closest_location{
    font:bold 12px tahoma;
    padding: 5px 0 0;
}

@media print{
    .print_button_strip{
            display:none
        }
}


.search_radious {
    margin-top: 15px;
}

.locationsFooter{
background:#fff;
    border:1px solid #ebe5de;
    border-width:1px 1px 0 1px;
    border-radius:10px 10px 10px 10px;
    box-shadow: 0px 3px 0 #aaa7a5;
    width:960px;
    padding:0 0 0 20px;   
}

/* IE8 specific CSS*/
html>/**/body .locationsFooter{
    border-bottom:1px solid #ebe5de;
}
.storeFinder{
    width:345px;
    float:left;
}
.perksSignup{
    width:320px;
    float:left;
}

.appTrial {
    float: left;
    margin-left: 40px;
    margin-right: 20px;
    padding-bottom: 10px;
    width: 262px;
}
.storeFinder input{
     font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding-left: 13px;
    width: 100px;
   border: 1px solid #bababa;
   border-radius:5px;
   behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
   margin-right:10px;
   color:#baaea6;
}

.storeFinder button.submit_button span{
    padding-right:35px;
}
.locationsFooter img{
    float:left;
}
.storeFinder img{
    margin:23px 10px 0 0;
}
.perksSignup img{
    margin:0 8px 0 0;
}
.appTrial img{
    margin:20px 15px 0 0;
}
.locationsFooter h4{
    padding-top:25px;
    margin-bottom:15px;
    font-family:"VAGRoundedBold";
    font-weight:normal;
    font-size:18px;
    color:#61381b;
}
.my_linkStyle p{
    font-size:16px;
    color:#363636;
    line-height:20px;
}
.my_linkStyle ul{
    list-style: none;
    margin-bottom:45px;
    padding-left:5px;
}
.my_linkStyle ul li{
    background: url("clientlib/images/orangeBullet.png") no-repeat 0 0;
    margin-bottom:12px;
    display:block;
    padding-left:25px;
    margin-left:0;
    font-size:16px;
    color:#363636;
}
.my_linkStyle .recommendation {
    width: 249px;
}
.my_left.my_linkStyle{
	width:315px;
}
.locationsFooter .storeFinder {
	width: 310px;
	float: left;
}

.my_linkStyle p a {
    font-size: 16px;
    font-weight: normal;
}
.programBenefitsConatiner{
    position:relative;
    float:left;
    width:100%;
    margin-top:15px;
}
.programBenefitsConatiner h2{
    font-family:"VAGRoundedBold";
    font-weight:bold;
    font-size:31px;
    color:#533211;
    line-height:34px;
    margin:0;
}

#processFaqs #pf_faq h2 {
    font-family: Tahoma,Geniva,sans-serif;
    font-size: 26px;
}

#processFaqs #pf_faq a, #processFaqs #pf_faq .hider{
    font-size:14px;
}

#pf_faq h2 > sup {
    top: -7px;
}

.programBenefitsConatiner h4{
    font-family:"VAGRoundedBold";
    font-size:16px;
    color:#363636;
    margin-top:10px;
}
.programBenefitsConatiner h3{
    color:#533211;
    font: normal 26px FrankFurterStd; 
     margin-top:27px;
    margin-bottom:6px;
    text-transform:uppercase;
}
.benefitsConatiner{
    float:left;
    width:485px;
    margin-bottom:38px;
}
.rewardsBanner{
    position:absolute;
    left:485px;
    top:20px;
    width:440px;
}
.programBenefitsConatiner .checkboxList{
    margin-bottom:20px;
}
.programBenefitsConatiner .checkboxList label{
    background: url("clientlib/images/iconsSprite.png") no-repeat left -70px transparent;
    float:left;
    margin:0;
    padding:0;
    cursor: pointer;
    padding-left: 24px;
    height:14px;
    line-height:14px;
     position: relative;
     z-index: 1;
     font-family:"Tahoma";
    font-size:14px;
}
.programBenefitsConatiner .checkboxList label a{
    font-size:14px;
}
.programBenefitsConatiner .checkboxList label.checked{
    background-position:left -144px;
}
.programBenefitsConatiner .checkboxList input{
    height: 1px;
    left: -9999px;
    line-height: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 0;
}
.programBenefitsConatiner p.note{
    font-size:10px;
    font-family:"Arial";
    color:#363636;
    margin-bottom:30px;
}
.programBenefitsConatiner p.note a{
    font-size:10px;
}
.section.image.parbase{
    float:none;
}

#recom_benifit .recommendation p{
    clear:both;
}
.ddPerkContainer{
    width:720px;
    margin-bottom:37px;
    border: 1px solid #e5d8b6;
    border-width:1px 0 0 0;
    border-radius:5px;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    background: #4c280e; /* Old browsers */
    background: -moz-linear-gradient(top, #704526 0%, #4c280e 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#704526), to(#4c280e));
    box-shadow: 0px 2px 0 #d8b99b;
}
.perkPoints{
    width:360px;
    float:left;
}
.perkContent{
    width:330px;
    float:right;
    padding:42px 70px 0 0;
}
.perkContent p {
    color: #F6E2A9;
    font-family: arial;
    font-size: 14px;
}
.perkContent a{
    color:#fff;
}
.perkContent a:hover{
    color:#f6e2a9;
}
.perkContent h3{
    color:#fff;
    font-family:FrankfurterStd, VAGRoundedBold;
    font-size:34px;
    line-height:36px;
    margin-top:0; /*--change--*/
}

.perkContent h4 {
    color: #fff;
    font-family: VAGRoundedBold;
    font-size: 25px;
    margin-bottom: 12px;
    line-height: 28px;
    margin-top: 0;
    font-weight: normal;
}

.perkContent span.subTitle{
    color:#fff;
    font-family:FrankfurterStd, VAGRoundedBold;
    font-size:25px;
    margin-bottom:25px;
    display:block;
    line-height:28px;
}

.perkContent .link, .perkContent .link:hover {
	background:#D93F89;
    background: -moz-linear-gradient(center top , #D93F89 0%, #B12B6E 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D93F89), to(#B12B6E));
    border: medium none;
    border-radius: 3px;
    bottom: 0;
    box-shadow: 0 4px 0 #230805;
    cursor: pointer;
    float: left;
    height: 33px;
    margin: 0 0 21px;
    position: relative;
    text-decoration: none;
}
.perkContent .link span{
    background: url("clientlib/images/iconsSprite.png") no-repeat right 11px transparent;
    padding:0 48px 0 17px;
    display:block;
    font-family:vagroundedbold;
    font-weight:normal;
    font-size:18px;
    color:#fff;
    margin-right: 5px;
    line-height:33px;
}
.perkPointsContainer h3{
    padding-left:4px;
    margin-bottom:24px;
    font-size:22px;
}

.extraPerkPointsContainer{
    float:left;
    width:330px;
    font-family:"arial";
    border-top: 2px solid #e2ddd9;
    position:relative;
    line-height:18px;
}

.extraPerkPointsContainer.bdayPoints {
    margin-right: 50px;
}

.extraPerkPointsContainer.right{
    float:right
}
 .extraPerkPointsContainer h4{
    font-family:"arial";
    font-weight:bold;
    font-size:14px;
    color:#000;
    line-height:22px;
    margin-bottom:0;
 }
.extraPerkPointsContainer h4 span{
    display:block;
}
.extraPerkPointsContent a{
    margin-bottom:3px;
    display:block;
    font-size:14px;
    font-family:"arial";
    font-weight:normal
}
.perkBonusPoints{
    background: url("clientlib/images/ddBonusPoints.png") no-repeat 0 0 transparent;
    width:54px;
    padding:20px 7px;
    height:67px;
    text-align:center;
    position:absolute;
    left:19px;
    top:-3px;
}
.perkBonusPoints span{
    text-transform:uppercase;
    color:#fff;
    font-family:vagroundedbold;
    font-weight:bold;
    font-size:18px;
    margin-bottom:7px;
    display:block;
}

.perkBonusPoints span.perkPointsText {
font: normal 13px FrankFurterStd;
}

.perkPointsImageContainer{
    position:relative;
    height:302px;
    width:315px;
    float:left;
}
.perkPointsImageContainer img.perkPointsImage, .ddPerkContainer .perkPointsImageContainer img{ /*--change--*/
    position:absolute;
    left:0;
    top:-5px;
    
}
.extraPerkPoints{
    background: url("clientlib/images/ddBonusPoints.png") no-repeat 0 0 transparent;
    width:68px;
    padding:8px 0 20px 0;
    height:79px;
    text-align:center;
    float:left;
    position:absolute;
    left:0;
    top:-2px;
}
.extraPerkPoints span{
    text-transform:uppercase;
    color:#fff;
    font-family:vagroundedbold;
    font-weight:bold;
    font-size:18px;
    margin-bottom:7px;
    display:block;
}
.extraPerkPointsContent{
    width:250px;
    float:right;
    padding-top:14px;
}
.extraPerkPointsContent img{
    
    margin-bottom:8px;
}
.perkPointsContainer img{
    float:none;
}

.extraPerkPointsContent p{
    margin:0;
 }
.splash_container {
    background: url("clientlib/images/bg_splash.png") repeat-x scroll 0 0 #8D5828;
    border-radius: 5px 5px 0 0;
    height: auto;
    margin: 28px 0 0 10px;
    width: 1003px;
}
.left_splash {
    float: left;
    position: relative;
    width: 738px;
}
.top_pink {
    background-color: #D50070;
    border-radius: 5px 0 0 0;
    display: block;
    height: 21px;
    width: 100%;
}
.banner_spalsh {
    left: 230px;
    position: absolute;
    top: -16px;
}
.center_splash_content {
    clear: both;
    display: block;
    padding: 139px 0 0;
    text-align: center;
    width: 100%;
}
.center_splash_content h1 {
    color: #FFFFFF;
    font-family: "FrankFurterStd";
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
    text-shadow: 1px 1px 0 #0A0000;
}
.center_splash_content p {
    color: #FDCC81;
    font-family: "Arial";
    font-size: 19.26px;
    margin: 0;
    padding: 0;
}
.center_splash_content h3 {
    color: #FFFFFF;
    font-family: "FrankFurterStd";
    font-size: 26px;
    font-weight: normal;
    margin: 33px 0 15px;
    padding: 0;
    text-shadow: 1px 1px 0 #0A0000;
}
.clear {
    clear: both;
}
.bottom_pink {
    background-color: #DF2883;
    border-radius: 0 0 5px 5px;
    display: block;
    height: 21px;
    margin-left: 10px;
    width: 1003px;
    position:relative;
}
.bottom_pink ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bottom_pink ul li {
    float: left;
    margin: 2px;
}
.bottom_tnc {
    height: auto;
    margin: 2px 0 20px;
    min-height: 200px;
    padding-bottom: 20px;
    position: relative;
    width: 1003px;
}
.bottom_tnc .left_part {
    float: left;
    margin-left: 15px;
}
.bottom_tnc .left_part p {
    color: #6A6969;
    font-family: "arial";
    font-size: 9px;
    line-height: 13px;
}
.bottom_img {
    position: absolute;
    right: 0;
    top: -80px;
}
.right_splash {
    height: auto;
    overflow: visible;
    width: 265px;
    float: right;
    -webkit-box-shadow: -3px 3px 4px #3F2117;
    -moz-box-shadow:    -3px 3px 4px #3F2117;
    box-shadow:         -3px 3px 4px #3F2117;
    padding-bottom:24px;

    background: #FBB03B; /* Old browsers */
    background: -moz-linear-gradient(top, rgb(250,156,80) 45%, rgb(220,100,24) 80%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgb(250,156,80) 45%,rgb(220,100,24) 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(250,156,80) 45%,rgb(220,100,24) 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(250,156,80) 45%,rgb(220,100,24) 80%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(250,156,80) 45%,rgb(220,100,24) 80%); /* W3C */

}
.right_splash h1 {
    color: #FFFFFF;
    font-family: "FrankFurterStd";
    font-size: 19px;
    line-height: 19px;
    margin: 21px 17px 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 0 #0A0000;
}
.right_splash .registered {
    color: #FFFFFF;
    display: block;
    font-family: "VAGRoundedBold";
    font-size: 15.36px;
    font-weight: normal;
    line-height: 17px;
    padding: 19px 0 1px;
    text-align: center;
}
.right_splash .login_info {
    color: #FFFFFF;
    display: block;
    font: bold 12px arial;
    padding: 5px 36px 3px;
    text-align: center;
}
.right_splash form {
    margin: 0;
    padding: 0;
}
.right_splash form {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 264px;
}
.right_splash form legend {
    display: none;
}

.right_splash form input {
    border: 1px solid #CECECE;
    border-radius: 0;
    color: #A8A7A7;
    font-size: 13px;
    font-weight: normal;
    height: 16px;
    margin: 5px 0 5px 26px;
    padding: 4px 8px;
    width: 199px;
}
.reg_info {
    color: #FFFFFF;
    display: block;
    font-family: "VAGRoundedBold";
    font-size: 15px;
    padding: 6px 0 1px;
    text-align: center;
}
.ddcard_info {
    color: #FFFFFF;
    display: block;
    font: bold 12px arial;
    padding: 19px 55px 1px;
    text-align: center;
}
.button_generic {
    background: url("clientlib/images/btn_bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: 0 0 0 transparent !important;
    color: #FFFFFF;
    display: block;
    font-family: "VAGRoundedBold";
    font-size: 18px;
    height: 31px;
    line-height: 23px;
    margin: 5px 0 0 34px;
    padding: 11px 18px 9px 0;
    text-align: center;
    text-decoration: none;
    width: 189px;
    font-weight:normal;
}

.button_generic:hover{
	color:#ffffff;
	text-decoration:none;
}

.right_splash form input[type="submit"] {
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 28px;
}
.right_splash form .module_btn {
    background: url("clientlib/images/btn_bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "VAGRoundedBold";
    font-size: 18px;
    height: 51px;
    margin: 0 0 0 34px;
    padding: 11px 35px 17px 17px;
    text-align: center;
    text-decoration: none;
    width: 210px;
}
.ddperkssocialplugin.section {
    float: left;
    padding-left: 0;
}
.ddperkssocialplugin.section ul {
    list-style: none outside none;
}
.ddperkssocialplugin.section li {
    list-style: none outside none;
    margin: 0;
}
.ddperkssocialplugin.section li a.youtube {
    float: left;
    padding: 0 0 0 5px;
}
.right_splash form label.ferror {
    color: red;
    float: left;
    font-size: 10px;
    line-height: 12px;
    padding: 0 34px;
    text-align: left;
    background:none;
}
.right_splash .toolTipLink {
    cursor: pointer;
    position: relative;
}
.right_splash .tooltip {
    font-size: 9px;
    left: auto;
    right: 5px;
    text-align: left;
    top: 15px;
    width: 210px;
}
.right_splash .ddcard_info .tooltip {
    right: -75px;
    top: 18px;
}

.right_splash .login_info .tooltip {
    right: -70px;
    top: 15px;
}

.right_splash .bottomFormLinks {
    margin: 0;
    padding: 0;
}
.stButton {
}
.stButton .chicklets.email {
    background: url("clientlib/images/email.png") no-repeat scroll -3px 0 transparent !important;
    margin-top: 3px;
    padding: 0 7px 1px !important;
}
.stButton .chicklets.facebook {
    background: url("clientlib/images/facebook.png") no-repeat scroll 5px 0 transparent !important;
    margin-top: 0;
    padding: 2px 10px 1px !important;
}
.stButton .chicklets.twitter {
    background: url("clientlib/images/twitter.png") no-repeat scroll 1px 0 transparent !important;
    margin-top: 0;
    padding: 2px 8px 1px !important;
}
.right_splash .formLabel {
    font-size: 10px;
    left: 0;
    line-height: 10px;
    margin: 0;
    padding: 0;
    top: 0;
}
.right_splash .errorMessage {
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    margin: 0 15px;
    padding: 1px 34px;
}

.right_splash .custom-checkbox {
    float: left;
    margin: 0 5px 3px;
    padding: 0;
    position: relative;
    text-align: center;
    word-wrap: break-word;
}

.right_splash .checkboxList label{
    background: url("clientlib/images/iconsSprite.png") no-repeat left -70px transparent;
    float:left;
    margin:0;
    padding:0;
    cursor: pointer;
    padding-left: 15px;
    line-height:14px;
     position: relative;
     z-index: 1;
     color: #fff;
     font-family: Arial;
    font-size: 9px;
    word-spacing: -1px;
    font-weight:bold;
    text-align: left;
}
.right_splash .checkboxList label.checked{
    background-position:left -144px;
}
.right_splash .checkboxList input[type="checkbox"]{
    height: 1px;
    left: -9999px;
    line-height: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 0;
}  


.ext-ie8 .right_splash .registered{
    font-weight:bold;
}


#splash_enroll_txt {
    clear: both;
    color: #FFFFFF;
    font-family: arial;
    font-size: 9px;
    margin-bottom: 10px;
    padding:0 5px 0 19px;
    text-align: left;
}

#splash_enroll_txt a {
    color: #FFFFFF;
    font-family: arial;
    font-size: 9px;
    font-weight: normal;
}


#splash_already_signin {
    color: #FFFFFF;
    font-family: "VAGRoundedBold";
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 17px;
    text-align: right;
    top: 33px;
    width: 205px;
}


#splash_already_signin a {
    color: #E42587;
    font-family: "VAGRoundedBold";
    font-size: 12px;
    font-weight: normal;
}
#splash_already_signin a:hover{
	color:#e42587
}

.center_splash_content sup{
    top: -6px;
}

#splash_log_logo {
    margin-top: 6px;
    text-align: center;
}


#splash_log_link {
    margin:17px 0 21px;
    text-align: center;
}


#splash_log_or {
    margin: 5px 0;
    text-align: center;
}

#splash_log_or .log_or {
    color: #FFFFFF;
    font: 36px "FrankFurterStd";
    padding: 10px;
    white-space: nowrap;
}

#splash_log_or .log_or:before {
    border-top: 1px solid #FFFFFF;
    content: "";
    height: 14px;
    margin: 22px 0 0 64px;
    position: absolute;
    width: 54px;
}

#splash_log_or .log_or:after {
    border-top: 1px solid #FFFFFF;
    content: "";
    height: 14px;
    margin: 22px 0 0 -118px;
    position: absolute;
    width: 54px;
}

.safari #splash_log_or .log_or:before {
    margin: 22px 0 0 39px;
}

.safari #splash_log_or .log_or:after {
    margin: 22px 0 0 12px;
}


.chk_txt.checkboxList {
	margin-top: 10px;
	padding:0 10px 0 8px;
}

.right_splash form #splashPromoCode {
    float: left;
    margin: 0;
    width: 95px;
}

#splashPromCheck {
    float: left;
    margin-top: 5px;
    width: 122px;
}

#splashPromoCodeDiv {
    float: left;
    width:auto;
}

#splashPromBox{
    height:30px;
}

#splashPromoCodeDiv{
    display:none;
}

#splashPromoCodeError{
	padding-left: 115px;
    padding-right: 0;
}

#enrollSplashCheckBox {
    float: left;
    font-size: 10px;
    line-height: 12px;
    padding-left: 19px;
    text-align: left;
}
/*transaction--*/
.paginationContainer{
    text-align:center;
}

.pagination a{
    margin:0 18px 0 0;
    height:26px;
    width:26px;
    text-decoration:none;
    border-radius:13px;
    background-color:#fff;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    color:#533211;
    text-align:center;
    line-height: 26px;
    cursor: pointer;
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    float:left;
}
.pagination a:hover, .pagination a.current{
    background-color:#e77c32;
    color:#fff;
    text-decoration:none;
}
.pagination a.prev{
    margin:0 36px 0 0;
}
.pagination a.next{
    margin:0 0 0 18px;
}
.pagination a.prev.current, .pagination a.prev:hover, .pagination a.next.current, .pagination a.next:hover{
    background:none;
}
.transactionHistory{
    margin-bottom:40px;
    width:988px;
    border-spacing: 0;
}
.transactionHistory td{
    padding:15px;
}
.transactionHistory td span{
    display:block;
    margin:4px 0;
}
.transactionDetails h2{
    font-family:VaGRoundedBold;
    font-weight:bold;
    font-size:33px;
    color:#61381b;
    margin-bottom:10px;
    line-height:33px;
}
.transactionDetails p{
    font-family:"Arial";
    font-size:12px;
    color:#000;
    margin-bottom:35px;
}
.transactionHistory tr th{
    background: #ec7f1e; /* Old browsers */
    background: -moz-linear-gradient(top, #f7941d 0%, #ec7f1e 100%);
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    height:34px;
    font-family:"Tahoma";
    font-weight:bold;
    font-size:12px;
    color:#fff;
    line-height:34px;
    width:106px;
    text-align:left;
}
.transactionHistory tr th.date{
    border-radius:5px 0 0 0;
    padding-left:16px;
    width:122px;
}
.transactionHistory tr th.type{
    width:451px;
}
.transactionHistory tr th.total{
    width:86px;
    padding-right: 15px;
}

.transactionHistory tr th.eligible{
    padding-right: 15px;
}

.transactionHistory tr th.points{
    border-radius:0 5px 0 0;
    padding-right: 15px;
}

.transactionHistory .points, .transactionHistory .total, .transactionHistory .eligible{
    text-align:right;
}



.transactionHistory tr td.expandIcon{
    width:41px;
    text-align:center;
    background: url("images/expand.png") no-repeat 15px 15px transparent;
}
.transactionHistory tr td.expandIcon.collapseIcon{
    width:41px;
    text-align:center;
    background: url("images/collapse.png") no-repeat 15px 15px transparent;

}
.transactionHistory tr.even td.expandIcon{
    background: url("images/expand.png") no-repeat 15px 15px #fcf5dd;
}
.transactionHistory tr.even td.expandIcon.collapseIcon{
    background: url("images/collapse.png") no-repeat 15px 15px #fcf5dd;

}
.transactionHistory tr td.date{
    width:97px;
}
.transactionHistory tr td{
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    padding: 15px 15px 15px 0;
    }
    
.transactionHistory tr.even td{
    background: #fcf5dd;
    }
.transactionHistory tr td.date, .transactionHistory tr td.total{
    font-family:"Arial";
    font-size:12px;
    color:#000;
    font-weight:normal;
    }
.transactionHistory tr.showme{
    display:none;
    }
.transactionHistory tr td.txnDetail{
    width:988px;
    padding-top:5px;
    }
.transactionHistory tr td.txnDetail tr td{
    font-weight:normal;
    padding:0 0 5px 164px;
    width:451px;
    } 
.transactionHistory tr td.txnDetail tr td.txnPoints{
    color:#d93f89;
    padding:0 0 0 222px;
    width:207px;
    text-align: right;
    }
   
.transactionHistory > tbody.active{display: table-row-group;}
.transactionHistory > tbody{display:none}

.transactionDetails .pagination{width:auto}
#txnLoading{
	display:none;
	text-align:center;
	padding: 120px 0;
}

p.transactionError{
    padding:0 20px;
    font-weight:bold;
}
.transactionHistory > tbody.noTransaction{display: table-row-group;}
.transactionHistory > tbody.noTransaction td{
    padding-left:20px;
    font-weight:bold;
}
.addNewCardContainer{
    margin-bottom:28px;
}
.addNewCardForm{
    width:492px;
    float:left;
    margin:0 18px 0 0;
}
.addNewCardForm div.formRow{
    background: -moz-linear-gradient(top, #fdf8e9 0%, #ffefcf 100%);
    width:475px;
    margin:0 0 18px 0;
    padding: 22px 0 25px 17px;
}
.card{
    float:left;
}
.addNewCardForm input{
    background:#fff;
    line-height: normal;
}
.addNewCardForm div.formRow > p{
    margin:0;   
}
.addNewCardForm div.formRow > p.cardField{
    width:179px;
}
.addNewCardForm div.formRow > p.pinField{
    width:119px;
}
.addNewCardForm .cardField input {
    padding: 5px;
    width: 150px;
}
.addNewCardForm .pinField input {
    padding: 5px;
    width: 90px;
}
.addNewCardForm button{
    /*margin-right:22px;*/
    margin-right:10px;
}
.addNewCardForm a{
    line-height:30px;
}
.addNewCardForm div.formRow a{
    margin-top:23px;
    float:left;
}
.addNewCardContainer .toolTip{
    margin-left:4px;
}
.newCardMethod{
    width:238px;
    float:left;
    padding:20px 0;
}
.newCardMethod img{
    margin-bottom:10px;
}
.newCardMethod p{
    width:215px;
    margin-bottom:0;
    font-size: 14px;
    line-height: 18px;
}
.newCardMethod p a{
    font-size: 14px;
}
.newCardMethod b{
    font-size:24px;
    margin-bottom:5px;
    line-height:28px;
    color: #363636;
    font-family: vagroundedbold;
    font-weight: bold;
}
.newCardMethodsContainer h3 {
    color: #363636;
    font-family: vagroundedbold;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 0;
}

.newCardMethod h4, .perkPoints h4{
    font-size:24px;
    margin-bottom:5px;
    line-height:28px;
}

.cardField{
    float: left;
    width: 180px;
}

.pinField{
    float: left;
    width: 120px;
}

#virtual_card_tool_tip{
    width:auto;
    height:auto;
    text-align:center;
}


.virtual_card_txt{
    font:14px vagroundedbold;
    text-align:center;
    padding:5px 0;
    color: #444444;
}

.virtual_card_txt2 {
    font: 9px tahoma;
    padding-bottom: 8px;
}



#add_new_card .addressbook {
    display: none;
    margin-bottom: 20px;
}


#addDDCardForm .chooseAddress{
    display:none;
}
/*
.label.address_name_first {
    display: none;
}

.address_street_first input, .address_street_second input{
    width: 456px;
}

.street_first_label > label {
    margin-top: 15px;
}

.addressbook .stateFieldWidth.left_float {
    margin-left: 15px;
    margin-top: 10px;
}

.addressbook .addrFormlabel.fieldWidth > label {
    margin-top: 10px;
}

.addressbook label {
    color: #000000;
}

.smallFieldWidth.left_float.zip_address {
    clear: left;
    margin-top: 11px;
}


.addressbook .newPaymentMathod #address_state {
    border: 1px solid #D7D7D7;
    box-shadow: 0 0 6px #E6E6E6 inset;
    margin-top: 0;
    padding: 5px;
    width: 214px;
}

*/


.success_btn_disabled {
    background: none repeat scroll 0 0 #FF51A8;
    border: 1px solid #AC3173;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 0 #72244E;
    cursor: default;
    display: inline-block;
    margin-right: 22px;
    position: relative;
    text-decoration: none;
}

.success_btn_disabled span {
    background: url("clientlib/images/iconsSprite.png") no-repeat scroll right 11px transparent;
    color: #C1C1C1;
    display: block;
    font-family: VagRoundedBold;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 45px 0 15px;
}

.submit_button_enabeled{display:none}


span.please_wait_reward{
    border-radius:5px;
    border:1px solid #ac3173;
    behavior: url(http://www.dunkindonuts.com/etc/designs/css/PIE.htc);
    text-decoration:none;
    box-shadow: 0px 3px 0 #72244e;
    background:#c83c87;
    cursor: default;
    float:left;
    padding: 1px;
}
.please_wait_reward span{
    padding:0 15px;
    float:left;
    font-family:VagRoundedBold;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    line-height:30px;
}
.please_wait_reward img{
    margin-left: 15px;
}


#add_card_btn_block {
    float: left;
    padding-top: 25px;
    width: 152px;
}


#add_card_btn_block span.please_wait_reward {
    background: none repeat scroll 0 0 #C83C87;
    border: 1px solid #AC3173;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 0 #72244E;
    cursor: default;
    float: left;
    text-decoration: none;
    display:none;
}

#add_card_btn_block .please_wait_reward span {
    color: #FFFFFF;
    float: left;
    font:normal 15px VagRoundedBold;
    line-height: 25px;
    padding: 0 8px;
}

#add_card_btn_block .please_wait_reward img {
    margin-left: 8px;
}

#add_card_btn_block #add_card_btn {
    float: left;
    font-size: 14px;
    margin: 0;
}

/*Add another Card*/
.text-or {
    font:16px Tahoma, Geneva, sans-serif; 
    font-weight:bold;
    display:inline;
    margin-right:10px;
}

.mainContent .buttonStrip .add_another_card_btn {   
    width: auto;
    height: auto;
    float: none;    
    cursor: pointer;
    border: solid 1px #e2e2e2;
   padding:0;
   margin:0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #fff;
   background: -webkit-gradient(linear, bottom, top, from(#f1eeee), to(#fffefe));
   background: -moz-linear-gradient(bottom top, #f1eeee, #fffefe);
   background: -ms-linear-gradient(top, #fffefe 0%, #f1eeee 100%);
   
   box-shadow: 0 3px 0 #e9e9e9;
}

.mainContent .buttonStrip .add_another_card_btn .btnlabel {
    color: #f58400;
    font-size: 18px;
    font-weight: normal;      
    padding: 0 10px;
    letter-spacing: 0.25px;
}

.mainContent .buttonStrip .add_another_card_btn .btnlabel {
    white-space: nowrap;
}

/*
.addressbook .zip_address .formfield.middleFieldWidth {
    width: 223px;
}
*/

#virtual_card_tool_tip .card_num,  .card_num, #virtual_card_tool_tip .pin_num{
    border: 1px solid #444444;
    color: #666666;
    font-family: tahoma;
    font-size: 11px;
    padding: 0 4px;
    white-space: nowrap;
    width: auto;
}

.contactPreferencesPopup > h1 {
    font-size: 18px;
}

.editProfHeading, div.editProfileFormLabel #profile_last_name, div.editProfileFormLabel #profile_first_name{
    clear: both;
    font-size: 15px;
    font-family: VAGRoundedStdBlack;
    font-weight: bold;
    margin: 0;
    padding-top: 18px;
    color:#555555;
}

#editProfileForm .birthdate {
    clear: both;
    height: 32px;
}

#editProfileForm .clearfloat > input{
    margin-top: 9px;
    clear: both;
    border-radius: 0;
}

div.editProfileFormLabel #profile_last_name{
    padding-bottom:5px
    }
    
.editProfileFormLabel {
    margin-bottom: 3px;
}

.editProfileName #profile_last_name, .editProfileName #profile_first_name{
    border-radius: 0 0 0 0;
}

.dialog_btn_ddcard{
    margin: 0 auto;
    width: 170px;
}
.dialog_btn_ddcard > button{
    margin:5px;
}

.dialog_btn_addcard{
    margin: 0 auto;
    width: 230px;
}
.dialog_btn_addcard > button{
    margin:5px;
}


.clearfloat.ep_block {
    clear: both;
    height: 55px;
    margin-top: 10px;
}

.newCardMethodsContainer, #perksddcard_addcard > p {
    font-size: 14px;
    line-height: 18px;
}
.brief_description{
    margin-top:10px;
}
.brief_description > p {
    font-size: 14px;
    line-height: 18px;
    color:#000000;
}
.inCompleteRegisterContent h2{
    font-family:"VAGRoundedBold";
    font-weight:bold;
     font-size:46px;
    color:#533211;
    line-height:48px;
    margin:0 0 20px 20px;
}
.registerCardText{
    float:left;
    font-size:14px;
    line-height: 17px;
}
.inCompleteRegisterContent{
    position:relative;
}
.registerCardImage{
    position: absolute;
    right: 0px;
    top: 80px;
}
.my_central .registerCardText .text ul{
    margin-bottom:20px;
    padding-left:0;
    width:440px;
}
.my_central .registerCardText .text p{
    font-size:14px;
    margin-bottom:18px;
    width:440px;
}
.registerCardText a{
    font-size:14px;
}
.my_central .registerCardText .text p span.pinkText{
	color:#d93f89;
}

.inCompleteRegisterContent .recommendation{
	font-family:arial;
}

.inCompleteRegisterContent .recommendation li {
    font:normal 14px/22px arial;
    margin: 0;
}

.inCompleteRegisterContent .recommendation li b{
    color:#d93f89;
    font-weight: normal;
}


/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */

.selector {
    border: 1px solid #D7D7D7;
    float: left;
    font-family: "Tahoma";
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-right: 9px;
    padding: 0 9px;
    width: 43px;
}

.selector span{
   
    cursor: pointer;
    line-height: 30px;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    width: 33px;
}  

div.selector, 
div.selector span, 
div.checker span, 
div.radio span, 
div.uploader, 
div.uploader span.action
{
   background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/clientlib/images/iconsSprite.png") no-repeat scroll right -203px transparent;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, 
div.selector *, 
div.radio, div.radio *, 
div.checker, div.checker *, 
div.uploader, div.uploader *
{
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/bg-input.png") repeat-x 0 0;
  outline: 0; }
  input.uniform-input.active,
  select.uniform-multiselect.active,
  textarea.uniform.active {
    background: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
   background: url("clientlib/images/iconsSprite.png") no-repeat scroll 104% -203px transparent;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
  margin-right:10px;
  border:1px solid #D7D7D7;
  box-shadow:0 0 6px #E6E6E6 inset;
   }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: #FFFFFF;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
    
    div.selector.focus {
        background-color: #FCF5DD;
     }
    
    
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
 
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* Radio */
div.radio {
  position: relative; }
  div.radio, div.radio span, div.radio input {
    width: 18px;
    height: 18px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px; }
    div.radio span.checked {
      background-position: -72px -279px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -18px -18px -279px; }
    div.radio.active span.checked {
      background-position: -90px -279px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -108px -279px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -126px -279px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0 -297px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
  div.uploader.active span.action {
    background-position: right -465px; }
  div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
    div.uploader.hover span.action, div.uploader.focus span.action {
      background-position: right -437px; }
    div.uploader.hover.active span.action, div.uploader.focus.active span.action {
      background-position: right -493px; }
  div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
    div.uploader.disabled span.action, div.uploader.disabled.active span.action {
      background-position: right -381px; }

/* Buttons */
/*
div.button {
  background-position: 0 -641px;
  height: 30px;
  cursor: pointer;
  position: relative;
   }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
  div.button.active {
    background-position: 0 -671px; }
    div.button.active span {
      background-position: right -551px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -701px; }
    div.button.hover span, div.button.focus span {
      background-position: right -581px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -611px;
      cursor: default; }
*/
/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #777;
  border-top: solid 1px #aaaaaa;
  border-left: solid 1px #aaaaaa;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input.uniform-input.hover, input.uniform-input.focus,
  select.uniform-multiselect.hover,
  select.uniform-multiselect.focus,
  textarea.uniform.hover,
  textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }

/* PRESENTATION */
/* Buttons */
/*div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }
*/
/* Select */
div.selector {
  font-size: 12px; }
  div.selector span {
    color: #666;
    text-shadow: 0 1px 0 white; }
  div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px; }
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
  margin-right: 5px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader span.action {
  text-shadow: white 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }
div.uploader span.filename {
  color: #777;
  border-right: solid 1px #bbbbbb;
  font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }
  
  
  
  
  
  

  

/* Promo banner CSS */

#promo_main_large {
    height: 154px;
    padding-bottom: 10px;
    width:980px;
}

#rl_promo_main{
    height:154px;
    background-color:#ff934a;
    margin:10px 0;
}

#rl_promo_left {
    float: left;
    height: 154px;
    width: 216px;
}

#rl_promo_right {
    float: left;
    padding: 30px 24px 0 8px;
    width: 732px;
}

#promo_main_large #rl_promo_right h1 {
    color: #FFFFFF;
    font: 38px/35px "FrankFurterStd";
    margin: 0 0 10px;
    padding: 0;
}


#rl_promo_right > p {
    color: #61381B;
    font: 17px/24px "VAGRoundedStdBlack";
    margin: 0;
    padding: 0;
    width: 545px;
    float: left;
}

#rl_promo_button {
    float: left;
    padding-top: 9px;
    width: 171px;
}

#rl_promo_button a.link_button, #rl_promo_button a.link_button:hover{
     background-position: right 13px;
     font-size: 22px;
     padding:5px 55px 4px 16px;
}

.mac #rl_promo_button a.link_button, .mac #rl_promo_button a.link_button:hover{
     background-position: right 10px;
}


/* css for dd card page*/

#promo_main_large.promo_ddcard {
    height: 154px;
    padding-bottom: 10px;
    width:715px;
}

.promo_ddcard #rl_promo_main {
    background-color: #FF934A;
    border-radius: 6px;
    height: 100%;
    margin: 10px 0;
}

.promo_ddcard #rl_promo_left {
    float: left;
    height: 120px;
    width: 150px;
}

.promo_ddcard #rl_promo_left img {
    width: 100%;
}

.promo_ddcard #rl_promo_right {
    float: left;
    padding: 23px 20px 0 8px;
    width: 535px;
}


#promo_main_large.promo_ddcard #rl_promo_right h1 {
    color: #FFFFFF;
    font: 23px/28px "FrankFurterStd";
    margin: 0 0 10px;
    padding: 0;
}

.promo_ddcard #rl_promo_right > p {
    color: #61381B;
    float: left;
    font: 14px/17px "VAGRoundedStdBlack";
    margin: 0;
    width: 360px;
}

.promo_ddcard #rl_promo_button a.link_button, .promo_ddcard #rl_promo_button a.link_button:hover{
    background-position: right 11px;
    font-size: 18px;
    padding: 6px 47px 4px 15px;
    white-space: nowrap;
}

.mac .promo_ddcard #rl_promo_button a.link_button, .mac .promo_ddcard #rl_promo_button a.link_button:hover{
    background-position: right 8px;
}

.promo_ddcard #rl_promo_button {
    float: left;
    padding-top: 9px;
    width: 144px;
}

/* Visa Checkout Promo banner CSS */

.visapromo.parbase.section {
    position: relative;
}

.promovisacheckout{
   position: absolute;
    text-align: center;
    top: 5px;
    width: 715px; 
}



#promo-visacheckout > h1 {
  color: #ffffff;
    font-family: "GothamUltraStd";
    font-size: 25px;
    letter-spacing: 2px;
    margin: 10px auto;
    width: 85%;
}

#promo-visacheckout > h2 {
    color: #ffffff;
    font-family: "GothamBoldStd";
    font-size: 19px;
}


#visacheckoutlogo {
    float: right;
    margin-top: -65px;
    padding: 20px 20px 0;
} 

#promo-visacheckout > p {
      color: #ffffff;
    font-family: "GothamLightStd";
    font-size: 11px;
    line-height: 30px;
    margin-top: -38px;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;  
}  

.visa-promo-bg > img {
    height: 166px;
    width: 715px;
}


#promo-visacheckout a {    
    color: #ffffff;
    font-family: GothamLightStd;
    font-size: 11px;
    font-weight: normal;
}

.buy-card-promo-banner {
    position: absolute;
    text-align: center;
    top: 5px;
    width: 715px;
}

.visapromo-banner > a , .visapromo-banner > a:hover {    
    background: #ff0087 none repeat scroll 0 0;
    border-bottom: medium none;
    border-image: none;
    border-left: medium none;
    border-radius: 6px;
    border-top: medium none;
    color: #ffffff !important;
    display: inline-block;
    font: 22px "GothamBoldStd",helvetica,arial !important;
    padding: 3px 10px;
    text-decoration: none;
}



#interrupterWrapper{
    margin: 0; 
    padding: 0; 
    margin-top: 180px;
}


#interrupterMain {
	border: 6px solid #3D2113;
	border-radius: 10px;
	height: auto;
	margin: 0 auto !important;
	min-height: 320px !important;
	padding: 0;
	position: relative;
	width: 715px !important;
	overflow: visible;
	display:none;
}


#interrupter_left {
    float: left;
    width: 198px;
}


#interrupter_right {
    float: left;
    margin-left: 255px;
    text-align: left;
    width: 436px;
}

#interrupter_right h1 {
    color: #FFFFFF;
    font: 48px/45px "FrankFurterStd";
    margin: 30px 0 15px;
    padding: 0;
}

#interrupter_right > p {
    color: #FFFFFF;
    font: 18px/24px "VAGRoundedStdBlack";
    margin: 0;
    padding: 0;
}

#interrupter_button {
    height: 45px;
    margin-top: 28px;
}

#interrupter_button a.link_button, #interrupter_button a.link_button:hover{
    font-size: 20px;
}

.mac #interrupter_button a.link_button, .mac #interrupter_button a.link_button:hover{
    background-position: right 7px; 
}

#interrupter_cups {
    left: -133px;
    position: absolute;
    top: -56px;
    width: auto;
}

#interrupter_reward_tag {
    position: relative;
    width: auto;
}

#interrupter_reward_tag > img {
    left: 145px;
    position: absolute;
    top: -80px;
}

#interrupter_close {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	cursor: pointer;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.interrupterBase.ui-draggable {
	border: none;
	background: transparent;
}


.interrupter_bg {
   /* fallback/image non-cover color */
   background-color: #7f492d  !important; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7f492d), to(#3d2113)) !important;

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #7f492d, #3d2113) !important; 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #7f492d, #3d2113) !important;
 
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #7f492d, #3d2113) !important;
   /*IE 11*/
   background: -ms-linear-gradient(top, #7f492d 0%, #3d2113 100%);
   

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #7f492d, #3d2113) !important;
   
}
#promoInterrupterWrapper{
    margin: 0; 
    padding: 0; 
    margin-top: 180px;
}


#promoInterrupterMain {
    
    border-radius: 10px;
    height: auto;
    margin: 0 auto !important;
    min-height: 400px !important;
    padding: 0;
    position: relative;
    width: 848px !important;
    overflow: visible;
    display:block;
}


#promoInterrupter_left {
    float: left;
    width: 198px;
}


#promoInterrupter_right {
    float: right;
    margin-right: 40px;
    max-width: 415px;
    text-align: left; 
}

#promoInterrupter_right h1 {
    color: #000664;
    font: 48px/45px "FrankFurterStd";
    margin: 30px 0 15px;
    padding: 0; 
}

#promoInterrupter_right > p {
    color: #000664;
    font-family: "GothamBoldStd",helvetica,arial;
    font-size: 20px;
    margin: 0; 
    padding: 0;
    line-height: 1;
}

#promoInterrupter_button {
    height: 45px;
    margin-top: 25px;
}

#promoInterrupter_button a.link_button, #promoInterrupter_button a.link_button:hover{
    background: none repeat scroll 0 0 #ff0087;
    border: medium none;
    border-radius: 6px;
    box-shadow: none;
    color: white;
    display: inline-block;
    font: 25px "GothamBoldStd",helvetica,arial !important;
    padding: 3px 35px;
    text-decoration: none;
    
}

.mac #promoInterrupter_button a.link_button, .mac #promoInterrupter_button a.link_button:hover{
    background-position: right 7px; 
}

#promoInterrupter_cups {
    left: 40px;
    position: absolute;
    top: 70px;
    width: auto;
}

#promoInterrupter_reward_tag {
    background: none repeat scroll 0 0 #ffffff !important;
    height: 100px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 390px;
    width: 300px;
}

#promoInterrupter_reward_tag > img {
    margin-top: 30px;
} 

#promoInterrupter_close {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.interrupterBase.ui-draggable {
    border: none;
    background: transparent;
}


.promoInterrupter_bg { 
   background-color: #ffffff !important; 
} 


#promoInterrupter_logo {
    left: 15px;
    position: absolute;
    top: 0;
} 

#promoInterrupter_right > h2 {
    color: #000664;
    font-family: "GothamUltraStd",helvetica,arial;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px; 
}

blockquote , blockquote > a {
    font-family: gothamlightstd;
    font-size: 11px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-top: 0;
    text-decoration: none;
}


#promoInterrupter_right_bottom a {
    color: #222222;
    font-weight: normal;
}


#promoInterrupter_right_bottom p {
    color: #75787b;
    font-family: "GothamLightStd";
    font-size: 18px;
    line-height: 25px;
    margin-left: 170px;
    text-align: center;
    width: 260px;
}





/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha {position:relative; float:left; width:78% !important;-webkit-box-shadow: 0px 5px 3px 0px rgba(200, 200, 200, 0.75); -moz-box-shadow:0px 5px 3px 0px rgba(200, 200, 200, 0.75); box-shadow:0px 5px 3px 0px rgba(200, 200, 200, 0.75); background-color:#fff; border:1px solid #ddd; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px; margin: 0px 0 10px 10px; padding:20px 30px 5px 30px;}
.QapTcha .heading{ font-family: VagRoundedStdBlack; color:#333; font-size:15px; margin:0; padding: 0 0 10px 0;}
.QapTcha .description{ font-family: Tahoma, Geniva, sans-serif; color:#363636; font-size:14px; margin:0; padding: 0 0 15px 0;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {background:#fee7b5; border:solid 1px #bcbbbb; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); width:232px; height:27px; float:left;}
.QapTcha .success{background:#fff;}
.QapTcha .Slider {width:50px;height:34px;background:transparent url('clientlib/images/bg_draggable_qaptcha.jpg') no-repeat;cursor:e-resize;position:relative;top:-3px;left:0}
.QapTcha .TxtStatus {margin-top:7px;text-align:left;color:#bb2828; font-family:Verdana; font-size:10px; clear:both; position:relative;}
.QapTcha .TxtStatus p{margin:0; padding:0; font-family: VagRoundedStdBlack; font-size:12px; font-weight:bold;}
.QapTcha .successMsg {color:#c83c87;}
.QapTcha .dropSuccess {color:#363636; font-family: Tahoma, Geniva, sans-serif; font-weight:normal}
.QapTcha .dropError {color:#696969}
.disabledBtn{opacity:0.40}

#createDdPerksaccnt .checkboxList{margin-bottom:0;}
#createDdPerksaccnt .QapTcha{width:375px !important; margin: 0px 0 25px 10px; padding:20px 30px 0 30px;}
#createDdPerksaccnt .QapTcha .TxtStatus{top:-28px; left:75px; float:left;}
#createDdPerksaccnt .QapTcha .textStatusSuccess{top:-20px; left:245px; margin-top:-8px;}
#createDdPerksaccnt .QapTcha .ui-draggable-disabled{top:-3px !important; opacity: 0.60;}

#createaccount .QapTcha{width:320px !important; margin:20px 0;}
#createaccount .QapTcha .bgSlider {background:#fff; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); width:185px; height:27px; float:left;}
#createaccount .QapTcha .TxtStatus{top:-28px; left:65px; float:left;}
#createaccount .QapTcha .textStatusSuccess{top:-20px; left:195px;  margin-top:-8px;}
#createaccount .QapTcha .ui-draggable-disabled{top:-3px !important; opacity: 0.60;}
#createaccount .QapTcha .heading{ font-family: Tahoma, Geniva, sans-serif;  font-size:11px; color:#400000; padding-bottom:5px;}
#createaccount .QapTcha .description{ font-size:11px;}

#contactus .QapTcha{width:320px !important; float:none; margin:5px 0 20px 0; padding: 20px 30px;}
#contactus .QapTcha .bgSlider {background:#fff; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); width:185px; height:27px; float:left;}
#contactus .QapTcha .TxtStatus{top:-28px; left:65px; float:left;}
#contactus .QapTcha .textStatusSuccess{top:-20px; left:195px;  margin-top:-8px;}
#contactus .QapTcha .ui-draggable-disabled{top:-3px !important; opacity: 0.60;}
#contactus .QapTcha .heading{ font-family: Tahoma, Geniva, sans-serif;  font-size:11px; color:#400000; padding-bottom:5px;}
#contactus .QapTcha .description{ font-size:11px;}

#forgotPass .QapTcha{width:320px !important; float:none; margin:17px 0; padding:20px 25px}
#forgotPass .QapTcha .bgSlider {background:#fff; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); width:185px; height:27px; float:left;}
#forgotPass .QapTcha .TxtStatus{top:-28px; left:65px; float:left;}
#forgotPass .QapTcha .textStatusSuccess{top:-35px; left:195px;}
#forgotPass .QapTcha .ui-draggable-disabled{top:-3px !important; opacity: 0.60;}
#forgotPass .QapTcha .heading{ font-family: Tahoma, Geniva, sans-serif;  font-size:11px; color:#400000; padding-bottom:5px;}
#forgotPass .QapTcha .description{ font-size:11px;}

#checkbalance1 .QapTcha{width:185px !important; padding:0; margin:8px 0 -10px 0; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; background:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0;}
#checkbalance1 .QapTcha .heading{ font-family: Tahoma, Geniva, sans-serif;  font-size:11px; color:#400000; padding-bottom:5px;}
#checkbalance1 .QapTcha .description{ font-size:11px;}
#checkbalance1 .QapTcha .bgSlider {background:#fff; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); width:185px; height:27px; float:left;}
#checkbalance1 .QapTcha .success{background:none; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; background:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius: 0;}
#checkbalance1 .QapTcha .TxtStatus{top:-28px; left:75px; float:left;}
#checkbalance1 .QapTcha .TxtStatus p{font-size:11px;}
#checkbalance1 .QapTcha .ui-draggable-disabled{display:none;}
#checkbalance1 .QapTcha .textStatusSuccess{top:-14px; left:0; width:100%; float:left; padding:10px 0;}
#checkbalance1 .QapTcha .textStatusSuccess p{float:left; margin-right:3px;}

#checkbalance1 .module_btn{padding: 5px;}
#checkbalance1 .btnaction {display: inline-block;  width: 18px; height: 12px; background: transparent url(clientlib/images/btn_ic_action_right.png) 0 2px no-repeat}
#checkbalance1 .module_btn:hover .btnaction,
#checkbalance1 .btnaction:hover{background-image: url(clientlib/images/btn_ic_action_right_white.png);}

#contactus .module_btn{padding: 5px; float:none;}
#contactus .btnaction {display: inline-block;  width: 18px; height: 12px; background: transparent url(clientlib/images/btn_ic_action_right.png) 0 2px no-repeat}
#contactus .module_btn:hover .btnaction,
#contactus .btnaction:hover{background-image: url(clientlib/images/btn_ic_action_right_white.png);}

@charset "UTF-8";

/*COMMON DEFINITIONS*/
.strong {
    font-weight: bolder;
}


#ddcard .my_central{
    margin-left:20px;
    width:715px !important;
}

.sidebar{
    position:relative;
    margin-bottom:30px;
    width:210px;
    margin-left:20px;
    float:left;
}

.sidebar .platebg{
    width:188px;
    float:left;
    border-top:0px;
    height:100%;
    padding:20px 10px 20px 10px;
    margin-bootom:30px;
}

.sidebar .headerbg_orange{
    width:205px;
    height:20px;
    margin-left:0px;
}

.featuredproducts .headerbg_orange, 
.sidebar .headerbg_orange,
.relLinks .headerbg_orange {
    padding: 3px 2px 3px 3px;
    margin-bottom: -5px;
    position: relative;
    left: -1px;
    margin-bottom: -5px;
    z-index: 5;
}

.sidebar .headerbg_orange a h2{
    color:#ffffff;
    margin:3px 5px 0px 5px;
}

.coffeeFeatureImage{
    width:366px;
    height:240px;
}

.coffeeFeatureText{
    width:309px;
    height:240px;
}           

.parsys_column .featurepromotile{
    height:360px;
    padding-bottom:10px;
}

.parsys_column .promoFeature{
    padding-bottom:0px;
}

.inputSearch{
    -moz-border-radius: 5px;
    -moz-border-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0 0 #FFFFFF; 
    border: 1px solid #BCBBBB;  padding: 6px 8px;
    width: 269px;
}

.mainCenterLayout div.parsys_column{
    margin-left:0px;
}

.title{
    padding-top:20px;
    color:#400000;
    margin-bottom:18px;
}

.breadcrumbcurrentpage{
    margin-top:10px;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
    text-align: left;
    font-family: Helvetica, Arial, sans-serif;
}

.breadcrumbcurrentpage .current{
    color:#ff6200;
    text-decoration:underline;
    float:left;
}

.breadcrumbcurrentpage .previous{
    float:left;
}

.breadcrumbcurrentpage a{
    color:#696969;
    font-size:10px;
    line-height:13px;
    font-weight:normal;
    text-decoration:underline;
}

.breadcrumbcurrentpage a:hover{
    color:#ff6200;
}

td {
    vertical-align : top;
}

#videoBar {
    height: 317px;
    margin-left: 5px;
    padding-top : 4px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 0px;
    overflow: auto;
}

/* Homepage hero start*/

.offerImage{
    display:none; 
    position:absolute; 
    width:260px; height:130px;      
    margin-top:-1px;
}

.offerImageSliderHolder {
    position: absolute;
    left: -10px;
    height: 140px;
    z-index: 6;
    margin-top: -2px;
    width: 260px;
    overflow: hidden;
    }

.offerImageSlider {
    background: url('images/Offer_background.png') no-repeat; 
    height: 130px;
    left: 0;
    position: absolute;
    width: 260px;    
}

.leftside_bottomcorner{
    background: url('images/corner5.png') no-repeat scroll 0 0 transparent;
    height: 10px;
    position: absolute;
    width: 12px;
    bottom: 0;
}
.offerImage .offer {
    height: 130px;
    display: table-cell;
    vertical-align: middle;
    width: 220px;
    padding-left: 10px;
}
.offerImage .offer table td{
    height: 130px;
    vertical-align: middle;
    width: 230px;
}
.offer_upper{
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 1px 1px #000000;
    margin-bottom: 10px;
    line-height:20px;
}

.offer_upper p{
    padding: 0;
    margin: 0;    
}

.offer_upper sup{
	line-height:12px;
	font-size:12px;
}
.mid_holder {
}
.offer_middle {
    color:#FFFFFF;
    font-size:57px;
    font-weight:bold;
    letter-spacing:-5px;
    text-shadow:1px 1px 1px #000000;
    height:57px;
    margin: 10px 0 15px;
    text-align:center;
    max-width: 230px;
    margin-bottom: 10px;
}
.offer_middle p{
    margin:0px;
    line-height: 57px;
}

.offer_lower {
    color:#FFD7EA;
    font-size:8px;
    text-align:center;
    line-height:10px;
    width:230px;
}
.offer_lower p{
    margin: 0;
}

.heroArea{
    width:980px;
    height:446px;
    background-color:#340100;
    margin-left:21px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
   /* behavior: url("/etc/designs/dunkindonuts/js/PIE.htc");*/
}

.thumbnails{
    width:190px;
    height:404px;
    margin: 0px 14px 0px 15px;
    padding-top:20px;
    float:left;
}

.thumbholder{
    width:190px;
    height:128px;
    position:relative;
    float:left;
    clear:left;
    margin-bottom:10px;
    margin-left:0px;
    z-index: 5;
}

.thumbimage{
    width:190px;
    height:107px;
    position:relative;
    z-index: 8;
    float:left;
    cursor:pointer;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url("/etc/designs/dunkindonuts/js/PIE.htc");*/
}
}

.thumbimage .fader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #340100;
    display: none;
    }

.thumbcopyholder{
    width:190px;
    height:21px;    
    background-color:#873601;
    float:left;
    clear:left;
    bottom:0px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    position: relative;
   /* behavior: url("/etc/designs/dunkindonuts/js/PIE.htc");*/
    z-index: 5
}

.thumbcopy{
    width:100%;
    height:100%;
    font-size:11px;
    font-weight:bold;
    color:#ffc66c;
    float:left;
    margin-top:2px;
    margin-left:5px;
    margin-bottom:2px;
    margin-right:5px;
}

.thumbcopy p{
    margin:0px;
}

#offerflyout #promo_box{
    position:relative;
    float:left;
    width:0px;/* width is changed to 219px in functions.js, expandOffer() */
    height:130px;
    /* for Safari */
    background: -webkit-gradient(linear, left top, left bottom, from(#f487ae),to(#ff1a8b));
    /* for Firefox */
    background: -moz-linear-gradient(top, #f487ae, #ff1a8b );
    /* for Internet Explorer 5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf487ae, endColorstr=#FFff1a8b);
    /* For Internet Explorer 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf487ae, endColorstr=#FFff1a8b)";
    opacity:1.0;
}

.heroImage{ 
    width:747px;
    height:420px;
    float:left;
    position:relative;
    margin-top: 13px;
    overflow:hidden;
}

.heroImageRoundedCorners {
    background: url(images/hero-rounded.png) 0 0 no-repeat;
    width: 747px;
    height: 420px;
    position: absolute;
    z-index: 1;
    }
.videoContainer {
    position: absolute;
    z-index: 2;
    }
#tvad {
	cursor: pointer;
	position: absolute;
	bottom: 130px;
	right: -12px;
	width: 110px;
	height: 58px;
	z-index:5;
}

#tvad #tvad_header {
	position: relative;
	float: left;
	width: 110px;
	height: 48px;
	top: 0px;
	background: url(images/tvAdbg.png) no-repeat;
}

#tvad #tvad_graphic {
	background: url(images/tvad_graphic.png) no-repeat;
	width: 83px;
	height: 39px;
	position: absolute;
	right: 13px;
	top: 5px;
}

#tvad #tvad_close {
	background: url(images/tvad_close.png) no-repeat;
	width: 83px;
	height: 39px;
	position: absolute;
	right: 13px;
	top: 5px;
	display: none;
}

.rightside_bottomcorner {
    background: url(images/corner4.png) no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 12px;
}

/* Homepage hero end*/

.searchDD {
    margin-left:-5px;
    min-width:280px;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    *display: inline;
    border: solid 1px #ead7ad;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf9b), to(#fff2d4));
    background: -moz-linear-gradient(top,  #fff2d4,  #ffdf9b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2d4', endColorstr='#ffdf9b'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2d4', endColorstr='#ffdf9b'); /* ie8 */
}

/* Homepage hero end*/ 

.btnaction {
    background: url("images/btn_ic_action_right.png") no-repeat;
    width: 12px;
    height: 10px;
}

/*.module_btn_left {
    -moz-border-image: url("images/button_bg_white_left.png") 5 22 5 5
        stretch stretch !important;
    -webkit-border-image: url("images/button_bg_white_left.png") 5 22 5 5
        round stretch !important;
    border-image: url("images/button_bg_white_left.png") 5 22 5 5 round
        stretch !important;
}*/

.module_btn_left .btnlabel {
    left: 19px;
}

.modal_left_btn {
    background: url("images/btn_ic_gray_left.jpg") no-repeat;
    width: 12px;
    height: 10px;
    float: left !important;
    right: auto !important;
    left: 2px;
}

.modal_right_btn {
    background: url("images/btn_ic_gray_right.jpg") no-repeat;
    width: 12px;
    height: 10px;
}

/*Content Tile start*/

.contenttile{
    margin-left:20px;
}

.cq-colctrl-lt2-c1 .contenttile{
    margin-left:15px;
}

.cq-colctrl-lt2-c2 .contenttile{
    margin-left:10px;
}

.contentTile {
    width: 205px !important;
    height: 100% !important;
    margin-right:3px;
}

.contentTileTitle{
    margin-bottom:10px;
    min-height:50px;
    /*max-height:50px;*/
    overflow:hidden;
    line-height:25px;
    color:#400000;
    font-family: Tahoma; 
    font-size: 20px;
}

.tileContent {
    margin: 20px 0px 0px 0px;
    color:#696969;
    line-height:17px;
}

.tileContent a{
    line-height:22px;
}

.tileContent p{
    margin:0px 0px 15px 0px;
}

.contentTileImg img {
    width: 205px;
    height: 165px;
}

/*Content Tile end*/

.productcategorylist {
    width: 100%;
    clear: both;
}

.productcategorylistrow {
    width: 100%;
    height: auto;
    float: left;
}

.productcategorylistproduct {
    float: left;
}

.clearfloat {
    clear: both;
}

.storeDiv {
    float: left;
    width: 150px;
    padding: 10px;
}

.accordeontabel {
    width: 100%;
}

.accordeonletter {
    width: 100%;
    font-weight: bold;
    text-align: center;
    background-color: #EEEEEE;
    border-width: thin;
    border-color: black;
    border-style: solid;
    margin: 0 1 0 1;
}

.accordeonnotes {
    display: none;
    margin: 0 1 0 1;
    border-color: black;
    border-width: thin;
    border-style: solid;
}

.storeTable {
    border: 1px solid black;
    width: 100%;
}

.storeTd {
    vertical-align: top;
    padding: 10px;
}

.storeAttr {
    background-color: #C0C0C0;
}

.image_right {
    float: right !important;
}

.image_left {
    float: left !important;
}

.btnlabel_grey{
    color:#AFAFAF;
}

.my_central .text p{
    margin: 0px 20px 0px 20px;
}

.my_central .text ul{
    margin: 15px 20px 0px 35px;
}

/*Main Feature (old spec) component (start)*/
.feature_comp {
    width: 100%;
    max-width:715px;
    float: left;
    display: table;
    /*margin-left:20px;*/
    margin-bottom:15px;
}

.feature_comp .feature_comp_text .interim_div{
	color:#696969;
}
    
.feature_comp .feature_comp_text {
    display:table-cell;
    vertical-align: middle;
    padding-left:20px;
}

.feature_comp .feature_comp_text h1{
	font-size:33px;
	line-height:35px;
	color:#400000;
}

/*Main Feature (old spec) component (end)*/


/*Featured Products component (start)*/
.featured_products_main {
    margin:0px 10px 10px 10px;
}

.featured_products_main .headerbg_orange{
    width:713px;
    height:20px;
    margin-left:0px;
}

.featured_products_main .featured_products_title h2 {
    color: #ffffff;
    margin:3px 0px 0px 5px;
    
}

.featured_item, .featured_link {
    float: left;
    width: 31.9%;
    padding-left:5px;
    padding-right:5px;
}

.featured_products_content .new_window_link{
	float:none;
	display:inline-block;
	vertical-align:top;
}

.featured_item .featured_img_container {
    float: left;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
}

.featured_item .featured_img_container .featured_img {
    width: 110px;
    height: 110px;
}

.featured_title{
    margin-bottom:10px;
    float:left;
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

.featured_title a{
    margin-right:auto;
    margin-left:auto;
    width:238px;
}

.featured_title h2,
.featured_text p{
	margin:0px;
}

.featured_item .featured_text {
    text-align:center;    
    padding-bottom:15px;
    float:left;
    width:100%;
}

.featured_item .featured_link{
    /*position:absolute;
    bottom:10px;*/
    float:left;
    width:234px;
}

.featured_products_main .platebg{
    width:100%;
    float:left;
    border-top:0px;
    height:100%;
    margin-bottom:5px;
}
/*Featured Products component (end)*/

/*Products component (start)*/
.product_component_main {
    width:205px;
}

.product_component_image img{
    width:205px;
    height:205px;   
}

.product_component_link {
    margin-top:15px;
    margin-bottom:20px;
    text-align:center;
    width:205px;
}

.product_component_link a{
    text-decoration:none;
}

.product_component_link a:hover{
    text-decoration:none;
}

.productcategorylistproduct{
    margin-left:20px;
    margin-right:20px;
    width:205px !important;
}

.productcategorylistrow{
    margin-left:-20px;
    margin-top:30px;
    width:735px;
}

.my_left .verticalpromotile{
    margin-left:19px;
}

.tabpanel {
    width: 100%;
    margin-left:10px;
    padding-left:15px;
}

.designtab {
    float: left;
    width: 30%;
}

.ddperks_header {
    width: 100%;
    height:100%;
    float: left;
}

h1 {
    color: #40000;
    font-size: 26px;
    font-family: Tahoma, Geniva, sans-serif;
    font-weight: bold;
    line-height:27px;
}

h2 {
    color: #ff6200;
    font-size: 15px;
    font-family: Tahoma, Geniva, sans-serif;
    font-weight: bold;
    font-height:16px;
}

h3 {
    color: #965719;
    font-size: 12px;
    font-family: Tahoma, Geniva, sans-serif;
    font-weight: bold;
}

h4 {
    color: #ff388f;
    font-size: 12px;
    font-family: Tahoma, Geniva, sans-serif;
    margin: 0px;
}

h5 {
    color: #848484;
    font-size: 9px;
    font-family: Helovetica, Arial, sans-serif;
    line-height: 10px;
}

h5 a{
	font-size:9px;
	font-family: Helovetica, Arial, sans-serif;
    line-height: 10px;
}

.mainCenterLayout {
    width:980px;
    margin-left:20px;
    position:relative;
}

.mainCenterLayoutHero{
    width:980px;
    height:375px;
    background-repeat:no-repeat;
    -moz-background-size:980px 375px;
    background-size:980px 375px;
    position:absolute;
    z-index:-10;
    left: -265px;
    margin-top: 0 !important;
}

.heroLayoutImg{
    position:relative;
    width:980px;
    height:375px;
}

.my_central {
    float: left;
    width: 735px;
}

.my_central_right {
    float: left;
    width: 715px;
    padding-left:20px;
    position: relative;
}

.my_central_right .featuredproducts{
    margin-left:-10px !important;
    position:relative;
}

.my_central_right .featured_products_main{
    margin-left:0px;
}

.my_left {
    float: left;
    width: 245px;
}

.my_right {
    float: left;
    width: 245px;
}

/* parsys component */
div.par {
    clear: both;
}

div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align: top;
    padding: 0;
    margin: 10px 0 5px 0;
}

div.section {
    margin-bottom: 0px;
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {
    width: 100%;
    float: left;
}

div.cq-colctrl-default {
    width: 100%;
}

/* margin increased by 12px to avoaid overlaping */ 
div.cq-colctrl-lt2 {
    margin-top:12px;  
}

.carousel{
    margin-bottom:0px !important;
}

div.cq-colctrl-lt2-c0 {
    width: 31.7%;
    padding-right: 14px;
}

div.cq-colctrl-lt2-c1 {
    width: 31.7%;
    padding-right: 14px;
}

div.cq-colctrl-lt2-c2 {
    width: 31.7%;
}

/* main start*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-color: #ff6200;
    font-size: 12px;
    font-family: Tahoma, Geniva, sans-serif;
    line-height: 15px;
}

#wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1022px;
    text-align: left;
}

a {
    color: #ff6200;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Geniva, sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    color:#663300;
    text-decoration: underline;
}

/* main end*/ 

#herobg {
    position:relative; 
    background: #fff; 
    padding: 0px 0px 0px 0px; 
    width: 1022px; 
    height:446px; 
    outline: none; 
    background-image:url(images/hero-bg-top.jpg); 
    background-repeat:no-repeat; 
    overflow:hidden;
    margin-left:-21px;    
}


.navBtn_label {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    left: 11px;
    top: 10px;
}

.undertext {
    position: relative;
    font-family: Helvetica, Arial;
    color: #fff1d7;
    font-size: 9px;
    left: 11px;
    top: 10px;
    line-height: 10px;
    margin-top: 2px;
}

img {
    border: none;
}

a.secondary {
    color: #cfa77f;
}

/* Classes */
.promoBody {
    font-family: Helvetica, Arial, sans-serif;
}

.link_sp_icon {
    
}

.link_sp_icon#new_window {
    background: url(images/new_window_icon.gif) no-repeat;
    width: 13px;
    height: 11px;
    float: right;
    margin-left: 3px;
}

/* DD.com Building Elements */
.plate {
    position: absolute;
    left: 0px;
    top: 0;
    width: 300px;
    height: 400px;
}

.platebg {
    position: relative;
    left: 0;
    top: 0;
    border: solid 1px #e4e4e4;
    padding: 0px 0px 5px 0px;
    -moz-box-shadow: 2px 2px 3px #d5d5d5;
    -webkit-box-shadow: 2px 2px 3px #d5d5d5;
    box-shadow: 2px 2px 3px #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, right bottom, left top, from(#f3f3f3),to(#fff));
    background: -moz-linear-gradient(right bottom, #f3f3f3, #fff);
}

.module_btn {
    position: relative;
    width: auto;
    height: auto;
    float: right;
    float: top;
    cursor: pointer;
    border: solid 1px #e4e4e4;
   padding: 5px 22px 5px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #fff;
   background: -webkit-gradient(linear, right bottom, left top, from(#f3f3f3), to(#fff));
   background: -moz-linear-gradient(right bottom, #f3f3f3, #fff);
}

.module_btn .btnlabel {
    color: #ff6200;
    font-size: 11px;
    font-weight: 900;
    position: relative;
    float: left;
    padding: 0px 5px 0px 5px;
    letter-spacing: 0.25px;
}

.module_btn .btnicon {
    position: relative;
    float: right;
    float: top;
    right: -17px;
    top: 4px;
}


.module_btn_mid{
	  position:relative;
	  width:130px;
	  height:auto;
	  float:right;
	  float:top;
	  cursor:pointer;
	  border:solid 1px #e4e4e4;
	  padding:5px 22px 5px 5px;
	  -webkit-border-radius:5px;
	  -moz-border-radius:5px;
	  border-radius:5px;
	  background: #fff;
	  background:-webkit-gradient(linear,right bottom,left top,from(#f3f3f3),to(#fff));
	  background:-moz-linear-gradient(right bottom,#f3f3f3,#fff);
	  }

.btnlabel_mid{
    font-size:14px;
    color:#ff6200;
    font-weight:bold;
}

.module_btn_mid:hover {
    background: #FF6200;
}

.module_btn_mid:hover .btnlabel_mid {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}

.module_btn_mid:hover .btnArrow {
    background-image: url(images/btn_ic_action_right_white.png);
}

.module_btn_mid .btnaction.btnArrow {
    position: absolute;
    right: 5px;
    top: 9px;
}

/* Header Elements */

#promocopy {
    font-family: "Arial Black";
    font-weight: bold;
}

.module .plate .tabHeader #headerText a {
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

.module .plate .tabHeader #headerText a:hover {
    color: #ffdf9b;
}


#perksLinks {
    margin-top: 55px;
    margin-left: 20px;
}

.module_btn#form_search {
    position: relative;
    float: right;
    margin-left: 5px;
    top: 2px;
}

.module_btn#form_search .btnlabel {
    
}

.module_btn#form_search .btnicon {
    top: 2px;
}

.partner_icon {
    width: 53px;
    height: 53px;
    float: left;
    margin: 5px 5px 5px 5px;
}

/* =================================== subMenu.css =================================== */
    /* CSS Document */ /* Classes */

.h_promo {
    float: left;
    margin-left: 238px;
    margin-top: 20px;
    width: 375px;
}

ul {
    margin: 0;
    padding: 0
}

.module_btn#signin {
    position: relative;
    float: right;
    color: #000;
    right: 0px;
    top: 5px;
}

.module_btn#signin .btnlabel {
    
}

#form_stores_menu .dd_formfield {
    margin-bottom: 5px;
}

.dd_form#form_stores_menu .formLabel {
    top: 5px;
    font-size: 14px;
}

/* Create account  Btns and Links------------------------------------- */
.formLabel {
    float: left;
    position: relative;
    top: 7px;
    left: 3px;
    color: #848484;
    font-size: 11px;
    font-weight: normal;
    display: inline;
}

.form_sublinks {
    margin-top: 15px;
    margin-left: 3px;
}

#menuSubPerks #col1 .cancelLink  a {
    font-size: 11px;
    line-height: 12px;
}

#menuSubPerks #col1 .cancelLink  a:hover {
    
}

#createBtnsPanel {
    position: relative;
    margin-top: 5px;
}

#createBtnsPanel #link {
    position: absolute;
    padding-top: 8px;
}

#createBtnsPanel #createBtn {
    display: inline-block;
    float: right;
    margin-top: 1px;
    width: 120px;
    height: 26px;
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/images/btn_ic_action_create_fpo.png) no-repeat;
}

.legal#perks_createaccount {
    position: relative;
    float: right;
    margin-top: 20px;
}

/* Sign in Btns and Links------------------------------------ */
#signInBtnsPanel {
    position: relative;
    margin-top: 5px;
}

#signInBtnsPanel #link {
    position: absolute;
    padding-top: 1px;
}

#menuSubPerks #col2 .forgotPasswordLink  a {
    font-size: 11px
}

#menuSubPerks #col2 .forgotPasswordLink  a:hover {
    
}

#signInBtnsPanel #signInBtn {
    display: inline-block;
    float: right;
    width: 71px;
    height: 26px;
    background: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/images/btn_ic_action_signIn_fpo.png) no-repeat;
}

#moreAboutPerks {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 16px;
}

#menuSubPerks #col2 .moreAboutPerksLink  a {
    font-size: 11px;
}

#menuSubPerks #col2 .moreAboutPerksLink  a:hover {
    
}

/* =================================== central.css =================================== */
    /* CSS Document */ /* Selector Mods */
.promobar_slug a.close_panel {
    margin-bottom: 25px;
}

.promobar_slug a.secondary {
    font-size: 9px;
    line-height: 14px;
    font-weight: normal;
}

.promobar_slug a:hover {
    color: #fff;
}

.slug_cta a {
    font-size: 16px;
    display: block;
    letter-spacing: 0.5px;
}

.slug_cta a:hover {
    
}

.promobar_slug .slug_links a {
    display: block;
    margin-left: 5px;
}

.promobar_slug .slug_links a:hover {
    color: #fff;
}

.promobar_slug .slug_links h2 {
    font-size: 10px;
    color: #D8A480;
}

/* Classes */
#central #contentbrowser .thumb {
    width: 60px;
    height: 59px;
    position: relative;
    float: top;
    float: left;
    margin-bottom: 0px;
    margin-left: -5px;
    cursor: pointer;
}

.promobar_slug {
    position: absolute;
    bottom: -0px;
    width: 962px;
    height: 225px;
    background-color: #4a2001;
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#4a2001),
        to(#562a09) );
    background: -moz-linear-gradient(top, #562a09, #4a2001);
    outline: none;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
        '#4a2001', endColorstr = '#562a09' ); /* ie7 */
    -ms-filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr
        = '#4a2001', endColorstr = '#562a09' ); /* ie8 */
}

.promobar_slug .slug_image {
    position: relative;
    float: left;
    margin: 12.5px 10px 10px 10px;
    background: url(images/comp_plate_promo4.png) no-repeat;
    width: 312px;
    height: 200px;
    border: solid 2px #562a09;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.promobar_slug .slug_copy {
    width: 440px;
    height: 225px;
    overflow: hidden;
    padding: 20px 12.5px 10px 12.5px;
    position: relative;
    float: left;
}

.slug_copy .slug_head {
    color: #ffdf9b;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.slug_copy .slug_body {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.slug_copy .slug_cta {
    
}

.promobar_slug .legal {
    position: absolute;
    width: 440px;
    height: 20px;
    left: 350px;
    bottom: 12.5px;
    color: #8c6239;
}

.promobar_slug .slug_links {
    margin: 17.5px 15px 10px 30px;
    width: 115px;
    position: relative;
    float: right;
    text-align: right;
}

.promobar_slug .slug_links .colHeader {
    color: #fff2d4;
    text-align: right;
    font-size: 10px;
}

/* Elements */
#central {
    clear: both;
    width: 1022px;
    height: 564px;
    float: left;
    position: relative;
    background-image: url(http://www.dunkindonuts.com/etc/designs/dunkindonuts/images/herobg.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}

#central #herobg {
    position: absolute;
    background: #340100;
    padding: 0px 0px 0px 0px;
    width: 978px;
    height: 564px;
    margin-left: 22px;
    outline: none;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#central #heroImg {
    position: relative;
    top: 10px;
    left: 31px;
    width: 960px;
    height: 536px;
    /*background-image:url(images/iced_coffee_hero.png);*/
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#central #heroVideo {
    display: none;
    position: absolute;
    top: 10px;
    left: 31px;
    width: 960px;
    height: 536px;
    /*background-image:url(images/iced_coffee_hero.png);*/
    background-color: #000;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#central #videocontrols {
    width: 978px;
    height: 0px;
    background: url(images/playercontrols.png) no-repeat;
    position: absolute;
    bottom: 0px;
    left: 0;
    margin-left: 22px;
    cursor: pointer;
    overflow: hidden;
}

#central #contentbrowser {
    width: 962px;
    height: 70px;
    position: relative;
    float: left;
    bottom: 52px;
    left: 30px;
    opacity: 1.0;
    overflow: hidden;
}

#central #contentbrowser #thumbs {
    margin-left: 14px;
}

/*#central #contentbrowser .thumb#one { margin-left:14px; }*/
#central #contentbrowser #contentbar {
    clear: both;
    position: relative;
    background-color: #340100;
    float: left;
    width: 962px;
    height: 10px;
    left: 0px;
    top: 0px;
}

#central #contentbrowser #contentbar #now_playing {
    position: absolute;
    background: url(images/now_playing.png) no-repeat;
    width: 25px;
    height: 15px;
    float: left;
    left: 30px;
    bottom: 8px;
    opacity: 0.5;
}

#central #promoweather {
    background: url(images/time_overlay_pm.png) no-repeat;
    width: 0px;
    height: 183px;
    position: absolute;
    left: 22px;
    top: 50px;
}

/*#central #promobar { width: 962px; height:10px;  position:absolute; bottom:8px; left:30px; margin-left:0px; cursor:pointer; overflow:hidden; }
#central #promobar #promobg { width:inherit; height:inherit; background-color:#ef4d06; opacity:0.5; outline: none; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow:hidden; }

#central #promobar #promo_holder { position: absolute; top:3px; left:1022px; width:962px; height:inherit; }
#central #promobar #promo_icon { position: absolute; top:8px; left:900px; width:20px; height:19px; }
#promo_icon #slider { position:relative; background: url(images/promobar_ic_expand.png) no-repeat; width:20px; height:19px; float:left; }
#promo_icon #newpage { display:none; position:relative; background: url(images/promobar_ic_newpage.png) no-repeat; width:20px; height:19px; float:left; }
#promo_icon #offsite { display:none; position:relative; background: url(images/promobar_ic_newwindow.png) no-repeat; width:20px; height:19px; float:left; }

#central #promobar #promocopy { font-size: 16px; font-weight:bold; text-decoration: none; color:#fce2ad; position:relative; float:left; top:0px; margin-top:6px; margin-left:10px; width:auto; height:inherit;  text-shadow: 1px 1px 1px #000; }*/
#central #promobar {
    width: 962px;
    height: 10px;
    position: absolute;
    bottom: 9px;
    left: 30px;
    margin-left: 0px;
    cursor: pointer;
    overflow: hidden;
}

#central #promobar #promobg {
    width: inherit;
    height: inherit;
    opacity: 0.5;
    outline: none;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background-color: #ef4d06;
    overflow: hidden;
}

#central #promobar #promo_holder {
    position: absolute;
    top: 3px;
    left: 1022px;
    width: 962px;
    height: inherit;
}

#central #promobar #promo_icon {
    position: absolute;
    top: 8px;
    left: 900px;
    width: 20px;
    height: 19px;
}

#promo_icon #slider {
    position: relative;
    background: url(images/promobar_ic_expand.png) no-repeat;
    width: 20px;
    height: 19px;
    float: left;
}

#promo_icon #newpage {
    display: none;
    position: relative;
    background: url(images/promobar_ic_newpage.png) no-repeat;
    width: 20px;
    height: 19px;
    float: left;
}

#promo_icon #offsite {
    display: none;
    position: relative;
    background: url(images/promobar_ic_newwindow.png) no-repeat;
    width: 20px;
    height: 19px;
    float: left;
}

#central #promobar #promocopy {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fce2ad;
    position: relative;
    float: left;
    top: 0px;
    margin-top: 6px;
    margin-left: 10px;
    width: auto;
    height: inherit;
    text-shadow: 1px 1px 1px #000;
}

#central #storefinder {
    position: absolute; /*background: url(images/map_panel.png)*/ no-repeat;
    bottom: 10px;
    right: 30px;
    width: 288px;
    height: 36px;
    overflow: hidden;
}

#central #storefinder .platebg#sfbg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 264px;
    height: 680px;
    border-width: 16px 17px 19px 11px;
    -moz-border-image: url("images/plate_gray_s.png") 16 17 19 11 stretch
        stretch;
    -webkit-border-image: url("images/plate_gray_s.png") 16 17 19 11 round
        stretch;
    border-image: url("images/plate_gray_s.png") 16 17 19 11 round stretch;
}

#central #storefinder #sf_header {
    position: absolute;
    float: left;
    width: 264px;
    height: 17px;
    left: 4px;
    top: 0px;
    cursor: pointer;
    border-width: 10px 10px 13px 10px;
    -moz-border-image: url("images/plate_headerbg_orange.png") 10 10 13 10
        stretch stretch;
    -webkit-border-image: url("images/plate_headerbg_orange.png") 10 10 13
        10 round stretch;
    border-image: url("images/plate_headerbg_orange.png") 10 10 13 10 round
        stretch;
}

#central #storefinder #sf_header_label {
    position: relative;
    clear: both;
    float: left;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    left: 15px;
    top: 10px;
    cursor: pointer;
}

#central #storefinder .module_btn#sfup {
    float: right;
    top: 6px;
    right: 7px;
}

#central #storefinder .module_btn#sfup .btnlabel {
    padding: 0px 0px 0px 5px;
}

#central #storefinder .module_btn#sfup .btnicon {
    float: right;
    top: 2px;
}

#central #storefinder #sfpanel {
    position: relative;
    clear: both;
    float: left;
    top: 20px;
    padding: 0px 0px 10px 6px;
}

#central #storefinder #sfpanel .map_thumb {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    width: 270px;
    overflow: hidden;
}

#central #storefinder #sfpanel #sf_info {
    position: relative;
    float: left;
    clear: left;
    display: block;
    font-size: 10px;
    font-weight: normal;
    margin: 20px 0px 10px 10px;
    overflow: hidden;
}

#central #storefinder #sfpanel .storeaddress {
    position: relative;
    float: left;
    clear: left;
    margin-bottom: 10px;
}

#central #storefinder #sfpanel .storeaddress a {
    font-weight: bold;
    font-size: 16px;
}

#central #storefinder #sfpanel .storehours {
    position: relative;
    float: left;
    clear: left;
    font-size: 14px;
}

#central #storefinder #sfpanel .storeopen {
    position: relative;
    float: left;
    clear: left;
    font-size: 12px;
    font-weight: bold;
}

#central #storefinder #sfpanel #sf_actions {
    position: relative;
    float: right;
    margin-top: 30px;
}

#central #storefinder #sfpanel #sf_actions a {
    float: right;
    clear: right;
    position: relative;
    margin-right: 10px;
    font-weight: normal;
}

#central #storefinder #sfpanel #sf_actions a.primary {
    font-size: 16px;
    font-weight: bold;
}

/* =================================== modules.css =================================== */
    /* CSS Document */ /* Selector Mods */
.module .plate .tabHeader #headerText h1 {
    color: #FFF;
    font-size: 12px;
    float: top;
    float: left;
    position: absolute;
    left: 25px;
    font-weight: bold;
}

.module .plate .tabHeader #headerText h1#socialpanelheader {
    left: 0px;
}

.module .plate .tabHeader #headerText h2 {
    color: #ffdf9b;
    font-size: 10px;
    float: top;
    float: right;
    right: 0px;
    position: relative;
    font-weight: normal;
}

.module .plate .tabHeader #headerText hlabel {
    font-size: 9px;
    margin-right: 10px;
}

.promodetails a {
    font-size: 9px;
}

/* Classes */
.module {
    position: relative;
    float: left;
    left: 0px;
    margin-left: 0px;
    margin-right: 7px;
    float: top;
    overflow: hidden;
}

.module .plate .tabHeader {
    position: relative;
    float: top;
    float: left;
    height: 0px;
    width: 100%;
}

.module .plate .tabHeader #headerText {
    position: absolute;
    float: left;
    float: top;
    left: 0;
    top: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #695b59;
    width: 100%;
}

.headericon {
    position: relative;
    float: left;
    float: top;
    top: 8px;
    left: 5px;
}

.lineitem_promo {
    width: 292px;
    margin-left: 10px;
}

.module_btn_holder {
    position: absolute;
    top: 288px;
    width: 292px;
    margin-left: 10px;
}

.lineitem_promo {
    left: 0px;
    height: 140px;
    overflow: hidden;
}

.promocopybox {
    position: absolute;
    top: 205px;
    left: 10px;
}

.promotitle {
    position: relative;
    float: left;
    top: 5px;
    left: 0px;
    margin-bottom: 7px;
    width: 300px;
    color: #ff6200;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    overflow: hidden;
}

.promobody {
    position: relative;
    float: left;
    top: 0px;
    left: 2px;
    width: 280px;
    height: 26px;
    overflow: hidden;
    color: #333333;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
}

.promodetails {
    position: relative;
    float: left;
    top: 0px;
    left: 2px;
    width: 285px;
    height: 26px;
    overflow: hidden;
}

.newsbody {
    width: 280px;
    height: 26px;
    overflow: hidden;
    color: #333333;
    font-size: 10px;
    line-height: 12px;
    float: left;
}

.newstime {
    width: 250px;
    color: #343434;
    font-size: 7px;
    line-height: 8px;
    float: left;
}

.socialLink {
    color: #2ea4cb;
    text-decoration: underline;
    font-weight: normal;
}

.ytpic {
    width: 81px;
    height: 50px;
    margin-top: 0px;
    float: left;
}

.ytbody {
    width: 200px;
    color: #3d2e47;
    font-size: 12px;
    line-height: 12px;
    float: right;
}

.ytName {
    color: #d71a1a;
    font-size: 10px;
    text-decoration: underline;
    font-weight: normal;
}

.yttime {
    width: 200px;
    color: #c5afa3;
    font-size: 9px;
    line-height: 8px;
    float: right;
    margin-top: 3px;
}

/* Elements */
#modules {
    position: relative;
    clear: both;
    float: left;
    width: 978px;
    height: 358px;
    left: 30px;
    top: 10px;
}

.module .plate .tabHeader#one {
    height: 7px;
    left: 1px;
}

.module .plate .tabHeader#two {
    height: 25px;
    left: 1px;
}

.module .plate .tabHeader#three {
    height: 25px;
    left: 1px;
}

.module .plate .tabContent {
    position: relative;
    float: left;
    width: 292px;
    height: 276px;
    overflow: hidden;
    top: 17px;
    left: 10px; /*padding:17px 0px 0px 10px;*/
}

.module .plate .tabContent#promo_one {
    top: 1px;
    height: 320px;
    width: 312px;
    left: 1px;
}

.module .plate .tabContent#promo_two {
    top: 1px;
    height: 320px;
    width: 312px;
    left: 1px;
    display: none;
}

.module .plate .tabContent#promo_three {
    top: 1px;
    height: 320px;
    width: 312px;
    left: 1px;
    display: none;
}

#promo_one .promoImage {
    background: url(images/comp_plate_promo1.png) no-repeat;
}

#promo_two .promoImage {
    background: url(images/comp_plate_promo2.png) no-repeat;
}

#promo_three .promoImage {
    background: url(images/comp_plate_promo3.png) no-repeat;
}

#modules .module_btn#promosub {
    float: right;
}

#modules .module_btn#promonext {
    bottom: 0;
    float: left;
}

#modules .module_btn#promoprev {
    float: left;
    margin-right: 3px;
    border-width: 5px 5px 5px 22px;
    -moz-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        stretch stretch;
    -webkit-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        round stretch;
    border-image: url("images/button_bg_white_left.png") 5 5 5 22 round
        stretch;
}

#modules .module_btn#promoprev .btnicon {
    float: left;
    left: -17px;
}

#modules .module_btn#promoprev .btnlabel {
    float: right;
    color: #afafaf;
    padding: 0px 5px 0px 0px;
}

#modules .module_btn#promonext .btnlabel {
    color: #afafaf;
    padding: 0px 0px 0px 5px;
}

#modules .module_btn#promosub .btnlabel {
    
}

#modules .module_btn#rsssub {
    float: right;
}

#modules .module_btn#rssnext {
    float: left;
}

#modules .module_btn#rssprev {
    float: left;
    margin-right: 3px;
    border-width: 5px 5px 5px 22px;
    -moz-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        stretch stretch;
    -webkit-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        round stretch;
    border-image: url("images/button_bg_white_left.png") 5 5 5 22 round
        stretch;
}

#modules .module_btn#rssprev .btnicon {
    float: left;
    left: -17px;
}

#modules .module_btn#rssprev .btnlabel {
    float: right;
    color: #afafaf;
    padding: 0px 5px 0px 0px;
}

#modules .module_btn#rssnext .btnlabel {
    color: #afafaf;
    padding: 0px 0px 0px 5px;
}

#modules .module_btn#rsssub .btnlabel {
    
}

#modules .module_btn#rsssub .btnicon {
    
}

#modules .module_btn#socialprev {
    border-width: 5px 5px 5px 22px;
    -moz-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        stretch stretch;
    -webkit-border-image: url("images/button_bg_white_left.png") 5 5 5 22
        round stretch;
    border-image: url("images/button_bg_white_left.png") 5 5 5 22 round
        stretch;
}

#modules .module_btn#socialprev .btnicon {
    float: left;
    left: -17px;
}

#modules .module_btn#socialprev .btnlabel {
    float: right;
    color: #afafaf;
    padding: 0px 5px 0px 0px;
}

#modules .module_btn#socialnext .btnlabel {
    color: #afafaf;
    padding: 0px 0px 0px 5px;
}

/*#tweetText {
    width: 250px;
    margin-left: 40px;
    margin-top: -40px;
}

#timeText {
    margin-left: 40px;
    margin-top: -8px;
}*/

.dd_form#form_search {
    height: auto;
    overflow: hidden;
}

#form_search .dd_formfield {
    float: left;
    clear: left;
    width: 285px;
    overflow: hidden;
}

.module_btn#form_search {
    position: relative;
    float: right;
    margin-left: 5px;
    top: 2px;
}

.module_btn#form_search .btnlabel {
    
}

.module_btn#form_search .btnicon {
    top: 2px;
}

#helpfulForm {
    display: none;
}

/* column control layouts */
.asseteditor div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align: top;
    padding: 0;
    margin: 5px 0 5px 0;
}

.asseteditor div.cq-colctrl-default {
    width: 100%;
}

.asseteditor div.cq-colctrl-lt0 {
    background: none;
}

.asseteditor div.cq-colctrl-lt0-c0 {
    width: 354px;
    padding-right: 15px;
}

.asseteditor div.cq-colctrl-lt0-c1 {
    width: 466px;
}

/* column control layouts */
div.cq-colctrl-cols {
    width: 100%;
    float: left;
}

div.cq-colctrl-default {
    width: 100%;
}

/*div.cq-colctrl-lt0 {
    background: url(images/cq-colctrl-lt0.gif) repeat-y scroll 0 0;
}*/

div.cq-colctrl-lt0-c0 {
    width: 48%;
    padding-right: 14px;
}

div.cq-colctrl-lt0-c1 {
    width: 49%
}

div.cq-colctrl-lt1 {
    background: url(images/cq-colctrl-lt1.gif) repeat-y scroll 0 0;
}

div.cq-colctrl-lt1-c0 {
    width: 34%;
    padding-right: 14px;
}

div.cq-colctrl-lt1-c1 {
    width: 63%;
}

div.cq-colctrl-lt2 {
    background: url(images/cq-colctrl-lt2.gif) repeat-y scroll 0 1;
}

div.cq-colctrl-lt2-c0 {
    max-width: 312px;
    padding-right: 17px;
}

div.cq-colctrl-lt2-c1 {
    max-width: 312px;
    padding-right: 17px;
}

div.cq-colctrl-lt2-c2 {
    max-width: 312px;
}

div.cq-colctrl-lt3 {
    background: url(images/cq-colctrl-lt3.gif) repeat-y scroll 0 0;
}

div.cq-colctrl-lt3-c0 {
    width: 46%;
    padding-right: 14px;
}

div.cq-colctrl-lt3-c1 {
    width: 24%;
    padding-right: 14px;
}

div.cq-colctrl-lt3-c2 {
    width: 24%;
}

div.cq-colctrl-lt4 {
    margin: -18px 0pt;
}

div.cq-colctrl-lt4-c0 {
    width: 38%;
    padding-right: 4px;
}

div.cq-colctrl-lt4-c1 {
    width: 58%
}

#returnLink{
   position: relative;
   left:110px;
   top:-20px;
}
.selectAmountWhite {
    border: solid 3px white;
    float: left;
    background-color: white;
}
.selectAmountOpasity {
    filter:alpha(opacity=85); /* for internet explorer */
    opacity: 0.85; /* CSS3 standard */
    -moz-opacity:0.85; /* for older gecko browsers */
    -khtml-opacity: 0.85; /* for older webkit browsers */
}
.selectAmountBlack {
    float: left;
    background-color: black;
}

.perksButton {
    display         : table-cell;
    vertical-align  : middle;
    background      : #FFFFFF;
    border          : solid black 1px;
    width           : 321px;
    height          : 44px;
    cursor          : pointer;
}


.selectAmount{
    width: 49px;
    height: 31px;
}

.breadcrumbpages{
   height:16px;
}

.module_btn:hover {
    background: #FF6200;
}

.module_btn:hover .btnlabel {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    -moz-border-radius: 5px 0 0 5px;
}

.module_btn:hover .btnArrow {
    background-image: url(images/btn_ic_action_right_white.png);
}

.feature_comp, .feature_comp td {
    vertical-align: middle;
}

/* used to make the bullet align properly with text */
ul {
    padding-left:15px; 
}

sup{
    vertical-align: top;
    top:-2px;
    position:relative;
    text-decoration:none !important;
}

.menuTab sup{
	top:3px;
}

h1 sup, .navBtn_label sup{
   top:-4px !important;
}

.contentTileTitle sup{
    top:-5px;
}


.please_wait{
    background: -moz-linear-gradient(right bottom , #F3F3F3, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    float: right;
    height: auto;
    padding: 3px 22px 3px 5px;
    position: relative;
    width: auto;
    display:none;
    margin-top: 10px;
}

.please_wait .btnlabel{
    color: #FF6200;
    float: left;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.25px;
    padding: 0 5px;
    position: relative;
}

.please_wait .btnlabel > img {
    position:absolute;
}

/* chrome css*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.please_wait{padding: 3px 22px 4px 5px;}
}
/* firefox css*/
@-moz-document url-prefix() { 
  .please_wait{padding: 5px 22px 5px 5px;}
}

.featurePromoComp{
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px;
    position:absolute;
}

.manageBlock h2 sup {
    top: -11px;
}
.error-box {
	position: relative;
}

.error-a {
    background-color: #fde9f2;
    border: 2px solid #ff721a;
    display: table;
    float: left;
    height: 50px;
    margin: 10px 37px;
    padding: 10px 50px;
    width: 400px;
    font:bold 12px arial;
    
}

.error-a .error-message {
    background: transparent url("images/errormsg/alert-icon.png") no-repeat scroll left center;
    color: #e32182;
    display: table-cell;
    font-size: 13px;
    margin: 0 auto;
    min-height: 35px;
    padding-left: 37px;
    vertical-align: middle;
    color:#e61f7f;
    width: 350px;
}

.error-box .close{
	width:12px;
	height:12px;
	background: transparent url('images/errormsg/cross.png') no-repeat scroll left center;
	position: absolute;
	right: 8px;
    top: 8px;
}
#completeRegInterruptor .modal-dialog{
    width:750px;
}


#completeRegInterruptor .modal-body{
    padding-top:0;
    font-size: 14px;
    line-height:20px;
}

#completeRegInterruptor .modal-content{
    position:relative;  
}

#completeRegInterruptor .modal-header{
    border:0;
}

#completeRegInterruptor .modal-title{
    font: 34px "FrankFurterMediumStd", Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 34px;
    padding-right: 80px;
    padding-top:30px;
    color:#fff;
}

#completeRegInterruptor .modal-header .close{
    background:url("clientlib/images/interruptor-closeIcon.png") no-repeat 0 0;
    text-indent:-9999px;
    opacity:1;
    height:20px;
    width:18px;
    border:0;
    float: right;
    margin-top: -12px;
    margin-right: 6px;
    cursor:pointer;
    outline:none;
}

#completeRegInterruptor .interruptorImage{
    position:absolute;
    height:415px;
    width:330px;
    left:-100px;
    top:-15px;
}

#completeRegInterruptor .content-wrapper{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:7px solid #00162a;
    background:url("clientlib/images/interruptor-BG.png") repeat-x 0 0;
    color:#fff;
    font: 20px "FrankFurterMediumStd", Arial, Helvetica, sans-serif;
    padding-left:230px;
    padding-bottom: 15px;
    text-align:left;
}

#completeRegInterruptor .content-wrapper .continue{
    font-size:17px;
    padding-top:5px;
}

#completeRegInterruptor .modal-footer{
    padding-top: 0;
    margin-top: 0;
    border:0;   
    text-align:left;
}

#completeRegInterruptor .interruptorButton {
    background: url("clientlib/images/interruptor-buttonArrow.png") no-repeat scroll 205px 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 36px;
    text-decoration: none !important;
    width: 225px;
}

#completeRegInterruptor .interruptorButton span{
    background: url("clientlib/images/interruptor-buttonBG.png") no-repeat 0 0;
    display: block;
    height: 40px;
    padding-left: 15px;
    width: 190px;
}

#completeRegInterruptor .bottomImage{
    position:absolute;
    height:260px;
    width:236px;
    right:30px;
    bottom:-185px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
    display: block;
}

.completeRegInterruptor .ui-resizable-handle,
.completeRegInterruptor .ui-dialog-titlebar{
    display:none !important;
}

.completeRegInterruptor #completeRegInterruptor .modal-body,
.completeRegInterruptor #completeRegInterruptor .modal-header,
.completeRegInterruptor #completeRegInterruptor .modal-footer {
    float:left;
    width:100%;
    padding-bottom:20px;
}

.completeRegInterruptor #completeRegInterruptor .modal-body p{
    margin:0;
    padding:0;
}

.completeRegInterruptor #completeRegInterruptor .errorBlock{
    float: left;
    width: 100%;
    padding-bottom:20px;
}

.completeRegInterruptor #completeRegInterruptor .errorBlock .interruptorError{
    float:left;
    width:90%;
    text-align:center;
    color:#f00;
    font-size:13px;
    margin:15px 0 0 0; 
}


.completeRegInterruptor #completeRegInterruptor .errorBlock .close{
    border: medium none;
    float: right;
    margin: 15px 0 0;     
}


.completeRegInterruptor #completeRegInterruptor .modal-content {
    float: left;
    position: relative;
    width: 100%;
}

.completeRegInterruptor #completeRegInterruptor .content-wrapper{
    padding-left:250px;
    padding-right:15px;
    float:left;
}


.completeRegInterruptor #completeRegInterruptor .find-store{
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding-top: 8px;
}

.completeRegInterruptor #completeRegInterruptor .content-wrapper .continue{
    font-size:18px;
    padding-top:8px;
    display:block;
}
 
.completeRegInterruptor.ui-dialog{
    top:150px !important;
    left:25% !important;
}

.completeRegInterruptor.ui-widget-content{
    background: none;
    border: none;
    color: #fff;
}

.completeRegInterruptor.ui-dialog .ui-dialog-content{
    overflow:visible;
    padding:0;
}

.completeRegInterruptor #completeRegInterruptor .modal-dialog{
    padding-top:0}


#completeRegInterruptor .ui-dialog-titlebar {
    display:none !important;
}

#completeRegInterruptor{
    min-height: 450px !important;
}
.button-wrapper {
    position: relative;
    float: left;
    width: 100%;
    z-index:100;
}

 .dummy-wrapper {
    position: absolute;
    z-index: 1000;
    text-indent: -999px;
    width: 155px;
    height: 35px;
    background: url(images/GoogleWallet/googleWallet_Transparent.png);
}


.button-wrapper .module_btn {
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    background: none;
    text-indent: -999px;
    border: 0;
}

.rechargeBtn {
    position: relative;
}

.rechargeBtn #googleSubmit,.rechargeBtn .rechargebtn2 {
    position: absolute;
    left: 0;
    z-index: 1000;
}

.rechargeBtn #rechargeSbmt.module_btn,.rechargeBtn .rechargebtn.module_btn
    {
    float: left;
    padding: 0;
    margin-top: 3px;
}

.rechargeBtn #googleSubmit .btnaction.btnArrow,.rechargeBtn .rechargebtn2 .btnaction.btnArrow
    {
    position: absolute;
    top: 9px;
    right: 11px;
}

.googleWalletBillingInfo {
    font-weight: bold;
}

.googleWallet-icon {
    float: left;
    width: 100%;
    padding-bottom: 7px;
}

.googleWallet-icon .image {
    float: left;
}

.googleWallet-icon .change,.googleWallet-icon #change-wallet {
    margin-left: 100px;
    float: left;
}

.googleWalletEmail,.googleWalletDescription {
    padding-left: 20px;
    padding-bottom: 0;
}

#ar_billing_info .googleWalletEmail{
    padding-bottom: 3px;
}

.confirm {
    width: 100%;
    float: left;
}

.confirm .google-image {
    width: 20%;
    float: left;
    margin-top: 10px;
}

.confirm .message {
    float: left;
    width: 80%;
}

.google-button-wrapper {
    position: relative;
    display:inline-block;
    /*float: left;
    width: 100%;
    margin: 15px 0;*/
}

.google-button-wrapper .dummy-button {
    width: 155px;
    height: 35px;
    position: absolute;
    z-index: 1000;
    text-indent: -9999px;
    background: url(images/GoogleWallet/googleWallet_Transparent.png);
}

#wallet-button-holder {
    margin-top: 0;
}

.rechargeBtn{
    position:relative;
}
.rechargeBtn .rechargebtn2{
position: absolute;
left: 0;
top: 2px;
z-index: 1000;
width: 66px;
}

.rechargeBtn .rechargebtn.module_btn{
    float:left;
}

.rechargeBtn .rechargebtn2 .btnaction.btnArrow{
position: absolute;
top: 9px;
right: 11px;
}

.googleWalletBillingInfo{
    font-weight:bold;
}



.googleWallet-icon{
    float:left;
    width:100%;
}
.googleWallet-icon .image{
    float:left;
}

.googleWallet-icon .change{
    margin-left:100px;
    float:left;
    
}

.rechargeBtn .smallBtn{
    width:50px;
    padding:0;
    background: none;
    border: 0 none;
}

.separator{
    float:left;
    width:100%;
    margin-top: 15px;
}

.firstSeparator{
    margin-top:0;
}

.separator .text{
    float:left;
}

.separator .border{
    float: right;
    border-top: 1px solid #ccc;
    display: block;
    width: 95%;
    margin-top: 8px;
}


.google-wallet-payment-wrapper .separator{  
    margin-bottom: 15px;
}

.newPaymentMethodText{
    margin-top:20px;
}

#newPaymentMathod,
#securityQuestion,
#securityQuestionSignIn{
    border:none;
    background:none;
    padding:0 0 0 3px;
}

.creditCardInfoMessage{
    margin-top: 20px;
}

.rightInfoWrapper{
    float:left;
    width:100%;
}

.rightInfoWrapper .firstBlock{
    float:left;
    width:34%;
}

.rightInfoWrapper .lasttBlock{
    float:left;
    width:65%;
}

.newHeading{
    font-size:14px;
}

.topError{
    margin-bottom: 20px;   
}

.googleWalletError{
    display : none;
}

.noTopMargin{
    margin-top:0;
}

.autoRechargeOn{
    display: none;
}

.googleWallet-rechargeCard .label{
    margin-top:0;
}

.withoutGoogleWallet{
    display : none;
    margin-bottom:0;
}

.noMargin{
    margin:0;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.visaCheckoutBillingInfo{
    font-weight:bold;
}
#visa-wallet-button-container{
    margin: 20px 0 15px;
    padding:0;
}
#visa-checkout-button-holder {
    display:inline-block;
    margin-right:20px;
   
}

#visa-wallet-button-container li {
    display:inline-block;
}
#visa-checkout-button-holder img{
    
    vertical-align:inherit;
}
.changeVisaCheckout{
display:inline-block;
margin-left:170px;

}
.visa-dummy-button {
    position: absolute;
    z-index: 1000;
    text-indent: -999px;
    width: 155px;
    height: 35px;
    background: url(images/GoogleWallet/googleWallet_Transparent.png);
}

.visaCheckoutExpiry, .visaCheckoutDescription{
    /*padding-left: 20px;*/
    padding-bottom: 0;
}

.confirm .visa-image {
   
    float: left;
     margin-left: 30px;
    margin-top: 2px;
    width: 10%
}


.confirm-visa .message {
    float: left;
    width: 80%;
}

#update-visa-checkout-payment{
    display: none;
}

.googleWalletBillingInfo .visaCheckout-icon #change-wallet.v-button{
    margin-left:74px;
}
.googleWalletBillingInfo .visaCheckout-icon .change.v-button{
    margin-left:170px;
}


.loggedInVisaCheckout {
    margin-bottom: 20px;
}
#CVV2_Visa{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BCBBBB;
  border-radius : 5px;
  padding: 6px 8px;
  width: 120px;


}
#error_visa_cvv{
font-size:11px;
color: red;
font-weight:normal;
height:15px;
margin-top:5px;
}
 

.card_icon, .card_cvv {
  display: inline-block;
  width: 35%;
   vertical-align : top;
}

.ar_visa_checkout .googleWalletBillingInfo .googleWallet-icon  #change-wallet {

	float:none;
    display:inline-block;
    margin-top:22px;
}
.card_cvv {
   font-weight:normal;
}

.ar_visa_checkout .leftInfo {
                
    width:22%;
}
.ar_visa_checkout .rightInfo {

     width:75%;
}

.ar_visa_checkout .googleWallet-icon .image {
	float:none;
}


.nonar_visa_checkout .visaCardDetails{
	float:left;
}

.nonar_visa_checkout .card_icon{
	float:left;
    width:30%;
}
/*====================================
=Visa Checkout Popup Modal CSS
=====================================*/
.vc-modal-container {
	padding:0 30px 30px 30px !important;
	display:none;
}

.vc-modal-container .vc-popup-message {
	text-align: center;
	color: #472200;
	font-family: Verdana,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 23px;
    width:470px;
}

.vc-dialog {
	border: none;
}

.vc-dialog {
	background-color: #ffffff;
	border: 3px solid #f96302;
	border-radius: 10px;
	z-index: 999;
}

.vc-modal-container .vc-logo {
    padding: 20px 10px 20px 10px;
    text-align: center;
}


.vc-dialog .ui-dialog-titlebar-close {
	background: url("clientlib/images/visa/modelwindow/close-cross.png") no-repeat scroll center center transparent;
    border: none;
	outline: none;
    top: 0;
}


.vc-dialog .ui-dialog-titlebar-close:hover {
  background: url("clientlib/images/visa/modelwindow/close-cross.png") no-repeat scroll center center transparent;
}


.vc-dialog .ui-state-hover .ui-icon, .vc-dialog .ui-state-focus .ui-icon {
	    display:none !important
}
#balance-merge-faq {
    margin: 0 auto;
    width: 995px;
}
#faq-title {
    background-color: #e9e9e9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#balance-merge-faq #faq-title p {
    padding: 26px 33px;
    color: #fb4202;
    font-size: 21px;
    font-family: tahoma;
    font-weight: bold;
}
#balance-merge-faq .ui-accordion .ui-accordion-header {
    border: none;
    outline: none;
    margin: 0;
    font-family: tahoma;
    font-size: 20px;
    color: #5e5e5e;
}
#balance-merge-faq .ui-icon {
    width: 32px;
    height: 19px;
}
#balance-merge-faq .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    background-image: url("../../../content/dam/Dunkin_Donuts/balanceMerge/down-arrow-icon.png")
}
#balance-merge-faq #accordion li:nth-child(odd) h3 {
    background: #fafafa;
}
#balance-merge-faq #accordion li:nth-child(even) h3 {
    background: #ffffff;
}
#balance-merge-faq .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 95%;
    background-image: url("../../../content/dam/Dunkin_Donuts/balanceMerge/up-arrow-icon.png");
    background-position: 0px 0px;
}
#balance-merge-faq .ui-accordion .ui-accordion-content {
    background: #f3f3f3;
    border: none;
    padding-top: 0;
    border-top: 6px solid #e9e9e9;
    padding-bottom: 6px;
}
#balance-merge-faq .ui-accordion .ui-accordion-content p {
    padding-left: 27px;
    margin-top: 2px;
    margin-bottom: 0;
}
#balance-merge-faq .ui-accordion .ui-accordion-content p a.anchor-link {
    color: #fa4b10;
}

/*Drag And Drop Component*/

#drag-drop-cmp {
    margin: 0 auto;
    width: 995px;
}
#drag-drop-cmp #cmp-title h3 {
    color: #400000;
    font-size: 26px;
    font-weight: bold;
}
#drag-drop-cmp #cmp-title p {
    font-size: 13px;
}
#drag-drop-cmp #drop-target {
    width: 490px;
    height: 190px;
    margin: 0 auto;
    background: #e9e9e9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
#drag-drop-cmp #drop-target > p {}

.mergecardbalancefaqs #pf_faq {
	padding: 20px 0 80px;
}
/*Card Bank*/


/*
    Common CSS
*/

.hide {
    display: none !important;
}
#balance-merge-container {
    margin: 0 auto;
    position: relative;
    width: 1024px;
}

#drag-drop-cmponent{

    line-height: 18px;
    width: 995px;
    margin: 0 auto;
    margin-left: 0;
}
.bottom-seperator{
    background: url("../../../content/dam/Dunkin_Donuts/balanceMerge/separator-bottom.png") repeat-x scroll left top;
   /* background: url("clientlib/images/separator-bottom.png") repeat-x scroll left top;*/
    height: 7px;
    width: 995px;
    margin: 0 auto;
    margin-top: 20px;
}
.top-seperator{
    background: url("../../../content/dam/Dunkin_Donuts/balanceMerge/separator-bottom.png") repeat-x scroll left top;
    /*background: url("clientlib/images/separator-top.png") repeat-x scroll left top;*/
    height: 7px;
    width: 995px;
    margin: 0 auto;
    margin-left: 0;
}

/*********************************
*** Default Card/ To card CSS
*********************************/

#drag-drop-cmponent #dnd-to-card {
    background-color: #f0f0f0;
    border-radius: 8px;
    height: 210px;
    margin: 0 auto;
    position: relative;
    width: 474px;
    border:none;
}
#drag-drop-cmponent #dnd-to-card {
    padding: 20px;
    padding-top: 0;
}
#drag-drop-cmponent #dnd-to-card .cross-square-btn {
    position: absolute;
    right: -14px;
    top: -8px;
}
#drag-drop-cmponent #dnd-to-card.no-card .original-balance amount {
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    color: #696969;
}
#drag-drop-cmponent #dnd-to-card.no-card .new-balance .amount {
    font-size: 31px;
    font-family: tahoma;
    font-weight: bold;
    color: #fb3e00;
}
#drag-drop-cmponent #dnd-to-card .balance-data .new-balance .amount {
    font-size: 26px;
    color: #fb3e00;
}
#drag-drop-cmponent #dnd-to-card.no-card .title {
    color: #e4e4e4;
}
#drag-drop-cmponent #dnd-to-card .title {
    color: #000;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
}
#drag-drop-cmponent #dnd-to-card.no-card .card-number {
    color: #e4e4e4;
}
#drag-drop-cmponent #dnd-to-card .card-number {
    color: #000000;
    display: inline-block;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    margin: 8px 0;
}
#drag-drop-cmponent #dnd-to-card .balance-data .amount {
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    color: #696969;
}
#drag-drop-cmponent #dnd-to-card.no-card .balance-data .amount {
    visibility: hidden;
}
#drag-drop-cmponent #dnd-to-card.no-card sup {
    visibility: hidden;
}

#drag-drop-cmponent #dnd-to-card .ar-on {
    text-align: right;
}

#drag-drop-cmponent .to-card-img {
    float: left;
    margin-right: 20px;
    width: 282px;
    height: 174px;
    background: #dddddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
#drag-drop-cmponent #dnd-to-card .balance-data label {
    display: block;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    color: #fff;
}
#drag-drop-cmponent #dnd-to-card .balance-data .original-balance label {
    font-size: 11px;
    color: #696969;
}
#drag-drop-cmponent #dnd-to-card .balance-data .new-balance label {
    font-size: 14px;
    color: #fb3e00;
    margin-top: 10px;
}
#drag-drop-cmponent #dnd-to-card.no-card .balance-data .new-balance label {
    font-size: 14px;
    color: #f0f0f0;
}
#drag-drop-cmponent #dnd-to-card.no-card .balance-data .original-balance label {
    font-size: 14px;
    color: #f0f0f0;
}
#drag-drop-cmponent .no-card .balance-data {
    background-color: #dddddd;
}
#drag-drop-cmponent .balance-data {
    background-color: #ffffff;
    border-radius: 8px;
    float: left;
    height: 100px;
    padding: 10px;
    width: 150px;
}
#card-bank .card-info img {
    width: 100%;
}

#card-bank .card-info img.ar-card {
    position: absolute;
    right: 22px;
    top: 22px;
    width: auto;
    display: none;
}

#card-bank .card-info img.ar-card.ar-card-on {
    display: block;
}

#dnd-from-card .card-info img.ar-card{
    display: none;
}

#drag-drop-cmponent #card-bank > p {
    color: #400000;
    font-size: 20px;
    font-family: tahoma;
    font-weight: bold;
}
#drag-drop-cmponent #card-bank ul {
    display: block;
    height: 170px;
    padding-left: 4px;
}
#drag-drop-cmponent #card-bank ul li {
    display: block;
    float: left;
    height: 170px;
    margin: 0 5px;
    width: 235px;
    margin-bottom: 15px;
}
#drag-drop-cmponent #card-bank ul li .card-info {
    background-color: #fff2d3;
    border: 1px solid #ece2c9;
    border-radius: 8px;
    padding: 12px;
    position: relative;
}
#drag-drop-cmponent #card-bank ul.gallery li .card-info .card-balance {
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #5f3823;
    float: right;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info .card-balance {
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    color: #5f3723;
    display: inline-block;
}
#drag-drop-cmponent #card-bank ul.gallery li .card-info .card-number {
    color: #b3ac9d;
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info .card-number {
    font-family: tahoma;
    font-size: 13px;
    font-weight: normal;
    color: #666666;
}
#drag-drop-cmponent #card-bank {
    display: table;
    height: 210px;
    margin: 0 auto;
    width: 1002px;
}
.card-bank-full {
    height: 420px !important;
}
.card-bank-scroll {
    height: 420px !important;
    overflow-y: auto;
}
.gallery.custom-state-active {
    background: #fff;
}
.gallery li {
    cursor: move;
}
.gallery li.dragging > * {
    visibility: hidden;
    border: 1px dashed #666666
}
#drag-drop-cmponent #dnd-from-card .card-info img {
    width: 37px;
    height: 24px;
    margin-top: 5px;
    margin-left: 7px;
}
#drag-drop-cmponent #dnd-from-card ul {
    display: block;
    height: 47px;
    padding-left: 4px;
    width: 740px;
    float: left;
    margin-top: 18px;
}
#drag-drop-cmponent #dnd-from-card > div {
    padding-top: 18px;
}
#drag-drop-cmponent #dnd-from-card > div button,
#drag-drop-cmponent #after-merge a,
#drag-drop-cmponent #ar-message button,
#drag-drop-cmponent #ar-message a  {
    height: 45px;
    width: 160px;
    color: #fff;
    font-size: 13px;
    font-family: tahoma;
    font-weight: bold;
    -webkit-appearance: none;
    background: #c1c1c1;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
}
#drag-drop-cmponent #after-merge a {
    width: auto;
    padding: 18px 12px;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}
#drag-drop-cmponent #after-merge #manage-card-page-btn{
    margin-right: 15px;
}
#drag-drop-cmponent #after-merge.ar-show a {
    padding: 9px 12px;
    font-size: 10px;
}
.disabledAnchor{
    pointer-events: none;
}
.hideTitle{
    height: 15px;
}
#drag-drop-cmponent #dnd-from-card > div button.active,
#drag-drop-cmponent #after-merge a.active,
#drag-drop-cmponent #ar-message button,
#drag-drop-cmponent #ar-message a {
    background: #F96302;
    cursor: pointer;
}
#drag-drop-cmponent #ar-message a,#drag-drop-cmponent #dnd-from-card > div button {
    text-transform: uppercase;
}

#drag-drop-cmponent #dnd-from-card ul li {
    display: block;
    float: left;
    height: 47px;
    margin: 0 5px;
    width: 230px;
    margin-bottom: 15px;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info {
    background-color: #fff2d3;
    border: 1px solid #ece2c9;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info div.card-num-bal {
    width: 127px;
    float: right;
    line-height: 16px;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info div.smallContainer {
    width: 180px;
    background: #fff;
    display: inline-block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 34px;
}
#drag-drop-cmponent #dnd-from-card ul li .card-info .cross-btn {
    width: 19px;
    height: 20px;
}
#drag-drop-cmponent #dnd-from-card {
    width: 1002px;
    height: 47px;
    margin: 0 auto;
    padding-bottom: 30px;
    margin-top: 37px;
    /* box-shadow: inset 0px -8px 10px #dadada; */
    -webkit-box-shadow: 4px 8px -21px 13px #dadada;
    -moz-box-shadow: 4px 8px -21px 13px #dadada;
    box-shadow: 4px 8px -21px 13px #dadada;
}
#drag-drop-cmponent #dnd-from-card ul li.no-card {
    background: #e4e4e4 url("../../../content/dam/Dunkin_Donuts/balanceMerge/blank-card.gif") no-repeat scroll 50% 50%;
    border-radius: 8px;
    float: left;
}
#gallery li.ui-state-target .card-info .smallContainer {
    visibility: hidden;
}
#drag-drop-cmponent #card-bank ul li.ui-state-target .card-info {
    border: 2px dashed #d1d1d2;
    background-color: #fff;
}
.to-card-message-wrapper {

    background: transparent url("../../../content/dam/Dunkin_Donuts/balanceMerge/transparent-gray-bg.png") repeat scroll 0 0;
    /*background: transparent url("clientlib/images/transparent-gray-bg.png") repeat scroll 0 0;*/
    border: 3px dashed #c6c6c7;
    border-radius: 8px;
    display: table;
    height: 220px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 503px;
}
.to-card-message {
    color: #fb4202;
    display: table-cell;
    font: bold 33px tahoma;
    text-align: center;
    vertical-align: middle;
}
#dnd-from-card .card-info .cross-btn {
    display: inline-block;
    cursor: pointer;
}
#card-bank .card-info .cross-btn,
#dnd-to-card.no-card .cross-square-btn {
    display: none;
}
#dnd-to-card.no-card .to-card-img img {
    visibility: hidden;
}
#drag-drop-cmponent #error-messages {
    color: #fe6200;
    font-size: 20px;
    font-family: tahoma;
    line-height: 26px;
}

#drag-drop-cmponent #drop-messages p{
    color: #505050;
    font-size: 19.4px;
    font-family: tahoma;
    font-weight: bold;
    text-align: center;
}

#drag-drop-cmponent #drop-messages p.red{
   color: #fe6200;
   font-size: 26px;
}
#drag-drop-cmponent .instruct-msg p {
    color: #505050;
    font-size: 20px;
    font-family: tahoma;
    font-weight: bold;
    text-align: center;
}
#drag-drop-cmponent .instruct-msg-red p {
    color: #fe6200;
    font-size: 26px;
    font-family: tahoma;
    font-weight: bold;
    text-align: center;
}
#drag-drop-cmponent .instruct-msg-below p {
    color: #676767;
    font-size: 21px;
    font-family: tahoma;
    font-weight: bold;
    text-align: center;
}
.ui-state-highlight .to-card-img,
.ui-state-highlight .balance-data,
.ui-state-highlight .card-number {
    opacity: 0.2
}

#dnd-to-card-inner.hover .to-card-img,
#dnd-to-card-inner.hover .balance-data,
#dnd-to-card-inner.hover .card-number,
#dnd-to-card-inner.hover .title {
    opacity: 0.1
}


#dnd-to-card #dnd-to-card-inner.hover .to-card-message-wrapper{
    border:none;
}


/*Modal popup styles*/

.ui-dialog {
    background: #fff2d3;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.ui-dialog .ui-dialog-titlebar {
    background: #fff2d3;
    border: none;
    padding-bottom: 0px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 19px;
    font-family: tahoma;
    font-weight: bold;
    line-height: 23px;
}
/* .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
} */
#msg-container p {
    margin: 0;
    margin-bottom: 6px;
}
#msg-container {
    background: #fff;
    margin: 0;
    padding: 15px 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 13px;
    font-family: tahoma;
    font-weight: normal;
}

#dialog-confirm {
    display:none;
    padding-top: 5px;
}
#dialog-confirm #btn-group-custom{

    background: #fff;
    text-align: right;
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#dialog-confirm #btn-group-custom button{
    text-transform: uppercase;    
}
#dialog-confirm #btn-group-custom #cancel {
    height: 45px;
    width: 115px;
    color: #fff;
    font-size: 13px;
    font-family: tahoma;
    font-weight: bold;
    -webkit-appearance: none;
    background: #c1c1c1;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
}
#dialog-confirm #btn-group-custom #confirm {
    height: 45px;
    width: 115px;
    color: #fff;
    font-size: 13px;
    font-family: tahoma;
    font-weight: bold;
    -webkit-appearance: none;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
    background: #F96302;
    cursor: pointer;
}
#gallery-wrapper {
    max-height: 390px;
    overflow-y: auto;
    margin-left: -10px;
}
#after-merge {
    text-align: right;
    width: 995px;
    margin: 0 auto;
    margin-top: 46px;
    margin-bottom: 75px;
}
#after-merge.ar-show {
    margin-top: 12px;
    margin-bottom: 12px;
}
#drag-drop-cmponent #ar-message {
    margin: 0 auto;
    width: 995px;
    background: #e9e9e9;
    height: 70px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
#drag-drop-cmponent #ar-message p {
    width: 70%;
    display: inline-block;
    margin-left: 50px;
    font-size: 18px;
    font-family: tahoma;
    color: #505050;
    font-weight: bold;
}
#drag-drop-cmponent #ar-message button,
#drag-drop-cmponent #ar-message a {
    width: 195px;
    text-align: center;
    text-decoration: none;
    outline: none;
    margin-right: 15px;
    float: right;
    margin-top: 13px;
}

sup {
    font-weight: bold;
}
.new-balance sup{
    font-size: 18px;
    color: #fb3e00;
}
/*POPUP CSS Custom*/
.balane-merge-dialog {
    border-radius: 10px !important;
    text-align: left !important;
    width: 510px !important;
}

.balane-merge-dialog.ui-dialog .ui-dialog-titlebar {
    background: none;
    line-height: 24px;
}

.balance-merge-subheading {
    font: normal 14px tahoma;
    padding-top: 6px;
}


/*FAQ*/

#faq-accordion {
    margin: 0 auto;
    width: 995px;
}
#accordian-title {
    background-color: #e9e9e9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#accordian-title p {
    padding: 26px 33px;
    color: #fb4202;
    font-size: 21px;
    font-family: tahoma;
    font-weight: bold;
}
#faq-accordion .ui-accordion .ui-accordion-header {
    border: none;
    outline: none;
    margin: 0;
    font-family: tahoma;
    font-size: 20px;
    color: #5e5e5e;
}
#faq-accordion .ui-icon {
    width: 32px;
    height: 18px;
}
#faq-accordion .ui-state-active .ui-icon {
    background-image: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/upArrowIcon.png")
}
#faq-accordion #accordion li:nth-child(odd) h3 {
    background: #fafafa;
}
#faq-accordion #accordion li:nth-child(even) h3 {
    background: #ffffff;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 95%;
    background-image: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/downArrowIcon.png");
    background-position: 0px 0px;
}
.ui-accordion .ui-accordion-content {
    background: #f3f3f3;
    border: none;
}
.ui-accordion .ui-accordion-content p {
    padding-left: 27px;
}
.ui-accordion .ui-accordion-content p a.anchor-link {
    color: #fa4b10;
}

/*FAQ*/

#faq-accordion {
    margin: 0 auto;
    width: 995px;
}
#accordian-title {
    background-color: #e9e9e9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#accordian-title p {
    padding: 26px 33px;
    color: #fb4202;
    font-size: 21px;
    font-family: tahoma;
    font-weight: bold;
}
#faq-accordion .ui-accordion .ui-accordion-header {
    border: none;
    outline: none;
    margin: 0;
    font-family: tahoma;
    font-size: 20px;
    color: #5e5e5e;
}
#faq-accordion .ui-icon {
    width: 32px;
    height: 18px;
}
#faq-accordion .ui-state-active .ui-icon {
    background-image: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/upArrowIcon.png")
}
#faq-accordion #accordion li:nth-child(odd) h3 {
    background: #fafafa;
}
#faq-accordion #accordion li:nth-child(even) h3 {
    background: #ffffff;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 95%;
    background-image: url("http://www.dunkindonuts.com/etc/designs/dunkindonuts/clientlib/images/downArrowIcon.png");
    background-position: 0px 0px;
}
.ui-accordion .ui-accordion-content {
    background: #f3f3f3;
    border: none;
}
.ui-accordion .ui-accordion-content p {
    padding-left: 27px;
}
.ui-accordion .ui-accordion-content p a.anchor-link {
    color: #fa4b10;
}



#mergeInsufficientCards { 
    color: red; 
    font-size: 14px; 
    padding-bottom: 15px; 
}



.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../../../content/dam/Dunkin_Donuts/balanceMerge/loading.gif') 50% 50% no-repeat transparent;
}

.selectablemanagemytabpanel #technical-error {
    color: red;
    font-size: 14px;
    padding-bottom: 15px;
}