@charset "UTF-8";
/* CSS Document */

body {
	font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;		
	font-size:12px;
}
 
#container {  
    width:880px;  
    margin:0 auto;
	margin-top:38px;  
    /*background:transparent url(images/containerbg.jpg);   */
}  
  
/******************* TOP Line - MAGICO LOGO ***********************/   
  
#menuwrapA {  
    width:100%;  
    height:58px;  
    position:relative;  
    top:0px;  
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menuA {  
    width:48px;  
    height:55px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
    background:transparent url(../images/menu/Magigo_Logos.jpg);  
}  
  
ul#menuA li {  
    float:left;  
}  
  
ul#menuA li a {  
    display: block;  
    height:58px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/menu1_01.png) no-repeat;  
}  
  
ul#menuA li#logo a { background-position:-365px -58px; width:60px; }  
ul#menuA li#logo a:hover { background-position:-365px 0px; width:60px; } 


/******************* UNDER PHOTO - Q LOGO  For Lower Pages***********************/   

#menuwrapB {  
    width:100%;  
    height:55px;  
    position:relative;  
    top:0px;  
}  
  
ul#menuB {  
    width:42px;  
    height:55px;  
    float: right;
    margin-top: -24px;  
    padding:0;  
    list-style-type:none;  
}  
  
ul#menuB li {  
    float:left;  
}  
  
ul#menuB li a {  
    display: block;  
    height:55px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/Q_Logos.jpg) no-repeat;  
}  

 
ul#menuB li#Q_Logo a { background-position: 4px -55px; width:55px; }  
ul#menuB li#Q_Logo a:hover { background-position: 4px 4px; width:55px; }  



/************************ ARROW MENU 4 NUMBERS ***************************/ 

#menuwrap2 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menu2 {  
	width:130px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
    background:transparent url(images/menu/arrows_4.jpg); 
}  
  
ul#menu2 li {  
    float:left;  
}  
  
ul#menu2 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_4.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menu2 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menu2 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menu2 li#one a { background-position:-20px -12px; width:20px; }  
ul#menu2 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menu2 li#two a { background-position:-40px -12px; width:20px; }  
ul#menu2 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menu2 li#three a { background-position:-60px -12px; width:20px; }  
ul#menu2 li#three a:hover { background-position:-60px -1px; width:20px; } 

ul#menu2 li#four a { background-position:-80px -12px; width:30px; }  
ul#menu2 li#four a:hover { background-position:-80px -1px; width:30px; }  

ul#menu2 li#arrowRight a { background-position:-110px -12px; width:20px; }  
ul#menu2 li#arrowRight a:hover { background-position:-110px -1px; width:20px; } 



/************************ ARROW MENU 5 NUMBERS ***************************/ 

#menuWrapA5 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menuA5 {  
	width:190px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
     /*background:transparent url(images/menu/arrows_4.jpg);     */ 
}  
  
ul#menuA5 li {  
    float:left;  
}  
  
ul#menuA5 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_5.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menuA5 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menuA5 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menuA5 li#one a { background-position:-20px -12px; width:20px; }  
ul#menuA5 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menuA5 li#two a { background-position:-40px -12px; width:20px; }  
ul#menuA5 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menuA5 li#three a { background-position:-60px -12px; width:30px; }  
ul#menuA5 li#three a:hover { background-position:-60px -1px; width:30px; } 

ul#menuA5 li#four a { background-position:-90px -12px; width:30px; }  
ul#menuA5 li#four a:hover { background-position:-90px -1px; width:30px; }  

ul#menuA5 li#five a { background-position:-120px -12px; width:20px; }  
ul#menuA5 li#five a:hover { background-position:-120px -1px; width:20px; }  

ul#menuA5 li#arrowRight a { background-position:-140px -12px; width:20px; }  
ul#menuA5 li#arrowRight a:hover { background-position:-140px -1px; width:20px; } 


/************************ ARROW MENU 6 NUMBERS ***************************/ 

#menuWrapA6 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menuA6 {  
	width:190px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
     /*background:transparent url(images/menu/arrows_4.jpg);     */ 
}  
  
ul#menuA6 li {  
    float:left;  
}  
  
ul#menuA6 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_6.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menuA6 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menuA6 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menuA6 li#one a { background-position:-20px -12px; width:20px; }  
ul#menuA6 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menuA6 li#two a { background-position:-40px -12px; width:20px; }  
ul#menuA6 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menuA6 li#three a { background-position:-60px -12px; width:30px; }  
ul#menuA6 li#three a:hover { background-position:-60px -1px; width:30px; } 

