﻿/* BusinessBuyAndSell.me Main Styel Sheet */

/* <Layout > */

body {
    margin:0px 0px 10px 0px;
    padding:0px;
    font-family:Verdana, Arial;
    background:#036;
}

#container a {
    outline:none;
}

#container {
    margin:10px auto 10px auto;
    padding:0px;
    width:980px;
    background:#fff url(../images/main/container-bg.gif) bottom repeat-x;
    overflow:auto;
    border:1px solid #ccc;
}

#header {
    margin:0px 0px 10px 0px;
    padding:0px;
    width:980px;
    background:#fff url(../images/main/header-bg-beta.jpg) top right no-repeat;
    overflow:hidden;
    height:87px;
}

#logo {
    margin:20px 0px 0px 15px;
    border:0px;
}

#caption {
    margin:0px;
    padding:0px 0px 0px 100px;
    font-size:.9em;
    font-weight:bold;
    color:#999;
    font-style:italic;
}

#links-top {
    position:absolute;
    margin:-20px 15px 0px 15px;
    padding:0px;
    width:950px;
    height:20px;
    z-index:99;
}

#top-tab {
    clear:both;
    margin:0px;
    padding:0px 0px 0px 0px;
    width:980px;
    height:57px;
    background:#fff;
    overflow:hidden;
}

#top-tab img {
    float:left;
    border:0px;
}

#content {
    margin:15px;
    padding:0px;
    width:950px;
    overflow:auto;
}

#footer {
    margin:0px 0px 15px 15px;
    padding:0px;
    width:950px;
    background:#fff;
    color:#036;
}

#footer a {
    text-decoration:none;
    color:#036;
}

#footer a:hover {
    text-decoration:none;
    color:#f93;
}

#base {
    margin:0px auto 0px auto;
    padding:5px;
    width:970px;
    border:1px solid #ccc;
    background:#fff;
    font-size:.8em;
    font-style:italic;
    color:#036;
}

#content-left {
    float:left;
    margin:0px;
    padding:0px;
    width:728px;
}

#content-right {
    float:right;
    margin:0px;
    padding:0px;
    width:220px;
}

.panel-main {
    width:728px;
    margin:0px;
    padding:0px;
    background:#fff url(../images/main/panel-head.jpg) top no-repeat;
    overflow:auto;
}

.panel-main-content {
    margin:0px;
    padding:0px;
    border:1px solid #ccc;
    overflow:auto;
    background:#fff url(../images/main/panel-bg.jpg) bottom repeat-x;
}

.panel-main-footer {
    clear:both;
    margin:5px 0px 20px 0px;
    padding:5px 10px 5px 10px;
}

.panel-main-footer a {
    display:block;
    margin:0px;
    float:left;
    text-decoration:none;
    color:#036;
    font-size:.8em;
}

.panel-main-footer .cmn {
    padding:0px 50px 0px 0px;
}

.panel-main-footer .left {
    float:left;
    width:40%;
    padding:0px;
}

.panel-main-footer .right {
    float:right;
    width:40%;
    padding:0px;
    text-align:right;
}

.panel-main-footer .links-s1 {
    float:left;
    width:240px;
    padding:0px;
}

.panel-main-footer .links-s2 {
    float:left;
    width:240px;
    padding:0px;
}

.panel-main-footer a:hover {
    text-decoration:none;
    color:#f93;
    font-size:.8em;
}

.panel-main-footer img {
    margin:0px 0px -3px 0px;
    border:0px;
}

.panel-main-footer .triple {
    float:left;
    width:30%;
    padding:0px;
}

.panel-main-footer .quarter {
    float:left;
    width:24%;
    padding:0px;
}

.panel-main-footer .tl {
    text-align:left;
}

.panel-main-footer .tc {
    text-align:center;
}

.panel-main-footer .tr {
    text-align:right;
}

#links-top ul {
    float:right;
    margin:0px;
    padding:0px;
    list-style:none;
}

#links-top ul li {
    display:inline;
}

#links-top ul li a {
    text-decoration:none;
    font-size:.8em;
    color:#069;
}

