@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: "Open Sans";
 src: url("https://fonts.googleapis.com/css?family=Open+Sans"),
}


body{
margin:0;
top:0;
padding:0;
font:12px Century Gothic, futura, helvetica, arial, sans-serif;
background-color:#c0c0c0;
}
.wrapper
{
margin:0 auto;
background-color:#FFFFFF;
}
td{
font:11px Century Gothic, futura, helvetica, arial, sans-serif;
color:#040404;

}

a img {
  border:0;  
  padding: 5px;

}


img#Image1, img#Image0{
  width: 408px;
}


a {
  
  text-decoration:none;
}
a:hover {
  
  text-decoration:underline;
}
td .padding_left20
{
  padding-left:12px !important;
}
td .padding_left30
{
padding-left:30px !important;
}
.padding_10{
padding:9px;
}
.paddingleft_15{
padding-left:15px;
}
.paddingtop_8{
padding-top:8px;
}
.paddingtop_5{
padding-top:5px;
}
.padding_right15{
padding-right:15px;
}

/* --------------------------------------------------------- Font Styles ---------------------------------------- */

.ord_gray_txt11{
font:11px;
color:#8F8F8F;
}

.ord_gray_txt{
font-size:22px;
color:#7e28c4;
}


td .pink30_txt{
font-size:46px;
color:#7e28c4;
}

.pink12_txt{
font:13px;
color:#7e28c4;
}

.blk_main_heading24{
font:bold 24px;
color:#000000;
}

/* ------------------------------------------------------- Font Styles -------------------------------------------------- */


.contentbackgroundcolor{
  background-color:f4f2f3;
  }

/* ----- Alignment Styles --------- */
.padding_right5{
padding-right:5px;
}


.padding_right10{
padding-right:10px;
}
.padding_right12{
padding-right:12px;
}


.padding_left20{
padding-left:12px;
}


.padding_right30{
padding-right:28px;
}

/* ----- Alignment Styles -------------- */







/*  ---- Form Element Styles ------ */
.input_border{
border:1px solid #969696;font-size:11px; color:#8a8a8a; padding-left:2px;
}

.input_textfield{
border:1px solid #969696; font-size:11px;
}


.radio_btn{
height:8px;
}
label{
line-height:10px;
}
/*  ----  Form Element Styles ------ */







/* ------ Header Menu Styles ------------------ */
ul#header_nav{
margin:0;padding:0;
}

ul#header_nav li{
margin:0;padding:0;
display:inline;
padding:0px 2px;
color:#959595;
font:11px Arial, Helvetica, sans-serif;

}
ul#header_nav li a{
font:11px Arial, Helvetica, sans-serif;
color:#959595;
text-decoration:none;
}
ul#header_nav li a:hover{
text-decoration:underline;
}

.search{font:12px Arial, Helvetica, sans-serif;
color:#959595;
font-weight:bold; }

/* ------ Header Menu Styles ------------------ */





/* ------ Top Nav Styles ------------------ */
.menu_bg{
background:#FF3399 url(../images/iom/menu_bg.gif) repeat-x;
}

#top_menu{
height:32px;
}

#top_menu td{
margin:0;
padding-bottom: 6px;
color:#FFFFFF;
font:12px Verdana, Arial, Helvetica, sans-serif;
}

#top_menu  a{
text-decoration:none;
color:#FFFFFF;
}

#top_menu  a:hover{
text-decoration:underline;
}

/* ------ Top Nav Styles ------------------ */

/* ------------------- Content Styles ------- */

.place_an_order_tbl{
background:url(../images/iom/place_an_order_table_bg.gif) repeat-x;
}
/*--------------------------------pendingorders---------------------*/

/*---------------------button style-------------------------*/
p.button {
  background:url(../images/iom/btn_red_bgleft.gif) no-repeat top left;
  float:right;
    padding: 0px 0px 0 10px;
    margin: 1px 0px 0px 23px;
}
.buttonBg {
  background:url(../images/iom/btn_red_bgright.gif) no-repeat top right;
  border:0;
  height:22px;
  color:#FFFFFF;
  padding:2px 22px 5px 15px;
  font-size:12px;
  font-weight:bold;
  font-family:Open Sans;
  vertical-align:middle;
  cursor:pointer;
  width:0;
  overflow:visible;
}
input.buttonBg[class]{
    width: auto;
}
/*---------------------button style over-------------------------*/
td.content
{
padding:20px;
}
td.content h1
{
font-size:22px;
font-weight:bold;
padding:0px 0 10px 10px;
}
td.tbl_bgleft
{
background:url(../images/iom/tbl_header_bgleft.gif) no-repeat left top;
width:33px;
height:45px;

}
td.tbl_bgmid
{
background:url(../images/iom/tbl_header_bgmid.gif) repeat-x top;
}
td.tbl_bgright
{
background:url(../images/iom/tbl_header_bgright.gif) no-repeat right top;
width:40px;
height:45px;
}
table.alt_rows
{
border-bottom:solid 1px  #e1dfdf;
text-align:center;
}
table.alt_rows td
{
padding:2px;
}
tr.bgalt
{
background-color:#f2f2f2;

}
.border_right
{
border-right:solid 1px  #e1dfdf;
}
.border_left
{
border-left:solid 1px  #e1dfdf;
}

