/********************** copy right :)**********************/
/* Css for Xml Integrations
* 
* @author  <samozone@jetmultimedia.ma>
*/
/**********************general css - Products Pagez **********************/

/*Product pages: Categories's side
to get many cols
1-remove tag disply:list-item 
2-change width from 100% to x% x== number of cols u wanna eg 40% to get 2 cols.
*/

.XmlprodCat{width:29%; float:left; padding-LEFT:5px; border:1px solid black; margin-bottom:5px;overflow:hidden }
.XmlprodCat li{width:100%; display:list-item; list-style-type:none; text-align:left; float:left; margin-right:1%;}

/*Css Div Next/Pre */
#Next{width:100%; text-align:center}

/*Product pagez Hifi*/
/*To get 1 cols change width to 100% instead of 40% else if we need more than 2cols we use less than 40% it deponds on the div container we got */
#margPro{margin-bottom:3px; display:block; background-color:#F1F1F1; height:50px; width:48%; float:left; }

/*hifi Nothing to change */
#marg{margin-bottom:3px; display:block; background-color:#F1F1F1; height:50px;width:99%}
.Xmlbt{width:13%; float:left; }
.Xmltitle-{width:82%; float:left; }
#HifiTitle-{width:71%; float:right; height:45px; text-align:left; }
.Xmltitle{width:82%; float:left; }
#HifiTitle{width:71%; float:right; height:45px; text-align:left; }
#HifiCover{width:1%; float:left;}

/*Page product Poly
To get 1 col use width:100% else less for more cols it deponds on ur div container
*/
.XmlPoly{background-color:#F1F1F1; text-align:left; margin-bottom:4px;  width:48%; float:left; margin-right:3px; }


/*Page product Funs
To get 1 col use width:100% else less for more cols it deponds on ur div container
*/
.XmlFuns{background-color:#F1F1F1; text-align:left; margin-bottom:4px;  width:32.3%; float:left; margin-right:1% }

/*Page product logo
To get max col u put u keep width:100% else u less to get less cols; 
Num of linez MUST BE DEFINED in product pagez code;
 -->eg :
$sCont = $oContent->ShowCont(2, 7, 20);	// (NbCols, NbLines, MaxChars)
*/
#XmlWall{width:100%; text-align:left; float:left; margin-left:10px;  margin-bottom:10px}


/*Page product logo
To get max col u put u keep width:100% else u less to get less cols; 
*/
#XmlScreenSaver{width:100%; text-align:left; float:left; margin-left:10px; margin-bottom:10px}


/*Page product theme
To get max col u put u keep width:100% else u less to get less cols; 
*/
#XmlTheme{width:100%; text-align:center; float:left; margin-left:10px; margin-bottom:10px}


/*Page product video
To get max col u put u keep width:100% else u less to get less cols; 
*/
#VidPro{width:20%; float:left;}

/*Page product gamez*/
#GameDet{text-align:left; padding-top:8px; padding-bottom:8px; overflow:hidden; margin-bottom:20px;}



/**********************class.Logos.php css**********************/
#LogosContainer{width:80%; margin:auto;}
#SearchPhrase{position:relative; float:left; height:15px; text_align:center}
#BackDot{ background-image:url(../images/wdot_line.gif); height:1px; background-repeat:repeat}
#XmLogo{width:100%; float:left; margin-right:1.8%; }
#XmlScreen{width:100%;float:left;margin-right:1.8%; }
.Xmlprod{width:31%; float:left; }
.XmlprodR{width:48%; float:right; padding-left:5px; border:1px solid black; margin-bottom:5px; overflow:hidden; }
.XmlprodL{width:49%; float:left; padding-right:5px; border:1px solid black; margin-bottom:5px; overflow:hidden}
.XmlprodAnim{width:48%; float:right; padding-left:5px; border:1px solid black; margin-bottom:5px; overflow:hidden; }
.XmlprodLog{width:49%; float:left; padding-right:5px; border:1px solid black; margin-bottom:5px; overflow:hidden}
.XmlprodCont{width:69%; float:right; padding-right:5px; border:1px solid black; margin-bottom:5px; }
.Xmlprods{width:23.5%; float:right; margin-right:1.8%; display:block;}
.XmlRings{width:100%; background-color:#F1F1F1; text-align:left; margin-bottom:4px;  }

/*Video*/
.XmlVideo{width:23.5%; float:left; margin-right:1.8%; }
#vid{width:48%; float:left;}

.logo {
float: left;
}
.conteneur-logo {
width: 100%;
}
.spacer_logo {
clear: both;
}

#Mplogo {
width:100%;
}
#Mplogo ul{list-style:none;
width:'.ceil(100 / $iNbCols).'%;
display:inline;
margin:0;
padding:0 0 0 0;
}
#Mplogo li{list-style:none;
width:'.ceil(100 / $iNbCols).'%;
display:inline;
float:left;
margin:0;
padding:0 2px 5px 0;
}
#games {
width:100%;
}
#games ul {
margin: 0;
padding: 0;
display: inline;
	} 

#games ul li {
width:'.ceil(100 / $iNbCols).'%;
display:inline;
float:left;
margin:0;
padding:0 0px 6px 3px;
	}
#cat ul{list-style:none;

margin-left:2px;
padding:0 30px 0 0;
}
#cat li{
list-style:none;
display:block;
padding:0 30px 0 0px;
float:left;
}
.wdot-line{background-image:url(../images/wdot_line.gif); background-repeat:repeat-x; height:1px;}