/*-------------------- COMMON ----------------------*/

.blankPageBlock

{

padding-top:20px;

}



.listDetail

{

width:974px;

margin:0px auto 20px auto;

border:1px solid #C1BFC0;

}



.listDetail .head, .listDetail .headClosed

{

/* height:50px; */

background-color:#FFD200;

padding:8px 8px 2px 8px;

margin:0px auto 0px auto;

border-bottom:1px solid #C1BFC0;

}



.listDetail .head h1, .listDetail .headClosed h1

{

color:#000000;

font-size:16px;

font-weight:bold;

}



.listDetail .head .clear, , .listDetail .headClosed .clear

{

padding:5px 0px 5px 0px;

}



.listDetail .head .prdcode

{

color: #004366;

font-size:14px;

font-weight:bold;

float:left;

width:500px;

}



.listDetail .head span, .listDetail .headClosed span

{

color:#FF0000;

font-size:14px;

font-weight:bold;

}



.listDetail .head .prdstatus

{

color: #004366;

font-size:14px;

font-weight:bold;

float:right;

/*width:457px;*/

text-align:right;

}



.listDetail .head hr {

	height:1px;

	background-color:#666666;

	margin:5px 0px 5px;

	padding:0px 0px 0px;

	border:none;

}



.listDetail .headClosed .prdcode, .listDetail .headClosed .soldFor, .listDetail .headClosed .winner

{

color: #004366;

font-size:14px;

font-weight:bold;

float:left;

}



.listDetail .headClosed .prdcode

{

width:400px;

}



.listDetail .headClosed .soldFor

{

width:200px;

}



.listDetail .headClosed .winner

{

width:357px;

text-align:right;

}





.listDetail .head .prdstatus div

{

font-size:11px;

color:#333333;

}



.listDetail .body

{

margin:8px 8px 8px 8px;

}



.prodDesc p {

	padding: 0px 0px 10px 0px;

}



.imgThumbBox {

	float: left;

	width: 441px;	

	padding-top: 20px;

}

.imgThumbBox img {

	border:#014366 5px solid;

	margin-right: 2px;

	cursor: pointer;

}



.listDetail .imgbox {

	float:left;

	margin:0px 15px 8px 0px;

	height:320px;

	/*overflow:hidden;*/

	width:430px;

	border: none;

	text-align:center;

	background-color: #fff;

	color: #ccc;

	font-size: 14px;

}

.listDetail .imgbox  img{

	/*border:#014366 5px solid;*/

}

.imagesHold {

	float: left;

	width: 441px;

	padding-right: 9px;

}

.listDetail .imgbox

{

height:320px;

width:430px;

}



.listDetail .midImgbox

{

float:left;

}



.listDetail .midImgbox .actimg

{

height:70px;

width:70px;

margin:0px 15px 8px 0px;

height:70px;

width:70px;

border:#014366 5px solid;

text-align:center;

background-color: #999999;

}



.listDetail .midImgbox .prdLink

{

float:left;

}



.listDetail .infobox

{

float:left;

margin:0px 0px 8px 0px;

width:480px;

font-weight:bold;

font-size:12px;

}



.listDetail .bidListbox

{

float:left;

margin:0px 0px 8px 0px;

width:755px;

font-weight:bold;

font-size:12px;

}



.bidListbox .fl

{

float:left;

width:50%;

}



h2

{

font-size:15px;

font-weight:bold;

color:#004366;

border-bottom:1px solid #999999;

margin:0px 0px 10px 0px;

}



.flTitle

{

float:left;

font-weight:bold;

text-align:right;

padding-right:5px;

padding-left:25px;

width:45%;

color:#444444;

}

.flValue

{

float:left;

width:45%;

text-align:left;

padding-right:5px;

color:#015079;

}



.freeauc

{

color:#FF0000;

font-style:italic;

}



.freebid

{

color:#000066;

font-size:13px;

font-weight:bold;

text-align:center;

padding:8px 0px 8px 0px;

}



.freebid b

{

text-transform:uppercase;

text-decoration:underline;

}



.makebid

{

text-align:center;

padding:8px 0px 8px 0px;

}



.buynow

{

text-align:center;

padding:8px 0px 8px 0px;

}



.memBenifits{ padding:8px 8px 8px 8px; }

.memBenifits li

{

list-style:square;

margin:0px 0px 0px 20px;

}



.reg_button

{

padding:8px 0px 8px 0px;

text-align:center;

}



.promo_regi

{

color:#000099;

font-size:13px;

font-weight:bold;

padding:10px 10px 0px 10px;

}



.promo_regi b

{

text-transform:uppercase;

text-decoration:underline;

}



.bidBack

{

background-color:#014366;

}



.bidnote

{

font-size:9px;

text-transform:lowercase;

}



.flBidHis

{

float:left;

width:48%;

font-size:11px;

color:#999999;

}



.flBidHis b

{

color:#333333;

}

.flBidHis u

{

color:#003399;

}

.flBidHis span

{

font-size:9px;

color:#000000;

}

.freeBidBack

{

padding:7px 7px 7px 7px;

background-color: #FFFFD5;

color: #006633;

font-size:14px;

font-weight:bold;

text-align:center;

}



