/* index */
/* search  */
/* news show */
/* main  */
/* sidebar right */
/* box_p  detail */
/* class list */
/* sidebar left */
/* head  */
/* common */
/* lightbox */

/* index bof -------------------------------------------------*/





.idx_box {
display:block;width:810px;overflow:hidden;padding-left:0px;padding-righgt:0px;

}


.idx_box .title , .idx_box .title  A:link ,.idx_box .title  a:visited {
    width:800px;height:27px;font:bold 13pt/25px arial;margin-top:10px;margin-bottom:10px;color:#b30000;background:url(../images/idxbox_title_bg.gif);padding-left:0px;

}
.idx_box .body {
    font:normal 8pt/13pt arial;color:#000;
}

.rightside_bottom { width:180px;height:300px;overflow:hidden;}


.allclass {
    border-bottom:1px solid #d6d6d6;width:258px;float:left;height:180px;margin-right:3px;margin-bottom:10px;overflow:hidden;}

.allclass .image {
    float:left;width:115px;overflow:hidden;padding-top:5px;padding-left:2px;}

.allclass .classlist {
    display:inline-block;float:left;width:130px;overflow:hidden;margin-left:5px;
}

.allclass .classlist DL {padding-top:0px;margin-top:0px;padding-left:0px;margin-left:0px;}

.allclass .classlist DL DT {
    border-bottom:1px solid #fff;padding-left:10px;background-position:0px 0px;\\background:#ded;BACKGROUND-IMAGE: url(../images/arrow_rhombus.gif) ;BACKGROUND-REPEAT: no-repeat;
}





.classlist a:link,.classlist a:visited {
    font:normal 8pt/11pt arial;color:#000033;
    text-decoration:none;
}
.classlist a:hover {
    color:#008000; text-decoration:underline;}

.allclass h1 {   margin-bottom:1px;margin-top:3px;}

.allclass h1 A:link,.allclass h1 A:visited{
    font:bold 10pt/13pt arial;color:#000033;text-decoration:none;}

.allclass h1 a:hover {color:#000033;text-decoration:underline;}




OL.news  li a:link, OL.news  li a:visited {
     color:#000033;
     font:normal 9pt/16pt arial;
     text-decoration:none;
}
OL.news  li a:hover {
     color:#008000;
}

.r2l_box {
     display:block;margin-right:4px;float:left;text-align:center;width:127px;overflow:hidden; 
}

.r2l_box .boximg {
     display:block;
     height:100px;
     width:125px;
     overflow:hidden;
     display:table-cell;
     vertical-align:middle;
     text-align:center;
     border:1px solid #eee;   
     background:#fff;
     margin-left:auto;
     margin-right:auto; 
}

.r2l_box a:link, .r2l_box a:visited {
     font:normal 9pt/30px arial;
     color:#000;
     text-decoration:none;
}

.r2l_box a:hover {
    color:#f00;
    text-decoration:underline;
}

/* index eof ------------------------------------------------------*/



/* search bof ------------------------------------------------- */

.search_box {
    	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 25px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	COLOR: #000; 
	PADDING-TOP:1px; 
	HEIGHT: 30px;
	FONT:normal 8pt Arial;
	position:relative;
         text-align:right;
  
              
}


.search_box .body {
 text-align:right;
}
.search_box .body SELECT.select {
 
    width:173px;
    color:#444;
    font:normal 8pt arial;
}

.search_box  input{
         font:normal 8pt arial;
}

.search_box  input.btnsub {
         font:normal 8pt arial;
}






/* search eof --------------------------------------------------*/



/* news show bof -------------------------------------------*/
.CssFaqLinkList {
	DISPLAY: block;
          margin:0px;
}
.CssFaqLinkList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; WIDTH: 600px; PADDING-TOP: 0px
}
.CssFaqLinkList UL LI {
	PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: url(../Images/BlueBullet.gif) no-repeat left 12px; FLOAT: left; WIDTH: 600px; LINE-HEIGHT: 25px; LIST-STYLE-TYPE: none; HEIGHT: 25px
}
.CssFaqLinkList UL LI A:link, .CssFaqLinkList UL LI A:visited {
	Font:normal 9pt/25px arial;VERTICAL-ALIGN: middle; COLOR: #336699; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-DECORATION: none;
}
.CssFaqLinkList UL LI A:hover {
	COLOR: #4c6e94; TEXT-DECORATION: underline;
}


.newscontent {
    font:normal 8pt/14pt arial;
    color:#666;
    padding-left:20px;
    padding-right:20px;
}

.newscontent span.newstitle {
    font-weight:bold;
    font:bold 11pt/14pt arial
}


/*news show eof --------------------------------------------- */




/* main bof --------------------------------------------*/
#main {
    OVERFLOW: hidden; 
    WIDTH: 810px; 
    color:#000;
    background:#FFF;
    padding-bottom:20px; 
    padding-top:0px;   
}
#main h1 {
    margin-top:3px;
    margin-bottom:1px;
    padding:0px;
    font:bold 10pt/25pt arial;
    color:#750000;
}

.pagecontent {
    font:normal 9pt/15pt arial;
    padding-left:20px;padding-right:20px;
    color:#333;    
}
.class_description {
    font:normal 8pt/12pt arial;
    margin-bottom:5px;
    color:#636363;
}
.class_description a:link,.class_description a:visited{
    color:#085592;
    text-decoration:underline;
}
.class_description a:hover {
    color:#085592;
    text-decoration:none;
}
#main .memo
{
    display:block;
    clear:both;
    width:100%;    
    font:normal 9pt/12pt arial;
    margin-top:5px;
    padding-top:5px;
}
#main .memo .title {
   width:100%;
   margin-top:5px;
   background:url(../images/memo_title_bg.gif) no-repeat;
   padding-left:20px;
   font:bold 9pt/30px arial;
   margin-bottom:5px;
   color:#666;
}
#main .memo .body,  #main .memo .body td{     
   margin-top:15px;
   margin-bottom:15px;
   color:#555;
}
.columnnav {
    display:block;
    clear:both;
    text-align:left;
    font:normal  9pt/30px  arial, georgia, garamond, serif;
    color:#750000;
    height:30px;    
    overflow:hidden;    
}
.columnnav a:link , .columnnav a:visited {
    font:normal 9pt arial;
    color:#750000;
    text-decoration:none;
}
.columnnav a:hover  {
    color:#750000;
    font:nromal 8pt arial, georgia, garamond, serif;
    text-decoration:underline;
}
.pagesnav {
    display:block;
    clear:both;
    text-align:right;
    font:normal 9pt/30px arial;
    color:#750000;
    background: #fff;
}
.pagesnav a:link, .pagesnav a:visited{
    font:normal 9pt/30px arial;
    display:inline-block;
    color:#750000;
    padding-left:3px;
    padding-right:3px;
    text-decoration:none;
}
.pagesnav a:hover {
   color:#750000;
   text-decoration:underline;
}
.nav_page_current {
    font:bold 9pt arial;
    color:#f00;
}
/* main eof ---------------------------------------------------------*/



