html, body, form { margin: 0 auto; padding: 0; cursor: default; outline:none; }
#pagearea { width: 100%; }

/* Header layout styles */
#header { height: 106px; width: 1024px; margin: 0 auto; }
#logo { float: left; width: 243px; height: 106px; text-align: left; }
.topbanner { float: left; width: 728px; height: 90px; position: relative; left: 20px; top: 7px; }
.userstatus { position: relative; top: 85px; left: 10px; }
#closewindow { float: right;  margin-right: 20px;}
#popuplogo { float: left;  }
.previewtopsep { height: 3px; width: 100px; }

.resultsupplier { line-height: 25px; }
.resulttitle { line-height: 25px; }
.resultdesc { margin-top: 5px; }
.projectcount { position: relative; top: 10px; }
.folderheading { line-height: 35px; vertical-align: middle; }
.articleheading { line-height: 20px; vertical-align: middle; }

/* General page / Info page containters - fit into backgroundpath */
#generalleft { float: left; margin-top: 10px; margin-left: 10px; width: 306px; }
#generalright { float: left; margin-top: 10px; margin-left: 10px; width: 625px; }
#generalleft2 { float: left; margin-top: 10px; margin-left: 10px; width: 300px; }
#generalright2 { float: left; margin-top: 10px; margin-left: 15px; width: 630px; }
#zappagecontent #generalright { float: left; margin-top: 10px; margin-left: 17px; width: 620px; }
.gobuttonright { float: right; margin-right: 12px; margin-top: 0px; }
.horzsep { display: block; width: 100%; }
.sep { display: block;}

.ie6 #generalleft { float: left; margin-top: 10px; margin-left: 5px; width: 306px; }
.ie6 #generalleft2 { float: left; margin-top: 10px; margin-left: 5px; width: 300px; }
.ie6 #generalright { float: left; margin-top: 10px; margin-left: 10px; width: 625px; }
.ie6 #generalright2 { float: left; margin-top: 10px; margin-left: 5px; width: 625px; }
.ie6 #zappagecontent #generalright { float: left; margin-top: 10px; margin-left: 2px; width: 610px; }

#backgroundpath { width: 960px; margin-left: 32px; height: 390px; margin: 0 auto; }
#backgroundpathnoheight { width: 960px; margin-left: 32px; }
#rightbackgroundpath { height: 657px; width: 640px; }
.ie6 #rightbackgroundpath { height: 657px; width: 630px; }
#zappagecontent { width: 960px; margin-left: 20px; display: inline-block; }

/* Button Ad Block */
.horzadblock {}
#AdBlockButtonHorz { margin-top: 3px; padding-bottom: 5px; margin-left: 5px;  }
.AdBlockButton { width: 150px; height: 35px; margin-bottom: 5px; float: left; margin-right: 5px; }
.buttonad { width: 150px; height: 35px;  }

#AdBlockButton2x4 { margin-top: 5px;}
#AdBlockButton2x4 .buttonad { width: 150px; height: 35px; margin-right: 3px; border: 0; margin-bottom: 3px; float: left; text-decoration: none;  }

