/* CSS Document */

#laylogin{
float:left;
width:762px;
height:300px;
}

#laylogintitle{
float:left;
width:762px;
height:25px;
margin-top:15px;
font-weight:bold;
font-size:12px;
background:url(../img/downline.gif) bottom repeat-x;
}

.layloginbody{
float:left;
width:347px;
height:185px;
margin-top:20px;
margin-left:20px;
display:inline;
}


.layloginbodycontent{
float:left;
width:345px;
height:158px;
border-left:solid 1px #dadada;
border-bottom:solid 1px #dadada;
border-right:solid 1px #dadada;
}

#layloginusername{
float:left;
width:320px;
height:20px;
line-height:20px;
padding-left:25px;
margin-top:15px;
display:inline;
}

#layloginuserpwd{
float:left;
width:320px;
height:20px;
line-height:20px;
padding-left:25px;
margin-top:10px;
display:inline;
}

#layloginbtn{
float:left;
width:250px;
height:90px;
line-height:15px;
padding-left:95px;
margin-top:5px;
}

#layloginbtn a:link{
color:#ff0000;
text-decoration:none;
}
#layloginbtn a:visited{
color:#ff0000;
text-decoration:none;
}
#layloginbtn a:hover{
color:#ff0000;
text-decoration:none;
}
#layloginbtn a:active{
color:#ff0000;
text-decoration:none;
}

.layloginreg{
float:left;
width:320px;
height:60px;
line-height:20px;
padding-left:25px;
margin-top:10px;
}

.layloginreg a:link{
color:#ff0000;
text-decoration:none;
}
.layloginreg a:visited{
color:#ff0000;
text-decoration:none;
}
.layloginreg a:hover{
color:#ff0000;
text-decoration:none;
}
.layloginreg a:active{
color:#ff0000;
text-decoration:none;
}

#layloginresult{
float:left;
width:700px;
height:20px;
padding-left:45px;
margin-top:10px;
color:#ff0000;
display:inline;
}


#laycustomerreg{
float:left;
width:762px;
height:auto !important;
height:550px;
min-height:550px;
}

#layregitemone{
float:left;
width:665px;
height:auto !important;
height:10px;
min-height:10px;
line-height:18px;
padding-left:50px;
padding-top:10px;
padding-bottom:5px;
margin-left:23px;
margin-right:24px;
background:url(../img/downline.gif) bottom repeat-x;
display:inline;
}

#layregitemtwo{
float:left;
width:665px;
height:auto !important;
height:80px;
min-height:80px;
padding-top:10px;
padding-left:50px;
padding-bottom:10px;
margin-left:23px;
margin-right:24px;
background:url(../img/downline.gif) bottom repeat-x;
display:inline;
}

#layregitemthree{
float:left;
width:665px;
height:auto !important;
height:340px;
min-height:340px;
padding-top:10px;
padding-left:50px;
margin-left:23px;
margin-right:24px;
display:inline;
}

.layregitem{
float:left;
width:255px;
height:35px;
margin-right:10px;
margin-bottom:5px;
display:inline;
}

#layregitemaddress{
float:left;
width:400px;
height:35px;
margin-right:10px;
margin-bottom:5px;
display:inline;
}

#layregitempostcode{
float:left;
width:105px;
height:35px;
margin-right:10px;
margin-bottom:5px;
display:inline;
}

#laycommentsout{
float:left;
width:515px;
height:135px;
margin-right:10px;
display:inline;
}

#laycomment{
float:left;
width:410px;
height:115px;
}

#laycommenttool{
float:left;
width:80px;
height:125px;
margin-left:20px;
display:inline;
}

#layregresult{
float:left;
width:515px;
height:20px;
color:#ff0000;
}



#laymenberlogin{
width:190px;
height:95px;
padding-left:8px;
}

#laybuyermenu{
float:left;
width:198px;

height:auto!important; 
height:80px; 
min-height:80px;

