/* New Style Start */

a:hover{
	color:#FF6701
}
#siteWrapper2{ background: transparent url('../../include_framework/shadow.gif') repeat-y; margin: 0 auto; padding: 0 4px; width: 968px; }
#bodyWrapper2 { border-top: 1px solid #ccc; background:#efefef; width: 959px; }

#apDiv1 { 

	position:relative;

	width:720px;

	height:auto;

	z-index:1;

}           



#apDiv2 {
padding:5px;
}



#apDiv3 {
color:#FF6701;

}

#index_category_ap1 {

  position:relative;

	width:100%;

  height:auto;

	z-index:1;

	background:#ccc;
	/*border:#CCC 1px solid ;

*/

}



#index_category_ap1_bg{

	position:relative;

	width:720px;

	height:35px;

	z-index:1;

	background:#ccc;
	background-image: url(include_framework/main/bg-index.jpg);

}             



/* for words box only */

.index_category_ap1_grid3

{

   text-decoration:none;

   float:left;

   font-size:12px;  

   text-align:left;

   margin:2px;      

   _margin:1px;

   padding:5px;

   border:0px;

   width:112px;

   height:190px;

}

.index_category_ap1_grid3 strong

{

font-size:12px;

}



.index_category_ap1_grid3 H3
{
font-size:12px;
}

.index_category_ap1_grid3 div a:hover{
	cursor:hand;	
}

.red{
color:#ff0000;
}

#Enquiry_Quantity{
padding-left:5px;
padding-top:5px;
color:black;
margin:5px 0;
width:148px;
height:30px;
cursor: pointer;
border: 1px solid #cccccc; 
}

#LeftEmailButton{
  position:absolute;
  top:75px;
  border: 0px; 
  width: 150px;
  height: 35px;
  cursor: pointer;   
}

#TopEmailButton{
  cursor: pointer;   
}

#letter_box {
  width: 198px;
  height: 85px;
  background: url(/images/book_igp_info.jpg);
  background-repeat: no-repeat; 
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;  
}

#letter_box #email{
  float: left;
  padding: 0;
  margin: 50px 0 0 20px;
  border: 0;
  width: 110px;   
  background: none;
	color:#92BCCA;
	font-weight:bold;
} 

#faq{
 color:#5D5F64;
 width:760px;
 font-size:12px;
 background: url(images/faqbg.jpg);
}
 
#faqcate{
border: 2px solid #e8e8e8;
 margin-top:10px;
}
#faqcate h3{
background: #e8e8e8;
font-size:12px;
margin:0;
}
#faqcate a{
 color:#5D5F64;
cursor:pointer;
 line-height:15px;
 text-decoration:underline;
 padding:5px;
}
#faqcate div{
font-size:12px;
padding:10px; 
}



#letter_box #add {
    float: left;
    padding: 0;

    border: 0;
    
	color:#92BCCA;
}

#newsletter{
text-align:center;
width:200px;
margin:50px auto;
}

#faq{
color:#5D5F64;
width:690px;
background: url(images/faqbg.jpg);
}
 
#faqcate{
border: 2px solid #e8e8e8;
font-size:12px;
 margin-top:10px;
}

#faqcate h3{
background: #e8e8e8;
font-size:14px;
margin:0;
}

#faqcate a{
 color:#5D5F64;
cursor:pointer;
 line-height:30px;
 text-decoration:underline;
 padding:5px;
}

#faqcate div{
font-size:12px;
padding:20px 
}

#content{
font-size:12px;
}

.Title_Header{
 border-bottom: 1px solid #d7d7d7; 
 width:720px; 
 height:25px;
 margin-left:10px;     
 margin-top:10px;
}                      

.PageHeader
{
float:left;
font-weight:italic;
font-size:12px; 
width:500px;
}
.PageHeader h3
{margin:0;
padding:0;
}
    
.PageTitle       
{           
float:right;
text-align:right;
font-weight:italic;
font-size:12px; 
width:auto;
}

.PageTitle a
{
	font-weight:italic;
	color:#666;
}
  
.PageTitle a:hover
{
  color:#EC7618;
}
 
#contact{
 }

#contact h3{font-size:25px;
 }

#contact table{
 margin-left:30px;
 font-size:12px;
 }

