/*------------------------------------------------------------*/
/*
	CSS Template version 3.0
	Create 2011/04/09
	Ronnie Liu:ronniel@synnex.com EXT:1481

	Project Name:
	
	
*/
/*------------------------------Component  CSS------------------------------*/


/*-----Panel-----*/
.panel{}

/*-----DateGrid------*/
.dataGrid{border:1px solid #9cc5cd; background:#fff;}
.dataGrid tr th{font-weight:bold; background:#c2dee4; border-right:1px solid #9cc5cd; border-left:1px solid #e1f0f3; vertical-align:middle; padding:5px;}
.dataGrid tr td{padding:5px; border-right:1px solid #eaeaea; vertical-align:top;}
.odd{background:#f3f3f3;/* border-top:1px solid #f00;*/}
.borderTdB{border-bottom:1px solid #d7e2e4;}
.borderB{border-bottom:1px solid #9cc5cd;}
.dataGrid .sortUp{background:url(../images/iconUp.gif) center right no-repeat #ceedaa; padding-right:15px;}
.dataGrid .sortDown{background:url(../images/iconDown.gif) center right no-repeat #ceedaa;padding-right:15px;}
.dataGrid .sortDownDefault {background:url(../images/iconDownDefault.gif) center right no-repeat #c2dee4;padding-right:15px;}
.dataGrid .sortUpDefault {background:url(../images/iconUpDefault.gif) center right no-repeat #c2dee4;padding-right:15px;}

.displayTable {border:1px solid #e2e5e6;}
.displayTable tr th {background:#e2e5e6; text-align:right; font-weight:bold; padding:5px;}
.displayTable tr td {background:#f9f9f9; padding:5px;}

.adminGrid tr td{ vertical-align:middle; padding:2px 5px; line-height:19px;}

.adminGridPer tr td{ vertical-align:top; padding:0; line-height:20px;}
.adminGridPer tr td table td{ border-left:none; padding:2px 5px;}

.dataGridUser tr .dataGridUserth{ padding:5px 0;}
.dataGridUser tr .dataGridUsertd{ padding:5px 0;}

.deepblue{ background:#97d1de}

/*-------Button----------*/
.btnL{background:url(../images/btnL.gif) left top no-repeat;padding-left:5px; display:inline-block;}
.btnL input{background:url(../images/btnR.gif) right top no-repeat; padding-right:7px; padding-left:2px; border:none; height:22px; line-height:22px; cursor:pointer;}
.btnL:hover{background:url(../images/btnLHover.gif) left top no-repeat; text-decoration:none;}
.btnL input:hover{background:url(../images/btnRHover.gif) right top no-repeat;}

.searchBtn{background:url(../images/btnSearchL.gif) left top no-repeat; padding-left:24px; display:inline-block;}
.searchBtn input{background:url(../images/btnSearchR.gif) right top no-repeat; padding-right:6px; padding-left:5px; border:none; height:22px; line-height:22px; color:#fff; font-weight:bold; cursor:pointer;}
.searchBtn:hover{background:url(../images/btnSearchLHover.gif) left top no-repeat;}
.searchBtn input:hover{background:url(../images/btnSearchRHover.gif) right top no-repeat;}

.loginBtn{background:url(../images/butLoginL.gif) left top no-repeat; padding-left:24px; display:inline-block;}
.loginBtn input{background:url(../images/btnSearchR.gif) right top no-repeat; padding-right:6px; padding-left:5px; border:none; height:22px; line-height:22px; color:#fff; font-weight:bold; cursor:pointer;}
.loginBtn:hover{background:url(../images/butLoginLHover.gif) left top no-repeat;}
.loginBtn input:hover{background:url(../images/btnSearchRHover.gif) right top no-repeat;}


.addcart{background:url(../images/addcartOrangeL.gif) left top no-repeat; padding-left:24px; display:inline-block;}
.addcart input{background:url(../images/addcartOrangeR.gif) right top no-repeat; padding-right:5px; border:none; height:24px; line-height:24px; cursor:pointer;}

.addcartRed{background:url(../images/addcartRedL.gif) left top no-repeat; padding-left:24px; display:inline-block;}
.addcartRed input{background:url(../images/addcartRedR.gif) right top no-repeat; padding-right:5px; border:none; height:24px; line-height:24px; cursor:pointer;}

.disable{background:url(../images/btnLDisable.gif) left top no-repeat;padding-left:5px; display:inline-block; cursor:default}
.disable input{background:url(../images/btnRDisable.gif) right top no-repeat; padding-right:7px; padding-left:2px; border:none; height:22px; line-height:22px; color:#aaa; cursor:default}
.disable:hover{ background:url(../images/btnLDisable.gif) left top no-repeat; cursor:default}
.disable input:hover{background:url(../images/btnRDisable.gif) right top no-repeat; cursor:default}
/*--------Input----------*/
.textInput{}

/*--------Select-------*/
.comboxs{}

/*---------TabNavigation--------------*/
.tab{}
.tab .tabBar{}
.tab .tabViewStack{}

/*.page ul li{float:left; }*/
.page a{display:block; padding:2px 5px; border:1px solid #d1d1d1;height:14px; line-height:14px; color:#1d8297;float:left; margin:2px;}
.page a:hover{ text-decoration:none; background:#d0f5fd;}
.page .disabledPage  ,.page .disabledPage:hover{background:#eee; color:#a9a9a9;border:1px solid #d1d1d1;height:14px; line-height:14px;padding:2px 5px;}
.page .presentPage  ,.page .presentPage:hover{background:#1d8297; color:#fff;border:1px solid #d1d1d1;height:14px; line-height:14px;padding:2px 5px;}

/*--------------tree-------------*/
.tree th ,.tree td{padding:5px;}
.tree th{background:#50a3b5; color:#fff; font-weight:bold;}
.tree1{background:#94cedb;}
.tree2{background:#d9eaee;}
.tree3{background:#f5f5f5;}


.ui-link {display:none}
.ui-text {word-break:keep-all;white-space:nowrap}
.ui-item {position:relative;display:block;*zoom:1}
.ui-list {clear:both;*zoom:1}
.ui-list li {*vertical-align:top;*zoom:1;overflow:visible;position:relative}

.ui-menu .ui-text {text-transform:capitalize}
.ui-list-lvl3 {z-index:1}

.ui-menu * {padding:0;margin:0;line-height:1.5em}
.ui-menu ul {list-style:none}
.ui-menu li {margin:0}

/*-------------------admin form-------------------*/
.form ul li{ line-height:20px; padding-top:5px; float:left; width:100%}
.form ul label{ float:left; text-align:right}
.form ul .formType{ float:left; padding-left:3px;}
.form ul .formType input{ border:1px solid #89a6aa; height:18px; line-height:18px; padding-left:2px;}
.form ul .formType select{ border:1px solid #89a6aa; height:20px; line-height:20px;}
.form ul .checking{ color:#868686; padding-left:5px;}

/*-------------------admin formLabel-------------------*/
.formLabel table{ border-collapse:collapse}
.formLabel table td{ line-height:20px; padding-left:3px;}
.formLabel table th{ text-align:right; padding-right:3px; line-height:20px;}
.formLabel ul label{ float:left; text-align:right; background:#F3F3F3; padding-right:3px;}
.formLabel ul .detailInfo{padding-left:3px;}


.adminformAdd td{ line-height:20px; padding-top:5px; float:left}
.adminformAdd td label{ text-align:right; display:block}
.adminformAdd td .formType{ float:left; padding-left:3px;}
.adminformAdd td .formType input{ border:1px solid #89a6aa; height:18px; line-height:18px; padding-left:2px;}
.adminformAdd td .formType select{ border:1px solid #89a6aa; height:20px; line-height:20px;}
.adminformAdd td .checking{ color:#868686; padding-left:5px;}



.adminProDetail li, .formLabel .adminProDetail li{width:50%; float:left; line-height:22px; margin-top:5px;}

/*Joyce 20110823*/
.homeLeft{width:224px;}
.homeMenu{border:1px solid #cedee8;padding:0px 5px;text-align:left;background:#eef0f1;}
.homeMenu li{background:url(../images/cubeIcon.gif) no-repeat 10px 12px;padding:6px 20px;border-bottom:1px solid #d0d0d0;border-top:1px solid #fff;line-height:18px;}
.homeMenu li a{color:#0c79b6; text-decoration:none;}
.homeMenu li a:link{color:#0c79b6; text-decoration:none;}
.homeMenu li a:visited{color:#0c79b6; text-decoration:none;}
.homeMenu li a:hover{color:#0c79b6; text-decoration:underline;}
.homeMenu li a:active{color:#0c79b6; text-decoration:none;}

.newsBox .newsL{background:url(../images/newsL.gif) no-repeat left top;height:30px;padding-left:7px;}
.newsBox .newsR{background:url(../images/newsR.gif) no-repeat right top;height:30px;padding-right:7px;}
.newsBox .newsM{background:url(../images/newsM.gif) repeat-x left top;height:30px; text-align:left;line-height:30px;}
.newsBox .newsContent{border:1px solid #e0e0e0;border-top:none;text-align:left;}

.newsBox .newsContent{}
.newsBox .newsContent li{background:url(../images/newsList.gif) no-repeat 5px center;text-indent:15px;padding:5px;border-bottom:1px dashed #e0e0e0;}
.newsBox .newsContent li.odd{background:url(../images/newsList.gif) no-repeat 5px center #f3f4f5;}
.newsBox .newsContent li span{color:#056da4;}

.productBox .btL{background:url(../images/btl.gif) no-repeat left top;height:42px;padding-left:10px;}
.productBox .btR{background:url(../images/btr.gif) no-repeat right top;height:42px;padding-right:10px;}
.productBox .btM{background:url(../images/btm.gif) repeat-x left top;height:42px; text-align:left;line-height:42px;}
.productBox .bbL{background:url(../images/bbl.gif) no-repeat left top;height:18px;padding-left:10px;}
.productBox .bbR{background:url(../images/bbr.gif) no-repeat right top;height:18px;padding-right:10px;}
.productBox .bbM{background:url(../images/bbm.gif) repeat-x left top;height:18px; text-align:left;line-height:18px;}

.productBox .productContent{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#fff;text-align:left;}
.productBox .productContent li{ border-bottom:1px dashed #c7c7c7;padding:8px 0px;}
.productBox .productContent li dd{float:left;margin-right:5px;}
.productBox .productContent li dd p{line-height:18px;}
.productBox .productContent .pImg{border:1px solid #ccc;padding:3px;}

.productBox a.preIcon{background:url(../images/arrowL.gif) no-repeat left top;height:93px;width:19px;display:block;margin:80px 0px 0px 0px;}
.productBox a.preIcon:hover{background:url(../images/arrowLHoner.gif) no-repeat left top;}
.productBox a.nextIcon{background:url(../images/arrowR.gif) no-repeat left top;height:93px;width:19px;display:block;margin-top:80px;}
.productBox a.nextIcon:hover{background:url(../images/arrowRHover.gif) no-repeat left top;}
.productBox .scrollable {position:relative;overflow:hidden;width:710px;height:300px;}
.productBox .scrollable .items {width:20000em;position:absolute;}
.productBox .items .pShow{float:left;padding:0px 0px 0px 10px;}
.productBox .items .pShow .clearList{clear:both;}


/*Josie 20110826*/
/*shoppingCart Button*/
.shoppingCart a{ display:inline-block; height:24px; margin:0 3px}
.shoppingCart .shopping{ background:url(../images/shopingCatr.gif) 0 0 no-repeat; width:170px;}
.shoppingCart .shopping:hover{background:url(../images/shopingCatr.gif) 0 -29px no-repeat;}
.shoppingCart .shopUpdate{ background:url(../images/shopingCatr.gif) 0 -58px no-repeat; width:143px;}
.shoppingCart .shopUpdate:hover{background:url(../images/shopingCatr.gif) 0 -87px no-repeat;}
.shoppingCart .shopDelete{ background:url(../images/shopingCatr.gif) 0 -117px no-repeat; width:105px;}
.shoppingCart .shopDelete:hover{background:url(../images/shopingCatr.gif) 0 -146px no-repeat;}
.shoppingCart .shopBuy{ background:url(../images/shopingCatr.gif) 0 -174px no-repeat; width:67px;}
.shoppingCart .shopBuy:hover{background:url(../images/shopingCatr.gif) 0 -203px no-repeat;}