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

#box1{ 
width:100%; 
height:110px; 
float:left; 

 }
#bodytable{ 
width:1450px; 
height:100%;
margin:auto;
 }
 
#wrapper{ 
width:1450px; 
height:100%;
margin:auto;
float:left;   
 }
 #smallnavagation{
width:100%; 
height:113px; 
float:left;  
background-color:#000000;
}
#mens{
width:370px; 
height:113px; 
float:left; background-image:url(../img/tuxedos.gif);

background-repeat:no-repeat;
background-size: 100% 100%;
}
#spare{
width:986px; 
height:113px; 
float:left;

}
#thing6
{
width:50px; 
height:50px;
float:left; 
margin-top:8px; margin-left:10px 

}
#lowerbody{ 
width:100%; 
height:100%; 
float:left;
}

#footer{
width:100%; 
height:250px; 
background-image:url(../img/footer.jpg);
 }
#innerfooter{
width:1320px; 
height:280px; 
margin:auto;
}

#pagination{
width:1452px; 
height:35px; 
float:left; 
padding-left:25px 
}
#pagination-one{
width:450px; 
height:18px; 
float:left; 
padding-left:5px; 
padding-top:6px;
}
#pagination-two{
width:250px; 
height:18px; 
float:left; 
padding-top:4px; 
padding-left:5px; 
padding-top:6px;font-size:18px; 
color:#FFFFFF;padding-left:25px 
}
#productcontent{
width:1452px; 
height:100%; 
float:left; 
}
#imagewrapper{
width:300px; 
height:430px; 
float:left; 
margin-left:51px; 
margin-top:10px; 
}
#imageholder{
width:300px; 
height:265px; 
float:left;
background-image:url(admin-center/invenimages/'.$id.'.jpg);
background-repeat:no-repeat;
background-size: 100% 100%;
}
#imageinfo{
width:300px; 
height:80px; 
float:left;
background:#CCCCCC;
}
#infodetails{
width:300px; 
height:20px; 
float:left;font-size:18px; color:#000000;padding-left:4px;
}

@media only screen and (max-width: 768px) {

#smallnavagation{
width:100%; 
height:180px; 
float:left; 
background-color:#000000;  
}
#mens{
width:100%; 
height:113px; 
float:left; background-image:url(../img/tuxedos.gif);
background-repeat:no-repeat;
background-size: 100% 100%;
}
#spare{
width:100%; 
height:65px; 
float:left;
}
#thing6
{
width:50px; 
height:50px;
float:left; 
margin-top:8px; margin-left:10px 
}

#box1{ 
height:215px;
width:100%; 
margin:auto; 
float:left;
 }
#bodytable{ 
width:100%; 
height:100%;
margin:auto;
}
#wrapper{ 
width:98%; 
height:100%;
margin:auto; 
margin:0;
float:left;
 }	
#lowerbody{ 
width:100%; 
height:100%; 
float:left;
} 

#footer{
background-size: 100% 100%;
background-image:url(../img/footer.jpg);
}
#innerfooter{
width:95%; 
height:280px; 
margin:auto;
}

#pagination{
width:100%; 
height:30px; 
float:left; 
padding-left:3px  
}
#pagination-one{
width:95%; 
height:20px; 
float:left; 
padding-left:5px; 
padding-top:6px;
font-size:14px
}
#pagination-two{
width:95%; 
height:16px; 
float:left; 
padding-top:4px; 
padding-left:5px; 
padding-top:6px;
}
#productcontent{
width:100%; 
height:100%; 
float:left;

}
#imagewrapper{
width:300px; 
height:430px; 
float:left; 
margin-left:30px; 
margin-top:10px; 
}
#imageinfo{
width:300px; 
height:80px; 
float:left;
background:#CCCCCC;
}
#infodetails{
width:300px; 
height:20px; 
float:left; font-size:18px; color:#000000; padding-left:4px;
}

	}