ul#menuA6 li#four a { background-position:-90px -12px; width:30px; }  
ul#menuA6 li#four a:hover { background-position:-90px -1px; width:30px; }  

ul#menuA6 li#five a { background-position:-120px -12px; width:20px; }  
ul#menuA6 li#five a:hover { background-position:-120px -1px; width:20px; }  

ul#menuA6 li#six a { background-position:-140px -12px; width:20px; }  
ul#menuA6 li#six a:hover { background-position:-140px -1px; width:20px; }  

ul#menuA6 li#arrowRight a { background-position:-160px -12px; width:30px; }  
ul#menuA6 li#arrowRight a:hover { background-position:-160px -1px; width:30px; } 


/************************ ARROW MENU 7 NUMBERS ***************************/ 

#menuWrapA7 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menuA7 {  
	width:206px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
     /*background:transparent url(images/menu/arrows_4.jpg);     */ 
}  
  
ul#menuA7 li {  
    float:left;  
}  
  
ul#menuA7 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_7.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menuA7 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menuA7 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menuA7 li#one a { background-position:-20px -12px; width:20px; }  
ul#menuA7 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menuA7 li#two a { background-position:-40px -12px; width:20px; }  
ul#menuA7 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menuA7 li#three a { background-position:-60px -12px; width:30px; }  
ul#menuA7 li#three a:hover { background-position:-60px -1px; width:30px; } 

ul#menuA7 li#four a { background-position:-90px -12px; width:30px; }  
ul#menuA7 li#four a:hover { background-position:-90px -1px; width:30px; }  

ul#menuA7 li#five a { background-position:-120px -12px; width:20px; }  
ul#menuA7 li#five a:hover { background-position:-120px -1px; width:20px; }  

ul#menuA7 li#six a { background-position:-140px -12px; width:20px; }  
ul#menuA7 li#six a:hover { background-position:-140px -1px; width:20px; }  

ul#menuA7 li#seven a { background-position:-160px -12px; width:25px; }  
ul#menuA7 li#seven a:hover { background-position:-160px -1px; width:25px; }  

ul#menuA7 li#arrowRight a { background-position:-185px -12px; width:20px; }  
ul#menuA7 li#arrowRight a:hover { background-position:-185px -1px; width:20px; } 


/************************ ARROW MENU 8 NUMBERS ***************************/ 

#menuWrapA8 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menuA8 {  
	width:228px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
     /*background:transparent url(images/menu/arrows_4.jpg);     */ 
}  
  
ul#menuA8 li {  
    float:left;  
}  
  
ul#menuA8 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_8.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menuA8 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menuA8 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menuA8 li#one a { background-position:-20px -12px; width:20px; }  
ul#menuA8 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menuA8 li#two a { background-position:-40px -12px; width:20px; }  
ul#menuA8 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menuA8 li#three a { background-position:-60px -12px; width:30px; }  
ul#menuA8 li#three a:hover { background-position:-60px -1px; width:30px; } 

ul#menuA8 li#four a { background-position:-90px -12px; width:30px; }  
ul#menuA8 li#four a:hover { background-position:-90px -1px; width:30px; }  

ul#menuA8 li#five a { background-position:-120px -12px; width:20px; }  
ul#menuA8 li#five a:hover { background-position:-120px -1px; width:20px; }  

ul#menuA8 li#six a { background-position:-140px -12px; width:20px; }  
ul#menuA8 li#six a:hover { background-position:-140px -1px; width:20px; }  

ul#menuA8 li#seven a { background-position:-160px -12px; width:20px; }  
ul#menuA8 li#seven a:hover { background-position:-160px -1px; width:20px; }  

ul#menuA8 li#eight a { background-position:-180px -12px; width:25px; }  
ul#menuA8 li#eight a:hover { background-position:-180px -1px; width:25px; }  

ul#menuA8 li#arrowRight a { background-position:-205px -12px; width:22px; }  
ul#menuA8 li#arrowRight a:hover { background-position:-205px -1px; width:22px; } 





/************************ ARROW MENU 11 NUMBERS ***************************/ 

#menuWrapA11 {  
    width:100%;  
    height:12px;  
    position:relative;  
    top:0px; 
    /*background:transparent url(images/menu/arrows_11.jpg) repeat-x;    */ 
}  
  
ul#menuA11 {  
	width:322px;  
    height:12px;  
    float: none;
    margin-left:0px;  
    padding:0;  
    list-style-type:none;  
     /*background:transparent url(images/menu/arrows_11.jpg);     */ 
}  
  
ul#menuA11 li {  
    float:left;  
}  
  