#contact table td{
 line-height:27px;
 }

#client{
  width:720px;
 list-style: none; 
 overflow:hidden;
 top:200px;
}

#client span
  {
  float:left;
  text-align:center;
  width:175px;
  height:110px;
  padding-top:3px;
  background: url(/images/clientspanbg_175.jpg);
  background-repeat: no-repeat;
   
  }
  
#clientcate{
clear:both;
 width:740px;
 margin-bottom:40px;
 text-align:center;
 border-bottom: 2px solid #666;
 }
 
#clientcate b{
 position:relative; 
 bottom:-15px;
 background:#fff;
 font-size:22px;
 font-weight:bold;
 padding:0 10px;
 }


#openenquiry{
  position:fixed;
	top: 150px;
	left: 0px;
	font-size:16px;
	width:33px;
	height:163px;
	background:none;
	z-index:999999;
}

#openenquiry:hover
{
  cursor:pointer
}  


#enquiryform{
z-index:9999999999;    
position:fixed;
left:-450px;
top:80px;
width:400px;

/*
background-color:#fff;
border: 2px solid #666;
*/

} 

#new_enquiry_form{ 

  position:absolute;
	top: 72px;
	left: 408px;

	width:33px;
		height:163px;

	background:none;


	z-index:999999; 

} 
  
#contentinner{
margin-left:10px;
}  
  
#pagelinks{   
  position:relative;
	float:right;
	margin:4px;
  _margin:2px;
	font-weight:bold;
	font-size:16px;
}            
#apDiv1 div{
	background-repeat: no-repeat;
}
#pagelinks span{  
	font-weight:bold;
	border: none;
	background:#F60;
	float:left;
	color:#FFFFFF;
	margin:0 3px;
	_margin:0 1px;
	padding:1px 3px;
}           

#pagelinks a{
	float:left;
	color:#666;
	margin:0 3px;
	_margin:0 3px;
	padding:1px 3px;
	border: 1px solid #ccc;
}

#pagelinks a:hover{
	color:#F60;
}

#display_type{
float:left;
}

#display_type b{
float:left;
margin-left:9px;
}

#display_type a{
float:left;
}

#display_type strong{
float:left;      
margin-left:9px;
}

#display{
float:left;
margin-top:5px;
}

#display b{
float:left;
margin:5px 0 0 10px;
}

#display a{
float:left;
}

#floatbox{
  float:left;
  width:500px;
  height:300px;
  background:#fff;
  text-align:left;
  overflow:auto;
}

.list{
width:740px;
font-size:12px;
}
	
.list #list2{
width:370px;
height:170px;
float:left;
border-bottom: 1px solid #e8e8e8;
}

.list #list2 #listimg a
  {
  float:left;
  margin:4px;
  _margin:2px;
  border: 1px solid #ccc;  
  }
  
.list #list2 #listimg a:hover
  {
  border: 1px solid #EC7618; 
  
  }
  
.list #list2 #listimg img{
  width:150px;
  height:150px;
  background:#fff;
  border:none;
  
}	         

/* detail data */
.list #list2 #listdetail{
  position:relative;
  margin-top:10px;
  _margin-top:auto;
  
  
  float:left;
  width:208px;
  height:150px;
  overflow:hidden;       
  /*
  border: 1px solid #e8e8e8;
  */
}

.list #list2 #listdetail h3{
  margin:0;
  padding:0;
  
}

.list #list2 #listadd{
  position:absolute;
  left:0px;
	bottom:0px;
} 

#allproducts{
clear:both;
}

.grid{  
list-style: none; 
float:left;
}

.grid a
{
  text-decoration:none;
  float:left;
  text-align:left;
  
  margin:6px;
  _margin:3px;  
  
  /*orange box border*/
  padding:10px;        
  /*orange box border*/
  
  border: 1px solid #ccc;
  height:190px;
  width:150px;
}

.grid a:hover
{color:#ccc
}
.gridbutton
{
  text-decoration:none;
  float:left;
  text-align:left;
  
  margin:6px;
  _margin:3px;  
  
  /*orange box border*/
  padding:10px;        
  /*orange box border*/
  
  border: 1px solid #ccc;
  height:190px;
  width:150px;
}   