#links-top ul li a:hover {
    text-decoration:none;
    color:#f93;
}

.footer-bold-links {
    margin:0px;
    padding:15px 0px 5px 15px;
    font-size:.8em;
    font-weight:bold;
}

.footer-links {
    margin:0px;
    padding:0px 0px 15px 15px;
    font-size:.75em;
}

.copyright {
    text-align:right;
    margin:0px;
    padding:25px 15px 0px 0px;
    float:right;
    width:300px;
    font-size:.75em;
}

.copyright img {
    margin:0px 0px -4px 0px;
    border:0px;
}

.panel-main-split {
    margin:0px;
    padding:10px 10px 10px 15px;
    float:left;
    width:190px;
}

.panel-main-split-large {
    margin:0px;
    padding:10px 10px 10px 15px;
    float:left;
    width:220px;
}

.panel-main-wide {
    margin:0px;
    padding:10px 10px 10px 15px;
    float:left;
    width:400px;
}

.spaced {
    margin:0px 20px 0px 0px;
}

.no-space {
    margin:0px 0px 0px 0px;
}

.panel-main-split h3, .panel-main-wide h3, .panel-main-split-large h3 {
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:.9em;
    font-weight:600;
    color:#f93;
    background:url(../images/main/bg-dot.gif) bottom repeat-x;
}

.panel-main-split ul, .panel-main-wide ul, .panel-main-split-large ul {
    margin:0px;
    padding:0px;
    font-size:.8em;
    list-style:none;
}

.panel-main-split li, .panel-main-wide li {
    margin:0px;
    padding:5px 0px 1px 10px;
    list-style:none;
    background:url(../images/main/bullet.gif) left 70% no-repeat;
}

.panel-main-split ul a, .panel-main-wide ul a, .panel-main-split-large ul a {
    color:#036;
    text-decoration:none;
}

.panel-main-split ul a:hover, .panel-main-wide ul a:hover, .panel-main-split-large ul a:hover {
    color:#f93;
    text-decoration:none; 
}

/* </Layout > */

/* <Content> */

.panel-main h1 {
    margin:0px 0px 13px 0px;
    padding:7px 0px 0px 15px;
    color:#fff;
    font-size:1.2em;
    font-weight:400;
}

.panel-main h2 {
    margin:10px 0px 5px 0px;
    padding:5px 0px 5px 15px;
    color:#f93;
    font-size:1.1em;
    font-weight:400;
    background:#fff url(../images/main/h2-bg.jpg) left no-repeat;
}

.panel-main h5 {
    margin:0px;
    padding:10px 5px 0px 15px;
    color:#f93;
    font-size:.8em;
    font-weight:600;
}

.para-cmn {
    margin:0px;
    padding:5px 50px 10px 15px;
    line-height:1.5em;
    font-size:.8em;
    color:#036;
}

.para-note {
    margin:10px 50px 10px 15px;
    padding:10px;
    line-height:1.5em;
    font-size:.8em;
    color:#036;
    background:#cde;
    font-style:oblique;
    border:1px solid #999;
}

.para-note a {
    color:#036;
}

.para-link {
    margin:0px;
    padding:5px 50px 10px 15px;
    line-height:1.5em;
    font-size:.8em;
    color:#036;
}

.para-first {
    margin:0px;
    padding:20px 20px 10px 15px;
    line-height:1.5em;
    font-size:.8em;
    color:#036;
}

.panel-main .img-left {
    float:left;
    margin:10px 20px 10px 15px;
} 

.para-cmn a, .para-first a {
    text-decoration:underline;
    color:#036;
}

.para-cmn a:hover, .para-first a:hover {
    text-decoration:underline;
    color:#f93;
}

.lines {
    margin:0px;
    padding:5px 50px 10px 15px;
    line-height:1.5em;
    font-size:.8em;
    color:#036;
    list-style:none;
}

.rec-split {
    float:left;
    width:42%;
    margin:10px 20px 30px 15px;
}

.rec-split p {
    margin:0px;
    padding:2px 0px 2px;
    line-height:1.5em;
    font-size:.8em;
    color:#666;
}