/* ------------------------------------------------------------------------ 

--------------------- FORM STYLE SHEETS AND IDs STARTS HERE---------------

---------------------------------------------------------------------------  */



.frmRow

{

clear:both;

padding:2px 0px 0px 0px;

}



.note

{

color:#666666;

font-size:11px;

}



.comp

{

clear:both;

text-align:center;

padding:9px 0px 9px 0px;

}



.label

{

	color: #000000;

	float:left;

	padding:2px 1px 2px 1px;

	font-size:11px;

	vertical-align:top;

	text-align:right;

}



.ele

{

	color:#000000;

	float:right;

	padding:6px 1px 2px 1px;

	font-size:11px;

	vertical-align:top;

	text-align:left;

}



.req

{

color:#FF9900;

}



input, textarea

{

	border: 1px solid #999999;

}





#divLoginFrm

{

	clear:both;

	padding-top:10px;

}

#divLoginFrm .frmRow

{

padding:2px 20px 2px 20px;

}



#divLoginFrm .label { clear:both; float:none; text-align:left; }

#divLoginFrm .ele { clear:both; float:none; text-align:left; }



.divRegFrm

{

	padding:8px 8px 8px 8px;

}

.divRegFrm .frmTbl

{

	width:46%;

}

.divRegFrm .fl

{

float:left;

width:49%;

}

.divRegFrm .label { clear:both; float:none; text-align:left; padding: 3px 0px 1px 0px; }

.divRegFrm .ele { clear:both; float:none; text-align:left; padding:1px 0px 1px 0px;}



.divUpdateFrm { padding:15px 0px 15px 0px; }

.divUpdateFrm .frmTbl { width:100%; }

.divUpdateFrm .label { width:25%;}

.divUpdateFrm .ele { width:73%; text-align:left;}



.divChangePwFrm { padding:15px 0px 15px 0px; }

.divChangePwFrm .frmTbl { width:100%; }

.divChangePwFrm .label { width:30%;}

.divChangePwFrm .ele { width:63%; text-align:left;}



.divCommentFrm

{

	padding:15px 0px 15px 0px;

}

.divCommentFrm .frmTbl

{

	width:80%;

}



.divCommentFrm .label { clear:both; float:none; text-align:left; padding: 3px 0px 1px 0px; }

.divCommentFrm .ele { clear:both; float:none; text-align:left; padding:1px 0px 1px 0px;}



.divRegisterInterestFrm

{

	clear:both;

	padding-top:10px;

}

.divRegisterInterestFrm .label { width:35%;}

.divRegisterInterestFrm .ele { width:63%;}



.divColleagueFrm

{

	clear:both;

	padding-top:10px;

}

.divColleagueFrm .label { width:35%;}

.divColleagueFrm .ele { width:63%;}



.divContactFrm .label { width:25%;color:#000000;}

.divContactFrm .ele { width:73%; font-weight:100;}



.divShippingFrm .label { width:25%;color:#000000;}

.divShippingFrm .ele { width:73%; font-weight:100;}



.divOrderDetailFrm .label

{

	width:25%;

	color:#000000;

	padding-top: 0px;

}

.divOrderDetailFrm .ele

{

	width:73%;

	font-weight:100;

	padding-top: 0px;

}

.divOrderDetailFrm .label p, .divOrderDetailFrm .ele p {

	padding: 0px;

}



.divReferAFriendFrm

{

	clear:both;

	padding-top:10px;

}

.divReferAFriendFrm .label { width:35%;}

.divReferAFriendFrm .ele { width:63%;}



.divTeacherAppFrm

{

	clear:both;

	padding-top:10px;

}

.divTeacherAppFrm .frmTbl

{

padding:5px 0px 10px 0px;

}

.divTeacherAppFrm .label { width:45%;}

.divTeacherAppFrm .ele { width:53%;}



.divSrchForm

{

	clear:both;

}

.divSrchForm .label { width:45%;}

.divSrchForm .ele { width:53%; text-align:left;}





.divRetPassword

{

	clear:both;

	padding-top:10px;

}

.divRetPassword .label { width:35%;}

.divRetPassword .ele { width:63%;}



#nowidth

{

width:700px;

}



.divBidFrm

{

	clear:both;

}

.divBidFrm .label, .divBidFrm .ele {  text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:bold; }

.divBidFrm .label { width:20%; padding:15px 0px 5px 0px;}

.divBidFrm .ele { width:78%; padding:15px 0px 5px 0px; vertical-align:top;}

.divBidFrm .ele div { float:left; }



.sortBar

{

padding:5px 5px 5px 5px;

text-align:center;

border-bottom: 1px solid #ccc;



}

.sortBar p {

	padding-top: 4px;

	color: #666;

}

.divSortPrdFrm

{

	clear:both;

}

.divSortPrdFrm .label { width:35%;}

.divSortPrdFrm .ele { width:63%;}



/* ------------------------------------------------------------------------ 

--------------------- FORM STYLE SHEETS AND IDs ENDS HERE -----------------

---------------------------------------------------------------------------  */