/* sidebar right bof--------------------------------------------------*/
#sidebar_right {
    width: 200px;
    margin-right:-200px;
    overflow:hidden;   
    padding-top:5px;
}
.right_box_body ul.bst {
    margin:0px;
    padding:0px;
}
.right_box_body UL.bst li {
    margin:0px;
    padding:0px; 
    margin-bottom:10px;
    LIST-STYLE-TYPE: none
}
.right_box_body UL.bst   li  A:link , .right_box_body  UL.bst li  A:visited {
    display:block;
    width:150px;
    margin:auto;
    overflow:hidden;
    color:#134FC9;
}
.right_box_body OL.news {
    padding-top:5px;
    margin-bottom:10px;
}
.right_box_body OL.news li {
    margin:0px;
    margin-left:0px;
    text-align:center;
    margin-bottom:2px;
}
.right_box_body OL.news li  A:link , .right_box_body OL.news li  A:visited {
    
    display:block;
    width:190px;
    overflow:hidden;
    color:#134FC9;
    text-align:left;
    padding-left:0px;

}
.right_box  OL {
   padding-top:0px;
   margin-top:0px;
}
/* sidebar right eof ---------------------------------------------*/





/* box_p  detail bof ------------------------------------------------ */
.box_p_img {
    width:400px;
    float:left;
    text-align:center;
    overflow:hidden;
}
.big_img_frame {
    height:400px;width:400px;position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    border:1px solid #efefef;
    padding-top:2px;
}
.big_img_frame   p {
    position:static;
    +position:absolute;
    top:50%
}
.big_img_frame img {
    position:static;
+position:relative;
top:-50%;left:-50%;
}
.box_p_content {
    width:380px;
    float:left;
    overflow:hidden;
    padding-left:10px;
    font:normal 9pt arial;
    color:#000;
    overflow:hidden;
    pading-left:10px;
    background:url(../images/pcontent_bg.jpg) repeat-x;
    margin-left:18px;

}
.box_p_content p , .box_p_content FONT {
    color:#422B0B;
}
.box_p_content div {
    color:#422B0B;
}
.box_p_content h1{
    font:bold 9pt arial; \\, georgia, garamond, serif;
    color:#422B0B;
    
}
.box_p_content dl {
    margin-top:0px;
    color:#422B0B;
}
.box_p_content dt{
    display:inline;
    font:bold 9pt/16pt arial;
    width:100px;    
    float:left;   
    color:#422B0B;  
}
.box_p_content dd{
    display:inline;
    width:240px;
    display:block; 
    font:normal 9pt/16pt arial;
    color:#000;
    overflow:hidden;
    float:left;
\\    border:1px solid #000;
    
}
.box_p_content .price{
    font:bold 10pt/18pt arial;
    color:#cc0000;
  }

