body {/**background: url(../imglib/light_stripes.gif) repeat;**/ background-color:#d2d2d2;  font-family:Arial,Sans-Serif; color:#000;
}

h1 {font-size:24px;font-family:Lucida Sans, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
h2 {font-size:18px;font-family:Lucida Sans, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
h3 {font-size:16px;font-family:Lucida Sans, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
h4 {font-size:14px;font-family:Lucida Sans, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}


p, table, dl, ul, ol {font-size:12px;}


a {color:#0f961c; text-decoration:none; padding:0; margin:0;}
a:hover {color:#565656; text-decoration:underline;}

form {}
fieldset {border:0; margin:10px;}
legend {}
*html legend {}
label {float:left; width:30%; font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:0;  clear:both;}

fieldset span {display:block; float:left; width:60%; margin:0px 0px 10px 0px; padding:0;}
*html fieldset span {width:60%;}
fieldset input, fieldset select, fieldset textarea {float:left; font-size:12px;}
select, text, textarea { border:solid 1px #aaaaaa; padding:3px; }

div#page {margin-left:auto; margin-right:auto; margin-top:10px; width:970px; height:auto; border:solid 1px #000; background-color:#ffffff;}
*html div#page {text-align:center;}
div#leaderboard{margin-left:auto; margin-right:auto; width:970px; height:auto; text-align: center;}

/*universals*/
div#header {width:100%; margin:0; padding:0;}
#headerContent{width:810px; float:right; margin:20px 20px 0 0;}
#headerContent h2{ width:300px; float:left; text-align:left; padding:0 0 0 10px;}

div#nav { position:relative; width:800px; text-align:left; padding:0 0 0 10px; margin:0; clear:both; float:left; padding-top:15px;}
*html div#nav {margin:0;}
div#nav ul.mainNav {font-family:Lucida Sans, Tahoma, Verdana, Arial, Helvetica, Sans-Serif; font-size:18px; text-transform:uppercase; font-weight:bold; color:#565656; padding:0; margin:0; width:540px; float:left; }
div#nav li {display:inline; margin:0; padding:0;}
 
div#nav li.mainNavBar {border-left:solid 2px #565656; margin:0 0 0 10px; padding:0 0 0 10px;}
div#subNavHome { float:right; width:150px;}
div#subNavHome h2 {display:inline; float:left; padding:0; margin:0;}
div#subNavHome ul {position:relative; top:5px; display:inline; float:right; color:#565656; font-size:12px; font-weight:bold; padding:0; margin:0;}

div#nav ul.subNav {float:right; width:150px; font-weight:bold; text-align:right; padding:0; margin:0;}
div#nav li.subNavBar {border-left: solid 1px #565656; margin:0 0 0 5px; padding:0 0 0 5px;}

#bannerAds{border:solid 1px black; width:468px; height:60px; margin:0 0 25px 0; padding:0; float:right; }
#bannerAds a{margin:0; padding:0; border:0; text-decoration:none;}
#bannerAds img{border:0;}

div#mainContent {clear:both; margin:0; padding:0; text-align:left; width:100%;}
div#main {clear:both; margin:20px; padding:0; text-align:left; width:930px;}
div#form {float:left; width:930px; border:solid 1px #565656;}
div#formNarrow {float:left; width:680px; border:solid 1px #565656;}
div.formDetails {float:left; width:99%; border:solid 1px #565656;}
div.formDetails h3 {width:50%; float:left;}
div.formPOS {float:left; width:99%; border:solid 1px #565656; margin:20px 0 0 0;}
div.formPOS h3 {width:50%; float:left;}
div#formStyle {float:left; width:230px; border:solid 1px #565656;}
div#dump {display:block; clear:both;}
div#errorSection {display:block; float:left; clear:both;}

div#headBar {margin:0 0 20px 0; padding:0;}
div#headBar h1 {padding:5px 0 5px 5px; margin:0; background: url(../imglib/barGradient.jpg) repeat-x; color:#ffffff; text-align:left;}

/*homepage*/


div#advertise {float:left; width:215px; height:320px; padding:20px 10px 10px 10px; margin:0 0 0 0px; background: url(../imglib/advertise.jpg) repeat-x;}
div#advertise h3 { margin:0; padding:0 0 0 60px;}
div#advertise ul {margin:0 0 0 20px; padding:0;}
div#advertise li {list-style-image:url(../imglib/asterisk.gif); padding:0 0 0 10px; margin:5px 0 0 0;}
div#opportunities {float:left; width:215px; height:245px; padding:10px; margin:0 0 0 20px; background: url(../imglib/opp_Bg.gif) repeat-x;}
*html div#opportunities {}
div#opportunities h3 {margin:0; padding:0;}
div#opportunities ul {}
div#opportunities li {list-style-image:url(../imglib/asterisk.gif); padding:0 0 0 10px; margin:5px 0 0 0;}
*html div#opportunities li {padding:0 0 0 10px;}

div#rhs {float:right; width:420px; margin:0; padding:0;}
div#hotSearches {width:400px; padding:10px;  background: url(../imglib/opp_Bg.gif) repeat-x; margin:0;}
*html div#hotSearches {margin:0 0px 0 0;}
div#hotSearches h3 {margin:0; padding:0 0 10px 0;}
div#hotSearches ul {margin:0 0 10px 0; padding:0;}
div#hotSearches li {display:inline; list-style-type:none; padding:0 15px 0 0 ; margin:15px 0 0 0;}
div#hotSearches p {float:right;}
div.spotlight {clear:both; width:920px; float:left; border:solid 1px #cdcdcd; margin:20px 0 20px 0; padding:5px;}
div.spotlight h4 {margin:0; padding:0; font-size:10px;}
div.spotlight dl {clear:none; float:left; width:137px; margin:5px 15px 5px 0; padding:0;}
div.spotlight dt {font-size:14px; font-weight:bold;}
div.spotlight dd {float:left; padding:0; margin:0; font-size:10px;}
#rightspot {float:right; margin:0 0 0 20px;}
.size14 {font-size:14px;}
.size16 {font-size:16px;}
.size18 {font-size:18px;}
.size20 {font-size:20px;}
.size22 {font-size:22px;}
.size24 {font-size:24px;}

/*signUp*/
div#signUp {margin:0; padding:0;}
div#signUp h1 {padding:5px 0 5px 5px; margin:0; background: url(../imglib/barGradient.jpg) repeat-x; color:#ffffff; text-align:left;}
div#signUp ul {padding:0; margin:5px 0 0 0; text-align:center;}
div#signUp li {display:inline; list-style-type:none; color:#0f961c; font-size:14px;}
div#signUp li#highlighted {color:#565656; font-weight:bold;} 

div#advertSplash {margin:0 20px 0 20px; clear:both; text-align:left;}
div#advertSplash h2 {padding: 10px 0px 10px 90px; font-size:32px; color:#ffffff; background: url(../imglib/advert_head.jpg);}
div#advertSplash h2 span {display:block; font-size:20px; color:#565656;}

div#advertBenefits {width:680px; float:left;}
div#advertBenefits h3 {font-size:18px; padding:0; margin:10px 10px 0 10px;}
div#advertBenefits h4 {padding:0; margin:5px 10px 0 10px;}
div#advertBenefits p {padding:0 0 10px 0; margin:2px 10px 0 10px; color:#565656; border-bottom: solid 1px #565656;}

div.location {float:left; display:inline;width:220px; padding:0; margin:0;}
div.location label {width:180px;}
div.location span {clear:both; width:200px; padding:0; margin:0;}
div.location select {width:200px; border:solid 1px #565656;}
div.string {padding:5px 0 5px 0; font-size:14px; }

div#advertTaster {float:right; width:230px; height:265px; padding:0; margin:0; background: url(../imglib/opp_Bg.gif) repeat-x;}
div#advertTaster h4 {padding:10px;}
div#advertTaster p {padding:0px 10px 10px 10px;}
div#advertTaster input {margin:0px 10px 10px 10px;}

/*SectorsList*/

div#sectorsList {float:left; width:680px;}
div.letters {clear:both; padding:20px 0 0 0;}
div.letters h2 {margin:0; padding:0:}
div.letters ul{padding:0; margin:0 0 20px 0;}
div.letters li {float:left; display:inline; list-style-type:none; width:19%;}

/*advertMockup*/
div#advertMockup {float:right; width:480px; padding:5px 0 0 0; border-top:solid 1px #565656}

/*POS page*/
div#cardType label.cardLabel {width:100%; clear:both;}
div#cardType span.card {float:left; width:12%;}
div.radio input {display:inline; float:none;}
div#upGrade h3 {color:#f75699; width:96%; padding:10px; border-top: solid 1px #565656; background:url(../imglib/opp_Bg.gif) repeat-x;}
.benefit {border-bottom: solid 1px #565656;}

/*confirmation*/
div#confirm dl {font-size:14px;}
div#confirm dt { padding: 0px 5px 5px 0px; margin: 0px; list-style-type:none; width:35%; float:left; clear:both; font-weight:bold;}
div#confirm dd {padding: 0px 0px 5px 10px; margin: 0px; list-style-type:none; width:55%; display:inline; float:left; color:#f75699;}

/*search*/
div#searchBar {background: url(../imglib/barGradient.jpg) repeat-x; text-align:center; padding:5px 5px 5px 0; margin:0 0 20px 0;}
div#searchBar h2 {display:inline; color:#ffffff; margin:0 10px 0 0;}
div#searchBar h4 {display:inline; margin:0 0 0 20px;}
div#searchBar a {color:#ffffff;}
div#searchBar a:hover {color:#ffffff;}
div#searchFields {margin:20px 0 20px 0;}
div#searchFields ul {clear:both; margin:10px;}
div#searchFields li {display:inline; width:19%; float:left; padding:2px;}
div#searchFields fieldset {clear:both; margin:0 0 0 10px; padding:0;}
div#searchFields a {color:#565656;}
div#searchFields a:hover {color:#0f961c;}

div.searchLocation {float:left; display:inline; width:20%; padding:0; margin:0;}
div.searchLocation label {width:150px; padding:0; margin:0;}
div.searchLocation span {clear:both; width:150px; padding:0; margin:0;}
div.searchLocation select {width:150px; border:solid 1px #565656; padding:0; margin:0 0 0 0;}

dl.placemat {font-size:14px; margin:10px; padding:0;}
dt.placemat {padding:0; margin:0 5px 10px 0; list-style-type:none; float:left; clear:both; font-weight:bold;}
dd.placemat {padding:0; margin:0 5px 0 0 ; list-style-type:none; display:inline; float:left;}
dd.refine {padding:0; margin:0 5px 0 0 ; list-style-type:none; font-weight:bold; display:inline; float:right;}
div#location { clear:both; background:url(../imglib/opp_Bg.gif) repeat-x; padding:10px 0 10px 0; margin:10px 0 0 0;}
div#type { clear:both; background:url(../imglib/opp_Bg.gif) repeat-x; padding:10px 0 10px 0; margin:10px 0 0 0 ;}
div#sector {float:left; clear:both; width:100%; background:url(../imglib/opp_Bg.gif) repeat-x; padding:10px 0 10px 0; margin:10px 0 10px 0;}
div#sectors {clear:both;}
div#searchFields a.greenlink {color:#0f961c;}
div#searchFields a:hover.greenlink {color:#859a88;}
input.searchRegion {margin:15px 0 0 0;}

/*search results*/
div#searchResults {clear:both; margin:10px 0 10px 0; border:solid 1px #565656;}
div#searchResults h3 {margin:0; padding:5px; background:url(../imglib/barGradient.jpg) repeat-x; color:#ffffff; border-bottom:solid 1px #565656;}
div#searchResults h3.title {font-family:Arial,Sans-Serif; margin:0; padding:5px; background:none; border:none;}
div#searchResults h4 {margin:10px;}
div#searchResults tr {}
div#searchResults td {width:305px; padding:5px 0 5px 5px; border-bottom:dashed 1px #565656;}
div#searchResults p {padding:0; margin:0;}
div#searchResults a {color:#0f961c}
div#searchResults a:hover {color:#859a88;}
div.pageNumbers {float:right;}

/*login logout*/
div#join {float:right; width:230px; padding:0; margin:0; background: url(../imglib/opp_Bg.gif) repeat-x;}
div#join h4 {margin:10px 0 0 10px;}
div#join p {padding:5px 0 5px 10px;}
div#forgotPassword h1{padding:5px 0 5px 5px; margin:0; background: url(../imglib/barGradient.jpg) repeat-x; color:#ffffff; text-align:left;}

/*Members*/
div#members {float:left; width:680px;}
div#members li {display:inline; list-style-type:none;}
div#membersNav {margin:0 0 20px 0;}
div#membersNav ul {padding:8px 0px 8px 0; margin:0; background: url(../imglib/barGradient.jpg) repeat-x; color:#565656; font-weight:bold; text-align:center; font-size:14px;}
div#membersNav li {display:inline; list-style-type:none;}
div#membersNav a, div#membersNav a:hover { color:#ffffff;}
div#membersNav .margin {border-right:solid 1px #ffffff; margin:0 8px 0 0; padding:0 8px 0 0;}
div#membersFull {float:left;}
div#newAdvert {clear:both; float:left; width:910px; margin:20px 0 0 0; padding:10px; border:solid 1px #565656;}
div#newAdvert h3 {margin:0 0 5px 0;padding:0;}
div#newAdvert p {margin:0 0 5px 0;padding:0;}
ul#userDetailsList {background:url(../imglib/members/editDetails.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}
ul#editAdvertsList {background:url(../imglib/members/viewAdverts.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}
ul#billingInfoList {background:url(../imglib/members/billingInfo.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}
ul#leadReportsList {background:url(../imglib/members/leadReports.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}
ul#orderHistoryList {background:url(../imglib/members/orderHistory.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}
ul#shoppingCartList {background:url(../imglib/members/shoppingCart.gif) no-repeat; margin:0; padding:10px 0 10px 40px; list-style-type:none;}


/*Advert maintenance*/
div#advertTable {clear:both; margin:0; border:solid 1px #565656;}
div#advertTable table {padding:0; margin:0; border-collapse: collapse; width:100%; }
div#advertTable tr {}
div#advertTable th {padding:5px; margin:0; text-align:center; color:#ffffff; background: url(../imglib/barGradient.jpg) repeat-x; border-bottom:solid 1px #565656;}
div#advertTable td {padding:5px; border-bottom:dashed 1px #565656;}
div#advertSnapshot {width:960px; margin:0px; padding:10px; border:solid 1px #000000; background-color:#ffffff; height:1%; overflow:auto;}

/*Billing Details*/
div#billing {clear:both; margin:0; border:solid 1px #565656;}
div#billing table {padding:0; margin:0; border-collapse: collapse; }
div#billing tr {}
div#billing th {padding:5px; margin:0; text-align:center; color:#ffffff; background: url(../imglib/barGradient.jpg) repeat-x; border-bottom:solid 1px #565656;}
div#billing td {padding:5px; border-bottom:dashed 1px #565656;}

/*orderHistory & Lead Report*/
div#sort {background: url(../imglib/opp_Bg.gif) repeat-x; padding:2px; margin:0 0 10px 0;}
div#orderHistory {clear:both; margin:0; border:solid 1px #565656;}
div#orderHistory table {padding:0; margin:0; border-collapse: collapse; width:100%; }
div#orderHistory tr {}
div#orderHistory th {padding:5px; margin:0; text-align:left; color:#ffffff; background: url(../imglib/barGradient.jpg) repeat-x; border-bottom:solid 1px #565656;}
div#orderHistory td {padding:5px; border-bottom:dashed 1px #565656;}
div#orderHistory dl {margin:0; padding:0;}
div#orderHistory dt { padding: 0px 5px 0px 0px; margin: 0px; list-style-type:none; width:35%; float:left; clear:both; font-weight:bold;}
div#orderHistory dd {padding: 0px 0px 0px 10px; margin: 0px; list-style-type:none; width:55%; display:inline; float:left;}
span.datePicker {display:inline; float:none; font-size:12px; display:inline; width:40%; margin:0 20px 0 0;}
span.datePicker span {display:inline; float:none;}
p.rh {float:right; font-size:16px; font-weight:bold;}
div.leads {clear:both; border:solid 1px #565656; padding:5px; margin:10px 0 0 0;}
div.leads h4 {width:99%; float:right; margin:0; text-align:right;}
div.leads dl {padding:0; margin:5px 0 0 5px;}
div.leads dt { padding: 0px 5px 0px 0px; margin: 0px; list-style-type:none; width:30%; float:left; clear:both; font-weight:bold;}
div.leads dd {padding: 0px 0px 0px 10px; margin: 0px; list-style-type:none; width:65%; display:inline; float:left;}
.inCart {background: url(../imglib/top_searchesBg.gif) repeat-x;}
.purchased {background-color:#eeeeee;}
ul.advertDetail {color:#565656; font-weight:bold;margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:solid 1px #565656; z-index:200;}
ul.advertDetail li {display:inline; list-style-type:none; margin:5px 10px 5px 0;}
dl.message dt {width:90%;}
dl.message dd {width:90%}
dl.questions dt {width:90%;}
dl.questions dd {width:90%;}
div#viewLead {width:600px; margin:20px; padding:10px; background-color:#ffffff; border:solid 1px #000000;}

/*shopping cart*/
div#viewCart {clear:both; margin:0; border:solid 1px #565656;}
div#viewCart table {padding:0; margin:0; border-collapse: collapse; width:100%; }
div#viewCart tr {}
div#viewCart th {padding:5px; margin:0; text-align:left; color:#ffffff; background: url(../imglib/barGradient.jpg) repeat-x; border-bottom:solid 1px #565656;}
div#viewCart td {padding:5px; border-bottom:dashed 1px #565656;}
div#total {float:right; text-align:right; margin:20px 0 0 0;}
div#purchaseLeads {background: url(../imglib/opp_Bg.gif) repeat-x; padding:5px}
div#purchaseLeads table {margin:0; padding:0; width:100%; border-collapse:collapse;}
div#existingCard table { border-collapse:collapse; margin:5px 0 0 25px; border:solid 1px #565656;}
div#existingCard th {width:170px; padding:5px; border-bottom:solid 1px #565656;}
div#existingCard td {padding:5px}
div#newCard {border:solid 1px #565656; padding:20px; margin:0 0 0 25px;}
div#newCard fieldset {margin:0 0 20px 0;}

div#payPal {border:solid 1px #565656; padding:5px; margin:0 0 20px 25px;}
div#payPal p {display:inline; margin:0 0 0 10px;}

/*Advert Page*/
div#advertTemplate {clear:both; width:930px;}
div#enquireForm {float:left; clear:both; margin:10px 0 10px 0; border:solid 1px #565656; width:930px;}
div#enquireForm h3 {margin:0; padding:5px; background:url(../imglib/barGradient.jpg) repeat-x; color:#ffffff; border-bottom:solid 1px #565656;}
.note {margin:10px 0 10px 20px;}
div#regions {float:left; width:100%; display:inline;}

/*Advert Confirm*/
div#enquireConfirm {width:680px; float:left;}

/*footer*/
div#footer {clear:both; margin:10px 0 10px 20px; text-align:left;}
div#footer ul {display:inline; width:45%; float:left; margin:0; padding:0;}
div#footer li {display:inline;list-style-type:none; color:#565656; font-size:11px; padding-right:5px; margin-right:5px;}
div#footer ul.legals {width:53%; float:right; padding-right:10px; text-align:right;}


/*stylingCSS*/
.barRight {border-right:solid 1px #565656;}
.barLeft {border-left:solid 1px #565656; margin-left:5px; padding-left:5px;}


.green {color:#0f961c;}
.pink {color:#f75699;}
.white {color:#ffffff;}
.grey {color:#565656}
.black {color:#000;}
.capitals {text-transform:uppercase;}
.clear {clear:both; margin:0; padding:0;}
.indent {margin:10px 0 0 10px;}
.error {color:red; font-weight:bold;}
.errorsmall {color: red; font-size: 10pt;}
.seventy {width:70%}
.sixty {width:60%;}
.fifty {width:50%;}
.forty {width:40%;}
.thirty {width:30%;}
.twenty {width:20%;}
img.picture {border:solid 1px #565656;}
#logo {margin:20px 0 20px 20px; float:left; position:relative;}
#logo img{float:left; padding:0 10px 0 0;}
li.advertise {border-left:solid 2px #565656;}

h1#homepage {font-size:20px; color:#565656; font-weight:normal; padding:0; margin: 0 0 50px 0;}
h1.headBanner {padding:5px 0 5px 5px; margin:0 0 20px 0; background:url(../imglib/barGradient.jpg); color:#ffffff; text-align:left;}
h3.nutshell {display:inline; text-align:right;}

input.button {float:right; margin:0 10px 0 0;}
input.greenBackground { border:solid 1px #aaaaaa; padding:3px; background: url(../imglib/formbackground.gif) repeat-x;}

.barRight {padding-right:5px; margin-right:5px; border-right:solid 1px #565656;}
.barLeft {padding-left:5px; margin-left:5px; border-left:solid 1px #565656;}
.description {font-size:12px; font-weight:normal; color:#565656; width:100%; padding:0px 0 10px 0; border-bottom:solid 1px #565656;}
.explain {font-size:10px; font-weight:normal; color:#565656; width:100%; padding:0 0 10px 0; border-bottom:solid 1px #565656;}
.little {font-size:10px; font-weight:normal; padding:0px 0 10px 3px; margin:0 0 0px 0; color:#565656; width:90%}

.hidden {display:none;}
.big {font-size:16px;}
.required {margin:5px 0 0 5px; color:#565656;}

#errorReport {margin:0 10px 10px 10px; padding:0 0 10px 0px; border-bottom:solid 1px #565656;}