padding-bottom:10px;
display:inline;
}

#laysellermenu{
float:left;
width:198px;

height:auto !important; 
height:25px; 
min-height:25px;
padding-bottom:10px;
display:inline;
}

#layhelpmenu{
width:198px;

height:auto!important; 
height:200px; 
min-height:200px;
}

#layhelpmenublank{
float:left;
width:198px;
height:5px;
}

#laymemberwelcome{
float:right;
width:440px;
height:25px;
line-height:25px;
margin-top:5px;
font-weight:bold;
display:inline;
}

#laymemberlinktool{
float:right;
width:440px;
height:19px;
background:url(../img/memberlinktoolbg.gif);
}

#laymemberlinktool ul{
float:left;
width:440px;
height:17px;
list-style:none;
margin:2px 0px 0px 0px;
padding:0px;

}

#laymemberlinktool li{
float:left;
display:inline;
}

#laymemberinfo{
float:left;
width:190px;
height:20px;
margin-top:5px;
font-size:11px;
display:inline;
}

#laysignout{
float:left;
width:190px;
height:12px;
padding-top:3px;
display:inline;
}

#layeditreginfo{
float:left;
width:190px;
height:12px;
padding-top:3px;
display:inline;
}

#layapplypublishing{
float:left;
width:190px;
height:10px;
padding-top:15px;
display:inline;

}


#cmtop{
float:left;
width:762px;
height:auto !important;
height:32px;
min-height:32px;
margin-top:10px;

background:url(../img/cmtopbg.gif) no-repeat center;
display:inline;
}

#cmtop ul{
float:left;
width:562px;
height:32px;
line-height:32px;
margin:0px;
padding:0px 0px 0px 100px;
text-align:center;
list-style:none;
display:inline;
}

#cmtop ul li{
float:left;
width:170px;
height:32px;
margin:0px;
padding:0px 0px 0px 10px;
display:inline;
}

#cmtopright ul{
float:left;
margin:25px 0px 0px 0px;
padding:0px;
list-style:none;
}

#cmtopright ul li{
float:left;
width:495px;
margin:0px;
padding:0px 0px 5px 20px;
}

#cmnews{
float:left;
width:762px;
height:auto !important;
height:180px;
min-height:180px;
margin-top:10px;
display:inline;
}

#laynewsimg{
float:left;
width:742px;
height:30px;
padding-left:20px;
display:inline;
}

#laynewslist{
float:left;
width:762px;
height:auto !important;
height:130px;
min-height:130px;
display:inline;
}

#laynewsmore{
float:left;
width:750px;
height:20px;
text-align:right;
padding-top:10px;
padding-right:12px;
display:inline;
}

#laynewslist ul{
float:left;
width:720px;
height:auto !important;
height:110px;
min-height:110px;
margin:0px 0px 0px 42px;
padding:0px;
list-style-type:none;
display:inline;
}

#laynewslist ul li{
float:left;
width:720px;
height:20px;
margin:0px;
padding:5px 0px 0px 0px;
white-space:nowrap;
overflow:hidden;
background:url(../img/pcatalogdownbg.gif) bottom repeat-x;
}

.spannewslisttext{
float:left;
width:620px;
padding-right:10px;
display:inline;
}

.spannewslistdate{
float:left;
width:70px;
padding-right:20px;
text-align:right;
}

#laymylibrary{
float:left;
width:762px;

height:auto !important;
height:450px;
min-height:450px;

margin-top:10px;
}

#laymylibrarytop{
float:left;
width:762px;
height:25px;
background:url(../img/downline.gif) bottom repeat-x;
}

#laymylibrarytopleft{
float:left;
width:150px;
height:25px;
line-height:25px;
margin-left:10px;
font-weight:bold;
font-size:12px;
display:inline;
}

#laymylibrarytopright{
float:right;
width:75px;
height:25px;
line-height:25px;
}

