@charset "utf-8";
/* CSS Document */
body {
	margin:0px; padding:0px; background:#000000;
	/*font: Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7";*/
	}
.top { background:#A2D1FF;} 
.logo { margin:0 auto; padding:0px; width:780px; height:178px; text-align:center;} /*height:148px; */

.topmenu { background:url(navbg.jpg) repeat-x; width:100%; height:25px;}
/*- Menu Tabs G--------------------------- */

    #tabsG {
      width:780px;
      line-height:normal;
	  margin:0 auto;
	  font: normal 11px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7";
	  position:relative;
      }
    #tabsG ul {
        margin:0; padding:0px;
        list-style:none;
		position: absolute;
		z-index:9999px; top:-8px; left:20px;
		background:url(menubg.gif) no-repeat left top;
      }
    #tabsG ul li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG ul li a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabsG ul li a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:14px 12px 2px 6px;
      color:#000000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG ul li a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG ul li a:hover span {
      color:#ffffff;
      }
    #tabsG ul li a:hover {
      background-position:0% -32px;
      }
    #tabsG ul li a:hover span {
      background-position:100% -32px;
      }

        #tabsG #current a {
                background-position:0% -32px;
        }
        #tabsG #current a span {
                background-position:100% -32px;
				color:#ffffff;
        }
		
#tabsG ul li  { background:url(li.gif) right center;}

.search {position: absolute; z-index:9999px; top:4px; left:480px;}
.Logout {position: absolute; z-index:9999px; top:6px; left:760px;}

.searchinput { border:0px; background:url(searchbg.gif) no-repeat; height:17px; line-height:17px; width:220px; padding-left:3px; line-height:17px; font-size:11px;}
#searchsub { border:0px; background:none;}