.border_top{border-top:solid 1px #b7b6b6;}

td.tbl_header
{
color:#fff;
font-size:12px;
font-family:Open Sans;
font-weight:bold;
}
.alt_rows td
{
font-size:12px;
}
td h2
{
font-size:12px;
font-weight:bold;
padding:10px;
}
p.contentfirst{
font-size:11px;
padding:20px 10px 0 10px;
}
p.contentlast{
font-size:11px;
padding:5px 10px 10px 10px;
}
/*------------------------------------------------------Line entry-------------------------------------------*/
/*-----------------------------------------------lineentry----------------------------------*/
.tbl_bannerorder
{
border:solid 1px #7e28c4;
text-align:center;
font-size:12px;
margin-bottom:1px;
}
.bg_lightpink
{
border-right:solid 1px #7F28C4;
border-top:solid 1px #7F28C4;
background-color:#fdf6f6;
}
.bg_lightpinklast
{
border-right:none;
border-top:solid 1px #7F28C4;
background-color:#fdf6f6;
}

ul.breadcrumb_line li
{
list-style-type:none;
display:inline;
}
ul.breadcrumb_line li a
{
float:left;
padding:2px 10px;
background:url(../images/iom/arrow_blackright.gif) left no-repeat;
list-style-type:none;
text-decoration:underline;
color:#494848;

}
ul.breadcrumb_line li a:hover
{
float:left;
padding:2px 10px;
background:url(../images/iom/arrow_blackright.gif) left no-repeat;
list-style-type:none;
text-decoration:none;
color:black;
}
ul.breadcrumb_line li.active a
{
float:left;
padding:2px 10px;
background:url(../images/iom/arrow_redright.gif) left no-repeat;
list-style-type:none;
text-decoration:underline;
color:black;
font-weight:bold;
}
ul.breadcrumb_line li.active a:hover
{
float:left;
padding:2px 10px;
background:url(../images/iom/arrow_redright.gif) left no-repeat;
list-style-type:none;
text-decoration:none;
color:#7e28c4;
font-weight:bold;
}
ul.nav_lineentry li a
{
float:left;
padding:0px 0px;
background:url(../images/iom/bg_menunormalright.gif) right no-repeat;
height:26px;
text-decoration:none;
color:#636060;
font-size:14px;
line-height:1.8;
text-align:center;
width:100px;
}

ul.nav_lineentry li.last a
{
background:none;
}
ul.nav_lineentry li a:hover
{
background:url(../images/iom/bg_menuactive.gif) left no-repeat;
color:#ffffff;
font-size:14px;
border-right:none;
text-decoration:none;
}
ul.nav_lineentry li.active a
{
background:url(../images/iom/bg_menuactive.gif) left no-repeat;
color:#ffffff;
font-size:14px;
text-decoration:none;
}
td .bg_nav
{
background:url(../images/iom/bg_menunormal.gif) left repeat-x;
border-bottom:#c3c1c1 solid 1px;
}
ul.nav_lineentry li 
{
list-style-type:none;
display:inline;

}
.tbl_bgpink
{
  background:url(../images/iom/bg_pink.gif) repeat-x top #f4f2f3;
  margin-bottom:-10px;
  width: 795px;
}
.padding_9
{
padding:9px;
}
.input_testacc
{
height:17px;
font-size:11px;
}
.tbl_header a
{
font-weight:bold;
color:#fff;
font-size:12px;
text-decoration:underline;
}
.tbl_lineentry
{
text-align:center;
}
.bg_ebeaea td
{
color:#000;
background-color:#ffffff;
font-weight:bold;
text-align:center;
font-family:Open Sans;
font-size:10px;
}
.font_bold
{
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  color:#000000;
    font-weight:bold;
    height: 32px;
}

td.tbl_bgleft2
{
background:url(../images/iom/tbl_header_bgleft.gif) no-repeat left top;
width:26px;
height:40px;

}
td.tbl_bgmid2
{
background:url(../images/iom/tbl_header_bgmid.gif) repeat-x top;
}
td.tbl_bgright2
{
background:url(../images/iom/tbl_header_bgright.gif) no-repeat right top;
width:26px;
height:40px;
}
td.tbl_bgleft3
{
background:url(../images/iom/tbl_header_bgleft3.gif) no-repeat bottom left;
width:23px;
height:26px;

}
td.tbl_bgmid3
{
background:url(../images/iom/tbl_header_bgmid3.gif) repeat-x bottom;
height:26px;
}
td.tbl_bgright3
{
background:url(../images/iom/tbl_header_bgright3.gif) no-repeat  bottom right;
width:26px;
height:30px;
}
div.div_table
{
height:250px;
overflow-y:scroll;
overflow-x:hidden;
float:left;
width:100%;
background-color:f4f4f6;
font-family:Open Sans;
font-size:10px;

}
div.div_table_small
{
height:105px;
overflow-y:scroll;
overflow-x:hidden;
float:left;
width:100%;
}
.txt_prod{
width:60px;
}
.txt_qty{
width:30px;
font-size:11px;
}
.select_number{
width:30px;
}
.padding_bottom10
{
padding-bottom:10px;
background-color:#f4f2f3;
}
.tbl_outerline
{
border:solid 1px #ebeaea;
background-color:#f4f4f6;
}
.view a
{
color:#606161;
text-decoration:underline;
font-weight:bold;
font-size:11px;
font-family:open sans;
}
p.buttonpink{
  background:url(../images/iom/btn_pink_bgleft.gif) no-repeat top left;
  float:right;
    padding: 0px 0px 0 6px;
    margin: 0px 27px 0px 15px;
}
            
.buttonBgpink {
  font-family:Open Sans;
  background:url(../images/iom/btn_pink_bgright.gif) no-repeat top right;
  border:0;
  height:24px;  
  padding:0 7px 0px 0px;
  font-size:12px;
  color:white;
  font-weight:bold;
  vertical-align:middle;
  cursor:pointer;
  width:0;
  overflow:visible;
  
}
input.buttonBgpink[class]{
    width: auto;
}
.buttonBgpinkcancel {
  background:url(../images/iom/btn_pink_bgrightcancel.gif) no-repeat top right;
  border:0;
  height:24px;  
  padding:0 32px 0px 11px;
  font-size:11px;
  color:#c9181a;
  font-weight:bold;
  vertical-align:middle;
  cursor:pointer;
  width:0;
  overflow:visible;
}
input.buttonBgpinkcancel[class]{
    width: auto;
}
.bg_fff9f9
{
background-color:#fff9f9;
border:solid 1px #979797;
color: #FF7474;

}
.bg_fff9f9 td
{
color:#000000;
padding:3px !important;
font-family:arial;
font-size:11px;
}
td.font_12
{
font-size:12px;
font-family:Open Sans;
color:#606161;
padding-left:5px;
padding-right:0px;
}
.border_bottomd7d1d1
{
border-bottom:solid #d7d1d1 1px;
}
.bor_outer{
border:solid 1px #d7d1d1
}
.bg_f3f2f2
{
background-color:#f3f2f2;
}
.bg_cecdcd
{
background-color:#cecdcd;
}
td h3
{
font-size:15px;
font-weight:bold;
padding:10px;

text-align:center;
}
.font_small_caps
{
font-variant:small-caps;
}
.tbl_orderpack td
{
font-size:12px;
}
/*-----------------------------------line-entry---------------------------------------------------------*/
/*-----------------------------------add_customer---------------------------------------------*/
table .bg_f2f2f2
{
background-color:#f2f2f2;
border:solid 1px #acacac
}
table .bor_right
{
border-right:solid 1px #acacac;
}
.txt_day{
width:45px;
}
.red_txt
{
color:#993300;
}

.tbl_notes
{
border:solid 1px #b6b6b6;
height:100px;
}
.tbl_bordergray
{
border:solid 1px #aaaaaa;
}
.bg_f5f3f4
{
background-color:#f5f3f4;
}
.padding_5
{
padding:5px;
}

/*--------------------------------add customer-------------------------------------------*/
/*----------------------------------------category---------------------------------------------*/
.bg_f2f0f0
{
background-color:#f2f0f0;
}
.bg_f2f0f0 a
{
color:#666666;
font-size:14px;
text-decoration:none;
padding-right:10px;
font-weight:bold;
font-family:Avant Garde demi;
text-transform:capitalize;
}
.bg_f2f0f0 a:hover
{
color:#cc0000;
font-size:14px;
text-decoration:none;
font-weight:bold;
font-family:Avant Garde demi;
text-transform:capitalize;
}
.padding_3
{
padding:3px;
}
.bg_f2f0f0 td.active a
{
color:#cc0000;
font-size:14px;
text-decoration:none;
font-weight:bold;
font-family:Avant Garde demi;
text-transform:capitalize;
}
.border_rightstyle td {
border-right:solid 1px #767474;

}
.border_bottomgray{
border-bottom:solid 1px #c3c1c1;
}
.border_rightstyle td.last {
border-right:none;
}
.font13
{
font-size:13px;
}
.sort a
{
color:#000;
text-decoration:underline;
}
.sort a:hover
{
color:#000;
text-decoration:none;
}
.bg_efedee
{
background-color:#efedee;
}
.bg_leftfff
{
background:url(../images/iom/bg_leftfff.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_rightfff
{
background:url(../images/iom/bg_rightfff.gif) no-repeat left;
width:30px;
height:25px;
}.bg_botleftfff
{
background:url(../images/iom/bg_bottomleft.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_botrightfff
{
background:url(../images/iom/bg_bottomright.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_midbottomfff
{
background:url(../images/iom/bg_midbottom.gif) repeat-x left;
height:25px;
}
.bg_midbottomfff1
{
background:url(../images/iom/bg_midbottom.gif) repeat-x left;
height:25px;
}
.bg_midtopfff
{
background:url(../images/iom/bg_midtop.gif) repeat-x left;
height:25px;
}
.prod_mid_bg
{
border-right:solid #dad9d9 1px;
border-left:solid 1px #dad9d9;
background:#fff;
}
.representive{
width:150px;
font-size:11px;
}
.choose_order{
width:116px;
font-size:11px;
}

td input.buttonBgorder {
  background:url(../images/iom/bg_addtoorder.gif) no-repeat top right;
  border:0;
  height:17px;
  color:#FFFBEF;
  padding:1 3px 1px 3px;
  font-size:10px !important;
  font-weight:bold;
  cursor:pointer;
  width:96px;
    margin-top: 10px;
}
.font_cac9c9 a{
color:#7f7d7d;
font-weight:bold;
text-decoration:none;
}
ul.single_list li
{
list-style-type:none;
font-size:12px;
line-height:1.5;
padding-left:10px;
}
.colors
{
width:62px;
height:30px;
}
.border_bottomccc
{
border-bottom:#ccc solid 1px;
}
.bg_f2d4b5
{
background-color:#f2d4b5;
}
.bg_eec89f
{
background-color:#eec89f;
}

.bg_e9bb8a
{
background-color:#e9bb8a;
}

.bg_caa075
{
background-color:#caa075;
}

.bg_eacea8
{
background-color:#eacea8;
}

.bg_ceac87
{
background-color:#ceac87;
}
.bg_ae7c4e
{
background-color:#ae7c4e;
}
.bg_ac7346
{
background-color:#ac7346;
}
.font_14
{
font-size:14px;
font-family:open sans;
color:black;
}
td h4
{
font-size:15px;
font-weight:bold;
padding:3px;
}
.txt_qty3
{
width:25px;
}
/*---------------------------------------favorites8------------------------*/
h2.heading
{
font-size:17px;
font-weight:bold;
padding:0;
margin:0;
padding-bottom:10px;
color:#fff;
}
.txt_black a
{
text-decoration:none;
font-family:arial;
font-size:12px;
 color:#000000;
}
.txt_black .active a
{
color:#000000;
text-decoration:none;
font-weight:bold;
font-family:arial;
font-size:12px;

}
.bg_f6f4f4
{
background-color:f6f4f4;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
}
.bg_e7e4e4
{
background-color:#e7e4e4;
border-right:solid 1px #d1d1d1;
border-left:solid 1px #d1d1d1;
}
bor_topgray
{
border-top:solid #d1d1d1 1px;
}
/*--------------------------------------------------------------------*/

/* ------ Footer Styles ------------------ */

.footer_menu td{
background: url(../images/iom/footer_bg.gif) repeat-x bottom;
height:32px;
color:#FFFFFF;
font:11px Arial, Helvetica, sans-serif;
padding-top:8px;

}

.footer_menu span a{
text-decoration:underline;
color:#FFFFFF;
font:11px Arial, Helvetica, sans-serif;

}




/* ------ Footer Styles ------------------ */
/* ------ indra ------------------ */

.table_bg{
background-color:#f3f1f2;
border-bottom:1px solid #bebdbd;
}

.tdcell_L{
padding:5px 10px 5px 20px;
border-left:0px solid #fec4c4;
border-right:0px solid #FFFFFF;
}

.tdcell_R{
border-right:1px solid #fec4c4;
}
.tdcell_B{
border-bottom:1px solid #fec4c4;
}

.border_top_white{
border-top:0px solid #FFFFFF;
}

.border_white_r{
border-right:0px solid white;
}
label{
line-height:10px;
color:white;
font:13px Open Sans;
}
a.ord_link{
text-decoration:underline;
color:#000000;
font:15px open sans;
font-weight:bold;
}

.margin_left10{
margin-left:10px;
}


.inner_table_bg{
background:url(../images/iom/inner_table_bg.gif) repeat-x;
}

.td_subheader_bg{
background:url(../images/iom/sub_heading_bg.gif) no-repeat; width:214PX; height:32PX;
}

.sub_heading{
font:bold 13px Open Sans;
color:#FFFFFF;
line-height:20px;
}
.sub_heading1{
font-family:Open Sans;
color:#FFFFFF;
font-size:12px;
line-height:20px;
}
.dropshadow{
  text-shadow: 2px 2px 2px #000;opacity:.65
}
.dropshadow1{
    height: 1em;
  filter: Shadow(Color=#666666,   
      Direction=135, 
      Strength=5);
  
}
.hr_grey{
border-bottom:1px solid #bbb9b9;
}

#fast_order{
background:url(../images/iom/green_arrow_ico.gif) no-repeat 10% 10%;
}

#broucher{
background:url(../images/iom/broucher_ico.gif) no-repeat 10% 10%;
}

#category{
background:url(../images/iom/category_ico.gif) no-repeat 10% 10%;
}

#fav{
background:url(../images/iom/fav_ico.gif) no-repeat 10% 10%;
}

#promotion{
background:url(../images/iom/promotion_ico.gif) no-repeat 10% 10%;
}

ul#alert_list{
margin:0;
padding:0;
}

ul#alert_list li{
margin:0;
padding:0;
background:url(../images/iom/pink_arrow.gif) no-repeat 2% 45%;
padding:5px 0px 5px 15px;
list-style-type:none;
}