SPAN.wholesaleshow {
    display:inline-block;   
    font:normal 10pt/18pt arial;
     color:#555;

}


.box_p_alsolike {
    display:block;
    float:left;
    width:150px;
    height:200px;
    font:normal 9pt arial;
    text-align:center;
    color:#222;
}

.box_p_alsolike .img { width:120px;height:120px;margin:auto;}
.box_p_alsolike .name a:link , .box_p_alsolike .name a:visited{margin:auto;display:block;color:#555;font:bold 9pt/13pt arial;text-decoration:none;}
.box_p_alsolike .name a:hover {color:#000;text-decoration:underline;}

.box_p_alsolike .name {color:#000;text-align:center;height:37px;overflow:hidden}





/* box_p detail eof -------------------------------------------------------*/


/* class list bof -------------------------------------------------*/
.box_product {
    display:block;
    width:160px;
    height:218px;
    overflow:hidden;
    margin-bottom:3px;
    text-align:center; 
    float:left;
    background:#fff;
    margin-left:0px ;
    margin-right:0px;
    padding-top:5px;
    position:relative;  
    border-bottom:1px solid #ededed;  
    border-right:1px solid #ededed;
}
.box_product .boxdescription {
     display:block;
     height:31px;
     overflow:hidden;
     text-align:center;
     padding-top:5px;     
     width:140px;
}

.box_product .centerimg {
    width:131px;
    margin:auto;
}
.box_product .boximg {
     display:block;
     height:131px;
     width:131px;
     overflow:hidden;
     text-align:center;
     position:relative;
     display:table-cell;
     vertical-align:middle;
     text-align:center;
\\     border:1px solid #d3d3d3;   
     background:#fff;\\eed;
     margin-left:auto;
     margin-right:auto; 
}

.box_product .boximg  p {
    position:static;
    +position:absolute;
    top:50%    
}
.box_product .boximg img {
    position:static;
+position:relative;
top:-50%;left:-50%;
} 
.box_product span {
    display:inline-block;
}
.box_product .url{
    height:auto;
    font:bold 8pt arial;
    color:#000;
    margin-bottom:3px;
    width:140px;
}
.box_product .url A:link, .box_product .url A:visited{   
    font:bold 8pt arial;
    color:#555;
    text-decoration:none;
}
.box_product .url A:hover {
    color:#008000;
    text-decoration:underline;
}
.box_product .price {font:normal 8pt arial;color:#000;  }
.box_product .wholesale {}
/*class list  eof -------------------------------------------------*/


/*sidebar left bof --------------------------------------------------*/
#sidebar {
    padding-top:2px;
    WIDTH:180px;
 \\   MARGIN-LEFT: -190px;
    padding-left:0px;
    z-index:1;
    background:#fff;

}
Html #sidebar {
 \\ *_left:190px;
}
#catelog {
    float:left;
    position:relative;
    z-index:1;
\\    background:url(../images/catelog_bg.gif) no-repeat;
    width:170px;
\\    margin:auto;
\\      filter: Alpha(Opacity=70); 
    margin-bottom:0px;
\\    background:#000;
    padding-bottom:10px;

}
#catelog .title {
    width:150px;
    height:28px;
    background:url(../images/category_title_bg.jpg) repeat-x;
    font:bold 9pt/28px arial;
    padding-left:20px;
    color:#eee;
    display:none;
}


#catelog .title2 {
    width:150px;
    height:28px;
    background:url(../images/leftbottom_bg.jpg) repeat-x;
    font:bold 9pt/28px arial;
    padding-left:20px;
    color:#b30000;
    TEXT-TRANSFORM: uppercase;
}

.leftside_bottom {
    clear:both;
   

}
.leftside_bottom  P{
    margin-top:3px;

}