.center { width:780px; margin:0px auto;margin-top:10px; }
.iprolist {text-transform:uppercase;font: normal 11px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7"; }





.iprolist ul { list-style:none; margin:0px; padding:0px; }
.iprolist li { width:132px; text-align:center; float:left; margin-right:14px;}
.iprolist li a { color:#ffffff; text-decoration:none;}
.iprolist li a:hover { color:#77b4f2; text-decoration:none;}
.iprolist span { width:132px; text-align:center; line-height:30px; }
/* add 2009.6.10 by hyfly */
.iprolist td { width:132px; text-align:center; line-height:30px; }

/* Add by hylfy 2009.6.12 about Search Page & mproduct Page CSS */
.iprolistSearch {text-transform:uppercase;font: normal 11px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7";}
.iprolistSearch img { border:1px solid #cccccc;}
.iprolistSearch td {text-align:center;font:  normal 11px Verdana;padding-bottom: 5px; float:left; margin-right:14px; width:132px; *width:132px; }
.iprolistSearch td span { text-align:center; line-height:30px;}
.iprolistSearch td a,.iprolistSearch td a span { color:#ffffff; text-decoration:none;}
.iprolistSearch  a:hover { color:#77b4f2; text-decoration:none;}





.ipropic img { border:0px; padding:3px;}
.ipropic { display:block; width:138px;}
.ipropic:link {background:#000000;}
.ipropic:visited {background:#000000;}
.ipropic:hover {  background:#77b4f2;}
.ipropic:active { background:#77b4f2; }

/*neiye*/

.left { float:left; width:197px; }
.promenu { width:189px; margin-left:8px;/*height:480px;*/ min-height:480px; _height:480px;border:1px solid #333333; background:#111111;}
.promenu h3 {font: bold 12px Verdana; color:#77b4f2;  margin:0px; padding:28px 0px 10px 23px;}

.promenu ul { margin:0px; margin-left:8px; padding:0px; list-style:none;}
.promenu li { background:url(promenubg1.gif) no-repeat 20px 10px; width:134px;  padding:7px 0px 7px 38px; font: normal 11px Verdana; 
	color:#77b4f2; 
	border-top:1px solid #222222; }
/*
.promenu li { background:url(promenubg1.gif) no-repeat left center; width:134px; height:18px; padding-left:38px; padding-top:8px; font: normal 11px Verdana; color:#77b4f2; } */
.promenu li a { text-decoration:none; color:#77b4f2;}
.promenu li:hover a { color:#ffffff;}
.promenu li:hover { color:#ffffff;background:url(promenubg2.gif) no-repeat  20px 10px; }
#currentpeo{ color:#ffffff;background:url(promenubg2.gif) no-repeat 20px 10px; }
/*.promenu li:hover { color:#ffffff;background:url(promenubg2.gif) no-repeat left center; } */
/* #currentpeo{ color:#ffffff;background:url(promenubg2.gif) no-repeat left center; } */
#currentpeo a { color:#ffffff; }


.quotation { width:189px; margin-left:8px; margin-top:10px; height:145px;border:1px solid #333333; background:#111111;}
.quotation h3 {font: bold 12px Verdana; color:#77b4f2;  margin:0px; margin-left:8px; padding:15px 0px 10px 5px;border-bottom:1px solid #333333;width:155px; }

.quotation ul { margin:0px; margin-left:8px;  padding:0px; list-style:none;}
.quotation li { width:162px; height:15px; line-height:20px;   font: normal 10px Verdana; color:#77b4f2;  border-bottom:1px solid #333333; padding-top:5px; }
.quotation li a { text-decoration:none; color:#ffffff; float:left;}

/*del*/
.del { float:right; width:16px; height:19px; background:url(delhs.gif) no-repeat top; display:block; top:-3px; z-index:10; position:relative;}
.del:hover { background:url(del.gif) no-repeat top;}


.autotation { width:172px; text-align:center; margin-top:8px; float:left;}

/*right*/
.right { float:left; margin-left:20px; width:520px; border:1px solid #333333; background:#111111;/*height:480px;*/ min-height:480px; _height:480px;}

/* to Update by hyfly 2009.6.12 [ width:491px] SaveAS [width:495px] */
/*.rprolist { width:491px; margin-left:27px;} */
.rprolist { width:495px; margin-left:27px;}
.rprolist h3 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:470px; padding-bottom:10px; margin:10px 0px 0px 0px;}
.rprolist {text-transform:uppercase;font: normal 12px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7"; }
.rprolist img { border:1px solid #cccccc;}
.rprolist ul { list-style:none; margin:0px; padding:0px; margin-top:30px;overflow:auto;height:405px;/*height:428px;*/ }
.rprolist li { width:202px; text-align:center; float:left; margin-right:35px;}
.rprolist li a { color:#ffffff; text-decoration:none;}
.rprolist span { width:202px; text-align:center; line-height:40px;}
.rprolist td { width:202px; text-align:center; line-height:40px;}

.proright {color:#77b4f2; width:550px; float:left; margin-left:30px;}
.proright h1 { font: bold 18px Verdana; margin:0px;}
 .pro_title { font: bold 18px Verdana; margin:0px;}
.proinfo {font: normal 14px Verdana; margin-bottom:10px;}
/*proother-> width:497px;*/
.proother {font: normal 11px Verdana; margin-top:35px;margin-bottom:10px; width:400px; text-align:right; padding-right:18px;}
.proother a {color:#77b4f2; text-decoration:none;}
.propicsize { padding-top:5px;}
.propic { float:left; margin-right:10px;}
.propic img { border:1px solid #cccccc;}

.sizeinfo { background:#cccccc;}
.sizeinfo td { background:#ffffff;font: bold 11px Verdana; color:#000000;text-transform:uppercase;}
.sizepintpu { width:20px; border:1px solid #cccccc;margin-left:2px;}
.sizeinfo span { font:normal; text-align:center; margin-left:2px; float:left;}

/*quotation*/
.rquotation { float:left; width:570px; margin-left:9px;border:1px solid #333333; height:480px;}
.rquotatibox { width:570px; float:left;}
.rquotationtitle { float:left; width:170px; text-align:right;font: normal 11px Verdana; color:#ffffff; padding-right:10px; height:25px; line-height:25px;}
.rquotationinput { width:370px; height:25px; line-height:25px; float:left; font: normal 11px Verdana; color: #ffffff;}
.quotationinput { height:16px; width:270px; border:1px solid #999999; background:none; color:#77B4F2;}

.textbox { width:270px; height:120px; border:1px solid #999999; background:none; color:#77B4F2;font: normal 11px Verdana;}
.submit,.button{ width:570px; text-align:center; margin-bottom:10px;}
.bottonbg1 { background:url(subbg.jpg) no-repeat; height:27px; line-height:27px; width:157px; border:0px;}

/*2009-6-11 shaofeng*/
/*viewquotation*/
.cart { float:left; margin-left:15px; border:1px solid #333333; width:560px !important;width:545px;height:480px;/*min-height:480px; _height:480px;*/}
.cartcontent { width:491px; margin-left:27px;}
.cart h3 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:510px; padding-bottom:10px; margin:10px 0px 0px 0px;}
.carttable { background:#666666; width:510px;margin:15px 0 0 0px;}
.carttable td { background:#000000; padding:5px; color:#ffffff;font: /*normal*/ 12px Verdana;}
/*end viewquotation*/


/*shirts*/
.shirts2 { float:left; margin-left:15px; border:1px solid #333333; width:560px;/*min-height:480px; _height:480px;*/ height:auto;}
.shirtlist2 {}
.shirtlist2 h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:10px 0px 0px 20px;}
.shirtlist2 img { border:1px solid #cccccc;}
.shirtlist2 ul { list-style:none; margin:0px; padding:0px; margin-top:10px; overflow:auto; height:428px;}
.shirtlist2 li { width:110px; text-align:center; float:left; margin-left:15px; font: normal 11px Verdana;}
.shirtlist2 li a { color:#ffffff; text-decoration:none;}
.shirtlist2 span { width:110px; text-align:center; line-height:18px;}
.shirtlist2 td { width:110px; text-align:center; line-height:18px;}

/*Update as table mode with shirts Page By hyfly 2009.6.10*/
.shirts { float:left; margin-left:15px; border:1px solid #333333; width:560px !important;width:545px; height:auto;}
.shirts h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; padding-bottom:10px; margin:10px 0px 0px 20px;width:520px;}
.shirtlist img { border:1px solid #cccccc;}
.shirtlist { list-style:none; margin:0px; padding:0px; margin-top:10px;margin-left:15px; overflow:auto; height:427px;}
.lists td 
{
	text-align:center;
	font:  normal 11px Verdana;
	padding-bottom: 5px;
}
.lists table td 
{
	background-color:#000; padding:0 20px 0 0;
}
.lists td span { text-align:center; line-height:18px;}
.lists td a,.lists td a span { color:#ffffff; text-decoration:none;}

/*aboutus*/
.aboutcontent { } /*2009.6.11 by hyfly Update*/
.aboutcontent h1 /*,.center h1*/ {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.aboutcontent img { border:1px solid #cccccc;}
.aboutcontent p, .catalogues p { padding:5px; padding-left:20px; text-align:left;color:#77B4F2; float:left; font: normal 13px Verdana; line-height:20px;}
.aboutcontent p a { color:#77B4F2; text-decoration:none;}

/*let ie7 to Automatic push */
.aboutcontentn1 { }
.aboutcontentn1 h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.aboutcontentn1 img { border:1px solid #cccccc;}
.aboutcontentn1 p { padding:5px; padding-left:20px; text-align:left;color:#77B4F2; float:left; font: normal 13px Verdana; line-height:20px;}
.aboutcontentn1 p a { color:#77B4F2; text-decoration:none;}
/*contact*/
.rshirts { float:left; margin-left:15px; border:1px solid #333333; width:560px;min-height:480px; _height:480px; /*height:auto;*/}
.rcontact { float:left; width:520px; margin-left:10px;margin-top:20px;}
.rcontactbox { width:520px; float:left;}
.rcontacttitle { float:left; width:170px; text-align:right;font: normal 11px Verdana; color:#ffffff; padding-right:10px; height:25px; line-height:25px;}
.rcontactinput { width:300px; height:25px; line-height:25px;  float:left; font: normal 11px Verdana; color: #ffffff;}
.contactinput { height:16px; width:250px; border:1px solid #999999; background:none; color:#77B4F2;}

.ctextbox { width:250px; height:120px; border:1px solid #999999; background:none; color:#77B4F2;font: normal 11px Verdana;}
.csubmit { width:520px; text-align:center; margin-bottom:10px; margin-top:10px;}
.cbottonbg1 { cursor:pointer;background:url(subbg.jpg) no-repeat; height:27px; line-height:27px; width:157px; border:0px;}
.cbottonbg2 { cursor:pointer;background:url(subbg2.jpg) no-repeat; height:27px; line-height:27px; width:102px; border:0px;}
.lbutton{ cursor:pointer;background:url(subbg3.jpg) no-repeat; height:27px; line-height:27px; width:40px; border:0px;}
.update1 { margin-top:10px; margin-left:100px;}
.update { margin:10px;}

/*viewquotation*/
.viewquotation { background:#666666; width:520px;margin:15px 0 0 20px;}
.viewquotation td { background:#000000; padding:5px; color:#ffffff;font: /*normal*/ 12px Verdana;}
/*viewquotation*/
.viewquotation2 { background:#666666; margin:0px;}
.viewquotation2 td { background:#000000; padding:5px; color:#ffffff;font: /*normal*/ 12px Verdana;}



.foot { margin-top:15px; height:33px; clear:both;}
.copyright { width:780px; font: normal 11px tahoma; color:#ffffff; margin:0 auto; text-align:center; line-height:15px; }
.copyright a {  color:#ffffff; padding:0px 3px; text-decoration:none;}



.aboutcontent1 {margin:30px;font: 11px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7";}
.aboutcontent1 h4 {color:#77B4F2;font:15px;}
.login { float:left;  border:1px solid #333333; width:360px; height:auto;color:#ffffff; margin:90px;}
.contactinput1 { height:16px; width:150px; border:1px solid #999999; background:none; color:#77B4F2;}
.center1 { width:780px; margin:0px auto;margin-top:20px; }
.bottonbg3 { cursor:pointer;background:url(subbg.jpg) no-repeat; height:27px; line-height:27px; width:107px; border:0px;}
.admin_index { float:left; margin-left:15px; border:1px solid #333333; width:750px; height:auto;color:#ffffff;}
.AddMember { float:left; margin-left:15px; border:1px solid #333333; width:650px; color:#ffffff;}
.aboutcontent h4 {color:#77B4F2;font-size:15px;}
.center2 { width:1000px; margin:0px auto;margin-top:20px;}
.simplecenter {  width:560px; height:auto; margin:0 auto;}
.loginsp { border:1px solid #333333; width:460px; height:auto;color:#ffffff;  margin:0 auto;}



.ccc {color:#77B4F2;border-bottom:1px solid #333333;}


.catalogues {
width:93%; margin:0 auto;border:1px solid #333333; overflow:hidden;}
.center h1{ 
font-size:16px; border:none;}
.catalogues p, .catalogues table td{
text-align:center;}
.catalogues p{font-size:15px;}
.catalogues table{
margin-left:20px;}
.catalogues table td{
padding:20px;}
.catalogues p{
margin-left:20px;}

.catalogues p{
margin:0 0px 10px 20px;
*padding:10px 0px 15px 20px;
}


.center5 h1{color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.center5 { width:780px; margin:0px auto;margin-top:10px; }
.aboutcontent2 {font: 11px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7"; }
.aboutcontent2 h1 {color:#77B4F2;border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.aboutcontent2 img { border:1px solid #cccccc;}

.aboutcontent2 p a { color:#77B4F2; text-decoration:none;}

.aboutcontent4 { min-height:480px; _height:480px; }
.aboutcontent4 h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.aboutcontent4 img { border:1px solid #cccccc;}
.aboutcontent4 p { padding:5px; padding-left:20px; text-align:left;color:#77B4F2; float:left; font: normal 13px Verdana; line-height:20px;}
.aboutcontent4 p a { color:#77B4F2; text-decoration:none;}


/* Add by hyfly 2009.6.11*/
.adminAddTitle  a { TEXT-DECORATION:none; color:#77B4F2;font: normal 13px Verdana; line-height:20px;}

.UpdateMember { float:left; margin-left:15px; border:1px solid #333333; width:650px; color:#ffffff;min-height:480px; _height:480px;}

/*.about { height:480px;}*/
.about h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:520px; padding-bottom:10px; margin:15px 0px 0px 20px;}
.about img { border:1px solid #cccccc;}
.about p { padding:5px; padding-left:20px; text-align:left;color:#77B4F2; float:left; font: normal 13px Verdana; line-height:20px;}
.about p a { color:#77B4F2; text-decoration:none;}

.aboutshirts { float:left; margin-left:15px; border:1px solid #333333; width:560px !important;width:545px; min-height:480px;}
.aboutshirts h1 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; padding-bottom:10px; margin:10px 0px 0px 20px;width:520px;}

/*ShippingAddress Page*/
 .LABEL {float:left; width:95px; text-align:left;font: normal 11px Verdana; color:#ffffff; padding-right:2px; height:25px; line-height:25px;}
 .ShippingAddressRight{ float:left; margin-left:20px; padding-bottom:10px; width:556px; border:1px solid #333333;  min-height:480px; _height:480px;}
 .ShippingAddress { width:520px; margin-left:27px;}
 .ShippingAddress {font: normal 12px Verdana, Arial, Helvetica, sans-serif, "Lucida Console", "Bookshelf Symbol 7"; }
 .ShippingAddress h3{color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:510px; padding-bottom:10px; margin:10px 0px 0px 0px;}
 .CAPTION {color:#77B4F2;font: bold 15px Verdana; }
 .inputText{float:left; font: normal 11px Verdana;border:1px solid #999999; background:none; color:#77B4F2; }
 .inputTextUnEnable {float:left; font: normal 11px Verdana;border:1px solid #999999; background-color:#333333;color:#f5f5f5; }
   /* checkout Page*/
  .checkoutRight { float:left; margin-left:20px; width:520px; border:1px solid #333333; min-height:480px; _height:480px;}
  .checkout{width:480px; margin-left:27px; }
  .checkout h3 {color:#77B4F2;font: bold 18px Verdana; border-bottom:1px solid #333333; width:480px; padding-bottom:10px; margin:10px 0px 0px 0px;}
  .checkoutAddress { color:#77B4F2;font-weight:bold; border:1px solid #333333;
                text-align:left; 
				height:140px;
				width:480px;
				line-height:20px;
                font: normal 12px Verdana;
				padding:5px 10px;
				margin-top:10px;
                margin-left:10px;
        }
  .checkoutAddress dl { list-style:none;  padding:0px; margin-top:10px;overflow:auto;}
  .checkoutAddress dd { color:#ffffff; line-height:18px;}
   .CheckInputText { border:1px solid #999999; width:120px;color:#FFFFFF;background-color:#000000;color:#FFFFFF;}
  .checkoutDetails {padding:5px 10px 5px 10px; margin:10px 10px 10px 10px;border:1px solid #333333;width:480px;height:250px; font: normal 11px Verdana; color:#77b4f2; display:none }
  .checkoutBigTitle { font: normal 13px Verdana; color:#77b4f2;line-height:30px; }
  .checkoutDetailstitle { float:left; width:150px; text-align:left;font: normal 11px Verdana; color:#ffffff; padding-left:20px;padding-right:10px; height:25px; line-height:25px;}
  .checkoutOrder {  min-height:200px; _height:200px;width:500px; border:1px solid #333333;margin:10px 10px 10px 10px;color:#77b4f2;font: normal 12px Verdana;}
  .checkoutOrder table {  width:300px; background:#000000; width:480px;margin:5px 0 0 10px;}
  .checkoutOrder td {  line-height:20px;}
  
  .ErrorLable { font: normal 11px Verdana; color:Red;}