.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.cslheadercell{padding-left:20px;border-bottom: dotted 1px #888;width:38%;}
.headercellhome{border-bottom: dotted 1px #888;height:200px;width:241px;vertical-align:top;padding-top:27px;}
.cslheadercellhome{padding-left:20px;border-bottom: dotted 1px #888;width:200px;}
/* Login Section CSS */
.logintable{width:220px;}
.logintablel{width:70px;}
.logint{width:100px; text-align:left;}
.logintl{text-align:left;padding-left:5px;}
.loginf{width:150px;}
.loginbcell{text-align:right;}
.loginr{text-align:left;color:red;}
.loginIcon{background-image: url(user.png); width:16px; height:16px;} 
.logoutIcon{background-image: url(user_delete.png); width:16px; height:16px;}
.sendrequesticon{background-image: url(email.png); width:16px; height:16px;}
.b1l, .b2l, .b3l, .b4l{font-size:1px; overflow:hidden; display:block;}
.b1l {height:1px; background:#888; margin:0 5px;}
.b2l {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3l {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4l {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentbl {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;text-align:center;}
.contentblservice {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;text-align:center; width:180px; height:180px; cursor:pointer;}
.contentbl div {margin-left: 5px; margin-right: 5px;}
.b1dark, .b2dark, .b3dark, .b4dark{font-size:1px; overflow:hidden; display:block;}
.b1dark {height:1px; background:#888; margin:0 5px;}
.b2dark {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3dark {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4dark {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentborderdark{background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;}
/* Main Section CSS */
/* Main Section - Service Items CSS */
.serviceitem{font-size:larger;text-align:center; padding: 0px 10px 0px 10px;width:180px;height:180px;}
.serviceitem img{padding-top:10px; vertical-align:middle;}
.adminmaillink{cursor:pointer;}
/* Code Sniplet - New Purchase Order */
.dynamiccontent{}
.b1no, .b2no, .b3no, .b4no{font-size:1px; overflow:hidden; display:block;}
.b1no {height:1px; background:#888; margin:0 5px;}
.b2no {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3no {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4no {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentbno {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;}

.ordertable{border-left:1px solid #ACA899;border-top:1px solid #ACA899;border-bottom:1px solid #ACA899;}
.tableheader{background:url(tableheaderrepeat.gif) repeat-x #fff; height:18px; border-right:1px solid #ACA899; cursor:default; padding-left:3px;}
.tableheader:hover{background:url(tableheaderrepeat_hover.gif) repeat-x #fff; height:18px; border-right:1px solid #ACA899;}
.tableitem{border-right:1px solid #ACA899;border-top:1px solid #ACA899;}
body {background:url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/body_repeat.gif) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif;padding:20px 0px 20px 0px;}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}

.maintable{margin:auto; width:1024px;}
.headercell{border-bottom: dotted 1px #888;width:62%;height:200px;}
.headercellportal{padding-left:370px;height:200px;border-bottom: dotted 1px #888; width:434px;}
.cslheadercell{padding-left:20px;border-bottom: dotted 1px #888;width:38%;}

.headercellhome{border-bottom: dotted 1px #888;height:200px;width:241px;vertical-align:top;padding-top:27px;}
.cslheadercellhome{padding-left:20px;border-bottom: dotted 1px #888;width:200px;}

/* Login Section CSS */
.logincell{width:220px; vertical-align:top; padding:15px 15px 0px 15px; border-bottom: dotted 1px #888;}
.logintable{width:220px;}
.logintablel{width:70px;}
.logint{width:100px; text-align:left;}
.logintl{text-align:left;padding-left:5px;}
.loginf{width:150px;}
.loginbcell{text-align:right;}
.loginr{text-align:left;color:red;}

.loginIcon{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/user.png); width:16px; height:16px;} 
.logoutIcon{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/user_delete.png); width:16px; height:16px;}
.sendrequesticon{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/email.png); width:16px; height:16px;}
.iconorderaccept{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/accept.png); width:16px; height:16px;}
.iconordercancel{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/cancel.png); width:16px; height:16px;}
.iconadd{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/additem.png); width:16px; height:16px;}
.iconremove{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/removeitem.png); width:16px; height:16px;}
.icondelete{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/deleteicon.png); width:16px; height:16px;}
.iconsearch{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/searchicon.png); width:16px; height:16px;}
.iconsearchrestore{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/searchrestore.png); width:16px; height:16px;}
.iconpenplus{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/penplus.png); width:16px; height:16px;}
.iconsave{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/save.png); width:16px; height:16px;}
.icondbform{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/dbform.png); width:16px; height:16px;}
.iconfolderform{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/folderform.png); width:16px; height:16px;}
.iconemailpen{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/emailpen.png); width:16px; height:16px;}
.iconpdf{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/pdf.png); width:16px; height:16px;}
.iconcatalog{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/catalog.png); width:16px; height:16px;}
.iconmultiple{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/multiple.png); width:16px; height:16px;}
.iconresetpassword{background-image: url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/key.png); width:16px; height:16px;}

.b1l, .b2l, .b3l, .b4l{font-size:1px; overflow:hidden; display:block;}
.b1l {height:1px; background:#888; margin:0 5px;}
.b2l {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3l {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4l {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentbl {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;text-align:center;}
.contentblservice {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;text-align:center; width:180px; height:180px; cursor:pointer;}
.contentbl div {margin-left: 5px; margin-right: 5px;}

.b1dark, .b2dark, .b3dark, .b4dark{font-size:1px; overflow:hidden; display:block;}
.b1dark {height:1px; background:#888; margin:0 5px;}
.b2dark {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3dark {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4dark {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentborderdark{background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;}


/* Menu Section CSS */
.menurow{border-bottom:1px dotted #888;}
.menutable{}
.menuitem{padding: 5px 10px 5px 10px;}
.menuitem a{text-decoration:none; font-size:12px; color:#000;}
.menuitem a:hover{color:#B1B1B1;}

/* Main Section CSS */
.maincontentheader{font-size:large;text-align:center;padding: 10px 0px 0px 0px;}
.maincontentheadersite{font-size:large; text-align:left; padding: 10px 20px 10px 20px;}
.maincontent{text-align:center;font-size:larger; padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:50px;}
.maincontentsite{text-align:left; padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:50px;}
.maincontentrow{padding: 30px 0px 30px 0px;}
.maincontentdiv{width:400px;}
.admincontact{font-size:smaller; text-align:center;}


/* Main Section - Service Items CSS */
.serviceitem{font-size:larger;text-align:center; padding: 0px 10px 0px 10px;width:180px;height:180px;}
.serviceitem img{padding-top:10px; vertical-align:middle;}
.adminmaillink{cursor:pointer;}

/* Code Sniplet - New Purchase Order */
.dynamiccontent{}
.b1no, .b2no, .b3no, .b4no{font-size:1px; overflow:hidden; display:block;}
.b1no {height:1px; background:#888; margin:0 5px;}
.b2no {height:1px; background:#F7F7F7; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3no {height:1px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4no {height:2px; background:#F7F7F7; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentbno {background: #F7F7F7; border-right:1px solid #888; border-left:1px solid #888;}


.ordertable{border-left:1px solid #ACA899;border-top:1px solid #ACA899;border-bottom:1px solid #ACA899;}
.tableheader{background:url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/tableheaderrepeat.gif) repeat-x #fff; height:18px; border-right:1px solid #ACA899; cursor:default; padding-left:3px;}
.tableheader:hover{background:url(http://www.duco.co.za/duco.nsf/LookupStylesByName/MainStyle.css/$file/tableheaderrepeat_hover.gif) repeat-x #fff; height:18px; border-right:1px solid #ACA899;}
.tableitem{border-right:1px solid #ACA899;border-top:1px solid #ACA899;}