/*
##########################################
# ALL BUTTONS AND ICONS
##########################################
*/
.btn1,
.btn2,
.btn3,
.btn4,
.msg-img,
.ft-social-icon,
.icon,
.icon1,
.pg-nextbtn, 
.pg-prevbtn, 
.pg-startbtn, 
.pg-endbtn,
.pg-endbtn-disable,
.pg-nextbtn-disable,
.pg-startbtn-disable,
.pg-prevbtn-disable,
.arrowbtn,
.ft-img {
	font-size:0px;
	line-height:0px; 
	overflow:hidden; 
	border:none; 
	display:inline-block;
	text-align:left;
	text-decoration:none;
	text-indent:-99999px;
	}
/*--------------------------------------*/
.btn1, .btn2, .btn3, .btn4, .ft-social-icon  { cursor:pointer; }
/*
******************************************
* BUTTON TYP 1 
******************************************
*/
.btn1 					{ background:url(../img/btnimg1.png) no-repeat; }


/*
******************************************
* OTHER IMAGE CSS
******************************************
*/
.icon 					{ background:url(../img/otherimg_v1.png) no-repeat; }

.ico-logoman			{ width:80px; height:83px; background-position:0px 0px; }

.ico-facebook			{ width:21px; height:21px; background-position:0px -88px; }
.ico-facebook:hover		{ background-position:0px -110px; }
.ico-twitter			{ width:22px; height:21px; background-position:-23px -88px; }
.ico-twitter:hover		{ background-position:-23px -110px; }
.ico-linkedin			{ width:22px; height:21px; background-position:-47px -88px; }
.ico-linkedin:hover		{ background-position:-47px -110px; }
.ico-search             { background-position:-84px 0; width:29px; height:29px; }
.ico-close              { background-position:-78px -108px; width:13px; height:13px; }
.ico-youtube			{ width:22px; height:22px; background-position:-101px -102px; }
.ico-youtube:hover		{ background-position:-101px -125px; }
.ico-checkbox           { background-position:0 -135px; width:15px; height:15px; }
.ico-checkbox.active    { background-position:-17px -135px; width:15px; height:15px; }
.ico-checkbox.disable   { background-position:-112px -184px !important; width:15px; height:15px; }

.ico-plus               { background-position:-74px -129px; width:23px; height:25px; }
.ico-plus01             { background-position:-201px -357px; width:18px; height:17px; }
.ico-plus01:hover       { background-position:-201px -376px; }
.ico-delivery           { background-position:-36px -135px; width:24px; height:16px; }
.ico-mandatory          { background-position:-64px -135px; width:5px; height:5px; vertical-align:top; margin-left:2px; margin-top:3px; }
.ico-link1              { width:27px; height:27px; background-position:-31px -156px; }
.ico-link               { width:27px; height:27px; background-position:0 -156px; }
.ico-activesim          { background-position:-97px -268px; width:26px; height:26px; }
.ico-mouse              { background-position:-96px -322px; width:27px; height:26px; }
.ico-lock               { background-position:-86px -294px; width:16px; height:26px; }
.ico-lock1              { background-position:-106px -1431px; width:23px; height:30px; }
.ico-reginfo            { background-position:-135px -1431px; width:31px; height:30px; }
.ico-newsletter         { background-position:-94px -152px; width:26px; height:26px; }
.ico-storelocatore      { background-position:0px -336px; width:46px; height:46px; }
.ico-refresh            { background-position:-73px -364px; width:50px; height:47px; }
.ico-refresh:hover      { background-position:0px -387px; }
.ico-refresh2			{background-position:-100px -1476px; width:50px; height:47px;}
.ico-refresh2:hover     {background-position:-157px -1476px;}

.ico-help               { background-position:-51px -403px; width:22px; height:22px;  }
.sim-plans-offer-detail .ico-help  { background-position:-125px -357px; width:16px; height:16px; }
.ico-minus             { background-position:-203px -403px; width:16px; height:15px; }
.ico-minus:hover       { background-position:-203px -422px; }