.listbutton
{
  text-decoration:none;
  float:left;
  text-align:left;
  
  margin:4px;
  _margin:2px;  
  
  /*orange box border
  padding:10px;        
  /*orange box border*/
  
  border: 1px solid #ccc;
  height:150px;
  width:150px;
}

.list_details:hover
{
  cursor:pointer
}

.listbutton:hover
{
  cursor:pointer
}

 .listdetails_button
{
  text-decoration:none;
  float:left;
  text-align:left;
  
}

.listdetails_button:hover
{
  cursor:pointer
}



.gridbutton:hover
{
  background:#EC7618; 
  cursor:pointer
}


    
.grid a:hover
  {
  background:#EC7618;
  } 
  
.grid a img
  {
  
  width:150px;
  height:150px;
  background:#fff;
  border:none;    
  }
  
  
.grid p
  {
  margin:10px 0 0 0;
  _margin:5px 0 0 0;
  padding:0;
  
  }
  
#product{
width:500px;
height:350px;
float:left;
}

#productimg
{
  float:left;
  width:270px;
}

#productimg a
{
  float:left;
  padding:4px;
  margin:5px;
  _margin:2px;
  border: 1px solid #ccc;
}

#productimg a img{        
  width:250px;
  height:250px;
  background:#fff;
  border:none; 
}
	
#productdetail{
  position:relative;
  margin-top:5px;
  _margin-top:2px;
  height:260px;
  padding:0 5px;
  float:left;
  width:220px;
  overflow:hidden;
}

#productdetail h3{
  margin:0;
  padding:0;
  
}        

#productadd{
  position:absolute;
  left:0px;
	bottom:0px;

}    


#side_no_border{
float:left;
width:150px;
background:#ffffff;
	/*
  margin-top:10px;
	*/
text-align:left;
border: 0px;
}
  
            
#side{
float:left;
width:150px;
background:#ffffff;
	/*
  margin-top:10px;
	*/
text-align:left;
border: 1px solid #cccccc;
}
	
ul#categorynav,ul#categorynav li{
height:25px; 
width: 100%; margin: 0; list-style: none; padding:0;
} 

ul#categorynav ul {
  
width: 120px; margin: 0; list-style: none; padding:0;
}

ul#categorynav li {

float: left; position: relative; width: 100%; 
}                                          

ul#categorynav li b{ 
font-style:none; position: absolute; margin-left:0px; padding: 7px; top:0px; right:0px; color: #666 ;font-size:12px; 
} 

ul#categorynav li.iehover { 

z-index: 1000;
} 

ul#categorynav ul {    

display: none; position: absolute; top: 0; left: 100%; z-index: 9999;
}

ul#categorynav a { 

padding: 5px; display: block; color: #000; font: 12px Arial, sans-serif; text-decoration: none; height: 1%; 
}

ul#categorynav a:hover,ul#categorynav li:hover a,ul#categorynav li.iehover a { 
background:#595757; 
height:15px; 
color: #FFF;     
}

ul#categorynav li:hover li a,ul#categorynav li.iehover li a { 
float: none; 
background:#595757; 
color: #FFF;     
filter: alpha(opacity=90);
-moz-opacity: 0.90; 
opacity: 0.90; 
-khtml-opacity: 0.90;}

ul#categorynav li:hover li a:hover,ul#categorynav li:hover li:hover a,ul#categorynav li.iehover li a:hover,ul#categorynav li.iehover li.iehover a {
background: #373A3D; }

ul#categorynav li:hover ul ul,ul#categorynav li:hover ul ul ul,ul#categorynav li.iehover ul ul,ul#categorynav li.iehover ul ul ul { 
display: none; color: #FFF;}

ul#categorynav li:hover ul,ul#categorynav ul li:hover ul,ul#categorynav ul ul li:hover ul,ul#categorynav li.iehover ul,ul#categorynav ul li.iehover ul,ul#categorynav ul ul li.iehover ul { 
display: block; }
                                               
#catesub{
  padding:10px;
  border-bottom: 1px solid #e8e8e8;
}

#subcate{
 float:left;
 width:80px;
}

#subcate b{
display:block;
 text-align:center;
}

#subcate img{
width:80px;
height:80px;
}