.rec-split p strong {
    font-weight:600;
}

.rec-split a {
    text-decoration:none;
    color:#333;
}

.rec-split a:hover {
    text-decoration:underline;
    color:#333;
}

.clr {
    margin:0px;
    padding:0px;
    clear:both;
}

.para-clr {
    clear:both;
}

.faq {
    margin:0px;
    padding:20px 0px 20px 15px;
    list-style:none;
}

.faq .qtn {
    margin:0px;
    padding:0px 50px 2px 0px;
    font-size:.8em;
    color:#f93;
}

.faq .ans {
    margin:0px;
    padding:0px 80px 20px 0px;
    font-size:.8em;
    color:#036;
}

.account-links {
    margin:20px 0px 20px 0px;
    padding:0px 0px 0px 15px;
    font-size:.8em;
    list-style:none;
}

.account-links li {
    padding:5px 0px 5px 0px;
}

.account-links a, .account-links a {
    color:#036;
    text-decoration:none;    
}

.account-links a:hover, .account-links a:hover {
    color:#f93;
    text-decoration:none; 
}

.res-links li {
    padding:4px 0px 4px 15px;
    background-position:left center;
}

/* </Content> */

/* <forms> */

#search-split-left {
    margin:0px;
    padding:0px;
    float:left;
    width:470px;
}

#search-split-right {
    float:left;
    margin:0px;
    padding:20px 0px 0px 0px;
}

#search-split-left .line, #search-split-right .line {
    margin:0px;
    padding:10px 0px 5px 0px;
}

.opt-s1 {
    width:250px;
    font-size:.8em;
    color:#036;
}

.opt-s2 {
    width:250px;
    font-size:.8em;
    color:#036;
}

.frm {
    margin:0px;
    padding:0px;
}

.frm-2 {
    margin:0px;
    padding:20px 0px 20px 0px;
}

.frm .frm-line {
    clear:both;
    margin:7px 0px 20px 0px;
    padding:5px 0px 10px 0px;
    background:#fff url(../images/main/para-bg.jpg) bottom right no-repeat;
    overflow:auto;
}

.frm-2 .frm-line {
    clear:both;
    margin:7px 0px 20px 0px;
    padding:5px 0px 10px 0px;
    background:#fff url(../images/main/para-bg.jpg) bottom center no-repeat;
}

.frm-2 .rdbLine 
{
    height:50px;
}

.frm-2 .rdbList {
    margin:-80px 0px 0px 180px;
}

.frm-line .note {
    margin:2px 0px 0px 170px;
    width:450px;
    clear:both;
    display:block;
    color:#999;
    font-size:.75em;
    padding:2px 10px 0px 20px;
    background:#fff;
}

.lbl {
    float:left;
    margin:0px;
    padding:0px 20px 0px 0px;
    display:block;
    width:170px;
    text-align:right;
    font-size:.8em;
    color:#036;
}

.lbl-2 {
    font-size:.8em;
    color:#036;
}

.req {
    color:#c00;
    font-size:1.2em;
}

.frm input, .frm select {
    float:left;
}

.err-req {
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 10px;
    color:#c00;
    font-size:.75em;
}

.frm .txt-l, .frm-2 .txt-l  {
    width:350px;
}

.frm .txt-m, .frm-2 .txt-m {
    width:200px;
}

.frm .txt-s, .frm-2 .txt-s {
    width:150px;
}

.frm .txta-l, .frm-2 .txta-l {
    width:350px;
    height:150px;
}

.frm .txta-m {
    width:350px;
    height:70px;
}

.frm .txta-s {
    width:300px;
    height:50px;
}

.frm .txt-bold, .frm-2 .txt-bold {
    font-size:1.2em;
}

.nav-btn {
    padding:2px 10px 2px 10px;
    font-size:1.1em;
    color:#036;
}

.frm-nav {
    text-align:center;
}

.note a {
    text-decoration:underline;
    color:#666;
}

.link-cmn {
    color:#036;
    text-decoration:underline;
}

.link-cmn:hover {
    color:#f93;
    text-decoration:underline;
}

.rdbList {
    font-size:.8em;
    color:#036;
}

