@CHARSET "UTF-8";
/** reset rules **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.3em;
color: black;
background: white;
font-size: 12px;
}
a,
a:visited {
color: #a8060d;
}
ol, ul {
list-style: none;
}
ul.condensed {
float: left;
padding-bottom: 6px;
}
form {
background: #F0F0F0;
padding: 10px;
}
form label {
float: left;
text-align: right;
width: 120px;
line-height: 21px;
margin-right: 10px;
font-size: 12px;
}
form div {
margin-bottom: 6px;
}
form legend {
padding-left: 130px;
line-height: 20px;
}
form button {
background: url(/images/layout/btn-bg.gif) repeat left top;
border: 1px solid black;
line-height: 18px;
height: 24px;
color: white;
padding: 0 20px;
}
form input,
form select,
form textarea {
border: 1px solid #d2d2d2;
font-family: Arial, sans-serif;
}
form .submit {
margin-left: 130px;
padding: 10px 0;
}
form.extended label {
width: 240px;
}
form.extended .submit {
margin-left: 250px;
}
h1, h2, h3, h4, h5 {
line-height: 1.2em;
clear: both;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/** layout **/
body { background: #b1b7c9 url(/images/layout/bg.gif) repeat-x left top; }
#body-wrap { width: 980px; position: relative; margin: 0 auto; }
#header { width: 964px; height: 80px; margin: 0 8px; background: url(/images/layout/header_bg.gif) repeat-x scroll left bottom; overflow: hidden; }
#header .logo { margin: 15px 0; margin-right: 50px; }
#header ul, #header li, #header .logo { float: left }
#header ul { margin-top: 28px; padding: 0; list-style: none; }
#header li { background: url(/images/layout/menu_item_bg.gif) repeat-x scroll left bottom; padding: 8px 18px; }
#inner-content { padding: 0 5px; width: 914px; min-height: 600px; position: relative; }
#content {
width: 924px; min-height: 600px; padding: 20px 28px 20px 28px;
z-index: 1; overflow: hidden; position: relative;
background: url(/images/layout/content_bg.gif) repeat-y }
#content .left,
#content .right { position: absolute; top: -6px; width: 17px; height: 600px; }
#content .left { background: url(/images/layout/border-left.png) no-repeat; left: 0; width: 15px; }
#content .right { background: url(/images/layout/border-right.png) no-repeat; right: 0 }
#content .withsidebar { float: left; width: 650px }
#content .sidebar { float: left; width: 220px; padding: 17px; background: #DBDBDB }
#content .sidebar h3 { margin-bottom: 12px; font-size: 14px; font-weight: bold }
.sidebar #lookup a { display: block; margin-bottom: 6px; }
#footer { clear: both; position: relative; width: 979px; height: 16px; background: #B1B7C9 url(/images/layout/footer-shadow.gif) repeat-x left -1px; text-align: center; color: white; padding-top: 3em; padding-bottom: 2em; }
#footer a { color: white }
#footer .left, #footer .right { position: absolute; top: 0; width: 15px; height: 16px }
#footer .left { background: url(/images/layout/corner-bottom-left.gif) no-repeat left bottom; left: 0; }
#footer .right { background: url(/images/layout/corner-bottom-right.gif) no-repeat right bottom; right: 0; }
/** homepage **/
#homepage #content { padding: 22px 22px 142px 22px; width: 936px; height: auto; min-height: 0 }
#homepage #content h1 { margin: 0 10px; }
#company_search { background: url(/images/layout/bg-homepage-search.png) no-repeat 0 0; width: 936px; height: 306px; color: white; margin-top: 10px; padding: 0 }
#company_search div { float: left; margin: 0 }
#company_search fieldset { position: relative; height: 100% }
#company_search legend { display: none }
#company_search label { color: white; font-size: 14px; line-height: 16px; font-weight: bold; float: none; width: auto; margin: 0; text-align: left; display: block; line-height: 20px; }
#company_search label span { font-size: 10px }
#company_search p { color: #da000a !important; font-weight: bold; font-size: 11px; line-height: 25px; padding-top: 4px; position: absolute; top: 0; left: 40px; width: 258px; text-align: center; margin: 0 }
#company_search p.or { top: 101px }
#company_search p.or2 { top: 176px }
#company_search .input-type { width: 340px; position: absolute; top: 50px; left: 30px }
#company_search .input-type input { background-position: left; background-repeat: no-repeat; padding: 4px 4px 4px 26px; width: 238px; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; border: 1px solid #969696; }
#company_search #company_name_search-wrap input { background: white url(/images/layout/icon-company-name.png) no-repeat 2px 0 }
#company_search #category_search-wrap { margin-top: -24px; top: 50%; }
#company_search #category_search-wrap input { background-image: url(/images/layout/icon-category-name.png) }
#company_search #phone_search-wrap { top: 210px }
#company_search #phone_search-wrap input { background: white url(/images/layout/icon-phone-name.png) no-repeat 0 1px }
#company_search #state_wrap { padding-top: 100px; margin-left: 440px; width: 300px }
#company_search #state_wrap label { font-size: 12px }
#company_search #state_wrap select { font-size: 12px }
#company_search #state_wrap .city { margin-top: 20px }
#company_search .submit { margin-left: 0; width: 167px; margin-top: 116px; }
#company_search .submit button { width: 129px; height: 57px; padding: 0 0 0 10px; border: 0; background: url(/images/layout/btn-homepage-button.png) no-repeat 0 2px; color: white; font-size: 14px; text-transform: uppercase; }
#company_search #phone_search #state_wrap { visibility: hidden }
#company_form fieldset div { position: relative }
/** form **/
#login { float: right; font-size: 10px; padding: 10px 10px 0 10px; width: 165px; height: 69px; background: url(/images/layout/login-bg.gif) repeat-x; }
#login div { margin-bottom: 4px; }
#login label { float: left; width: 58px; font-size: 10px; margin: 0 0 0 0; color: #494573; line-height: 16px; display: inline }
#login input { border: 1px solid #cfcfcf; font-size: 10px; width: 100px; }
* html #login input { width: 99px }
* + html #login input { width: 103px; }
#login button { border: 1px solid #b0b0b0; background: #b1b1b1; color: white; float: right; font-size: 10px; line-height: 12px; height: 16px; }
#search { position: relative; background: url(/images/layout/search-bg.png); width: 908px; height: 56px; padding: 18px 0 0 18px; margin-bottom: 20px }
#search div { float: left; position: relative; }
#search div.or { padding: 0 10px; color: #da000a; font-weight: bold; font-size: 12px; padding-top: 18px; }
#search select { width: 125px }
#search input { width: 122px }
#search label { color: white; text-align: left; line-height: 14px; float: none; width: auto; font-size: 12px; font-weight: bold; display: block; margin-bottom: 4px; }
#search div.where { margin-left: 35px }
#search button {
position: absolute; top: 12px; left: 780px;
border: none; width: 128px; height: 48px;
background: url(/images/layout/search_btn.gif) no-repeat top left; text-indent: -100em; overflow: hiddne; }
/** typography **/
body { font-family: Arial, sans-serif; color: #393939 }
p, li { font-size: 12px; line-height: 1.3em }
p { margin-bottom: 12px }
ul { margin-bottom: 6px; list-style: disc; padding-left: 2em; }
h2 { font-size: 20px; color: #020851; margin: 12px 0 ; }
h3 { font-size: 18px; color: #a8060d; margin-bottom: 6px; }
#header li a { font-size: 14px; color: #393939; text-decoration: none; font-weight: bold}
h1 { font-size: 29px; color: #da000a; border-bottom: 1px solid #da000a; padding-bottom: 2px; }
#content p { font-size: 12px; color: black; margin-bottom: 1em; }
#content .result_description { font-weight: bold; border-bottom: 1px solid #e6e6e6; width: 100%; margin-bottom: 6px; clear: both; }
.result_description { clear: both; padding-left: 16px !important; padding-top: 16px; }
#results .result_description { margin: 0 5px 10px 5px; width: auto; padding-top: 0; }
#products h2 { clear: none; font-weight: bold; font-size: 14px; color: #890000; margin-bottom: 0.5em; text-transform: uppercase }
#products .product h2 { font-size: 20px; font-weight: bold; color: #020851; margin: 0 }
#products .product p { font-size: 12px; color: black; margin-bottom: 1em }
#products .product .meta { color: #890000 }
#products .product .more,
#products .product .order {
text-indent: -100em; overflow: hidden; display: block; float: left;
height: 35px; width: 110px }
#products .product .more { background: url(/images/layout/btn-more-info.png) no-repeat; margin-right: 10px; }
#products .product .order { background: url(/images/layout/btn-order-now.png) no-repeat }
.company h1 { color: #a8060d; font-size: 20px; font-weight: bold; }
.company h3 { color: #890000; font-size: 14px; font-weight: bold; }
.company p strong { font-weight: bold }
/** widgets **/
#map { width: 394px; height: 544px; border: 3px solid #afb5c8; position: absolute; top: 0; right: 5px; }
#map h3 { font-size: 12px; font-weight: bold; }
/** decorations **/
li ul { list-style: circle; }
.h1 { padding-left: 70px; height: 42px; padding-top: 6px; margin-bottom: 15px;
background: url(/images/layout/icon-services.png) no-repeat left top}
#results .h1 { background: url(/images/layout/icon-search.png) no-repeat left top }
#products .h1 { background: url(/images/layout/icon-products.png) no-repeat left top }
#services .h1 { background: url(/images/layout/icon-services.png) no-repeat left top }
#subscribers .h1 { background: url(/images/layout/icon-subscribers.png) no-repeat left top }
td.messageStackError,
td.messageStackSuccess { font-size: 14px; font-weight: bold; line-height: 20px; vertical-align: middle }
td.messageStackError { color: #a8060d; }
td.messageStackSuccess { color: #4fbd1e; }
td.messageStackError img,
td.messageStackSuccess img { float: left; margin: 2px 6px 0 0; }
/** search results **/
.search-results { width: 490px; position: relative; padding: 0; list-style: none; overflow: hidden; margin: 0}
.search-results .paying .info { background: #ddd; }
#content .search-results h2 { padding-bottom: 6px; font-size: 18px; font-weight: normal; margin: 0 }
.search-results h2 a { color: #a8060d; text-decoration: none }
.search-results li { clear: both; }
.search-results li.last { margin-bottom: 0 }
#results p { padding: 6px 0; font-size: 12px; margin: 0; }
#results .pages { clear: left; width: 490px; text-align: center; margin-top: 1em; }
#results .pages li { display: inline; padding: 0 0.5em; color: #a8060d; font-weight: bold; font-size: 11px }
#results .pages li a { color: #606060; text-decoration: none }
.search-results .marker { position: absolute; top: 8px; right: 16px; }
#empty-results { background: #fafafa; width: 100%; text-align: center; padding: 5em 0; font-size: 16px; }
/** company description **/
.company { float: left; width: 490px; margin-bottom: 10px; background: #fafafa; overflow: hidden; }
.company h1 { padding: 16px; background: #e6e6e6; border: 0; }
.company .info { background: #fafafa; font-size: 14px; padding: 16px; line-height: 1.2em; position: relative; }
.company .dir { width: 130px; height: 78px; position: absolute; top: 16px; right: 16px; background: url(/images/layout/btn-directions.png) no-repeat; text-indent: -100em; overflow: hidden }
/** map **/
#map h3 { font-weight: bold }
#map hr { width: 100% }
/** products **/
#products .products { margin-top: 30px; padding: 0; list-style: none; }
#products .product { width: 650px; background: url(/images/layout/product-bg.gif) repeat-y scroll left top; margin-bottom: 28px; padding: 0 18px 18px 100px; overflow: hidden; }
#products .inner-product { border-top: 1px solid #ececea; padding: 18px 0 0 200px; }
#products .product img { float: left; margin-left: -200px; }
/** sics list **/
.demo-info { position: absolute; top: 0; right: 4px; padding: 1px 2px; font-size: 0.9em; color: #888; }
input.autocompleter-loading { background: url(../spinner.gif) no-repeat right 50%; }
/** widgets **/
.autocompleter-choices { position: absolute; left: 5px; margin: 0 !important; padding: 0 !important; background: white url(/images/layout/input-bg.gif) repeat-x; border: 1px solid #c6c6c6; }
.autocompleter-choices li { background: none !important; padding: 0 5px; margin: 0; line-height: 22px; height: 22px !important; color: black; }
.autocompleter-choices li.autocompleter-selected { background: yellow !important; }
/** remooz **/
#sbox-window embed, #sbox-window object, #sbox-window select
{
visibility: visible;
}
#sbox-overlay
{
position: absolute;
background-color: #000;
}
#sbox-window
{
position: absolute;
background-color: #fff;
text-align: left;
overflow: visible;
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sbox-btn-close
{
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(/images/layout/closebox.png) no-repeat center;
border: none;
}
.sbox-window-ie6 #sbox-btn-close
{
background-image: url(/images/layout/closebox.gif);
}
.sbox-loading #sbox-content
{
background-image: url(/images/layout/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#sbox-content
{
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}
.sbox-content-image#sbox-content
{
overflow: visible;
}
#sbox-image
{
display: block;
}
.sbox-content-image img
{
display: block;
}
.sbox-content-iframe#sbox-content
{
overflow: visible;
}
.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
visibility: hidden;
}