ul#menuA11 li a {  
    display: block;  
    height:12px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/arrows_11.jpg) no-repeat;  
}  
/*Currently Selected*/

ul#menuA11 li#arrowLeft a { background-position:0 -12px; width:20px; }  
ul#menuA11 li#arrowLeft a:hover { background-position:0 -1px; width:20px; }  

ul#menuA11 li#one a { background-position:-20px -12px; width:20px; }  
ul#menuA11 li#one a:hover { background-position:-20px -1px; width:20px; } 
 
ul#menuA11 li#two a { background-position:-40px -12px; width:20px; }  
ul#menuA11 li#two a:hover { background-position:-40px -1px; width:20px; }  

ul#menuA11 li#three a { background-position:-60px -12px; width:30px; }  
ul#menuA11 li#three a:hover { background-position:-60px -1px; width:30px; } 

ul#menuA11 li#four a { background-position:-90px -12px; width:30px; }  
ul#menuA11 li#four a:hover { background-position:-90px -1px; width:30px; }  

ul#menuA11 li#five a { background-position:-120px -12px; width:20px; }  
ul#menuA11 li#five a:hover { background-position:-120px -1px; width:20px; }  

ul#menuA11 li#six a { background-position:-140px -12px; width:20px; }  
ul#menuA11 li#six a:hover { background-position:-140px -1px; width:20px; }  

ul#menuA11 li#seven a { background-position:-160px -12px; width:25px; }  
ul#menuA11 li#seven a:hover { background-position:-160px -1px; width:25px; }  

ul#menuA11 li#eight a { background-position:-185px -12px; width:20px; }  
ul#menuA11 li#eight a:hover { background-position:-185px -1px; width:20px; }  

ul#menuA11 li#nine a { background-position:-205px -12px; width:30px; }  
ul#menuA11 li#nine a:hover { background-position:-205px -1px; width:30px; }  

ul#menuA11 li#ten a { background-position:-235px -12px; width:30px; }  
ul#menuA11 li#ten a:hover { background-position:-235px -1px; width:30px; }  

ul#menuA11 li#eleven a { background-position:-265px -12px; width:35px; }  
ul#menuA11 li#eleven a:hover { background-position:-265px -1px; width:35px; }  

ul#menuA11 li#arrowRight a { background-position:-300px -12px; width:20px; }  
ul#menuA11 li#arrowRight a:hover { background-position:-300px -1px; width:20px; } 




/******************* UNDER PHOTO - Old Menu ***********************/  



#menuwrap3 {  
    width:100%;  
    height:25px;  
    position:relative;  
    top:8px;  
    /*background:transparent url(images/menu/menu1_01.png) repeat-x;    */ 
}  
  
ul#menu3 {  
    width:501px;  
    height:25px;  
    float: right;
    margin-top: -25px;  
    padding:0;  
    list-style-type:none;  
}  
  
ul#menu3 li {  
    float:left;  
}  
  
ul#menu3 li a {  
    display: block;  
    height:25px;  
    overflow:hidden;  
    text-indent:-99999px;  
    background:transparent url(../images/menu/menu3.png) no-repeat;  
}  
/*Currently Selected*/
ul#menu3 li#enclosures a  { background-position:0 -5px; width:143px; } 

/*
ul#menu3 li#enclosures a { background-position:0 -25px; width:143px; }  
ul#menu3 li#enclosures a:hover { background-position:0 -5px; width:143px; }  
*/

ul#menu3 li#drivers a { background-position:-143px -25px; width:107px; }  
ul#menu3 li#drivers a:hover { background-position:-143px -5px; width:107px; }  

ul#menu3 li#crossovers a { background-position:-250px -25px; width:154px; }  
ul#menu3 li#crossovers a:hover { background-position:-250px -5px; width:154px; }  
 
ul#menu3 li#details a { background-position:-404px -25px; width:97px; }  
ul#menu3 li#details a:hover { background-position:-404px -5px; width:97px; }  


.hidden {
	visibility: hidden;
	display: none;
}

a img {
border: none;
}

.hidden {
	visibility: hidden;
	display: none;
}


A:link {text-decoration: none; color:#5a5a5a;}
A:visited {text-decoration: none; color:#5a5a5a;}
A:hover {text-decoration: none}
A:active {text-decoration: none; outline: none;}

a .currentlySelected {
text-decoration:none;
color:#c8c8c8;
}

a
{
  outline: none;
}


#homeImg{
width: 880px; 
height: 520px; 
border-style:solid; 
border-width:1px; 
border-color:#222222;
}


#mainImg{
width: 880px; 
height: 520px; 
border-style:solid; 
border-width:1px; 
border-color:#222222;
}