@charset "utf-8";

body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: url("/images/tbs2b.gif");
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
}

a {
    text-decoration: underline;
    font-style: italic;
    color: #333333;
}

a:visited {
    color: #333333;
}

a:hover {
    color: black;
}

#container { 
    position: relative;
    width: 780px;
    background-color: #ebe8e0;
    /* background: url("/images/TBSbagg2.gif"); */
    margin: 10px auto 0 auto;
    border: 1px solid #000000;
    text-align: left;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0 0;
} 

#header { 
    height: 120px;
    background: url("/images/head-slim-flat-780x120.jpg"); 
    padding: 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0 0;
} 

#header h1 {
    margin: 0;
    padding: 10px 0;
}

#logo {
    float: left;
    margin-left: 22px;
    margin-top: 8px;
}

#logo > a > img {
    border: none;
    text-decoration: none;
}

div#mainContent a img {
    border: none;
    text-decoration: none;
}

#logoWrapper {
    margin: 0;
    padding: 0;
    height: 120px;
}

div#menu          { padding: 0; margin: 0; float: right; font-weight: bold; }
div#menu ul       { border-bottom: 1px solid black; padding-left: 0; padding-right: 0; padding-top: 0.2em; padding-bottom: 0.4em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 5px; }
div#menu li       { display: inline; font-size: 0.7em; margin-bottom: 1em; margin-left: 1em; margin-left: 1em; padding-bottom: 2px; padding-left: 0px; }
div#menu li:hover { border-top: 2px solid #dd5555; border-bottom: 2px solid #dd5555; }
div#menu a        { font-style: normal; text-decoration: none; color: #ffffff; }
div#menu a:hover  { font-style: normal; text-decoration: none; color: #ffffff; }

.threeCol #leftside {
    position: absolute;	
    top: 120px;
    left: 0px;
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

div#leftside h1, div#mainContent h1 {
    font-size: 1.2em;
    color: #444444;
    padding-left: 10px;
    margin-bottom: 0;
}

div#leftside h2, div#mainContent h2 {
    font-size: 1.1em;
    color: #444444;
    padding-left: 10px;
    margin-bottom: 0;
}

div#leftside h3, div#mainContent h3 {
    font-size: 1em;
    color: #444444;
    padding-left: 10px;
    margin-bottom: 0;
}

div#leftside p, div#mainContent p, div#mainContent ul {
    font-size: 0.8em;
    color: #333333;
    line-height: 1.4em;
}

.threeCol #rightside, .twoCol #rightside {
    position: absolute;
    top: 120px;
    right: 0px;
    width: 170px;
    padding: 10px 20px 10px 10px;
}

#mainContent { 
    padding: 0 10px 10px 10px;
}

.twoCol #mainContent { 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 200px;
}

.threeCol #mainContent { 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 200px;
    margin-right: 200px;
}

#mainContent > p {
    margin: 0;
    padding-top: 10px;
    padding-left: 10px;
}

#footer { 
    padding: 0 10px 0 20px;
    background: url("../img/foot780x50.jpg");
} 

#footer p {
    margin: 0;
    padding: 10px 0;
    font-size: 0.7em;
    text-align: center;
}

.fltrt {
    float: right;
    margin-left: 8px;
}

.fltlft {
    float: left;
    margin-right: 8px;
}

.collectionThumb {
    float: left;
    margin: 0;
    padding: 6px;
    font-size: 0.6em;
    width: 100px;
    text-align: center;
}

.collectionThumb img {
    border: none;
}

.collectionThumb p {
    margin: 0;
}

.collectionThumb a {
    text-decoration: none;
    border: none;
    color: black;
}

.collectionThumb a:hover {
    font-weight: bold;
}

div#frontPhoto {
    padding: 0 0 0 0;
    margin-bottom: 0;
}

div#frontPhoto p.photoCaption {
    font-size: 0.6em;
    text-align: right;
    margin-top: 0;
    font-style: italic;
}

.retailerTable {
    margin: 1em;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    font-size: 0.8em;
}

.retailerHeaderRow {
    font-size: 0.9em;
    font-weight: bold;
    background: #777777;
    color: #ffffff;
}

.retailerRowOdd {
    background: #eeeeee;
}

.retailerRowEven {
    background: #cccccc;
}

/*
.retailerRow:hover {
    background: #777777;
    color: #ffffff;
}
*/

.retailerCell {
    padding: 2px 10px 2px 10px; 
    border-left: 1px solid black;
    color: #333333;
}

.retailerHeaderCell {
    padding: 2px 10px 2px 10px; 
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

div#retailermap {
    margin: 12px;
    margin-top: 0;
    width:  734px;
    height: 350px;
    border: 1px solid black;
}

.mapframe {
    margin: 1em;
    border: 1px solid black;
}


.agentTable {
    margin: 1em;
    border-top: 1px solid black;
    border-right: 1px solid black;
    font-size: 0.8em;
}

.agentRow {
}

.agentCell {
    vertical-align: top;
    padding: 2px 10px 2px 10px; 
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    color: #333333;
}

div#about_us {
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.3em;
    padding-left: 10px;
}

p#showAddress {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 2em;
    font-weight: bold;
}

h1#videoHeader {
    text-align: center;
}

div#videoFrame {
    text-align: center;
}

div#videoCaption {
    margin-left:  90px;
    margin-right: 90px;
}

.facebook-badge {
    margin-top: 30px;
    text-align: center;
}