#TabsContainer {width:460px; height: 24px; font-size: 10pt;font-weight: bold;}

.ActiveTabsBG {width: 100%;height: 100%;}

.Active, .NotActive{width: 22%;float: left;margin-top: 2px;margin-bottom:0;padding-left: 11px;display:block;}

.Active a, .Active a:hover{display:block; color:#0a5ca8;text-decoration:none;}

.NotActive a, .NotActive a:hover{display:block;color:#4c4c4c;}

.Active a, .Active a:hover, .NotActive a, .NotActive a:hover{text-decoration:none;}

#ActiveTab-1 {background:transparent url(../images/tab1_act.gif) left top no-repeat;}

#ActiveTab-2 {background:transparent url(../images/tab2_act.gif) left top no-repeat;}

#ActiveTab-3 {background:transparent url(../images/tab3_act.gif) left top no-repeat;}

#ActiveTab-4 {background:transparent url(../images/tab4_act.gif) left top no-repeat;}



/********************************************/

#TabsContainerRed, #TabsContainerPink {width:261px; height: 24px; font-size: 10pt;font-weight: bold;float:left;}

.ActivePink, .NotActivePink {width: 45%;float: left;margin-top: 2px;margin-bottom:0;padding-left: 11px;display:block;}

.ActivePink a, .ActivePink a:hover{display:block; color:#aa2bb7;}

.NotActivePink a, .NotActivePink a:hover{ display:block; color:#4c4c4c;}

.ActivePink a, .ActivePink a:hover, .NotActivePink a, .NotActivePink a:hover{text-decoration:none;}

#ActiveTabPink-1 {background: url(../images/tab1_act_pink.gif) left top no-repeat;}

#ActiveTabPink-2 {background: url(../images/tab2_act_pink.gif) left top }

/*******Zik tabs*********/

.ActiveRed, .NotActiveRed {width: 45%;float: left;margin-top: 2px;margin-bottom:0;padding-left: 2px;display:block;}

.ActiveRed a, .ActiveRed a:hover{ display:block; color:#98210e;}

.NotActiveRed a, .NotActiveRed a:hover{display:block; color:#4c4c4c;}

.ActiveRed a, .ActiveRed a:hover, .NotActiveRed a, .NotActiveRed a:hover{text-decoration:none;}

#ActiveTabRed-1 {background: url(../images/tab1_act_red.gif) left top no-repeat;}

#ActiveTabRed-2 {background: url(../images/tab2_act_red.gif) left top }



/*zik subcategory*/

#TabsContainerZik {width:520px; height: 24px; font-size: 10pt;font-weight: bold; text-align:center; margin-left:20px; padding:0;}/*added today by hanafi*/



/*#TabsContainerZik {width:255px; height: 24px; font-size: 10pt;font-weight: bold; text-align:center;}*/

.ActiveTabsBG {width: 100%;height: 100%;}



.ActiveZik {width: 84px;float: left;margin-top: 2px;margin-bottom:0;display:block;}

.ActiveZik a, .ActiveZik a:hover{display:block; color:#fff;}



.ActiveZikLast {width: 145px;float: left;margin-top: 2px;margin-bottom:0;display:block;}

.ActiveZikLast a, .ActiveZikLast a:hover{display:block; color:#fff;}


.ActiveZik5 {width: 120px;float: left;margin-top: 2px;margin-bottom:0;display:block;}

.ActiveZik5 a, .ActiveZik5 a:hover{display:block; color:#fff;}



.NotActiveZik {width: 84px;float: left;margin-top: 2px;margin-bottom:0;padding-top:1px;display:block;}

.NotActiveZik a, .NotActiveZik a:hover{display:block; color:#4c4c4c;}





.NotActiveZikLast {width: 145px;float: left;margin-top: 2px;margin-bottom:0;padding-top:1px;display:block;}

.NotActiveZikLast a, .NotActiveZikLast a:hover{display:block; color:#4c4c4c;}


.NotActiveZik5Last {width: 120px;float: left;margin-top: 2px;margin-bottom:0;padding-top:1px;display:block;}

.NotActiveZik5Last a, .NotActiveZik5Last a:hover{display:block; color:#4c4c4c;}




.ActiveZik a, .ActiveZik a:hover, .NotActiveZik a, .NotActiveZik a:hover, .NotActiveZikLast a, .NotActiveZikLast a:hover{text-decoration:none; }





#ActiveTabZik-1 {background:transparent url(../images/tab1_act_zik.gif) left top no-repeat;}

#ActiveTabZik-2 {background:transparent url(../images/tab2_act_zik.gif) left top no-repeat;}

#ActiveTabZik-3 {background:transparent url(../images/tab3_act_zik.gif) left top no-repeat;}

#ActiveTabZik-4 {background:transparent url(../images/tab4_act_zik.gif) left top no-repeat;}

#ActiveTabZik-5 {background:transparent url(../images/tab5_act_zik.gif) left top no-repeat;}

/********************************/

#TabsContainerYellow {width:290px; height: 24px; font-size: 10pt;font-weight: bold;float:left;}

.ActiveYellow, .NotActiveYellow {width: 46%;float: left;margin-top: 2px;margin-bottom:0;padding-left: 9px;display:block;}

.ActiveYellow a, .ActiveYellow a:hover{ text-decoration:none;display:block; color:#785f11;}

.NotActiveYellow a, .NotActiveYellow a:hover{text-decoration:none; display:block; color:#4c4c4c;}

#ActiveTabYellow-1 {background: url(../images/tab1_act_yellow.gif) left top no-repeat;}

#ActiveTabYellow-2 {background: url(../images/tab2_act_yellow.gif) left top }



/********************************************/

#TabsContainerArround {width:370px; height: 24px; font-size: 10pt;font-weight: bold; text-align:center;}

.ActiveTabsBG {width: 100%;height: 100%;}

.ActiveArround {width: 118px;float: left;margin-top: 2px;margin-bottom:0;display:block;}

.ActiveArround a, .ActiveArround a:hover{ text-decoration:none;display:block; color:#fff;}

.NotActiveArround {width: 118px;float: left;margin-top: 2px;margin-bottom:0;padding-top:3px;display:block;}

.NotActiveArround a, .NotActiveArround a:hover{text-decoration:none; display:block; color:#fff;}

#ActiveTabArround-1 {background:transparent url(../images/tab1_act_arround.gif) left top no-repeat;}

#ActiveTabArround-2 {background:transparent url(../images/tab2_act_arround.gif) left top no-repeat;}

#ActiveTabArround-3 {background:transparent url(../images/tab3_act_arround.gif) left top no-repeat;}



/********************************************/