.ico-error              { background-position:-52px -380px; width:20px; height:20px; }
.ico-success            { background-position:-54px -365px; width:15px; height:13px; }
.ico-success1           { background-position:-77px -784px; width:28px; height:28px; position:relative; }
.ico-close1             { background-position:-109px -426px; width:16px; height:16px; }
.ico-bstep1             { background-position:0px -438px; width:72px; height:72px; }
.ico-bstep2             { background-position:0px -513px; width:72px; height:72px; }
.ico-bstep3             { background-position:0px -588px; width:72px; height:72px; }
.ico-bstep4             { background-position:0px -664px; width:72px; height:72px; }
.ico-bstep5             { background-position:0px -743px; width:72px; height:72px; }
.ico-telephone          { background-position:-75px -445px; width:21px; height:26px; }
.ico-heart              { background-position:-101px -445px; width:22px; height:19px; }
.ico-receive            { background-position:-97px -473px; width:26px; height:23px; }
.ico-nxtarrow           { background-position:-117px -414px; width:6px; height:9px; }
.ico-aboutyou           { background-position:-77px -533px; width:46px; height:46px; }
.ico-enquiryd           { background-position:-77px -583px; width:46px; height:46px; }
.ico-mobile             { background-position:-139px -580px; width:18px; height:26px; }
.ico-globe              { background-position:-165px -580px; width:26px; height:26px; }
.ico-autorechargemsg    { background-position:-192px -827px; width:23px; height:30px; }

.ico-checkavail           { background-position:-150px -359px; width:46px; height:46px; }
.ico-plan	           { background-position:-150px -415px; width:46px; height:46px; }
.ico-simPlan	           { background-position:-150px -472px; width:46px; height:46px; }
.ico-addon	           { background-position:-150px -526px; width:46px; height:46px; }
.ico-addon1	           { background-position:-172px -1201px; width:46px; height:46px; }
.ico-addon2	           { background-position:-163px -778px; width:46px; height:46px; }

.ico-faqicon           { background-position:-139px 0px; width:66px; height:66px; }
.ico-howtouse          { background-position:-139px -71px; width:66px; height:66px; }
.ico-contactus         { background-position:-139px -143px; width:66px; height:66px; }
.ico-transferyournumber{ background-position:-139px -214px; width:66px; height:66px; }
.ico-websettings       { background-position:-139px -287px; width:66px; height:66px; }

.ico-contactus01         { background-position:-166px -661px; width:46px; height:46px; }

.ico-mouse2{width:20px; height:24px; background-position:-119px -633px;}
.ico-speakbubble{width:24px; height:17px; background-position:-80px -638px;}
.ico-simcard{background-position: -153px -638px; height: 17px;width: 26px;}

.ico-best{background-position:-77px -673px; width:21px; height:26px;}
.ico-phone2 {background-position:-77px -717px; width:18px; height:26px;}
.ico-bestprice{background-position:-77px -751px; width:26px; height:24px;}
.ico-prepaid {background-position:-117px -717px; width:27px; height:20px;}
.ico-webchatphone {background-position:-117px -751px; width:24px; height:21px;}

.ico-updown    { width:11px; height:8px; background-position:-151px -717px; }
.down .ico-updown    { width:11px; height:8px; background-position:-165px -717px; }

.ico-standardsim  { width:72px; height:53px; background-position:0 -889px; }
.ico-standardsim:hover  { background-position:-74px -889px; }
.select-sim.selected-sim .ico-standardsim  { background-position:-148px -889px; }
.ico-microsim  { width:72px; height:53px; background-position:0 -946px; }
.ico-microsim:hover  { background-position:-74px -946px; }
.select-sim.selected-sim .ico-microsim  { background-position:-148px -946px; }
.ico-nanosim  { width:72px; height:53px; background-position:0 -1003px; }
.ico-nanosim:hover  { background-position:-74px -1003px; }
.select-sim.selected-sim .ico-nanosim  { background-position:-148px -1003px; }
.ico-radiobtn   { width:14px; height:14px; background-position:-201px -718px; }
.select-sim.selected-sim .ico-radiobtn   { width:14px; height:14px; background-position:-183px -718px; }
.ico-lycamobilecard   { width:93px; height:86px; background-position:0px -1137px; }
.ico-add  { width:31px; height:27px; background-position:-159px -826px; }
.ico-add:hover  { background-position:-159px -856px; }
.ico-freesimheart { width:51px; height:86px; background-position:-168px -1060px; }
.ico-freesimheart7 { width:51px; height:86px; background-position:-96px -1114px; }
.ico-gift { width:21px; height:22px; background-position:-191px -612px; }
.ico-cart { width:23px; height:22px; background-position:-196px -639px; }
.ico-chooseplan { width:46px; height:46px; background-position:-59px -1063px; }
.ico-paymentdetail { width:46px; height:46px; background-position:-109px -1063px; }
.ico-cell { width:46px; height:46px; background-position:-173px -1424px; }

