
.clr {clear:both;}

/**
** global styles
**/

/* container style */
div#maximenuCK ul.maximenuCK {
    /*background :  url(../images/fond_bg.png) top left repeat-x;*/
    height : 30px;
    padding : 0;
    padding-top:15px;
    
    width:1000px;
    margin:auto;
}

div#maximenuCK ul.maximenuCK li.maximenuCK {
    background : none;
    list-style : none;
    border : none;
}

/* link image style */
div#maximenuCK ul.maximenuCK li.maximenuCK>a img {
    margin : 3px;
    border : none;
}

/* img style without link (in separator) */
div#maximenuCK ul.maximenuCK li.maximenuCK img {
    border : none;
}

div#maximenuCK ul.maximenuCK li a.maximenuCK,
div#maximenuCK ul.maximenuCK li span.separator {
    text-decoration : none;
    text-indent : 2px;
    height : 27px;
    outline : none;
    background : none;
    border : none;
    padding : 0;
    cursor : pointer;
    color : #ccc;
    
}

/* separator item */
div#maximenuCK ul.maximenuCK li span.separator {

}

/**
** active items
**/

/* current item title and description */
div#maximenuCK ul.maximenuCK li.current>a span {
    color : #000;
}

/* current item title when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK {
   
}

/* current item description when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:hover span.descCK {

}

/* active parent title */
div#maximenuCK ul.maximenuCK li.active>a span.titreCK {
    color : #000;
}

/* active parent description */
div#maximenuCK ul.maximenuCK li.active>a span.descCK {

}

/**
** first level items
**/

div#maximenuCK ul.maximenuCK li.level0 {
    padding : 0 18px; 

   /* background : url(../images/separator.png) top right no-repeat; */
}

/* first level item title */
div#maximenuCK ul.maximenuCK li.level0>a span.titreCK,
div#maximenuCK ul.maximenuCK li.level0>span.separator span.titreCK {

    color : #000;
}

/* first level item description */
div#maximenuCK ul.maximenuCK li.level0>a span.descCK {

    color : #000;
}

/* first level item link */
div#maximenuCK ul.maximenuCK li.parent.level0>a,
div#maximenuCK ul.maximenuCK li.parent.level0>span {
    /* background : url(../images/maxi_arrow0.png) bottom right no-repeat; */
    
}

/* parent style level 0 */
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {
   /* background : url(../images/maxi_arrow1.png) center right no-repeat; */
   
}

/**
** items title and descriptions
**/

/* item title */
div#maximenuCK span.titreCK {
    color : #000; 
    display : block;
    text-transform : none;
    font-weight : normal;
    font-size : 14px;
    line-height : 18px;
    text-decoration : none;
    /*height : 44px;*/
    float : none !important;
    text-align:left;
     /* menu fonts obaid */
}



div#maximenuCK ul li div span.titreCK {
    color : #000; 
    display : block;
    text-transform : none;
    font-weight : normal;
    font-size : 12px;
    line-height : 18px;
    text-decoration : none;
    /*height : 44px;*/
    float : none !important;
    text-align:left;
     /* menu fonts obaid */
}




/* item description */
div#maximenuCK span.descCK {
    color : #c0c0c0;
    display : block;
    text-transform : none;
    font-size : 10px;
    text-decoration : none;
    height : 12px;
    line-height : 12px;
    float : none !important;
    float : left;     
}



/* item title when mouseover */
div#maximenuCK ul.maximenuCK  a:hover span.titreCK {
    color : #A72C31;
    
}

/**
** child items
**/

/* child item title */
div#maximenuCK ul.maximenuCK2  a.maximenuCK {
    width : 160px;
}

div#maximenuCK ul.maximenuCK2 li a.maximenuCK,
div#maximenuCK ul.maximenuCK2 li span.separator {
    text-decoration : none;
    border-bottom : 1px dotted #505050;
    width : 230px;
    margin : 0 auto;
    padding : 3px 0 3px 0;
}

/* child item block */
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {
    /*background : #1a1a1a;*/
    margin : 3px 0 0 0;
    padding : 0;
    border : none;
    width : 250px; /* important for Chrome and Safari compatibility */ /*change by obaid */
}

