@charset "utf-8";
/* CSS Document */

body{
margin:0;
top:0;
padding:0;
font:12px Arial, Helvetica, sans-serif;
background-color:#c0c0c0;
}
.wrapper
{
margin:0 auto;
background-color:#FFFFFF;
}
td{
font:11px Arial, Helvetica, sans-serif;
color:#040404;
}
div, p, h1, h2, h3, h4, h5, h6, span, form, input, ul, li, img, a {
	margin:0;
	padding:0;
}

a img {
	border:0;
}
a {
	
	text-decoration:none;
}
a:hover {
	
	text-decoration:underline;
}
td .padding_left20
{
padding-left:20px !important;
}
td .padding_left30
{
padding-left:30px !important;
}
.padding_10{
padding:10px;
text-align: right;
}
.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:12px;
color:#8F8F8F;
}


td .pink30_txt{
font-size:30px;
color:#FF3399;
}

.pink12_txt{
font:12px;
color:#7F28C4;
}

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

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

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


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


.padding_left20{
padding-left:20px;
}


.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:left; /*VBrochure 1.2*/
	padding:0px 3px 0 10px;
	margin:5px 0px 0 5px;
}
.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:Avant Garde Demi;
	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:right;
}
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
{
font-weight:bold;
color:#fff;
font-size:12px;
font-family:arial;
}
.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 #7F28C4;
    text-align: center;
    font-size: 12px;
    margin-bottom: 1px;
}
.bg_lightpink {
    border-right: solid 1px #7F28C4;
    border-top: solid 1px #7F28C4c;
    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:#000000;
}
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: #cc0000;
    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:#cc0000;
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 #fff;
}
.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;
align:right;
}
.tbl_lineentry
{
text-align:center;
}
.bg_ebeaea td
{
background-color:#ebeaea;
font-weight:bold;
text-align:center;
}
.font_bold
{
	font-family:arial;
	font-size:12px;
	color:#000000;
font-weight:bold;
}

td.tbl_bgleft2
{
background:url(../images/iom/tbl_header_bgright.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_bgleft.gif) no-repeat right top;
width:26px;
height:40px;
}
td.tbl_bgleft3
{
background:url(../images/iom/tbl_header_bgright3.gif) no-repeat  bottom right;
width:26px;
height:30px;

}
td.tbl_bgmid3
{
background:url(../images/iom/tbl_header_bgmid3.gif) repeat-x bottom;
height:26px;
align:right;
}
td.tbl_bgright3
{

background:url(../images/iom/tbl_header_bgleft3.gif) no-repeat bottom left;
width:23px;
height:26px;
}
div.div_table
{
height:250px;
overflow-y:scroll;
overflow-x:hidden;
float:left;
width:100%;

}
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;
}
.tbl_outerline
{
border:solid 1px #ebeaea
}
.view a {
    color: #7F28C4;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

p.buttonpink{
	background:url(../images/iom/btn_pink_bgleft.gif) no-repeat top left;
	float:left; /*VBrochure 1.2 */ 
	padding:0px 3px 0 10px;
	margin:5px 0px 5px 5px;
	
	
}
.buttonBgpink {
    border: 0;
    height: 24px;
    padding: 0 5px 0px 0px;
    font-size: 12px;
    color: #7F28C4;
    font-weight: bold;
}



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;
	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;
}
.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:11px !important;
	font-weight:bold;
	cursor:pointer;
	width:96px;
}
.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;
}
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
{
color:#000;
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:#edeeef;
border-bottom:1px solid #bebdbd;
}

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

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

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

.border_white_r{
border-right:1px solid white;
}
label{
line-height:10px;
font:14px Arial, Helvetica, sans-serif;
}
a.ord_link{
text-decoration:underline;
color:#000000;
font:12px Arial, Helvetica, sans-serif
}

.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 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:20px;
}
.sub_heading1{
font-family:Avant Garde Demi;
color:#FFFFFF;
font-size:18px;
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:#7F28C4;
}
#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
{
text-decoration:underline;
}
.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;
align:right;
}
.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:#7F28C4;
}

.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:14px Arial, Helvetica, sans-serif;
color:#7F28C4;
}

.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: #7F28C4
}
.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-family: futura, helvetica, arial, sans-serif;
    font-weight: bold;
    color: #7F28C4;
}
.dueby_text{
	font-family: arial, sans-serif;
	font-weight: bold;
	color:#000000;
}
.daysleft_text{
	font-family: arial, sans-serif;
	font-weight: bold;
	color:#7F28C4;
	font-size:12px;
}
.accName_Text{
	font-family: arial, sans-serif;
	font-weight: bold;
	color:#565656;
	font-size:12px;
}
table.order_table td
{
	color:#000000;
	font-size:12px;
	font-family: arial, sans-serif;
}
.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:arial;
	font-size:12px;
	color:#000000;
	}
