/*
    BUYERS GUIDE CSS
    Separated by shared, classes, selectors/classes, ids, selectors/ids
    Alphabetized within each section
*/


/*
    CLASSES
*/
.adinfo {
color: #666666;
font-size: 11px;
float: left;
clear: both;
width: 640px;
margin: 10px 0px;
}

.adinfo a {
color: #000000;
}

.cat_col1 {
width: 310px;
float: left;
}

.cat_col2 {
width: 310px;
float: left;
}

.category {
margin:10px 0 16px;
line-height: 1.6em;
}

.category a.bg_main_category,
.category a.subcategories_more {
font-weight: bold;
text-decoration: underline;
}

.company {
margin: 0px 0 10px 0;
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted #CCC;
}

.company_img {
width: 40px;
float: left;
}

.company_info {
margin-left: 45px;
}

.company_line_title {
margin: 0px;
color: #000000;
line-height: 14px;
}

.company_line_info { 
margin: 0px 0px 0px 14px;
font-size: 11px;
color: #333333;
line-height: 14px;
}

.company_line_info_search {
position: relative;
width: 150px;
margin: 0px 15px;
font-size: 11px;
color: #333333;
line-height: 14px;
float: left;
}

div.company_info div.company_text {
margin-bottom: 15px;
}

.company_line_desc_search {
margin: 20px 15px 0px 15px;
font-size: 11px;
color: #333;
line-height: 14px;
clear: both;
}

div.company_logo img {
border: none;
}

.narrow {
width: 430px;
height: 20px;
margin: 6px;
padding: 6px;
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
font-size: 10px;
text-align: left;
margin: 0px auto 10px;
clear: both;
}

.narrow a {
padding-right: 6px;
}

.narrowed {
width: 400px;
margin: 6px;
padding: 8px;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
font-size: 10px;
text-align: left;
}

.narrow_type {
width: 90px;
margin: 0px 10px 0px 0px;
float: left;
}

.narrow_dropdown {
width: 315px;
margin: 0px 10px 0px 0px;
float: left;
}

.narrow_submit {
width: 55px;
text-align: right;
margin: 0px;
float: left;
}

.subcategory a {
font-weight: normal;
margin:0 8px 0 0;
}


/*
CLASSSES IN SELECTORS
*/
h1.subhead {
font-size: 18px;
}

h1.subhead a {
font-weight: bold;
}

h2.pastel {
font-size: 16px;
}

span.company_line_info h1 {
font-size:16px;
}

div.bgColLeft {
float: left;
width: 47%;
margin: 0px 20px 0px 0px;
border-right: 1px solid #DDDDDD;
}

div.bgColRight {
float: left;
width: 47%;
}

div.categories-display {
float: left;
width: 600px;
margin-bottom:10px;
}

div.company_enhanced {
margin: 10px 0px;
background-color:#eee;
padding: 5px 0px;
border-bottom: 1px dotted #CCC;
}

div.search_listings {
font-size: 11px;
width: 640px;
float: left;
border: 1px solid #DDD;
border-width: 1px 0px 1px 0;
padding-bottom:10px;
margin-top: 10px;
}

div.search_listings form input[type="submit"] {
color: #000000;
}


/*
IDS
*/
#bg-content ul {
line-height: 1.6em;
}

#page_control {
margin: 11px 0px;
}


/*
IDS IN SELECTORS
*/
div#bg-header, div#bg-content {
width: 640px;
float: left;
}

div#bg-header {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 15px;
padding-bottom: 3px;
}

div#bg-header h1 {
padding: 5px 0px;
}

div#bg-header span.breadcrumb {
margin-top: 3px;
}

div#bg-content {
line-height: 1.4em;
}

div#bg-content div.clear-both {
height: 20px;
}

div#bg-content span.subhead {
font-weight: bold;
font-size: 16px;
}

div#bg-content div.subcategoriesBox {
background-color: #eee;
border: 1px solid #ddd;
width: 620px;
padding: 0px 10px;
}

div#bg-content div.subcategoriesBox div.subcatCol {
float: left;
width: 47%;
}