.ico-cancel       { width:28px; height:27px; background-position:-148px -751px; cursor:pointer; }
.ico-cancel:hover { background-position:-179px -751px; }
.ico-lyca  { width:46px; height:46px; background-position:0 -1244px; }

.ico-recharge   { width:62px; height:60px; background-position:-55px -1247px; }
.ico-automatic   { width:60px; height:60px; background-position:-131px -1247px; }
.ico-rechargehis   { width:55px; height:60px; background-position:-0px -1312px; }
.ico-myplan   { width:59px; height:60px; background-position:-57px -1312px; }
.ico-yourdetail   { width:58px; height:60px; background-position:-119px -1312px; }
.ico-callhistory   { width:36px; height:60px; background-position:-182px -1312px; }

.ico-switchautorechagre { width:46px; height:46px; background-position:-50px -1480px; }
.ico-singrecharge   { width:46px; height:46px; background-position:-173px -1156px; }
.ico-thumb          { width:20px; height:18px; background-position:-109px -785px; }
.ico-message          { width:46px; height:46px; background-position:0px -1375px; }
.ico-paydetails          { width:46px; height:46px; background-position:-50px -1375px; }
.ico-helplock        { width:21px; height:26px; background-position:-133px -784px; }

.ico-profile           { width:46px; height:46px; background-position:-100px -1375px; }
.ico-phonetick         { width:46px; height:46px; background-position:-151px -1375px; }
.ico-arrowsel          { width:46px; height:46px; background-position:0px -1428px; }
.ico-questionmark      { width:46px; height:46px; background-position:-50px -1428px; }
.ico-thumb1            { width:46px; height:46px; background-position:0px -1479px; }
.ico-crossico            { width:46px; height:46px; background-position:0px -1554px; }
.ico-sharesign            { width:46px; height:46px; background-position:-56px -1554px; }


/*************** Paging Control Button ****************/

.ico-last            { background-position:-83px -188px; width:23px; height:23px; }
.ico-last:hover      { background-position:-83px -216px; }
.ico-last-disable    { background-position:-83px -244px; width:23px; height:23px; cursor:default; }

.ico-next            { background-position:-55px -188px; width:23px; height:23px; }
.ico-next:hover      { background-position:-55px -216px; }
.ico-next-disable    { background-position:-55px -244px; width:23px; height:23px; cursor:default; }

.ico-first            { background-position:0px -188px; width:23px; height:23px; }
.ico-first:hover      { background-position:0px -216px; }
.ico-first-disable    { background-position:0px -244px; width:23px; height:23px; cursor:default; }

.ico-prev            { background-position:-28px -188px; width:23px; height:23px; }
.ico-prev:hover      { background-position:-28px -216px; }
.ico-prev-disable    { background-position:-28px -244px; width:23px; height:23px; cursor:default; }

/******************** STORE FINDER PAGING *****************/
.ico-last01            { background-position:-63px -273px; width:17px; height:17px; }
.ico-last01:hover      { background-position:-63px -294px; }
.ico-last-disable01    { background-position:-63px -314px; width:17px; height:17px; cursor:default; }

.ico-next01            { background-position:-42px -273px; width:17px; height:17px; }
.ico-next01:hover      { background-position:-42px -294px; }
.ico-next-disable01    { background-position:-42px -314px; width:17px; height:17px; cursor:default; }

.ico-first01            { background-position:0px -273px; width:17px; height:17px; }
.ico-first01:hover      { background-position:0px -294px; }
.ico-first-disable01    { background-position:0px -314px; width:17px; height:17px; cursor:default; }

.ico-prev01            { background-position:-21px -273px; width:17px; height:17px; }
.ico-prev01:hover      { background-position:-21px -294px; }
.ico-prev-disable01    { background-position:-21px -314px; width:17px; height:17px; cursor:default; }   

/****************************************
* FOOTER LOGO
****************************************/
.ft-img	{ background:url(../img/ft-client-logo.png) no-repeat; }

.qpay-logo { background-position:0 0; width:50px; height:50px; }
.qpay-logo:hover { background-position:-55px 0; }