#laylibraryitembg{
float:left;
width:762px;

height:auto !important;
height:150px;
min-height:150px;
padding-bottom:5px;
background:url(../img/libary_bg.gif);
}

.laymylibraryitem{
float:left;
width:762px;
height:120px;
margin-top:5px;
margin-bottom:5px;
display:inline;
}

.laymylibraryitemunit{
float:left;
width:320px;
height:135px;
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
margin-right:10px;
display:inline;
}

.mylibraryitemunitleft{
float:left;
width:20px;
height:135px;
display:inline
}

.mylibraryitemunitmiddle{
float:left;
width:95px;
height:135px;
display:inline;
}

.mylibraryitemunitright{
float:left;
width:200px;
height:135px;
line-height:18px;
margin-left:5px;
display:inline;
}

#laymycurrentorderlist{
float:left;
width:740px;

height:auto !important;
height:50px;
min-height:50px;

padding-left:22px;
margin-top:10px;
display:inline;
}

#laymycurrentorderallprice{
float:left;
width:710px;
height:25px;
line-height:25px;
padding-left:22px;
padding-right:30px;
text-align:right;
display:inline;
}

#laymyhistoryorderallprice{
float:left;
width:710px;
height:25px;
line-height:25px;
padding-left:22px;
padding-right:30px;
display:inline;
}

#laytotalbacklist{
float:left;
width:710px;
height:auto !important;
height:50px;
min-height:50px;
padding-left:22px;
padding-right:30px;
margin-top:30px;
display:inline;
}

#laytporderstitle{
float:left;
width:762px;
height:25px;
background:url(../img/downline.gif) bottom repeat-x;
}

#sptporderphoto{
float:left;
width:90px;
height:25px;
line-height:25px;
margin-left:20px;
text-align:center;
font-weight:bold;
display:inline;
}

#sptpordername{
float:left;
width:95px;
height:25px;
line-height:25px;
margin-left:40px;
text-align:center;
font-weight:bold;
display:inline;
}

#sptporderprice{
float:left;
width:45px;
height:25px;
line-height:25px;
margin-left:80px;
text-align:center;
font-weight:bold;
display:inline;
}

#sptporderquantity{
float:left;
width:55px;
height:25px;
line-height:25px;
margin-left:110px;
text-align:center;
font-weight:bold;
display:inline;
}

#sptporderfob{
float:left;
width:30px;
height:25px;
line-height:25px;
margin-left:50px;
text-align:center;
font-weight:bold;
display:inline;
}

#sptporderremove{
float:left;
width:55px;
height:25px;
line-height:25px;
margin-left:75px;
text-align:center;
font-weight:bold;
display:inline;
}

.laytpordersitem{
float:left;
width:762px;
height:85px;
background:url(../img/downline.gif) bottom repeat-x;
}

.laytpordersphoto{
float:left;
width:75px;
height:75px;
padding-top:5px;
margin-left:30px;
display:inline;
}

.laytpordersname{
float:left;
width:175px;
height:80px;
margin-left:15px;
font-weight:bold;
display:inline;
}

.boxOuter{
display:table;
height:80px;
width:175px;
*position:relative;
}
.box{
display:table-cell;
vertical-align:middle;
*position:absolute;
top:50%;
width:100%;
}
.boxInner{
*position:relative;
width:100%;
top:-50%;
text-align:center;
}

.laytpordersprice{
float:left;
width:170px;
height:55px;
line-height:15px;
padding-top:25px;
padding-left:5px;
display:inline;
}

.laytpordersquantity{
float:left;
width:60px;
height:50px;
margin-left:15px;
padding-top:30px;
display:inline;
}

.laytpordersfob{
float:left;
width:65px;
height:80px;
line-height:80px;
margin-left:25px;
text-align:center;
display:inline;
}

.laytpordersremove{
float:left;
width:65px;
height:50px;
margin-left:50px;
padding-top:30px;
padding-left:5px;
display:inline;
}