ul#alert_list li a{
text-decoration:underline;
color:#040404;
}


.td_top_border{
border-top:1px solid #bebdbd;
}
.td_left_border{
border-left:1px solid #bebdbd;
}
.td_right_border{
border-right:1px solid #bebdbd;
}

.table_footer_bg{
background-color:#8a8888;
}


table#inner_table td{
padding:5px 5px 5px 50px;
border-right:1px solid white;
}

table#inner_table td#promotion{
padding:5px 5px 5px 50px;
border-right:1px solid #bebdbd;
}


.blk_txt14{
font:14px Arial, Helvetica, sans-serif;
color:#000000;
}

.pink30_txt{
font:30px Arial, Helvetica, sans-serif;
color:#FF3399;
}

a.white_link{
color:#FFFFFF;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
background:url(../images/iom/grey_arrow.gif) no-repeat 2% 50%;
padding:0px 10px;
}

.select_100{
width:120px;
margin-left:20px;
margin-top:3px;
margin-right:10px;
font:12px Arial, Helvetica, sans-serif;
}
.place_an_order_tbl1{
background:url(../images/iom/place_an_order_table_bg.gif) ;
}

/*  Ind newly added 25 8.00pm*/


.dashboard_innertbl_bg{
background:url(../images/iom/Dashboard_inner_tbl_bg.gif) repeat-x;
}


.pattern_bg{
background:url(../images/iom/pattern_bg.gif) repeat-x;
}

.grd_tbl_bg{
background:url(../images/iom/grd_tbl_bg.gif) repeat-x;
}

.pink12_SubHeading{
font:bold 12px Arial, Helvetica, sans-serif;
color:#e80079;
padding:1px 0px 1px 5px;
}

.padding_left5{
padding-left:5px;
}

.td_bot_border{
border-bottom:1px solid #bebdbd;
}
.dash_pinkbg{
background-color:#fdf5fa;
}
.padding5{
padding:5px;
}

.padding2{
padding:2px;
}

.dash_italic_txt{
font-style:italic;
margin-left:15px;
}

a.dash_link{
background:url(../images/iom/dash_pink_arrow_ico.gif) no-repeat 0% 50%;
padding-left:20px;
color:#000000;
height:18px;
text-decoration:underline;
}

.padding_right20{
padding-right:20px;
}

.padding_top5{
padding-top:5px;
}

.plus_ico_bg{
background:url(../images/iom/plus_ico.gif) no-repeat 15% 50%;
}

ul#incentive_list{
margin:0;
padding:0;
}

ul#incentive_list li{
margin:0;
padding:0;
background:url(../images/iom/pink_arrow.gif) no-repeat 2% 20%;
padding-left:15px;
list-style-type:none;
}

a.ord_text10{
font-size:11px;
color:#000000;
font-weight:bold;
}

.grey_table_bg{
background-color:#e6e9ee;
border-bottom:1px solid #bebdbd;

}


.sub_heading_gray{
background:url(../images/iom/side_bar_greybg.gif);
height:21px;
}


.red_italic_txt{
font-style:italic;
color:#dc2021;
}

.margin_top10{
margin-top:10px;
}