.saved_customer_name{
	font-size: 12px;
	font-family:arial;
	color:#000000;
	line-height: 21px;
	
	}	
.order_methods_active{
	font-family: Avant Garde Demi;
	text-transform:lowercase;
	
}
.order_methods_inactive{
	font-family: Avant Garde;
	text-transform:capitalize;
}
.order_method_campaign{
	font-family:arial;
	font-size:12px;
	color:#494848;
	font-weight:bold;
	}
.arial_bold{
	font-family: arial, sans-serif;
	font-weight: bold;
}
.font_24{
	font-size: 24px;
}
.font_30{
	font-size: 30px;
}
.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: 80px;
	height: 84px;
}

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;
}

/* CR15741 Egypt Changes Start*/
#PUPRadio1,
#PUPRadio {    
	width: 18px;
    height: 18px;
}

.toggle--spacing {
	padding-left: 10px;
}

#hds_toggle,
#hds_toggle1 {
	width: 14px !important;
    height: 8px !important;
}

.location-img {
	width: 16px;
  	height: 20px;
}

.hdstable,
.puptable {   
	height: 62px;
}

input#PUPRadio1:checked:after,
input#PUPRadio:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 1px;
	left: -2px;
    position: relative;
    background-color: #ff008e;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
} 

.btn--option1 {
	-webkit-appearance:meter !important;
  	background-color: #ffffff;
	color: #ff008e;
	border-radius: 5px;
	box-shadow: 0 0 0px 1px #ff008e;
	margin: 0;
	width: 120px;
	height: 30px;
	margin-left: 6px;
    margin-top: 3rem;
}

.deliv-legend-text {
	padding: 18px 0 34px 0;
	height: 66px;
	font-family: HelveticaNeue;
  	font-size: 14px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.57;
  	letter-spacing: normal;
  	text-align: right;
  	color: #000000;
}

.accordion-dropdown__position--close {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transform-origin: initial;
	font-size: 1.28rem;
    width: 20px;
    height: 20px;
}

.accordion-dropdown__position--open {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: initial;
	font-size: 1.28rem;
    width: 20px;
    height: 20px;
}

.Home-Delivery {
  	height: 22px;
  	font-family: HelveticaNeue;
  	font-size: 16px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.38;
  	letter-spacing: normal;
  	text-align: right;
  	color: #000000;
}

.radio_btn--spacing {
	padding: 18px 15px 22px 15px;
}

.market-cont {
  	height: 25px;
  	font-family: HelveticaNeue;
  	font-size: 14px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.57;
  	letter-spacing: normal;
  	color: #000000;
  	padding: 20px 18px 10px 20px;
}

.location-icon_spacing {
	padding: 10px 18px 75px 10px;
}

.location-icon_spacing-pup {
	padding: 10px 18px 70px 10px;
}

.pup-address--spacing {
	padding: 10px 5px 25px 5px;
}

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

.puptable,.hdstable{
	background-color: rgba(228, 228, 228, 1);
}

.filler_space {
	height:10px;
}

.border_bottom_hds {
	border: solid 1px #e1dfdf;
}

.show .rev-img {
    transform: rotate(180deg);
}

.rev-imgc {
    transform: rotate(180deg);
}
.data-holder{
    position: relative;
    display: inline-block;
    flex: 1;
    background: #fff;
    border-radius: 0px;
     /* z-index: 0;  */
}

.data-holder input{
    width: 100%;
    border-radius: 4px;
    border: solid 1px #c2c2c2;
    background-color: #ffffff;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    /*padding-right: 25px;*/
    background: transparent;
}

input#Ecity,
input#Earea,
input#Eppick {
    outline: 0;
    box-shadow : none;
    text-align:right;
}

.search_but{
	width:250px;
}

.data-holder.dropdown.show{
    /*border: 1px solid #e4eded !important;*/
    border-radius: 4px !important;
}

.data-holder .s-icon{
    position: absolute;
    top: calc(50% - 3px);
    /*right: 10px;*/
    left: 10px;
    cursor: pointer;
    /* z-index: -1; */
    width: 12px;
}

.drdpwn-optn {
    display: block;
    position: relative;
    font-size: 14px;
    text-align: left;
    color: #181818;
    font-weight: normal;
    cursor: pointer;
}