#laytporderstool{
float:left;
width:762px;
height:25px;
margin-top:20px;
text-align:center;
display:inline;
}

#layadditional{
float:left;
width:512px;
height:auto !important;
height:50px;
min-height:50px;
margin-top:10px;
padding-left:250px;
display:inline;
}

#laycpmanagementright{
float:right;
width:140px;
height:25px;
display:inline;
}

#laycpmanagecatalog{
float:left;
width:756px;
height:25px;
margin-top:5px;
margin-left:6px;
margin-bottom:5px;
padding-top:5px;
background-color:#e2f0ff;
display:inline;
}

#laycpmanaglist{
float:left;
width:762px;

height:auto !important;
height:400px;
min-height:400px;

margin-top:10px;
display:inline;
}

#spcpmpricetime{
float:left;
width:75px;
height:25px;
line-height:25px;
margin-left:100px;
text-align:center;
font-weight:bold;
display:inline;
}

#spcpmordernum{
float:left;
width:60px;
height:25px;
line-height:25px;
margin-left:10px;
text-align:center;
font-weight:bold;
display:inline;
}

#spcpmedit{
float:left;
width:35px;
height:25px;
line-height:25px;
margin-left:10px;
text-align:center;
font-weight:bold;
display:inline;
}

#spcpmremove{
float:left;
width:40px;
height:23px;
margin-left:20px;
padding-top:2px;
text-align:center;
font-weight:bold;
display:inline;
}

.laycpmpricetime{
float:left;
width:80px;
height:80px;
line-height:80px;
margin-left:10px;
font-weight:bold;
text-align:center;
display:inline;
}

.laycpmordernum{
float:left;
width:73px;
height:80px;
line-height:80px;
font-weight:bold;
text-align:center;
display:inline;
}

.laycpmedit{
float:left;
width:40px;
height:80px;
line-height:80px;
font-weight:bold;
text-align:center;
display:inline;
}

.laycmpremove{
float:left;
width:40px;
height:50px;
padding-top:30px;
margin-left:25px;
font-weight:bold;
text-align:center;
display:inline;
}


.leftnavigateselect a:link{
color:#ff0000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateselect a:visited{
color:#ff0000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateselect a:hover{
color:#ff0000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateselect a:active{
color:#ff0000;
font-weight:normal;
text-decoration:none;
}

.leftnavigateunselect a:link{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateunselect a:visited{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateunselect a:hover{
color:#ff0000;
font-weight:normal;
text-decoration:none;
}
.leftnavigateunselect a:active{
color:#000000;
font-weight:normal;
text-decoration:none;
}

.productcatalogselect{
margin:10px auto;
padding-top:7px;
padding-left:10px;
width:735px;
height:28px;
background-color:#e2f0ff;
border:solid 1px #dadada;
}

#layproductdescription{
float:left;
width:752px;
height:25px;
background:url(../img/downline.gif) bottom repeat-x;

line-height:25px;
padding-left:10px;
font-weight:bold;
font-size:12px;
display:inline;
}

.txtbxstyle{
border:solid 1px #CCCCCC;
}

#layproductdescriptionitem{
float:left;
width:762px;
height:160px;
margin-top:10px;
display:inline;
}

#layproductdescriptionleft{
float:left;
width:162px;
height:150px;
line-height:150px;
text-align:right;
font-weight:bold;
font-size:12px;
}

#layproductdescriptionright{
float:left;
width:600px;
height:150px;
}

.layproductchangesellitem{
float:left;
width:762px;
height:auto !important;
height:20px;
min-height:20px;
margin-top:5px;
display:inline;
}

.layproductchangesellleft{
float:left;
width:162px;
height:auto !important;
height:20px;
min-height:20px;
line-height:20px;
text-align:right;
font-weight:bold;
font-size:12px;
}