div#maximenuCK ul.maximenuCK2 li.maximenuCK {
    width : 250px;
    padding : 0px 0 0 0; /*change padding from 3px to 0px obaid */
    border : none;
    margin : 0;
    background : none;
}

/* child item container  */
div#maximenuCK ul.maximenuCK li div.floatCK {
    background : #FFFFFF;
    border : 4px solid #FF7700;  
    width:250px;     
    /* change background of sub menu """" Obaid """ */
}

div#maximenuCK ul.maximenuCK li div.floatCK a:hover{ 
    /*background : #A72C31;*/
    color:#A72C31;
    
}
/**
** module style
**/

div#maximenuCK div.maximenuCK_mod {
    width : 170px;
    padding : 0;
    overflow : hidden;
    color : #ddd;
    white-space : normal;
}

div#maximenuCK div.maximenuCK_mod div.moduletable {
    border : none;
    background : none;
}

div#maximenuCK div.maximenuCK_mod  fieldset{
    width : 160px;
    padding : 0;
    margin : 0 auto;
    overflow : hidden;
   /* background : #1a1a1a; */
    border : none;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : #1a1a1a;
    color : #888;
    font-weight : normal;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {
    color : #FFF;
}

/* module title */
div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {
    font-size : 14px;
    width : 170px;
    color : #aaa;
    font-size : 14px;
    font-weight : normal;
    background : #000;
    margin : 0px 0 0 0;
    /*margin : 5px 0 0 0;*/
    padding : 0px 0 0px 0;
    /*padding : 3px 0 3px 0; */ /*by Obaid */
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul {
    margin : 0;
    padding : 0;
    width : 170px;
    background : none;
    border : none;
    text-align : left;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li {
    margin : 0 0 0 15px;
    padding : 0;
    width : 155px;
    background : none;
    border : none;
    text-align : left;
    font-size : 11px;
    float : none;
    display : block;
    line-height : 20px;
    white-space : normal;
}

/* login module */
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
    left : 0;
    margin : 0;
    padding : 0;
    width : 170px;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : #1a1a1a;
}



/**
** columns width & child position
**/

/* child blocks position (from level2 to n) */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
    margin : -30px 0 0 250px; /* change by obaid to adjust third level menu */
}

/* margin for overflown elements that rolls to the left */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight  {
    margin-right : 180px;
}

/* default width */
div#maximenuCK ul.maximenuCK li div.floatCK {
    /*width : 380px;*/
}


/* 2 cols width */
div#maximenuCK ul.maximenuCK li div.cols2 {
    width : 360px;
}

div#maximenuCK ul.maximenuCK li div.cols2>div.maximenuCK2 {
    width : 50%;
}

/* 3 cols width */
div#maximenuCK ul.maximenuCK li div.cols3 {
    width : 540px;
}

div#maximenuCK ul.maximenuCK li div.cols3>div.maximenuCK2 {
    width : 33%;
}

/* 4 cols width */
div#maximenuCK ul.maximenuCK li div.cols4 {
    width : 720px;
}

div#maximenuCK ul.maximenuCK li div.cols4>div.maximenuCK2 {
    width : 25%;
}



/**
** fancy parameters
**/

div#maximenuCK .maxiFancybackground {
    list-style : none;
}

div#maximenuCK .maxiFancybackground .maxiFancycenter {
   /* background: url('../images/fancy_bg.png') repeat-x top left; */
  /* border-bottom:1px solid #000; */  
    height : 34px;
}

div#maximenuCK .maxiFancybackground .maxiFancyleft {

}

div#maximenuCK .maxiFancybackground .maxiFancyright {

}

/**
** rounded style
**/

/* global container */
div#maximenuCK div.maxiRoundedleft {

}

div#maximenuCK div.maxiRoundedcenter {

}

div#maximenuCK div.maxiRoundedright {

}

/* child container */
div#maximenuCK div.maxidrop-top {

}

div#maximenuCK div.maxidrop-main {

}

div#maximenuCK div.maxidrop-bottom {

}


.topmenu #maximenuCK2 ,menuTopMostMenu maximenuCK
{
    height:10px;
}

.topmenu #maximenuCK2 .menuTopMostMenu
{
    height:10px;
    width:550px;
}