ul#dash_right_bar_list{
margin:0px;
padding:0px;
list-style:none;
}
ul#dash_right_bar_list li{
padding:5px 10px;
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 2% 15%;
}

.blue_grey_arrow_ico{
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 7% 50%;
}

.red_dot_ico{
background:url(../images/iom/red_dot_arrow.gif) no-repeat 0% 50%;
padding:5px 15px;
}


a.grey_link{
color:#333333;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 2% 50%;
padding:0px 10px
}


/*  Indira STyles 3-26-09  */

.limited_offer_top_curve{
background:url(../images/iom/limited_offers_topcurve.gif) no-repeat 100% 0%;
}
.limited_offer_bot_curve{
background:url(../images/iom/limited_offers_botcurve.gif) no-repeat 100% 100%;
}

.limited_offers_bg{
background-color:#FFFFFF;
}

.pink15_txt{
font-size:15px;
font-weight:bold;
color:#FF3399;
}
.pink22_txt{
font-size:22px;
font-weight:bold;
color:#FF3399;
}
#limited_offers_tbl{
display:none;
}

#this_campaign_tbl{
display:none;
}

#my_dashboard{
display:block;
}

.padding_top10{
padding-top:10px;
}
/*  Indira Styles 03272009 */
.pop_main_header_txt{ 
  color:#000000;
   font-size:18px; 
   font-weight:bold;
   line-height:30px;
   font-family:Avant Garde Demi;
   }
.close_btn{position:absolute;right:10;top:2;}
.pop_up_border{border:1px solid #666;}
.pop_up_selectbox_border{border:1px solid #284279}
body#pop_add_to_order{color:#33CC99 !important}
/* ------ popups ------------------ */


.font_14
{
font-size:14px;
}

.grey_bg_table{
background-color:#f4f2f2;
}

.ord_gray_txt_dark{
font-size:12px;
color:#636060;
}

.grey_table_bg1{
background-color:#e6e9ee;
}

ul#brochure_list_nav{
margin:0px;
padding:px;
}

ul#brochure_list_nav li{
margin:0px 0 0 3px;
background:url(../images/iom/broucher_navlist_left_curve.gif) no-repeat left top;
float:left;
list-style:none;
padding:0 0px 5px 0px;
color:#4071a9;!important
}

ul#brochure_list_nav li span{

display:block;float:left;
margin-left:6px;
background:url(../images/iom/broucher_navlist_bg.gif) repeat-x 0% 100%;
}

ul#brochure_list_nav li span a{
background:url(../images/iom/broucher_navlist_right_curve.gif) no-repeat 100% 100%;
display:block;
float:left;
height:19px;
margin-left:10px;
padding-right:23px;
color:#4071a9;
font-size:11px;
font-family: Georgia, "Times New Roman", Times, serif;
}

ul#brochure_list_nav li span span{
background:url(../images/iom/broucher_navlist_right_curve.gif) no-repeat 100% 100%;
display:block;
float:left;
height:19px;
margin-left:10px;
padding-right:23px;
}

ul#brochure_list_nav li input.img_input{
height:13px;

}

ul#brochure_list_nav li input.txt_input{
height:14px;
margin-left:15px;
margin-right:5px;
}

table#promo_table td{
padding:5px 5px 5px 30px;
font-size:12px;
background:url(../images/iom/arrow_redright.gif) no-repeat 2% 50%;
}

table#promo_table td.odd_row{
background-color:#e7e4e4;!important
}

table#promo_table td.even_row{
background-color:#f6f4f4;
}

table#promo_table a.discount_ico_bg{
background:url(../images/iom/discounted_purchase_promo_ico.gif) no-repeat 100% 50%;
padding-right:25px;
}

table#promo_table a.conditional_promo_ico_bg{
background:url(../images/iom/conditional_purchase_promo_ico.gif) no-repeat 100% 50%;
padding-right:25px;
}


div.promo_table
{
height:450px;
overflow-y:scroll;
float:left;
width:100%;
}

.promo_td_bot
{
border-bottom:solid 1px #cdcaca;
}

