/********************** copyright :)**********************/
/* 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:100%; float:left;  border:1px solid #C50000; margin-bottom:10px; overflow:hidden }
.XmlprodCat li{width:19%; list-style-type:none; text-align:left; float:left; margin-right:1%; display:list-item}
.XmlprodCont{width:100%; border:1px solid #C50000; margin-bottom:5px; float:left; }

/*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;  height:50px; width:49%; float:left; }

/*hifi Nothing to change */
#marg{margin-bottom:3px; display:block; width:100%; height:50px;background:url(../images/bgmp3_.jpg) 0% -50px  repeat-x;  }
.Xmlbt{width:22.5%; float:right; padding-top:10px}
.Xmltitle{width:73%; float:left;  padding-left:3px }
#HifiTitle{width:70%; height:45px; text-align:left; float:right; padding-top:4px;}
#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:url(../images/bgmp3_.jpg) repeat-x; text-align:left; margin-bottom:4px;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:#FEF1FA; 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;}
#bt{float:left; width:70%;}
#tit{float:right; width:23%;}
#wl_univers{ height:1px; width:1px}

/**********************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:359px; float:left;}
#RightBloc{width:553px; position:relative; float:right;}

#XmlTop{width:100%; text-align:left; text-transform:uppercase; border:1px solid #C50000; margin-bottom:5px; clear:both;  }
.XmlprodR{width:42%; float:right;  border:1px solid #C50000; margin-bottom:5px; overflow:hidden; }
.XmlprodL{width:56%; float:left; border:1px solid #C50000; margin-bottom:5px; overflow:hidden}
.XmlprodAnim{width:48%; float:right; padding-left:5px; border:1px solid #C50000; margin-bottom:5px; overflow:hidden; }
.XmlprodLog{width:49%; float:left; padding-right:5px; border:1px solid #C50000; margin-bottom:5px; overflow:hidden}
.Xmlprods{width:23.5%; float:right; margin-right:1.8%; display:block;}
.XmlRings{width:100%; background:url(../images/bgmp3_.jpg) repeat-x; text-align:left; margin-bottom:4px;  }

/*Video*/
.XmlVideo{width:23.5%; float:left; margin-right:1.8%; }
#vid{width:48%; float:left;}
#poz{margin-left:20px;}
#Position{width:70%; margin:auto;}

#Tree1{width:57%; float:left;  text-align:center}
#Tree2{width:42%; float:right;}
#Tree3{width:149px; text-align:center; float:right; margin-right:2px; }
#spacer{height:99px; }

#TreeM{width:46%; float:left; text-align:center; }
#TreeMM{width:50%;  float:left; }
#TreeMMM{width:50%; positin:relative; text-align:center; float:left; margin-left:4px; }

#men{position:relative; height:50px; float:right; margin-left:16px; width:160px;}
#ringtonescont{width:100%; clear:both;}