.leftside_bottom .title {
    width:150px;
    height:37px;
    background:url(../images/leftbottom_bg.jpg) repeat-x;
    font:bold 9pt/37px arial;
    padding-left:20px;
    color:#fff;
    TEXT-TRANSFORM: uppercase;
}
.leftside_bottom .body {
    clear:both;
    width:166px;
    overflow:hidden;
    font:normal 9pt/16pt arial;
    border-left:2px solid #FCEFEF;
    border-right:2px solid #fcefef;
\\    padding-left:10px;
\\    padding-right:10px;
    padding-top:0px;
\\    background:#Efefef;
    text-align:center;
    

}


/* sidebar left eof ----------------------------------------*/


/* head bof ------------------------------------------ */

#header_layer1{
    HEIGHT:105px;
    WIDTH:1000px;
    TEXT-ALIGN:right;
    FONT:normal 9pt arial;
    COLOR:#D7A92E;
\\    background:url(../pic/upfile/logo.jpg);

   
}
#header_layer1 A{
	FONT:bold 9pt arial;
	COLOR:#D7A92E;
	MARGIN-LEFT:15px;
	MARGIN-RIGHT:15px;
         TEXT-DECORATION: none;
	
}

#header_layer1 A:hover{
	COLOR: #D7A92E;
         TEXT-DECORATION: underline;	
}

#header_layer2 {
	HEIGHT:43px;
	WIDTH:1080px;
	TEXT-ALIGN:right;
	FONT:normal 9pt Arial;
	COLOR:#004B91;
}


#header_layer3{
         CLEAR:both;
	DISPLAY:block;
	WIDTH:1000px;		
	HEIGHT:35px;
	position:relative;
	z-index:4;


         
}





.menulist
{
    
    VISIBILITY: hidden;
    WIDTH: auto;
    POSITION: absolute;
    HEIGHT: auto;
    BACKGROUND:#CCF1FA; 
    overflow:hidden;
    z-index:10000;
  
}

.menulist UL {
    PADDING-RIGHT: 10px;    
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;    
    PADDING-TOP: 10px;
    MARGIN-left: 0px;
    MARGIN-top:0px; 
    MARGIN-BOTTOM:0px; 
      BORDER: #CCF1FA 2px solid; 
    background:#CCF1FA;   
  
}
.menulist UL li {
    list-style-type:none;
}

.menulist UL LI A:link, .menulist UL li A:visited {
    COLOR: #666; FONT:bold 9pt/20px arial;
    text-decoration:none;
    BACKGROUND-POSITION: left center;
    BACKGROUND-IMAGE: url(../images/arrow_red.gif);
    BACKGROUND-REPEAT: no-repeat;
    padding-left:20px;
}
.menulist ul li A:hover {
    color:#f00;text-decoration:underline;

}

#header_layer4{
         clear:both;
	background:url(../images/lay4.jpg) repeat-x;
\\       background:#4086B9;
	width:970px;
	height:32px;
	overflow:hidden;
	position:relative;
	z-index:0;
         padding-right:30px;

}


/* head eof ---------------------------------------------*/




/* common bof --------------------------*/

.optionbig {
    font:bold  9pt/12pt arial;
    background:#ccc;
}

#logo {
   position:absolute;
   left:0px;    
}

#content .column {
	FLOAT: right; POSITION: relative;
         
}
.btnDefault {
	font:bold 9pt arial,helveitca,sans-serif;
	color: #000;
         width:118px;
         height:24px;
\\	background: url(../images/bg_btncore.gif);/*#5BA1E7 */
         background: url(../images/btn_default.gif);
	cursor: pointer;
\\	padding:1px 3px 2px 3px;
\\	border:1px solid #2677C7;
\\	border-bottom: 1px solid #2677C7;
         border:0px;
}
.redtext          { color:#f00;}
.graytext  {color:gray}
.font8pt { font:normal 8pt arial;}
.user_center_title{  font:bold 12pt/30px arial;}
a.backtotop:link, a.backtotop:visited{font:normal 8pt arial;padding-right:10px; }

.cartImg {width:106px;height:20px;background:url(../images/arrow_cart_step.gif);display:block;float:left;margin-left:6px;margin-right:6px;
   font:bold 9pt/20px arial;color:#fff;text-align:center;

}
.cartImg2 {width:106px;height:20px;background:url(../images/arrow_cart_step2.gif);display:block;float:left;margin-left:6px;margin-right:6px;
   font:normal 9pt/20px arial;color:#222;text-align:center;
}




/* common eof  ---------------------------------*/






/* lightbox bof ----------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* lightbox eof  ------------------------*/