.layproductchangesellright{
float:left;
width:600px;
height:auto !important;
height:20px;
min-height:20px;
line-height:20px;
}

#layproductpicitem{
float:left;
width:762px;
height:auto !important;
height:0px;
min-height:0px;
}

#layproductpicleft{
float:left;
width:162px;
height:1px;
text-align:right;
font-weight:bold;
font-size:12px;
}

#layproductpicright{
float:left;
width:600px;
height:auto !important;
height:0px;
min-height:0px;
}

#layproductchangesellbottom{
float:left;
width:550px;
height:25px;
margin-top:10px;
padding-left:212px;
display:inline;
}

.layitem{
float:left;
width:280px;
margin-left:20px;
margin-bottom:5px;
font-weight:bold;
display:inline;
}

#layaddproductmateriallist{
float:left;
width:762px;
height:auto !important;
height:0px;
min-height:0px;
}

#layctgmaterialout{
margin:10px auto;
width:730px;
height:auto !important;
height:0px;
min-height:0px;
border-top:solid 1px #dcdcdc;
border-left:solid 1px #dcdcdc;
border-bottom:solid 1px #dcdcdc;
}

.mtconitem{
float:left;
width:364px;
height:22px;
line-height:22px;
border-right:solid 1px #dcdcdc;
text-align:center;
}

.mtcontitle{
background-color:#e2f0ff;
font-weight:bold;
}

.mtconalternating{
background-color:#f5f5f5;
}

.mtconno{
float:left;
width:24px;
}

.mtconname{
float:left;
width:170px;
}

.mtprice{
float:left;
width:110px;
}

.mtsubmit{
float:left;
width:60px;
}

#layordercomment{
float:right;
width:120px;
line-height:25px;
}

#layordercomment a{
font-size:12px;
}

#laycommentorder{
float:left;
width:650px;
height:120px;
margin-top:10px;
margin-left:60px;
display:inline;
}

#laycommenttitle{
float:left;
width:752px;
height:25px;
line-height:25px;
padding-left:10px;
margin-top:15px;
font-weight:bold;
font-size:12px;
background:url(../img/downline.gif) bottom repeat-x;
display:inline;
}


.layallcountitem{
float:left;
width:762px;
height:auto !important;
height:20px;
min-height:20px;
margin-top:10px;
display:inline;
}

.layallcounttxt{
float:left;
width:680px;
height:auto !important;
height:20px;
min-height:20px;
line-height:20px;
margin-left:30px;
padding-left:5px;
text-align:right;
display:inline;
}

.layordermemo{
float:left;
width:700px;
height:auto !important;
height:20px;
min-height:20px;
line-height:20px;
margin-left:30px;
padding-left:5px;
display:inline;
}

.laystatememoitem{
float:left;
width:762px;
height:auto !important;
height:100px;
margin-top:10px;
overflow-x:hidden;
overflow-y:auto;
display:inline;
}

#layfindaccount{
float:left;
width:720px;
height:auto !important;
height:200px;
min-height:200px;
margin-top:20px;
margin-left:20px;
border:solid 1px #dadada;
display:inline;
}

#layfindaccounttitle{
float:left;
width:720px;
height:26px;
line-height:26px;
text-align:center;
font-weight:bold;
font-size:12px;
}

#layfindaccountcontent{
margin:auto;
width:400px;
height:158px;
}

#layfindaccountusername{
float:left;
width:360px;
height:20px;
line-height:20px;
padding-left:25px;
margin-top:15px;
display:inline;
}

#layfindaccountuserpwd{
float:left;
width:360px;
height:20px;
line-height:20px;
padding-left:25px;
margin-top:10px;
display:inline;
}

#layfindaccountbtn{
float:left;
width:280px;
height:55px;
line-height:15px;
padding-left:110px;
margin-top:5px;
}

#layfindaccounttxt{
float:left;
width:400px;
height:auto !important;
height:40px;
min-height:40px;
}