/*  Indira Styles 03272009 */
/* */
/* ------ popups ------------------ */
.bg_blue{background-image:url(../images/iom/pop_blue_bg.gif); height:auto; background-repeat:repeat-x;}
.pop_header{ color:#323638; font-size:14px; font-weight:bold; padding-top:10px;} 
.pop_closebtn{color:#8a8e8f; font-weight:bold; font-size:10px;}
.pop_border{border:1px #a3a3a3 solid;}
.pop_font{color:#323638; font-size:11px;}
.select_txt{font-size:11px;color:#323638; width:200PX;}
.padding_left10{padding-left:10;}
.padding_left2{padding-left:2;}

/* ------ popups ------------------ */


/*-------------------------------------------order_submitted-----------------------*/
.border_c77474
{
border:solid 1px #c77474;
}
.bg_f4f1f1{
background-color:#f4f1f1;
border:solid 1px #bbb9b9;
}
.padding_20
{
padding:20px;
}
/*-----------------------------------------My Customers----------------------------*/
td input.buttonBgsearch {
  background:url(../images/iom/btn_search.gif) no-repeat top right;
  border:0;
  height:22px;
  color:#FFFFFF;
  padding:0 3px 2px 3px;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
  width:73px;
}
.search_links a
{
padding-right:1px;
text-decoration:none;
font-size:12PX;
}
a.active
{
  font-family:'Open Sans', sans-serif;
  font-size:12px;

}
.my_customer td
{
font-size:12px;
}
.bg_ebeaea2
{
background-color:#ebeaea;
}
.txt_fff
{
color:#fff;
}
.centre_align
{
margin:0 auto;
}

/* ------ Geeth ------------------ */

.orderbrochure_header{ line-height:30px;}
.orderbrochure_content{ height:30px;}
.error_alert{color:#c9181a;font-weight:bold;font-size:11px;height:30px;}
.normal_blacklink{text-decoration:underline;color:#000000; font-size:11px;}
.text_currency{width:25px;}
.text_date{width:55px;}
.mandatory_field{color:#000000; font-size:11px;}

/*-----31 march ----*/
.dicount_tbl_toplft
{
background:url(../images/iom/discount_top_left.gif) no-repeat top left;
width:12px;
height:28px;
}
.dicount_tbl_toprght
{
background:url(../images/iom/discount_top_right.gif) no-repeat top left;
width:12px;
height:28px;
}
.dicount_tbl_btmlft
{
background:url(../images/iom/discount_bottom_left.gif) no-repeat top left;
width:12px;
height:17px;
}
.dicount_tbl_btmrght
{
background:url(../images/iom/discount_bottom_right.gif) no-repeat top left;
width:12px;
height:17px;
}
.pad_top{margin-top:10px; width:329px;}
.bordr_pink{ border-top: 1px solid #f06e8c;}
.bordr_pink_bottom{ border-bottom: 1px solid #f06e8c;}
.bordr_pink_left{ border-left: 1px solid #f06e8c; line-height:30px;}
.bordr_pink_right{ border-right: 1px solid #f06e8c; line-height:30px;}
.sell_discount_txt{font-weight:bold; color:#000000; font-size:20px; font-family:arial;}
.sell_discount_txt_nrml{color:#000000; font-size:20px; font-family:arial; font-weight:100;}
.sell_bg{background-color:#fcf4f7;}
.discount_meter{border-top:1px solid #a2d29c; border-bottom:1px solid #8bc783; border-right:1px solid #8bc783; width:280px; background-color:#ebfce8; margin-top:5px;}
.discount_meter_rightbrdr{border-right:1px solid #dcdada; width:38px; color:#adacac; font-size:12px; font-weight:bold; padding-left:3px;}
.discount_meter_rightbrdr_green{border-right:1px solid #dcdada; width:90px;border-left:1px solid #8bc783; }
.discount_arrow{ background:#ffffff; width:110px; height:15px; vertical-align:top;}
.discount_seperator{ border-top:1px solid #fdcbd7; padding-top:7px;}
.popup_orderbrochure{ padding-right:25px; height:115px; vertical-align:bottom;}
.input_search_category{height:17px;font-size:11px;width:140px;}
.popup_search_hdr{color:#979797; font-size:22px; font-family:Tw Cen MT;}
.normal_orlink{text-decoration:underline;color:#000000; font-size:12px;}
.popup_results_outrbrdr{border:solid 1px #979797;}
.txtbox_txt{color:#7e7e80; font-size:11px;}
.div_fst_ordrtable
{height:230px;overflow-y:scroll;float:left;width:100%;}
/*-----31 march ----*/

/* ------ Geeth ------------------ */


/*----------------divya-----------------*/

.blk_txtbold12{
font:12px Arial, Helvetica, sans-serif;
color:#000000;
}
.campaignTblBG{
background-color:#f4f2f2;
}
.addBookmarkBG{
background-color:#e6e9ee;
padding:3px;
padding-right:5px;
color:#006699;
vertical-align:middle;
}
#campaignContent.td{
padding:15px;
}

.returnsDrop{
padding:0px 20px 5px 20px;
vertical-align:middle;
}

a.returnsSearch{
color:#222222;
font-size:11px;
text-decoration:underline;
vertical-align:middle;
font-weight:bold
}

.textBoxBlue{
width:120px;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementDropBoxBlue{
width:80%;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementDropBoxBlueSmall{
width:70%;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementTextbox40{
width:40px;
border:1px solid #999999;
height:13px;
font:10px Arial, Helvetica, sans-serif;
}
.replacementTextbox{
width:30px;
border:1px solid #999999;
height:13px;
font:10px Arial, Helvetica, sans-serif;
}
.replacementTextboxSmall{
width:25px;
border:1px solid #999999;
height:13px;
font:10px Arial, Helvetica, sans-serif;
}
.replacementActive{
color:#666666;
height:20px;
}
.replacementInactive{
color:#aaaaaa;
height:20px;
}

#replacementsTbl{
height:200px;
overflow-y:scroll;
overflow-x:hidden;
margin-right:5px;
margin-left:4px;
}
.padding20{
padding:20px 20px 20px 20px;
}
.paddingRight15{
padding-right:20px;
}
.txt_arailgrey12{
color:#333333;
font:12px Arial, Helvetica, sans-serif;
}
.txt_arailgrey12bold{
color:#333333;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}
.returnsHead{
color:#333333;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.purpleText{
color:#916581;
font:12px Arial, Helvetica, sans-serif;
}
.bg_333333{
background-color:#333333
}
.white_txtBold{
font-size:12px;
color:#ffffff;
}
.border_leftWhite{
border-left:2px solid #ffffff;
}

.ord_gray_txt10{
font-size:10px;
color:#555;
}

/*----------------divya-----------------*/




/* ---- Indira Styles ----- */


.padding_left2{
padding-left:2px;
}
.select_200{
width:200px;
}

.red_txt2{
color:#df0111;
}

.padding_15{
padding:15px;
}

.paddingtop_15{
padding-top:15px;
}

.order_btnBg {
  background:url(../images/iom/order_btn.gif) no-repeat;
  border:0;
  height:18px;
  line-height:17px;
  color:#FFFFFF;
  padding:0 11px 0 8px;
  font-size:11px;
  font-weight:bold;
  vertical-align:middle;
  cursor:pointer;
}

.pink_bg{
background-color:#fcf4f7;
}


.add_to_order_btnBg {
  background:url(../images/iom/shiny_add_to_order.gif) no-repeat top left;
  border:0;
  height:26px;
  line-height:25px;
  color:#FFFFFF;
  margin:0px;
  font-size:11px;
  font-weight:bold;
  vertical-align:middle;
  cursor:pointer;
  width:92px;
}



.see_offer_btnBg {
  background:url(../images/iom/see_offer.gif) no-repeat 0 50%;
  border:0;
  height:18px;
  line-height:17px;
  color:#FFFFFF;
  margin:0px;
  font-size:11px;
  font-weight:bold;
  vertical-align:middle;
  cursor:pointer;
  width:92px;
}

.txt_11{
  font-size:11px;
}

.IO_pink_border_top{
border-top:1px solid #f06e8c;
}

.IO_pink_border_left{
border-left:1px solid #f06e8c;
}

.IO_pink_border_right{
border-right:1px solid #f06e8c;
}

.IO_pink_border_bot{
border-bottom:1px solid #f06e8c;
}

.blk_txt18{
font:18px Arial, Helvetica, sans-serif;
color:#000000;
}


.td_bottom_bg{
background:url(../images/iom/td_bottom_bg.gif) repeat-x;
}

.arrow_IO_gray{
background:url(../images/iom/arrow_io_gray.gif) no-repeat 5% 50%;
}

.dotted_line_bg{
background:url(../images/iom/dotted_bg1.gif) no-repeat 101% 0%;
}

.dotted_line_bg1{
background:url(../images/iom/dotted_bg1.gif) no-repeat -1% -5%;

}


.margin_top20{
margin-top:20px;
}

.padding_left15{
padding-left:15px;
}

.arrow_IO_gray_rev{
background:url(../images/iom/arrow_iorev_gray.gif) no-repeat  95% 50%;
}
.txt_maroon14{
font:12px open sans;
color:black;
}

.select_37{
width:37px;
}

.Io_table_header_bg{
background:url(../images/iom/IO_table_header_bg.gif) repeat-x;
}

/* ---- Indira Styles ----- */
/*---------------headerchange--------------------*/
.bg_darkblue
{
background:url(../images/iom/bg_darkblue.gif) repeat-y #035ab2 right; 
color:#fff;
font-size:12px;
}
.border_pink
{
border:solid 1px #b274b5;
}
.errorInputProdNR{  
 font: 11px Arial; 
 background-color: #FF7474; 
 color: #000000; 
 border: 1px solid #646464;
 width: 45px;
 height: 15px;
}

/* Added for Discount Dashboard */
.discountUsed
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
}

.discountRemaining
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
}
.discountUsedRightBorder
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-right:solid 1px #e1dfdf
}

.discountRemainingRightBorder
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-right:solid 1px #e1dfdf
}
.discountUsedLeftBorder
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-left:solid 1px #66CC66
}

.discountRemainingLeftBorder
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-left:solid 1px #66CC66
}
.fullWidth
{
 width: 100%;
}
/* ------- Added for style guide changes MBPlus ----- */

.place_an_order_tbl2{
/*background:url(../images/iom/place_an_order_table_bg.gif) repeat-x ;*/
  background: #7e28c4;
}
.padding_10_1{
padding-left:10px;
padding-right:10px;
}
.bg1_f2f0f0 a
{
color:#636060;
font-size:14px;
text-decoration:none;
padding-right:10px;
font-weight:normal;
text-align:center;

}
td.active1 a
{
color:#FFFFFF;
font-size:15px;
text-decoration:none;
font-weight:normal;
text-align:center;
}
.border_bot_top_gray{
border-bottom:solid 1px #c3c1c1;
border-top:solid 1px #c3c1c1;
}

td.bg1_f2f0f0
{
background-color:#f2f0f0;
text-align:center;
width:15%;
}
td.bg2_f2f0f0
{
background-color:#636060;
text-align:center;
width:15%;
}
.sub_heading2{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:15px;
}

td.mouseOver_bg
{
background-color:#636060;
font-size:13px;
text-decoration:none;
text-align:center;
width:15%;
}
td.mouseOver_txt a
{
color:#ffffff;
text-decoration:none
}
td.mouseOver_txt a:hover
{
color:#ffffff;
text-decoration:none
}
td.mouseOut_cell
{
color:#636060;
background-color:#f2f0f0;
font-size:13px;
text-decoration:none;
text-align:center;
width:15%;
}
.padding_dashboard
{
padding-left:5;
padding-right:5;
}
tr.bgaltwhite
{
background-color:#ffffff;

}
/*Category_style*/


.bg_f2f0f01
{
background-color:#f2f0f0;
}

.bg_f2f0f01 a
{
font-size:12px;
text-decoration:none;
font-family:Arial,Verdana,Sans-serif;
text-transform:capitalize;
}
.bg_f2f0f01 a:hover
{
color:#c90202;
font-size:12px;
text-decoration:none;
font-family:Arial,Verdana,Sans-serif;
font-weight:bold;
}
.bg_f2f0f01 td.active a
{
color:#c90202;
font-size:12px;
text-decoration:none;
font-weight:bold;
font-family:Arial,Verdana,Sans-serif;
}
td.category_text
{
padding-left:5px;
padding-right:0px;
padding-top:1px;
padding-bottom:1px;
text-color:#000000;
font-size:12px;
text-decoration:none;
font-family:Arial,Verdana,Sans-serif;
  
}
ul.category_prodType
{
width:100%;
}
ul.category_prodType li a
{
color:#8F8F8F;
font-weight:bold;
font-size:13px;
font-family:Verdana,Arial,Sans-serif;
text-align:center;
}
ul.category_prodType li a:hover
{
color:#BF2F2F;
font-weight:bold;
font-size:13px;
font-family:Verdana,Arial,Sans-serif;
text-align:center;
}
ul.category_prodType li.active_cat a
{
color:#BF2F2F;
font-weight:bold;
font-size:13px;
font-family:Verdana,Arial,Sans-serif;
text-align:center;
}
.segmentHeader
{
padding-left:10px;
padding-top:10px;
font-size: 12px;
font-weight: bold;
font-style: inherit;
font-variant: small-caps;
font:Arial;
}
.tbl_outerline_cat
{
border-top:solid 2px #ebeaea;
border-right:solid 1px #ebeaea
}
td.tbl_outerline_top_bot
{
border-top:solid 2px #ebeaea;
border-bottom:solid 2px #ebeaea;
height:2px;
}
table.padding10
{
  padding-left:10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
td.segments a
{
font-size: 12px;
font-style: inherit;
font:Arial;
text-transform:capitalize;
}
/*
td.segments_mouseOver a
{
  color:#000000;
  padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font:Arial;
}
td.segments_mouseOver a:hover
{
  color:#EF0ED5;
  padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font:Arial;
}
td.segments_mouseOut a
{
color:#000000;
padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font:Arial;
}
*/


/* Added Newly for Style Guide Issues*/
/*************************** Calendar - Start ***************************************/
.campaign_All{
  font-weight: bold;
  color:#7F28C4;
}
               
.dueby_text{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color:#000000;
}
.daysLeft_text{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color:#7F28C4;
  font-size:12px;
}               
               
               
               
.accName_Text{
  font-weight: bold;
  color:#7F28C4;
  font-size:25px;
}
table.order_table
{
  color:#000000;
  font-size:12px;
  font-family: arial, sans-serif;
  width:250px;
  
}
.acc_info_text
{
  font-family: arial, sans-serif;
  line-height: 12px;
  font-size:10px;
  color:#000000;
}
/*************************** Calendar - End ***************************************/

/*************************** Search - Start ***************************************/
.search_imageText{
  font-size:12px;
  font-weight: bold;
  color:#6a696a;
  font-family: Avant Garde,Century Gothic,sans-serif;
  }
.search_defaultText{
  font-size:11px;
  font-family: arial, sans-serif;
  color:#8a8a8a;
  }
.search_GoImage{
  font-size:9px;
  font-family: Avant Garde,Century Gothic,sans-serif;
  color:#000000;
  }
/*************************** Search - End  ****************************************/

/*************************** Products Display - Start *************************************/
.bg_f5f3f4
{
background-color:#f5f3f4;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
}
.bg_e8e4e3
{
background-color:#e8e4e3;
border-right:solid 1px #d1d1d1;
border-left:solid 1px #d1d1d1;
}
/************************** Products Display - End **********************************/

.box_action_text{
  font-family:open sans;
  font-size:10px;
  color:#000000;
  }
.saved_customer_name{
  font-size: 12px;
  font-family:arial;
  color:#000000;
  line-height: 21px;
  
  } 
.order_methods_active{
  font-family: Avant Garde Demi;

}
.order_methods_inactive{
  font-family: Avant Garde;
}
.order_method_campaign{
  font-family:Open Sans;
  font-size:15px;
  color:#000000;
  font-weight:bold;
  background-color:#ffffff;
  padding-left:22px;
  }
.arial_bold{
  font-family: arial, sans-serif;
  font-weight: bold;
}
.font_24{
  font-size: 24px;
}
.font_30{
  font-size: 46px;
}
.font_12
{
  font-size:12px;
}
.line_height_12{
  line-height: 12px
}
.line_height_14{
  line-height: 14px
}
.color_ed008c{
  color:#7F28C4;
}
.color_000000{
  color:#000000;
}
.color_cc0000{
  color:#cc0000;
}
table.placeAnOrder_image img{
  height:22px;
  width:22px;
  }



img.product_small
{
  border: none;
  width: 130px;
  height: 146px;
}

img.product_large
{
  border: none;
  width: 185px;
  height: 195px;
}

img.product_xl
{
  border: none;
  width: 474px;
  height: 500px;
}

img.shades
{
  border: none;
  width: 60px;
  height: 30px;
}

img.promo_overlay
{
  border: none;
  width: 60px;
  height: 63px;
}

img.transaction_button
{
  border: none;
  height: 17px;
}
.error_GOMAC{
  font: 15px Arial;
  color: red;
  height: 15px;
  font-weight: bold;
}
div.offers_variants{
  width:100px;
}
div.offers_description{
  width:100px;
  overflow:hidden;
  height:75px;
}


img#readMoreOverlayImagePath{ 
  border: medium none;
    height: 180px !important;
    width: 162px !important;
}

#readMoreOverlayTitle {
    font: 24px Arial,Helvetica,sans-serif !important;
}

#readMoreOverlayDesc{
  font-size: 14px !important;
}

#campaignSelect td
{
text-align:left;
}
                
                
                /* below edited by youssef*/


                    .brochure-loading {
    width: 750px;
    height: 600px;
    background: url(/REPSuite/static/images/brochure/Brochure-HP-loading.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}        
/* RVP WuW Morocco Changes */
.acctHeaderStyle {
  width: 193px;
  height: 36px;
  background-color: #ef008a;
}

.acctTableStyle {
  width: 193px;
  height: 28px;
  background-color: #e6e9ee;
}

.actnHeading{
  width: 111px;
  height: 14px;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;    
}

.acttlimit{
 /*  width: 57px; */
  height: 48px;
 /*  font-family: Helvetica; */
  /* font-size: 10px; */
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  /* color: #000000; */
}

.text-uppercase {
	text-transform: uppercase!important;
}
/* RVP WuW Morocco Changes */
/* RVP WuW Morocco Changes */
.postion_disc{
	position: absolute;
    font-size: 12px;
    margin-left: 41%;
    margin-top: 1%;
}

.campsales{
  width: 70%;
  height: 3px;
  background-color: #ec008c;
}

.curdiscount{
  width: 70%;
  height: 3px;
  background-color: #d1d2d4;
}
tooltip._right:not(._top):not(._bottom) tip tip-arrow {
  border-right: 10px solid #c6c6c6;
}
/* RVP WuW Morocco Changes */
                
                /*Morocco Home and PUP CR Start*/
.spinner_preload{
    position: fixed;
    bottom: 0px;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#666;
    background-image: url('../images/delivopt/spin_preloader.gif');
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.deliv-opts-blk{
	background: #FFFFFF;
    border: 1px solid rgba(24, 24, 24, 0.1);
    box-sizing: border-box;
    margin: 10px 0px;
}
.deliv-hd-banner{
    padding: 8px 10px 8px 30px;
    background: #7F28C4;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.deliv-hd-text{
	font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-left: 30px;
}
.hds-radio{
	float: left !important;
	padding-left: 31px;
}
.hds-blk{
    padding-left: 10px;
}
.hds-addrs-label{
	font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
.hds-addrs{
	font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #707677;
}
.hds-price{
	font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #7F28C4;
}
.hds-price-val{
	font-weight: bold;
}

/*tool tip */
.hds_info{
	/* margin-top: 2px; */
    position: absolute;
}
.HDS_txt_tip_spn {
    /* visibility: hidden; */
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
    /* top: 91%; */
    margin-left: -74px;
    margin-top: 28px;
    /* opacity: 0; */
    /* transition: opacity 0.3s; */
    /* border: 1px solid #E4EDED;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px; */
   /*  font-family: "Arial", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /* line-height: 18px; */
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    
    background: #FFFFFF;
	/* Background / Light II */

	border: 1px solid #E4EDED;
	box-sizing: border-box;
	/* Tooltip & Small Modal */

	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
    
}
.hds_arrow{
	position: absolute;
    margin-top: 19px;
    transition: opacity 0.3s;
    z-index: 2;
  
}
.HDS_tip_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 112px; */
    float: right;
}
.HDStipshow{
	visibility: visible !important;
	opacity: 1 !important;
}
.hds_tip{
	visibility: hidden;
	opacity: 0;
}

.HDS_txt_tip_spn_two{
	width: 90%;
    float: left;
}
.hds-addr-break{
	width: 255px;
    word-break: break-word;
}
/*pup section*/
.pup-radio{
	float: left !important;
	padding-left: 31px;
}
.pup-blk{
    padding-left: 10px;
}
.pup-addrs-label{
	font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
.pup-addrs{
	font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #707677;
}


/*tool tip */
.pup_info{
	/* margin-top: 2px; */
    position: absolute;
}
.PUP_txt_tip_spn {
    /* visibility: hidden; */
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
    /* top: 91%; */
    margin-left: -106px;
    margin-top: 28px;
    /* opacity: 0; */
    /* transition: opacity 0.3s; */
    /* border: 1px solid #E4EDED;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px; */
   /*  font-family: "Arial", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /* line-height: 18px; */
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    
    background: #FFFFFF;
	/* Background / Light II */

	border: 1px solid #E4EDED;
	box-sizing: border-box;
	/* Tooltip & Small Modal */

	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
    
}
.pup_arrow{
	position: absolute;
    margin-top: 19px;
    transition: opacity 0.3s;
    z-index: 2;
  
}
.PUP_tip_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 112px; */
    float: right;
}
.PUPtipshow{
	visibility: visible !important;
	opacity: 1 !important;
}
.pup_tip{
	visibility: hidden;
	opacity: 0;
}

.PUP_txt_tip_spn_two{
	width: 90%;
    float: left;
}
.dlv-righ-blk{
	padding-right: 170px;
	float: right !important;
}
.pup-addr-break{
	width: 255px;
    word-break: break-word;
}
/*pup section*/
.radioBtnDliv-spacing input#radio_HDS:checked:after, 
.radioBtnDliv-spacing input#radio_PUP:checked:after
 {
	width: 11px;
    height: 11px;
    border-radius: 15px;
    top: 1px;
    left: 1px;
    position: relative;
    background-color: #7f28c4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #ffffff;
}
.dlv_tempadr_blk > a{
	font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-left: 30px;
  	color: #7F28C4;
    
}
.dlv_tempadr_blk{
	margin-bottom: 25px;
	margin-top: 10px;
}
.hds-price-blk{
	margin-top: 10px;
}
/*overlay-changes start */
.temp_addr_blk{
	background-color: #fff !important;
}

.temp-addr-input.md-form input[type=text]{
  box-shadow: 0 1px 0 0 #546264!important;
  border-bottom: 1px solid #546264!important;
}


.temp-addr-input.md-form input[type=text]:focus:not([readonly]){
  box-shadow: 0 1px 0 0 #181818!important;
  border-bottom: 1px solid #181818!important;
  color:#181818;
}

label.active.temp-addr-lbl {
    font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 15px;
	text-transform: uppercase;
	color: #546264!important;
}

label.temp-addr-lbl {
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 20px;
	color: #546264!important;
}
.ovrly-cls{
	padding-right: 5px;
}
.ovrly-hd{
	text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}
.ovrly-container{
	padding-top: 50px !important;
    padding-right: 35px !important;
    padding-left: 35px !important;
}
.ovrly-mandate{
	color: #851168!important;
}
.city_info{
	color: #707677;
}
.phone_info{
	color: #707677;
}
.val-disp-none{
	display: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #851168;
}
.val-disp-blk{
	display: block !important;
}

.ct-autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
   /*  top: 100%; */
    top: 43px;
    left: 0;
    right: 0;
    background: #FFFFFF;
	/* Dropdown — Active */
	box-shadow: 0px 2px 4px #E1E1E1;
	border-radius: 4px;
}

.ct-dropdown{
    height: 124px;
    width: 380px;
    overflow-y: auto;
}

/* width */
.ct-dropdown::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.ct-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.ct-dropdown::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.ct-dropdown::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* .autocomplete {
    position: relative;
    display: inline-block;
} */

/*when navigating through the items using the arrow keys:*/
.ct-autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

/*when hovering an item:*/
.ct-autocomplete-items div:hover {
  background: #F6F9F9; 
}

.ct-autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  /* border-bottom: 1px solid #d4d4d4; */ 
  font-family: Montserrat;
  font-style: normal;
  /* font-weight: bold; */
  font-size: 14px;
  color: #707677;
}

.ovly_bottom_sec{
	padding-top: 30px;
	padding-bottom: 40px;
}

.ovly_cancel{
	/* border: 2px solid #7F28C4; */
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    /* width: 175px; */
    color: #7F28C4;
}
.ovly_confirm{
	border: 2px solid #7F28C4;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    /* background: #7F28C4; */
    color: #7F28C4;
    /* margin-left: 22px; */
    text-decoration: none !important;
    display: inline-block;
    /* width: 175px; */
    text-align: center;
    word-break: break-word;
}

a#ovrly_cancel:hover{color:#7F28C4 !important;}
 
a#ovrly_confirm:hover{color:#7F28C4 !important;}

#city.city_tick_input{
	background-image: url(temp_tick_icon.png) !important;
    /* background-position: 358px 10px !important; */
    background-position: 97% 50% !important;
    background-repeat: no-repeat !important;
    /* padding-right: 40px !important; */
    padding-right: 10% !important;
    width: 90% !important;
    box-shadow: 0 1px 0 0 #1A8282!important;
    border-bottom: 1px solid #1A8282!important;
}
#city_lbl.city_tick_lbl{
	color: #1A8282 !important;
}

#postcode.ptcd_active{
	box-shadow: 0 1px 0 0 #546264!important;
    border-bottom: 1px solid #546264!important;
}
#cityautocomplete-list > div > strong{
	font-weight: bold !important;
}

input[type=text].ovrly-fields.in-err-style{
	background: #f1ecf1 !important;
    background-image: url(temp_err_icon.png) !important;
    /* background-position: 358px 10px !important; */
    background-position: 97% 50% !important;
    background-repeat: no-repeat !important;
    /* padding-right: 40px !important; */
    padding-right: 10% !important;
    width: 90% !important;
    box-shadow: 0 1px 0 0 #851168!important;
    border-bottom: 1px solid #851168!important;
}

input[type=text]:focus:not([readonly]).ovrly-fields.in-err-style{
	background: #f1ecf1 !important;
    background-image: url(temp_err_icon.png) !important;
    /* background-position: 358px 10px !important; */
    background-position: 97% 50% !important;
    background-repeat: no-repeat !important;
    /* padding-right: 40px !important; */
    padding-right: 10% !important;
    width: 90% !important;
    box-shadow: 0 1px 0 0 #851168!important;
    border-bottom: 1px solid #851168!important;
}
label.active.temp-addr-lbl.in-err-lbl {
	color: #851168 !important;
}
label.temp-addr-lbl.in-err-lbl {
	color: #851168 !important;
}

/*ovrly tool tip */
/*tool tip */
.ovrly_info{
	margin-top: 6px;
    position: absolute;
}
.ovrly_txt_tip_spn {
    /* visibility: hidden; */
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
    /* top: 91%; */
    margin-left:-203px;
    margin-top: 35px;
    /* opacity: 0; */
    /* transition: opacity 0.3s; */
    /* border: 1px solid #E4EDED;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px; */
   /*  font-family: "Arial", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /* line-height: 18px; */
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    
    background: #FFFFFF;
	/* Background / Light II */

	border: 1px solid #E4EDED;
	box-sizing: border-box;
	/* Tooltip & Small Modal */

	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
    
}
.ovrly_arrow{
	position: absolute;
    margin-top: 25px;
    transition: opacity 0.3s;
    z-index: 2;
  
}
.ovrly_tip_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 112px; */
    float: right;
}
.ovrlytipshow{
	visibility: visible !important;
	opacity: 1 !important;
}
.ovrly_tip{
	visibility: hidden;
	opacity: 0;
}

.ovrly_txt_tip_spn_two{
	width: 90%;
    float: left;
}
/*ovrly tool tip end  */
.close-float{
	float: right !important;
}

.ovrly_exception{
	color: red;
	align-content: center;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
}
.ovrly_nocity_err{
	color: red;
	align-content: center;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
}
.ovrly-disp-none{
	display: none;
}
.ovrly-disp-blk{
	display: block;
}
/*Morocco Home and PUP CR End*/
/*Morocco AGP1 POINTS CR*/
.card-header{
       background: linear-gradient(131.14deg, #7F28C4 4.53%, #E2197C 70.61%, #E5231B 102.64%);
       font-family: Montserrat;
}
.cardH{
     background: rgba(228, 237, 237, 1);
      height: 30px;
     font-family: Montserrat;
}
.frame{
     width: 32px;
     height: 32px;
     border: 2px;
}
.cardText{
      width: fit-content;
      display: grid;
      color: #fff;
      position: absolute;
       top: 0px;
       left: 60px;
}
.t1{
            font-size: 14px;
            font-weight: 400;
            line-height:20px;
}
.t2{
            font-weight: 700;
            font-size: 20px;
            line-height:28px;
}
.list li:nth-child(odd) {
            
}
.list li:nth-child(even) {
            border-right: inset;
}
.list li:last-child{
            border-right: #fff;
}
.list{
             
}
.list ul{
            display: table-cell;
            padding-left: 0rem;
            display: flex;
    justify-content: space-between;
    align-content: stretch;
}
.list ul:first-child li{
            
}
.list ul > li{
            display: table-cell;
            padding: 0.5em 0.3em;
}
.bd-example{
            width:100%
}
.text1{
            width:75%;
            font-weight: 400;
            font-size: 18px;
            line-height:26px;
}
.text2{
            font-weight: 500;
            font-size: 20px;
            line-height:28px;
}
.btn1{
            background: rgba(127, 40, 196, 1);
            width: 210px;
            height: 48px;
            color: #fff !important;
            border-radius: 4px;
            text-align: center;
            line-height: 50px;
            outline: none;
            font-size: 10px;
            text-decoration: none !important;
}
.card-img-top{
            width:60%;
            height:230px;
}
.tagT{
    font-size: 10px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: linear-gradient(131.14deg, #7F28C4 4.53%, #E2197C 70.61%, #E5231B 102.64%);
}

.rwrd_title {
	  color: #ffff;
	  font-family: Montserrat;
      text-align: left;
      background: linear-gradient(131.14deg, #7F28C4 4.53%, #E2197C 70.61%, #E5231B 102.64%);
      padding: 10px;
      margin-bottom: 20px;
      font-size:17px;
      font-weight:bold;
}
.title_style{
	margin-left: 45px;
  margin-top: -35px;
	
}
   
    /* Style for product container */
    .rwrd_product {
      text-align: center;
      padding: 10px;
    }

    /* Style for product image */
    .rwrd_product img {
      width: 125px;
      height: 125px;
      object-fit: cover;
      margin-bottom: 15px;
    }

    /* Style for quantity box and button */
    .rwrd_quantity {
      display: inline-block;
      flex-direction: column; /* Align items in column */
      align-items: center;
      margin-left:58px;                          
                                
    }

    .rwrd_quantity input[type="number"] {
      width: 20px;
      text-align: center;
      margin: 0 5px;
      margin-bottom: 10px; /* Increased bottom margin for more spacing */
      border-radius:8px;
      height: 20px;
      Padding:10px;
       border: 1px solid #A2ACAE;
      background:linear-gradient(0deg, #FFFFFF, #FFFFFF);
    }
    
     .rwrd_quantity input[type="number"]::-webkit-inner-spin-button,
    .rwrd_quantity input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .rwrd_quantity button {
      cursor: pointer;
      color: rgba(127, 40, 196, 1); /* Text color */
      border:1px solid grey; /* Remove button border */
      border-radius:16px;
      width:20px;
      height:20px;
      text-align:center;
      border: 1px solid #A2ACAE;
      background:linear-gradient(0deg, #FFFFFF, #FFFFFF);
      font-weight: bold;
    font-size: 15px;
      

    }
    
.rwrd_close-button {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
    }
.tagT1{
    font-size: 10px;
    width: 35px;
    text-align: center;
    color: #fff;
    background: linear-gradient(131.14deg, #7F28C4 4.53%, #E2197C 70.61%, #E5231B 102.64%);
    padding: 9px;
}
.card-group{
	display:inline-block !important;
	margin-right:25px;
    width:210px;                             
}
.success {
	color: green;
	font-weight: bold !important;
	text-decoration: none;
	font-size: 12px !important;
	font-family: Arial;
}
.cardH {
  background: rgba(228, 237, 237, 1);
  height: 30px;
  font-family: Montserrat;
}
.card_color{
	background: #F6F9F9;
	
}
.points_style{
font-family: Montserrat;
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
}
.poi_detail{
background: #1A8282 !important;
Padding:12px !important;
}
.cardText1{
color:white !important;
font-family: Montserrat;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 26px !important;
letter-spacing: 0px !important;
text-align: center !important;

}
.poi_details{
	Padding:24px, 12px, 24px, 12px !important;
	background:#F6F9F9 !important;
}
.cardText2{

color:#7F28C4 !important;
font-family: Montserrat;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 26px !important;
letter-spacing: 0px !important;
text-align: left !important;
float:right:
}
.t3{
font-family: Montserrat;
font-size: 24px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
background:white !important;
color:#7F28C4 !important;
margin-top:15px !important;
	
}
.t4{
float:right;
color:#7F28C4 !important;
font-family: Montserrat;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 26px !important;
letter-spacing: 0px !important;
text-align: right !important;
margin-top:-25px !important;
}
.poi_detail_style{
	background: #7F28C4 !important;
Padding:7px !important;
}
.cir_style{
	opacity:44%;
}
.reward_prod_desc {
      display: inline-block;
      flex-direction: column; /* Align items in column */
      align-items: center;
      margin-left:58px;                          
      color:black;  
      height: 40px;
      font: bold 9px Arial, Helvetica, sans-serif;                        
 }
.error {
	color: red;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial;
}
.a_disabled {
    pointer-events: none;
    color: #aaa !important;
}