.frm-main {
    margin:0px;
    padding:20px;
}

.regn-opt {
    margin:20px 15px 20px 15px;
    padding:10px;
    background:#cde;
    border:1px solid #999;
}

.regn-opt h3 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-size:1em;
}

.regn-opt h3 a {
    color:#036;
    text-decoration:none;
}

.regn-opt h3 a:hover {
    color:#f93;
    text-decoration:underline;
}

.regn-opt p {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-size:.8em;
}

.regn-opt p a {
    color:#036;
    text-decoration:none;
}

.regn-opt p a:hover {
    color:#f93;
    text-decoration:underline;
}

.wanted-fltr {
    margin-bottom:20px;
}
/* </forms> */

/* <Grid> */

.ad-list {
    margin:10px 2px 10px 2px;
    padding:0px;
    font-size:.8em;
    width:99%;
    border-collapse:collapse;
}

.ad-list th {
    padding:5px;
    color:#fff;
    background:url(../images/main/th-bg.jpg) repeat;
}

.ad-list td {
    padding:10px 5px 10px 5px;
    border-bottom:1px solid #ccc;
    text-align:center;
}

.ad-list td a {
    text-decoration:none;
    color:#036;
}

.ad-list td a:hover {
    color:#f93;
}

.ad-list .td-edit {
    text-align:center;
}

.ad-list .td-edit img {
    border:0px;
}

.file-list {
    margin:0px auto 0px auto;
    width:90%;
    border:1px solid #ccc;
    background:#ddd;
}

.file-list th {
    background:#cde;
    color:#036;
}

.file-list caption {
    font:.8em;
    font-weight:600;
}

.btn-addf {
    margin:2px;
    font-size:1em;
    text-decoration:none;
    color:#036;
}

.btn-addf:hover {
    color:#f93;
}

.btn-addf img {
    margin:0px 0px -5px 0px;
    border:0px;
}

/* </Grid> */

/* <Listing> */

.tbl-listing {
    margin:0px 0px 10px 0px;
    padding:0px;
    font-size:.8em;
    width:100%;
    border-collapse:collapse;
}

.tbl-listing th {
    padding:5px;
    color:#fff;
    background:url(../images/main/th-bg.jpg) repeat;
    border:0px;
    height:30px;
}

.tbl-listing th img {
    margin:0px 0px -7px 4px;
    border:0px;
}

.tbl-listing th a {
    color:#fff;
}

.tbl-listing td {
    padding:10px 5px 10px 5px;
    border:0px;
    line-height:1.5em;
    color:#036;
}

.tbl-listing .th0 {
    width:70px;
    text-align:left;
}

.tbl-listing .th1 {
    text-align:left;
}

.tbl-listing .th2, .tbl-listing .th3 {
    width:110px;
    text-align:right;
}

.tbl-listing .th4 {
    width:150px;
    text-align:left;
}

.tbl-listing .td-value {
    text-align:right;
}

.tbl-listing .alt {
    background:#cde;
}

.tbl-listing h3 {
    margin:0px;
    padding:0px 0px 4px 0px;
    font-size:1.1em;
    font-weight:600;
}

.tbl-listing a {
    color:#036;
}

.tbl-listing a:hover {
    color:#f93;
    text-decoration:none;
}

.listingDetails h3 {
    margin:0px;
    padding:10px 0px 3px 15px;
    color:#999;
    font-size:.8em;
}

.listingDetails h4 {
    margin:0px;
    padding:10px 0px 3px 15px;
    color:#f93;
    font-size:1.1em;
}

.listingDetails strong {
    margin:5px 5px 5px 0px;
    padding:2px 5px 2px 5px;
    background:#cde;
}

.listingDetails .sep {
    clear:both;
    margin:10px 0px 10px 0px;
    padding:0px;
    height:10px;
    background:#fff url(../images/main/para-bg.jpg) bottom center no-repeat;
}

.listingDetails .cell {
    float:left;
    margin:3px 10px 3px 15px;
    padding:5px;
    width:40%;
    font-size:.9em;
    color:#036;
    background:#cde;
}

