/* -----------------------------------------------------------------------
AUTHOR: Stephen R Rodrigo
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; background:#FFFFFF;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#171717;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#CD4B58;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:20px; margin:5px 0 5px 0; line-height:22px; background:url(../images/header2-bg.png) no-repeat left; background-position:0 15px; padding:0 0 20px 25px;}
h3 {font-size:1.5em;line-height:1;margin-left:0.8em; color:#FFFFFF;}
h4 {font-size:1.25em;font-weight:bold;line-height:1.25;padding:5px 0;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#171717;text-decoration:none;}
a.pink {color:#cf4b58;}
a:hover {text-decoration:none;}
strong {font-weight:bold;}
li ul, li ol {margin:0;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:1em;}
.large {font-size:12px; font-weight:bold;}
.actionButtons {margin-top:5px;}
.border img{border:1px solid #eee;}
.paddingBottom{padding-bottom:0.8em;}

/* forms.css */
label {font-weight:bold; display:block; margin:0 0 0 0.2em}
fieldset {border:none;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #F4D9DC;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#CD4B58;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.2em 0; padding:0.15em;width:300px;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:425px;height:80px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
#TopHalf, #BottomHalf {width:100%;}
#TopHalf{ background:url(../images/body-bg.jpg) repeat-x top #FFFFFF;}
#BottomHalf{background:url(../images/footer-bg.jpg) repeat-x top #F7CCCE; overflow:hidden;}
#container, #footer{ width:980px; margin:0 auto; padding:0 10px; text-align:left;}
#footer{ height:50px;}

#header{ height:85px;}
#nav{ height:28px;}
#bread{ height:24px;}
#wrap{ padding:10px 0;}
#mainbar{ width:650px; }
#sidebar{ width:300px; }

.logo{}
.MainNav{ margin-left:130px;}
.MainNav ul{height:20px; float:right; margin-top:15px;}
.MainNav ul li{float:left; display:inline;padding:0 22px;}
.MainNav ul li.nav-home{ background:url(../images/icon-home.gif) no-repeat left bottom; }
.MainNav ul li.nav-contact{ background:url(../images/icon-contact.gif) no-repeat left bottom;}
.MainNav ul li.nav-sitemap{ background:url(../images/icon-sitemap.gif) no-repeat left bottom;}
.MainNav ul li.nav-add{ background:url(../images/icon-addasite.gif) no-repeat left bottom;}
.MainNav ul li a{color:#FFFFFF; font-size:10px;}

.hero{background:url(../images/hero-frame.png) left top no-repeat ; padding-bottom:15px;}
.hero img{padding:7px 6px;}
.float{float:left;margin-right:10px;}
.last { background:none!important;}

#slideshow { position:relative;height:200px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8;  opacity:0.0;}
#slideshow IMG.active {   z-index:10;    opacity:1.0;}
#slideshow IMG.last-active {    z-index:9;}

#nav{text-align:left; margin-top:5px;}
.categorysearch{float:left; width:250px;}
.categorysearch span, .regionsearch span{font-size:12px; font-weight:bold; color:#000; line-height:18px;}
.regionsearch{width:700px;}
.regionsearch ul li{float:left; margin-right:12px; font-weight:bold; letter-spacing:0.05em;}
.regionsearch ul li a{color:#CD4B58;}

#bread ul li{ color:#fff; margin-top:-2px; background:url(../images/bread.png) no-repeat right; float:left; padding-right:25px; margin-right:8px;}
#bread ul li a{color:#fff; font-size:11px; text-transform:uppercase;}
#bread ul li a:hover{ color:#eee;}


#popular ul li{ float:left; width:87px; padding-right:5px; text-align:center;}
#popular ul li img{padding:2px; width:50px; border:1px solid #eee; margin:0 auto;}

#latest{padding-top:15px;}

.listings {width:325px; height:120px; overflow:hidden; float:left;}
.listings .ListingPic{background:url(../images/listings-frame.jpg) no-repeat top left; float:left; margin-right:5px;}
.listings .ListingPic img{ padding:7px; }
.listings .ListingInfo{}
.listings .ListingInfo .large {line-height:14px;}
.listings .ListingInfo .small {font-size:10px;}
.listings .ListingInfo .blurb {height:36px; overflow:hidden;}
.listings .ListingInfo .address {height:12px; margin-bottom:5px; overflow:hidden;}
.narrow{line-height:12px;}
.listings .supplierName {font-size:12px; font-weight:bold;}

#listingsNavigation {clear:both; position:relative; width:650px; margin-top:25px;}
#listingsNavigation a {color:#4272db; padding:0 3px; text-decoration:none;}
#listingsNavigation a:hover {text-decoration:underline;}
#listingsNavigation a.activePage {color:#0000ff; border: solid 1px #000;}

.supplierListings{}
.supplierListings .ListingPic{ width: 190px; margin:0 10px 0 0; float:left; }
.supplierListings .ListingPic .images {clear:both;}
.supplierListings .ListingPic .images .image {clear:both; width:171px; margin-bottom:6px; overflow:hidden;}
.supplierListings .ListingPic .images .image .image1 {float:left; width:80px;}
.supplierListings .ListingPic .images .image .image2 {float:left; width:80px; margin-left:6px;}
.actionButtons img{border:none !important; padding:0 !important;}
.supplierListings .ListingPic ul li{padding-bottom:15px;}
.supplierListings .ListingInfo{ float:left; width:450px;}

.sidebarBox{width:300px; margin-bottom:10px; border:#FCECED solid 1px; background:url(../images/sidebar-bg.jpg) no-repeat bottom center #FFFFFF;}
.sidebarTitle{ padding:10px 2px 0 2px; background:url(../images/sidebarHeader-bg.png) no-repeat center; height:45px; width:300px;}
.sidebarcontent {padding:0 10px;}
.Ad{margin-bottom:10px;}

.share{background: #fff!important; background-image:none!important;}
.share ul li{float:left; padding-right:10px;}
.share ul {height:40px;}

.ArticleTitle{ color:#CD4B58;}
.ArticleListingPic{float:left; margin-right:5px;}
.ArticleListingPic img{padding:2px; background:#FFF;}
.ArticleListingInfo{float:left; width:215px;}

#footer ul {margin-top:10px;}
#footer ul li{float:left; padding:2px 50px 2px 0;}
#footer ul li a {color:#CF4B58; font-size:11px; font-weight:bold; margin-right:20px;}
#footer ul li:hover {color:#CF4B58;}
#footer ul li.copyright {color:#CF4B58; font-size:11px; clear:both;}
#footer h4{padding-top:15px!important;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
.clearfix, .container {display:block;}
.clear {clear:both;}


div.slideMenu{margin-top:26px; margin-left:-230px!ie; position:absolute;width:960px; z-index:100; padding:5px 2px 2px 10px; background: #fff; display:none; border-right:#CD4B58 1px solid;border-left:#CD4B58 1px solid;border-bottom:#CD4B58 15px solid;}
div.slideMenu ul.slideMenuItems li:hover{ background:#f5f5f5; border:#e5e5e5; }
div.slideMenu ul.slideMenuItems li{float:left; padding:5px; width:85px; text-align:center;}
div.slideMenu ul.slideMenuItems li img{ padding:3px; border:1px solid #eee; width:50px; margin:0 auto;}
div.closeMenu{ background:#CD4B58; color:#FFF; clear:both; float:right; padding:2px 10px; cursor:pointer;}

#ProfileListings { padding-bottom:10px;background:url(../images/closer.jpg) no-repeat bottom; overflow:hidden;}
#basicListings {}
#basicListings .basicDetails {clear:both; line-height:15px; height:15px; overflow:hidden; padding-bottom:2px; border-bottom:1px dotted #CCC;}
#basicListings .basicDetails .details {float:left; width:560px; overflow:hidden; white-space:nowrap;}
#basicListings .basicDetails .website {float:left; width:85px; margin-left:5px;}
#basicListings .clear {height:5px;}

#mainbar .RegionalListings ul{width:213px; height:90px; float:left; padding:0 2px 15px 0;}
#mainbar .RegionalListings ul li.float{ margin-right:3px;}
#mainbar .RegionalListings ul li img{padding:2px; background:#FFF;  border:1px solid #eee;}
#mainbar .RegionalListings ul li a:hover{color:#CD4B58;}
#mainbar .RegionalListings ul li.basicTitle a{padding:0!important; color:#CD4B58;}

.article ul li{background:url(../images/footerlisthover-bg.png) #FFF no-repeat left top; padding:2px 0 2px 18px; line-height:20px; background-position:0 6px;}
.intro p{margin:0px!important;}
.required {color:#ff0000;}
.errorLabel {color:#ff0000;border:2px solid #ddd;background-color:#FBE3E4;padding:5px;}
.informationLabel {color:#0000ff;}

ul.searchBYstate {margin-bottom:10px;}
ul.searchBYstate li{ float:left; width:300px; border-bottom:1px dotted #ECA9AD; line-height:27px; margin-right:10px;}
ul.searchBYstate li:hover{ background-color:#CD4B58;}
ul.searchBYstate li a{ display:block; color:#CF4B58; padding-left:25px; line-height:27px; font-size:14px; }
ul.searchBYstate li:hover a, ul.searchBYstate li a:hover{color:#FFF;}

.modalBackground {background-color:#000000; filter:alpha(opacity=70); opacity:0.7; } 
.modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px; }

#EmailFriend {clear:both;}
#EmailFriend .controls {padding:5px;}
#EmailFriend .controls table, td, th {vertical-align:top !important;}

#contactUs {clear:both;}
#contactUs td.centerTD {text-align:inherit;}

#supplier {clear:both;}

#addASite {clear:both;}
#addASite ul li {list-style-type:disc; list-style-position:inside;}
#addASite a {color:#cf4b58;}
#addASite a:hover {text-decoration:underline;}

#sitemap {clear:both;}
#sitemap ul li.category {clear:both;}
#sitemap ul li.state {float:left; margin-left:15px;}
#sitemap ul li.sysstates {float:left; margin-right:15px;}

#links {clear:both;}
#links ol li {list-style-position:inside;}
#links a {color:#cf4b58;}
#links a:hover {text-decoration:underline;}