.ppn-logo { background-position:0 -54px; width:100px; height:12px; }
.ppn-logo:hover { background-position:0px -68px; }

/****************************************
* COMMON BUTTON TYPE
****************************************/
.btn-typ1 {
	background:url(../img/btnbg_v1.png) repeat-x left top #06b14c;
	border:1px solid #059540;
	border-radius:5px;
	padding:4px 8px;
	font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	line-height:15px;
	display:inline-block;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
	cursor:pointer;
	}
.btn-typ1:hover { background:url(../img/btnbg_v1.png) repeat-x left -43px #01d357; }
.btn-typ1.disable { 
	background:#f6f6f6;
	cursor:default;
	border:1px solid #ececec;
	color:#b7b6b6;
	box-shadow:none;
	}
#internationalAddons .btn-typ1 {padding:4px 9px;}
.btn-typ2 {
    background-color: #949698;
    border: 0 none;
    border-radius: 3px;
    padding: 5px 10px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    line-height: 13px;
    display: inline-block;
}
.btn-typ2:hover { background-color:#787878; }

.btn-typ3 {
    background: url(../img/btnbg_v1.png) repeat-x left -159px #06b04b;
    border: 1px solid #059540;
    border-radius: 5px;
    padding: 7px 5px 0;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    line-height: 22px;
    min-height: 55px;
    display: block;
    text-align: center;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ3:hover { background:url(../img/btnbg_v1.png) repeat-x left -260px #06b04b; }
.btn-typ4 {
    background: url(../img/btnbg_v1.png) repeat-x left -348px #d7d7d7;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    padding: 4px 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ4:hover { background:url(../img/btnbg_v1.png) repeat-x left -391px #ebebeb; }

.btn-typ5 {
    background: url(../img/btnbg_v1.png) repeat-x left -96px #0068b2;
    border: 1px solid #005d9e;
    border-radius: 5px;
    padding: 6px 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 15px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ5:hover { background:url(../img/btnbg_v1.png) repeat-x left -427px #0084e1; }

.btn-typ6 {
	background:url(../img/btn-typ6-bg.png) no-repeat left top;
	display:inline-block;
	min-height:27px;
	padding-left:18px;
	margin-right:14px;
	text-decoration:none;
	}
    .btn-typ6 .inner {
        background: url(../img/btn-typ6-bg.png) no-repeat right top;
        margin-right: -14px;
        min-height: 20px;
        padding: 7px 12px 0 0;
        margin: 0 -12px 0 0;
        text-decoration: none;
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
        font-size: 12px;
        line-height: 13px;
        font-weight: bold;
        color: #005f9e;
        display: inline-block
    }
.btn-typ6:hover {
	background:url(../img/btn-typ6-bg.png) no-repeat left -31px;
	}
.btn-typ6:hover .inner {
	background:url(../img/btn-typ6-bg.png) no-repeat right -31px;
	}
.btn-typ7 {
    background: url(../img/btnbg_v1.png) repeat-x left -468px #06af4b;
    border: 1px solid #059540;
    border-radius: 5px;
    padding: 28px 36px 0;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 32px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    min-height: 63px;
}
.btn-typ7:hover { background:url(../img/btnbg_v1.png) repeat-x left -569px #01d558; }

.btn-typ8 {
    background-color: #B32564;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.9;
    padding: 0 14px;
    white-space: nowrap;
}
.btn-typ8:hover {
    background-color: #0BB14E;
}

.btn-typ9 {
    background: url("../img/bg-btn5.gif") repeat-x scroll left top #D3D3D3;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 2px 2px #096C31;
    color: #006FBA;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 161.6%;
    font-weight: bold;
    padding: 11px 25px;
    text-align: center;
    text-decoration: none;
}
.btn-typ9:hover {
    color: #21B24E;
}

.btn-typ10 {
    background-color: #006FBA;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 93%;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
}
.btn-typ10:hover {
    background-color: #0BB14E;
    color: #FFFFFF;
}
.btn-typ11 {
    background: url("../img/bg-btn5.gif") repeat-x scroll left top #D3D3D3;
    border: medium none;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 2px #096C31;
    color: #006FBA;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 161.6%;
    font-weight: bold;
    min-height: 50px;
    padding: 19px 0 18px;
    text-align: center;
    text-decoration: none;
    width: 170px;
}
.btn-typ11:hover {
    color: #21B24E;
}
.btn-typ12 {
    background: none repeat scroll 0 0 #0BB14E;
    border: medium none;
    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px 17px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}
.btn-typ12:hover {
    background: none repeat scroll 0 0 #006FBA;
    color: #FFFFFF;
}

.btn-typ13 {
    background-color: #B32564;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 100%;
    font-weight: bold;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
}
.btn-typ13:hover {
    background-color: #0BB14E;
    color: #FFFFFF;
}
.btn-typ14 {
    background: url(../img/bg-btn17.gif) repeat-x left bottom #ffffff;
    border-radius: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 95%;
    font-weight: bold;
    color: #006fba;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border: none;
    line-height: 1.3;
    border: 1px solid #d5d5d5;
}
.btn-typ14:hover { color:#000000; background:url(../img/bg-btn17-hover.gif) repeat-x left top #ffffff; }

.btn-typ15 {
    background-color: #b32564;
    border-radius: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 123.1%;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 29px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border: none;
    /*box-shadow: 0px 2px 2px #096c31;*/
}
.btn-typ15:hover { color:#ffffff; background-color:#0bb14e; }

.btn-typ16 {
    background: url(../img/btnbg_v1.png) repeat-x left -348px #d7d7d7;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    padding: 4px 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    line-height: 15px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ16:hover { background:#ffffff; }
.btn-typ17 {
    background: url(../img/btnbg_v1.png) repeat-x left -674px #eeeeee;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 4px 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    line-height: 15px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ17:hover { background:#ffffff; }

.btn-typ18 {
    background: url(../img/btnbg_v1.png) repeat-x left -717px #06b04b;
    border: 1px solid #059540;
    border-radius: 5px;
    padding: 9px 18px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 18px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ18:hover { background:url(../img/btnbg_v1.png) repeat-x left -780px #01d458; }
.btn-typ18 .ico-nxtarrow { margin-left:7px; vertical-align:middle; }
.disable-btn { background-color:#d3d3d3 !important; color:#929292 !important; cursor:default !important; text-shadow:1px 1px 0px #ffffff !important; }



/********************************************
* COMMON CMS PAGE BUTTON CSS
*********************************************/
.commonbtn-bg, .commonbtn-bg1 {
    background: url("../img/bg-box-typ4.gif") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #21B24E;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px 1px #CCCCCC;
    cursor: pointer;
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
}
.commonbtn-bg1 {
    border: 1px solid #B32564;
}
.commonbtn-bg .icon, .commonbtn-bg2 .icon, .commonbtn-bg3 .icon {
    position: absolute;
    right: 9px;
    top: 9px;
}
.commonbtn-bg:hover, .commonbtn-bg.active {
    background: none repeat scroll 0 0 #006FBA;
    border: 1px solid #006FBA;
    box-shadow: 0 0 0 0 #CCCCCC;
    color: #FFFFFF;
}
.commonbtn-bg1:hover, .commonbtn-bg1.active {
    background: none repeat scroll 0 0 #B32564;
    border: 1px solid #B32564;
    box-shadow: 0 0 0 0 #CCCCCC;
    color: #FFFFFF;
}
.commonbtn-bg:hover .ico-link, .commonbtn-bg.active .ico-link, .commonbtn-bg1:hover .ico-link1, .commonbtn-bg1.active .ico-link1, .commonbtn-bg2:hover .ico-link, .commonbtn-bg2.active .ico-link, .commonbtn-bg3:hover .ico-link1, .commonbtn-bg3.active .ico-link1 {
    background-position:-61px -156px;
}
.commonbtn-bg:hover .inner, .commonbtn-bg.active .inner, .commonbtn-bg1:hover .inner, .commonbtn-bg1.active .inner, .commonbtn-bg:hover .inner span, .commonbtn-bg.active .inner span, .commonbtn-bg1:hover .inner span, .commonbtn-bg1.active .inner span {
    color: #FFFFFF;
}
.commonbtn-typ5 {
    color: #006FBA;
    display: block;
    height: 125px;
    width: 125px;
}
.commonbtn-typ5 .inner {
    display: block;
    text-align: center;
}
.commonbtn-typ1, .commonbtn-typ2 {
    color: #006FBA;
    cursor: pointer;
    height: 120px;
    width: 120px;
}
.commonbtn-typ1:hover .inner, .active .commonbtn-typ1, .commonbtn-typ2:hover .inner, .active .commonbtn-typ2 {
    box-shadow: 0 0 0 0;
    color: #FFFFFF;
}
.commonbtn-typ1 .inner, .commonbtn-typ2 .inner {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
}
.commonbtn-typ2 {
    color: #B32564;
}
.commonbtn-typ3 {
    background: url("../img/bullet7.png") no-repeat scroll right center transparent;
    border: 1px solid #0BB14E;
    border-radius: 5px 5px 5px 5px;
    color: #006FBA;
    display: inline-block;
    font-size: 123.1%;
    font-weight: bold;
    padding: 10px 40px 10px 10px;
}
.commonbtn-typ3:hover, .commonbtn-typ3.active {
    background: url("../img/bullet8.png") no-repeat scroll right center #0BA147;
    border: 1px solid #0BA147;
    color: #FFFFFF;
}
.commonbtn-bg2, .commonbtn-bg3 {
    background: url("../img/bg-box-typ4.gif") repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #21B24E;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px 1px #CCCCCC;
    cursor: pointer;
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
}
.commonbtn-bg3 {
    border: 1px solid #B32564;
}
.commonbtn-bg2:hover, .commonbtn-bg2.active {
    background: none repeat scroll 0 0 #006FBA;
    border: medium none;
    box-shadow: 0 0 0 0 #CCCCCC;
    color: #FFFFFF;
    height: 162px;
    width: 162px;
}
.commonbtn-bg3:hover, .commonbtn-bg3.active {
    background: none repeat scroll 0 0 #B32564;
    border: medium none;
    box-shadow: 0 0 0 0 #CCCCCC;
    color: #FFFFFF;
    height: 162px;
    width: 162px;
}
.commonbtn-bg2:hover .commonbtn-typ4, .commonbtn-bg2.active .commonbtn-typ4, .commonbtn-bg3:hover .commonbtn-typ4, .commonbtn-bg3.active .commonbtn-typ4 {
    padding: 1px;
}
.commonbtn-typ4 {
    color: #006FBA;
    display: inline-block;
    height: 160px;
    text-decoration: none;
    width: 160px;
}
.commonbtn-bg3 .commonbtn-typ4 .inner {
    color: #B32564;
}
.commonbtn-typ4 .inner {
    display: block;
    font-weight: bold;
    text-align: center;
}
.commonbtn-bg2:hover .commonbtn-typ4 .inner, .commonbtn-bg3:hover .commonbtn-typ4 .inner, .commonbtn-typ4:hover .inner {
    color: #FFFFFF;
}

/*------------ SPECIAL OFFER ARROW LINK ------------------*/
.arrow-red, .arrow-blue, .arrow-green {
    background: url("../img/specialoffer/icon-specialoffer.png") no-repeat scroll 0 0 transparent;
    height: 38px;
    width: 38px;
}
.arrow-red:hover {
    background-position: -70px 0;
}
.arrow-green {
    background-position: 0 -63px;
}
.arrow-green:hover {
    background-position: -70px -63px;
}
.arrow-blue {
    background-position: 0 -132px;
}
.arrow-blue:hover {
    background-position: -70px -132px;
}

/*----------------- FAQ PAGE ARROW BUTTON CSS ---------------------*/
.arrowbtn {
    background: url("../img/arrow-up-down.png") no-repeat scroll 0 -41px transparent;
    height: 21px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 21px;
}
.up .arrowbtn {
    background-position: 0 0;
}

/****************************************
 Stockist 
****************************************/

.stockist-paging {
    height: 30px;
    position: relative;
}
.stockist-paging .paging-btn-L {
    left: 5px;
    position: absolute;
    top: 5px;
}
.stockist-paging .paging-btn-R {
    position: absolute;
    right: 5px;
    top: 5px;
}
.stockist-paging .paging-btn-R .pag-txt {
    color: #333333;
    display: inline-block;
    font-size: 100%;
    margin-right: 5px;
    padding-top: 4px;
    vertical-align: top;
}
.stockist-paging .paging-btn-R .frm-txtbox {
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 0;
    vertical-align: top;
}
.stockist-paging .icon {
    margin-top: 3px;
    vertical-align: middle;
}

.btn-typ4G {
    background: url(../img/btnbg_v1.png) repeat-x left -348px #d7d7d7;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    padding: 4px 8px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    line-height: 15px;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.btn-typ4G:hover { background:url(../img/btnbg_v1.png) repeat-x left -391px #ebebeb; }