.listingDetails .cell span {
    margin-right:10px;
}

.btn-contact-seller {
    margin:0px 20px 0px 0px;
    float:right;
}

.btn-contact-seller img {
    border:0px;
}

.img-step {
    margin:5px 0px 0px 15px;
}

.tbl-pager {
    margin:0px;
    padding:0px;
    background:#fff;
}

.tbl-pager a {
    display:block;
    margin:0px 10px 10px 0px;
    padding:5px;
    float:left;
    border:1px solid #999;
    font-size:1.5em;
    background:#f93;
    text-decoration:none;
    color:#fff;
}

.tbl-pager a:hover {
    color:#036;
    text-decoration:none;
}

.tbl-pager a.active {
    background:#fff;
    color:#036;
}

.img-btn-search {
    margin:0px 0px -5px 0px;
}

.listingDetails .img-details {
    margin:0px 0px 20px 0px;
    float:right;
    border:1px solid #999;
}

.new-icon {
    float:left;
    margin:0px 5px 0px 0px;
}
/* </Listing> */

/* <Extras> */
.spacer-20 {
    margin:0px;
    padding:0px;
    clear:both;
    height:20px;
}

.site-map {
    margin:15px 10px 15px 15px;
    font-size:.8em;
}

.site-map a {
    color:#036;
    text-decoration:none;
}

.site-map a:hover {
    color:#f93;
    text-decoration:none;
}

.site-map td {
    padding:5px;
}

.featured {
    margin:0px;
    padding:5px 0px 5px 0px;
    font-size:.7em;
}

.featured a {
    color:#036;
    text-decoration:none;
}

.featured a:hover {
    color:#f93;
    text-decoration:none;
}

.featured-s2 {
    margin:0px;
    padding:5px 10px 10px 12px;
    font-size:.8em;
    color:#036;
    line-height:1.5em;
}

.featured-s2 a {
    color:#f93;
    text-decoration:none;
    font-weight:bold;
}

.featured-s2 a:hover {
    color:#036;
    text-decoration:none;
}

.featured-s3 {
    width:102px;
    height:52px;
    float:left;
    margin:5px 5px 5px 0px;
    padding:0px;
    overflow:hidden;
    background:#ccc;
}

.featured-s3 img {
    border:1px solid #036;
}

.featured-s4 {
    clear:both;
    margin:0px;
    padding:5px 10px 10px 12px;
    font-size:.8em;
    color:#036;
    line-height:1.5em;
}

.featured-s4 img {
    margin:0px 10px 0px 0px;
    float:left;
    border:1px solid #036;
}

.featured-s4 strong {
    color:#f93;
    text-decoration:none;
    font-weight:bold;
}

#network {
    margin:5px 0px 5px 5px;
    padding:2px;
    text-align:center;
}

#network a {
    margin:2px;
    padding:3px;
    border:1px solid #fff;
}

#network a:hover {
    border:1px solid #ccc;
}

#network img {
    border:0px;
}

/* </Extras> */

/* <Ads> */
#ad-slot-1 {
    margin:0px 0px 0px 35px;
    width:160px;
    height:600px;
    overflow:hidden;
    
    background:#ccc;
}

.ad-note {
    margin:0px;
    padding:2px 0px 2px 0px;
    font-size:.6em;
    color:#666;
    text-align:center;
}

#ad-slot-2 {
    margin:0px 0px 20px 0px;
    width:728px;
    height:90px;
    overflow:hidden;
    
    background:#ccc;
}

#ad-slot-3 {
    margin:0px 0px 20px 0px;
    width:728px;
    height:90px;
    overflow:hidden;
    
    background:#ccc;
}

#ad-slot-4 {
    margin:20px 0px 0px 22px;
    width:180px;
    height:150px;
    overflow:hidden;
}

#ad-slot-1 img, #ad-slot-2 img, #ad-slot-3 img, #ad-slot-4 img {
    border:0px;
}

.ads img {
    border:0px;
}

.ad-slot-5 {
    margin:0px 15px 20px 0px;
    width:180px;
    height:150px;
    float:right;
    background:#ccc;
}
/* </Ads> */