.drdpwn-optn:hover {
    background: #f6f9f9;
}

.dropdown-c {
    display: none;
    position: absolute;
    top: 32px;
    padding: 5px 0;
    border: 1px solid #e4eded;
    border-top: none;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    min-width: inherit;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown .dropdown-menu {
    padding: 0px !important;
    top: -2px !important;
        width: 100%;
}

.dropdown-c .li-active {
    background: #f6f9f9;
}

.dropdown-c .dropdown-b {
    border-top: 1px solid #e4eded;
    padding: 10px 10px 0px;
    padding-right: 0;
}

.dropdown-c .dropdown-b ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.dropdown-c .dropdown-b li label {
    padding: 8px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    text-align: right!important;
}

.dropdown-c .dropdown-b li input {
    cursor: pointer;
}

.dropdown-toggle,.Type-here-to-search::-webkit-input-placeholder { color: #181818; font-weight: 500; }  /* WebKit, Blink, Edge */
.dropdown-toggle,.Type-here-to-search:-moz-placeholder { color: #181818; font-weight: 500; }  /* Mozilla Firefox 4 to 18 */
.dropdown-toggle,.Type-here-to-search::-moz-placeholder { color: #181818; font-weight: 500; }  /* Mozilla Firefox 19+ */
.dropdown-toggle,.Type-here-to-search:-ms-input-placeholder { color: #181818;  font-weight: 500; }  /* Internet Explorer 10-11 */
.dropdown-toggle,.Type-here-to-search::-ms-input-placeholder { color: #181818; font-weight: 500; }  /* Microsoft Edge */

.dropdown-c .dropdown-b ul::-webkit-scrollbar {  
    width: 10px;
}

.dropdown-c .dropdown-b ul::-webkit-scrollbar-track {  
    background-color: #eeeeee;  
    border-left: 1px solid #eeeeee;  
}  

.dropdown-c .dropdown-b ul::-webkit-scrollbar-thumb {  
    background-color: #696969;
    border-radius: 10px;
}  

.dropdown-c .dropdown-b ul::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}
/* CR15741 Egypt Changes End*/
/* Global Payment Start */
.Secure-Payment {
  width: 149px;
  height: 20px;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.57px;
  color: #181818;
  margin-right: 20px;
}

.payment--contents_market {
  width: 800px;
  height: auto;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.35px;
  color: #181818;
  padding-top: 19px;
  margin-right: 20px;
}

.location {
  width: 22px;
  height: 23px;
  object-fit: contain;
}

.pad-05 {
	padding:5px 5px 7px 5px;
}

.line-space {
	line-height: 3.5;	
}

.order {
  width: 21px;
  height: 21px;
  object-fit: contain;
}

.payment_delivery--contents {
   /* height: auto;  */
  border-radius: 4px;
  box-shadow: 0 2px 0 0 #e4eded;
  border: solid 1px #e4eded;
  /* background-color: rgba(246, 249, 249, 0.5); 
  margin-bottom: 21px;
  margin-right: 10px;*/
}

.payment_customer-name {
  padding: 18px 34px 7px 0px;
  height: 14px;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181818;
}

.payment_customer-address {
  height: auto;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #181818;
  padding: 14px 34px 14px 0px;
}

.payment-order_summary {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.16px;
  color: #212529;
  padding: 18px 34px 14px 0px;
}

.payment-order_summary .text-style-1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.14;
  letter-spacing: -0.19px;
}

.payment_delivery--contents.text-style-2 {
	/* height: auto;	
	margin-bottom: 15px; */
}

.payment-billing_marketInfo {
  height: auto;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.13px;
  color: #546264;
  padding: 0px 34px 22px 22px;
}

.Secure-Payment-align{
	width: 100%;
	height: 100%;
	text-align: initial;
}

.detail-bg-clr{
	background-color: rgba(246, 249, 249, 0.5);
}

.text-align-content{
	text-align: right !important;
}
/* payment section in subtotal */
.payment-options {
  /*width: 1018px;*/
  border-radius: 4px;
  box-shadow: 0 2px 0 0 #e4eded;
  border: solid 1px #e4eded;
  margin-left: 4px;
}

.content {
  width: 25px;
  height: 18px;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.19px;
  text-align: center;
  color: #7f28c4!important;
  margin-left: -5px;
  cursor: pointer;
}

.payment-market__contents {
  /*width: 620px;*/
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;  
  padding: 15px 0px 15px 40px;
}

.padding-space__options {
    background-color: rgba(246, 249, 249, 0.5);
    padding: 15px 0px 15px 10px;
}

.payment__options-show {
	background-color: #fff!important;
	color: #181818;
}

.payment-market__contents {
  /*width: 620px;*/
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;  
  padding: 15px 0px 15px 40px;
}

.radioBtn--spacing {
	padding: 25px 0px 0px 40px;
}

.Pay-online {
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #181818;
  padding-top: 0px;
  padding-left: 5px;
}

.RadioSelected {
	font-weight: bold !important;
}

.radioBtn--spacing input#pymtRadio-EPAY:checked:after, 
.radioBtn--spacing input#pymtRadio-CASH:checked:after {
	width: 13px;
    height: 13px;
    border-radius: 15px;
    top: 1px;
    left: 1px;
    position: relative;
    background-color: #7f28c4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #ffffff;
}

#pymtRadio-EPAY,
#pymtRadio-CASH {
	width: 15px;
    height: 15px;
}

.impersonate-error__box {
	padding-left: 165px;
	padding-top: 10px;
}

.impersonate-error__contents {
	width: 530px;
    height: 23px;
    padding: 5px;
    border-radius: 10px;
    color: red;
}
.auth_show{
	visibility: hidden;
}

.spinner_load{
    position: fixed;
    bottom: 0px;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#666;
    background-image: url('../images/payments/spinloader.gif');
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}/*Delivery type section  */
.Delivery-type-sectio {
  width: 200px;
  padding-left: 5px;
  height: 12.5px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #000000;
}

.This-is-a-configurab {
  padding: 15px 0px 15px 40px;
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.deliv-spacing {
	padding-left: 65px;
    padding-top: 15px;
    font-weight: bold;
}

.deliv-spacing1 {
	padding-left: 80px;
    padding-top: 15px;
    font-weight: normal;
}

.deliv-spacing2 {
	padding-left: 65px;
    padding-top: 15px;
    font-weight: normal;	
}

.Delivery-Address {
  height: 14px;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181818;
}

.Choose-a-delivery-op {
  	height: 14px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: #000000;
}

.-Brookfield-Road-Ha {
  /*height: 92px;*/
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.deliveryOptions {
  	height: 14px;
  	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
  	padding-left: 5px;
  	margin-left:-35px;
}

.DeliverySpace {
	margin-top: 30px;
}

.deliveryOptions__Selected {
	font-weight: bold!important;
}

.delivery-subtext {
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding-left: 21px;
  padding-top: 15px;
  margin-left:-35px;
}

.-Brookfield-Road-Ha.mb-0.pl-0,
.-Brookfield-Road-Ha.mb-0 {
	height: auto!important;
}

.delivery-subtextSelected {
  color: #181818!important;
}

.idle {
  padding-top: 10px;
  /* padding-left: 80px; */
  height: 18px;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #8027c4;
}

.delivery-type__spacing {
	margin-top: -17px;
	margin-right: 10rem;
}

.Delivery__OPS {
  height: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #181818;
  padding-top: 0px;
  padding-left: 7px;
}

.PPICK_btn--spacing {
	padding-left: 0px;
    /*margin-top: -35px;*/
}

.PPick_btn--option {
    -webkit-appearance: meter !important;
    background-color: #ffffff;
    color: #8027c4;
    border-radius: 5px;
    box-shadow: 0 0 0px 1px #8027c4;
    border: solid 1px #8027c4;
    margin: 0;
    width: 120px;
    height: 30px;
    margin-left: 1px;
    margin-top: 3rem;
}

.radioBtn--spacing input#radio103:checked:after, 
.radioBtn--spacing input#radio104:checked:after,
.radioBtn--spacing input#hds-std-deliv:checked:after, 
.radioBtn--spacing input#hds-exp-deliv:checked:after,
.radioBtn--spacing input#ppick-std-deliv:checked:after, 
.radioBtn--spacing input#ppick-exp-deliv:checked:after {
	width: 13px;
    height: 13px;
    border-radius: 15px;
    top: 1px;
    left: 1px;
    position: relative;
    background-color: #7f28c4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #ffffff;
}
/*Delivery type section  */

.submit-pay {
	width: 140px;
    height: 25px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #7f28c4;
    border-radius: 5px;
}

.Pay-contents_details {
	padding-top: 30px;
    padding-right: 35px;
    padding-bottom: 25px;	
}

.w-5 {
	width: 5%;
}

.iFrameClass {
	margin-right: 20px!important;
	margin-bottom: 15px!important;
	margin-top: -110px!important;
	height: 450px!important;
}

.Pay-online--Selected {
	font-weight: bold!important;
}

.DeliveryTitle-D {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding: 30px 0px 0px 40px;
}

.PUP-change {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	align-items: center;
	text-transform: uppercase;
	color: #6A17AD;
}

.PAY-ERROR-1,
.PAY-SUCCESS-1 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #FFFFFF;
}

.PAY-ERROR-2,
.PAY-SUCCESS-2 {
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.PAY-ERROR {
	background: #851168;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.PAY-SUCCESS {
	background: #1A8282;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.pay-error__spacing,
.pay-success__spacing {
	margin-left: 5px;
	margin-right: 5px;
}

.img-close-icon {
	width: 25px;
    height: 22px;
}

.height1 {
	height: 200px;
}

.height2 {
	height: 300px;
}

.backsapce1 {
	padding-right: 35px;
}

.paddingB {
	padding-right: 10px;
}

.rotateIcon {
	transform: rotate(-180deg);
}

.border {
    border-width: 0px 10px!important;
    border-style: solid!important;
    border-color: rgb(255, 255, 255)!important;
    background: rgb(255, 255, 255)!important;
    width: 770px;
}

.Order-Deatils {
  height: 20px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.57px;
  color: #181818;
  margin-bottom: 1rem;
}

.In-this-section-you {
  height: 69px;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.35px;
  color: #181818;
  margin-bottom: 1rem;
}

.row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.pay-success {
	margin-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
}

.text-center {
    text-align: center !important;
}

.PB {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.d-inline-block {
    display: inline-block !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.ML {
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 2rem!important;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.hr-border {
	margin-bottom: 0px;
	margin-top: 0px;
	border: solid 1px #e4eded; 
}

.PAY-SUCCESS-2 {
	padding-left: 1.5rem;
}

.confirm-Box {
  border-radius: 4px;
  box-shadow: 0 2px 0 0 #e4eded;
  border: solid 1px #e4eded;
  background-color: #fff;
  margin-bottom: 30px;
}

.Order-confirmation {
  height: 15px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.17px;
  color: #181818;
  background-color: rgba(246, 249, 249, 0.5);
  padding: 20px;
}

.AVON-has-received-yo {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #181818;
}

.AVON-has-received-yo .text-style-1 {
  font-weight: bold;
}

.AVON-has-received-yo .text-style-2 {
  font-weight: bold;
  color: #7f28c4;
}

.order-det-space {
	padding: 20px;
}

.order-det-space-1 {
	margin-top: 0.5rem;
	padding: 20px;
}

.Your-payment-was-suc {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a8282;
}

.Your-order-will-be-d {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #181818;
  padding-bottom: 15px;
}

.DeiveryAddr {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #181818;
  padding-left: 3px;
}

.borderMargin {
	margin-left: 20px;
    margin-right: 20px;
}

.footerConfirm-box {
	background-color: #EDEEEF;
    margin-top: 0px;
}

#preAuthBlock {
	padding-left: 18px!important;
	padding-top: 20px!important;
}

.w-15 {
	width: 15%!important;
}

.Pre-auth-amount-3 {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #181818;
  padding-left: 3px;
}

.Pre-auth-amount-3 .text-style-1 {
  font-weight: bold;
  line-height: 1.83;
  font-size: 16px;
}

.Pre-auth-amount-3.marketSpace {
	padding-bottom: 20px!important;
	font-size: 14px!important;
}

.Order-value-before-d {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.16px;
  color: #212529;
  padding-right: 17px;
}

.Order-value-before-d .text-style-1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.14;
  letter-spacing: -0.19px;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.PAY-SUBMIT {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    background: #efb205;
}
                                                                  
#HDS-Address.deliv-spacing1 {
	padding-left: 65px!important;
}

.row.deliv-spacing2 {
    padding-left: 80px!important;
}
/* Global Payment End */
/* RVP WuW Egypt 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: 12px;
 /*  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 Egypt Changes */
/* RVP WuW Egypt 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;
}
/*                
.arabicSymbolFormat{
       direction:ltr;
       padding-left:10px;
       display:table;
}
*/
tooltip._right:not(._top):not(._bottom) tip{
  right:100% !important;
}
tooltip._right:not(._top):not(._bottom) tip tip-arrow {
  left:100% !important;
  border-left: 10px solid #c6c6c6 !important;
  right:auto;
  border-right: 0px !important;
}
tooltip {
  padding-left: 2%;
}
tip-tip .close-button{
	margin-right: 100%;
}

/* RVP WuW Egypt Changes */