/* Search layout styles */
#searchbox { width: 960px; margin-left: 32px; margin-top: 13px; }
#searchbox #searchbar { height: 31px; width: 100%; }
.tabtext { position: relative; top: 6px; color: #777777; }
#searchbox #searchbar .stdsearchbar { float: left; width: 88px; height: 31px; }
#searchbox #searchbar .advsearchbar { float: left; width: 139px; height: 31px; }
#searchbox #searchbar .zaprequestbar { float: left; width: 237px; height: 31px; }
#searchbox #searchbar .historybar { float: right; width: 78px; height: 31px; }
#searchbox #searchbar .cartbar { float: right; width: 80px; height: 31px; }
#searchbox #searchbar .clipboardbar { float: right; width: 112px; height: 31px; }
#searchbox #searchbar .registerbar { float: right; margin-right: 5px; margin-top: 3px; width: 68px; height: 31px; }
#searchbox #searchbar .loginbar { float: right; margin-right: 5px; margin-top: 3px; width: 58px;  }

#searchbox .searchdiv { width: 100%; height: 90px; margin-bottom: 15px; }
.ie6 #searchbox .searchdiv { width: 100%; height: 90px; margin-bottom: 1px; position: relative; top: -3px; }
#searchbox .searchquerydiv { position: relative; left: 8px; top: 13px; width: 100%; height: 36px;}
#searchbox .searchquery { width: 810px; height: 36px; position: relative; left: 10px; top: -16px;}
.ie #searchbox .searchquery { width: 810px; height: 36px; position: static; margin-top: 5px;  margin-left: 10px; }
#searchbox .searchpreviewfilter { margin-left: -8px; margin-top: -7px; }
.ff #searchbox .searchpreviewfilter { margin-left: -20px; margin-top: -7px; }
.ie #searchbox .searchpreviewfilter { margin-left: -20px; margin-top: -10px; }
.ie6 #searchbox .searchpreviewfilter { margin-left: -15px; margin-top: -10px; display: inline-block; }

#searchbox .searchparamsdiv { width: 100%; margin-top: 21px; }
.paramfield { float: left; margin-left: 15px;}
.paramfieldleft { float: left; }
.paramfieldright { float: right; margin-right: 10px;}
.paramfield div { float: left; margin-right: 20px; }
.paramfield span { margin-right: 20px; }

.ie6 #searchbox .searchparamsdiv { width: 100%; margin-top: 16px; }
.ie6 .paramfield { float: left; margin-left: 10px;}
.ie6 .paramfieldright { float: right; margin-right: 5px;}
.ie6 .paramfield div { float: left; margin-right: 5px; }
.ie6 .paramfield span { margin-right: 5px; }

#searchbox .searchbtn { width: 120px; height: 36px; position: relative; top: -2px; }
.searchparamsep { clear: both; height: 6px; }
.opera .searchparamsep { clear: both; height: 9px; }
.ie .searchparamsep { clear: both; height: 2px; }
.ie6 .searchparamsep { clear: both; height: 1px; }
#searchbox #advancedsearchdiv { width: 100%; height: 120px; margin-bottom: 15px; }
.ie6 .advancedsearchdiv { position: relative; top: -15px;}
.datefiltersettings {position: relative; left: -30px; }
.ie6 .datefiltersettings {position: relative; left: -20px; }


.zapheaderdiv { height: 120px;}
#searchbox #zaprequestdiv {}

#pagearea #content { width: 1024px; margin: 0 auto; }
#content { }

/*  Intro copy styles */
#introcopy { float: left; width: 315px; }
#introcopy #headertext { margin-left: 10px; margin-top: 8px;}
#introcopy #searchtag { height: 85px; margin-top: 2px; margin-left: 4px; }
#introcopy #zaptag { height: 85px; margin-top: 2px; margin-left: 4px; }
#introcopy #directorytag { height: 85px; margin-top: 2px; margin-left: 4px; }
.safari #introcopy #searchtag { height: 85px; margin-top: 6px; margin-left: 4px; }
.safari #introcopy #zaptag { height: 85px; margin-top: 6px; margin-left: 4px; }
.safari #introcopy #directorytag { height: 85px; margin-top: 6px; margin-left: 4px; }
#introcopy #searchtag #searchtagdesc { width: 210px; height: 35px; position: relative; left: 80px; top: 33px; }
#introcopy #zaptag #zaptagdesc { width: 210px; height: 35px; position: relative; left: 80px; top: 33px; }
#introcopy #directorytag #directorytagdesc { width: 210px; height: 35px; position: relative; left: 80px; top: 33px; }

/* Featured video layout styles */
#videosource { float: left; width: 640px; height: 360px; }


/**************************/
/*** Page Bottom Styles ***/
/**************************/
#content #trifold { height: 400px; width: 960px; margin-top: 10px; margin-left: 32px; }

#content #trifold #sociallinks { float: left; width: 312px; }
#content #trifold #newslettersignup { float: left; width: 374px; }

/*  Suppliers shor list styles */
#trifold #suppliers { width: 312px; margin-left: 8px; float: left; }
.ie6 #trifold #suppliers { width: 312px; margin-left: 3px; float: left; }
#generalleft #suppliers { width: 300px; float: left; margin-top: 15px; }
#suppliers #sheadertext { float: left;}
#suppliers #viewallbtn { float: right; margin-top: 5px; margin-right: 10px; }
#suppliersep { display: block; width: 300px; margin: 4px 0px; }
.ie #suppliersep { margin: -1px 0px; }
#suppliers .supplierlist { margin-top: 8px; }
#suppliers .supplierlist .supplierlistitem { height: 24px; }
.ie #suppliers .supplierlist .supplierlistitem { height: 24px; }

/*  Subscribers list styles */
#generalleft #suppliers { width: 300px; float: left; margin-top: 15px; }
#subscribers #sheadertext { float: left;}
#subscribers #viewallbtn { float: right; margin-top: 5px; margin-right: 10px; }
#subscribers .subscriberslist { margin-top: 3px; }
#subscribers .subscriberslist .subscriberlistitem { height: 24px; }
#zapheadersep { width: 100%; }
.ie #zapheadersep { width: 100%; margin-top: -10px; }

.profilethumb {width:100px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
.profilesearchinput { width: 100px; }
/********************************************************************/
/********************** NEWS STYLE **********************************/
/********************************************************************/
/*  Newswire home styles */
#generalleft #newswire { width: 300px; float: left; margin-top: 15px;  }
#trifold #newswire { width: 374px; float: left; margin-right: 24px; }
.ie6 #trifold #newswire { width: 374px; float: left; margin-right: 17px; }

#newswire #nheadertext { float: left; }
#rssbtn { float: right; margin-top: 5px; margin-right: 5px;}
#newswiresep { display: block; width: 100%; height: 1px; margin: 5px 0px; }
#newsshortitem { height: 58px; }

.newsshortlistitem { display: inline; vertical-align: top; font-size: 0pt; line-height: 19px; margin: 0px 0px; }
.ie #newsshortitemdiv { margin-top: -5px;  height: 75px;}
.newswirelist .shortnewshead { }
.newswirelist .shortnewscontent { }
.newswirelist .shortnewsdate { float: left; }
.newswirelist #gotonews { float: right; }

/* -- News Wire page styles -- */
#generalright #newspageheadertext { float: left; }
#generalright #newspageheadertext .newsdate {  } 
/* #generalright .horzsep { display: block; width: 100%; } */
/* #generalleft .horzsep { display: block; width: 100%; }*/
.expander { float: left; cursor: pointer; cursor: hand; }
#newsitem { margin-top: 10px; margin-bottom: 5px; }
.newsitemhead { float: left; margin-left: 10px;}
.newsitemdate { float: right; margin-right: 10px;}
.newsitemcontent {}
.newssummarydiv {}
.newsfulldiv { }
.ie .newssummarydiv { margin-top: 6px;}
.ie .newsfulldiv { margin-top: 6px; }

/*  Sponsored links home styles */
#sponsoredlinks { width: 242px; float: left; }
#sponsoredlinks #lheadertext { }
#sponsoredlinks #sponsorsep { display: block; height: 1px; font-size: 0pt;  margin: 7px 0px;}
.ie #sponsoredlinks #sponsorsep { margin: 4px 0px;}
.sponsordedlinkslist { }
.ie .sponsordedlinkslist { margin-top: -19px; }
#sponsoredlinks .sponsordedlinkslist .sponsoredlinkitem { height: 68px; }

/***********************/
/*  Page Footer styles */
/***********************/
#footer { width: 100%; height: 103px; }
#footer #footercontent { width: 1024px; margin: 0 auto; }
#footer #copyright {}
#footer #links {}
#footer #copyright { float: left; margin-top: 10px; margin-left: 20px; }
#footer #footerlinks { float: right; margin-top: 10px; margin-right: 40px; }
#footer #associations { width: 1024px; margin: 0 auto; }

/****************/
/* Login Styles */
/****************/
#logindiv { margin-top: 10px; margin-bottom: 20px; width: 360px; line-height: 20px; }
#logindiv #username { margin-bottom: 10px;}
#logindiv #username .label {float: left; width: 127px; margin-bottom: 3px;}
#logindiv #username .textbox {float: left; width: 213px; margin-right: 5px;}
#logindiv #password .label { float: left; width: 127px; margin-bottom: 3px;}
#logindiv #password .textbox {float: left; width: 213px; margin-right: 5px; }
#logindiv #forgotpwd { margin-left: 127px; }
#logindiv #forgotpwd .getpassword { }
#logindiv #buttons #register { float: left;  }
#logindiv #buttons #login { float: right; margin-right: 10px; }
#logindiv #buttons .loginclicktext { margin: 0; margin-top: 2px; }
#logindiv #buttons #newlisting { float: left; margin-top: 5px; margin-left: 10px; }

/*********************/
/* Request Info Form */
/*********************/
.reqformsection { margin-top: 10px; margin-bottom: 10px; margin-left: 3px; }
.reqformline { margin-bottom: 2px; line-height: 25px; }
.reqformlabel { float: left;  width: 150px; }
.reqformlabel2 { float: left;  width: 305px; }
.reqforminput { float: left; }
.reqforminput2 { float: left; width: 530px; }

/*********************/
/* Registration Form */
/*********************/
.regformsection { margin-top: 10px; margin-bottom: 10px; }
.regformline { margin-bottom: 2px; line-height: 25px; }
.regformlabel { float: left;  width: 70px; }
.regformlabel2 { float: left;  width: 128px; }
.regforminput { float: left; width: 220px; }
.regforminput2 { float: left; width: 530px; }

/*********************/
/* Zap Form */
/*********************/
.zapformsection { margin-top: 10px; margin-bottom: 10px; }
.zapformline { margin-bottom: 2px; line-height: 25px; }
.zapformlabel { float: left;  width: 70px; }
.zapformlabel2 { float: left;  width: 128px; }
.zapforminput { float: left; width: 298px; }
.zapforminput2 { float: left; width: 530px; }
.zapforminput3 { float: left; width: 322px; }
.zapforminputfull { float: left; width: 600px; }

/*********************/
/* Directory Form */
/*********************/
.dirformsection { margin-top: 5px; margin-bottom: 5px; }
.dirformline { margin-bottom: 3px; line-height: 20px; }
.dirformlabel { float: left;  width: 80px; }
.dirformlabel2 { float: left;  width: 128px; }
.dirforminput { float: left; width: 110px; }
.dirforminput2 { float: left; width: 200px; }
.dirforminput3 { float: left; width: 99px; }
.dirformtextarea { margin-bottom: 5px; width: 300px; }
.dirforminputarea { width: 280px; }
.dirformwideinputarea { width: 100%; }
.dirforminstruct {  }
.dirformcolumn { width: 305px; }
.dirformoptionitem { float: left; margin-right: 5px; width: 190px; }
.dirsectionheader { margin-bottom: 5px; }
.dirformwidecolumn { width: 405px; }
.dirformnarrowcolumn { width: 210px; }
.dirformhalfcolumn { width: 145px; }
.dirformthirdcolumn { width: 205px; }
.dirformhalfcolumn { width: 305px; }

.dirrightsection { margin-top: 5px; margin-bottom: 5px; width: 265px; }
.dirinfoline { margin-bottom: 3px; }
.dirrighthead { float:left;}
.dirrightheadshow { float:left; margin-right: 5px; }
.dirrightlabel { float: left; width: 80px; margin-right: 2px;}
.dirrightinfo { float: left; width: 180px;}
/**************************************/
/*  social network link button styles */
/**************************************/
.sociallinksdiv { margin-left: 10px; }
.sociallinks { float: left; width: 60px; }

/****************************/
/* Newsletter signup styles */
/****************************/
#newslettersignup { margin-top: 7px; width: 100%; }
.newsletterinputdiv { float: left; margin-left: 3px; width: 216px; }
#newslettersignuplabel { float: left; margin-top: -5px; line-height: 36px; }
.gecko .newsletterinput { width: 196px; height: 36px; position: relative; top: 5px; left: 7px; }
.ie .newsletterinput { width: 196px; height: 36px; position: static; margin-top: 5px;  margin-left: 8px; }
.newsletterinput { width: 196px; height: 36px; position: relative; left: 8px; top: -5px; }
.newlettersignupgo { float: left; margin-left: 2px; margin-top: -2px; }
#newslettersignupsep { display: block; margin: 4px 0px; }
.ie #newslettersignupsep { margin: -6px 0px; }