/* begin body / essentials */
/*********************************************************
 * Clearing after floats fix                             *
 * http://www.positioniseverything.net/easyclearing.html *
 *********************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {	display: inline-block; position: relative;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
    background: url(../images/overlay-carbon.gif);
    background-color: #181818;
    line-height: 1.5;
    font-family: Helvetica,Arial,FreeSans,sans-serif;
    font-size: 12px;
}
html > body {
    background: url(../images/overlay-carbon.png);
    background-color: #181818;
}

/* end body / essentials */
/* begin containers */
div#mainContainer {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
div#headerContainer {
}

div#mainContent {
    background-color: #ffffff;
}

div#mainFooter {
    font-size: 10px;
    padding-top: 10px;
    text-align: center;
    color: white;
}
div#mainFooter a:link {color: white;}
div#mainFooter a:visited {color: white;}


div#mainContentLeft {
    width: 380px;
    float: left;
    padding: 20px 12px;
}
div#mainContentRight {
    width: 550px;
    float: left;
    padding: 20px 12px;
}
div#mainContentLeft2 {
    width: 570px;
    float: left;
    padding: 20px 12px;
}
div#mainContentRight2 {
    width: 360px;
    float: left;
    padding: 20px 0;
}
div#mainContentLeft3 {
    width: 605px;
    float: left;
    padding: 20px 12px;
}
div#mainContentRight3 {
    width: 325px;
    float: left;
    padding: 20px 12px;
}
/* end containers */
/* begin misc */
h3 {
    background: transparent url(../images/module-h3.gif) repeat-x scroll 0 0;
    background-color: #990000;
    font-size: 130%;
    height: 41px;
    line-height: 43px;
    margin: -15px -1px 12px;
    padding: 0 0 0 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}
html > body h3 {
    background: transparent url(../images/module-h3.png) repeat-x scroll 0 0;
    background-color: #990000;
}

h3 span {
    font-weight: bolder;
}
h3.pageTitle {
    margin: 10px 5px 0 5px;
}
.padding_heavy {
    padding: 20px 60px 20px 60px;
}
.padding_light {
    padding: 5px 15px 5px 15px;
}
.padding_tiny {
    padding: 0 5px 0 5px;
}
.module {
    border: 1px solid #E3E4E3;
    padding: 0;
    margin: 0 0 20px 0;
}
.price {
    color: #D80000;
}
.invoiceHeader {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.invoiceDescription,.invoiceProductCount,.invoiceProductPrice,.invoiceProductSavings {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.invoiceProductAmount {
    border-bottom: 1px solid #000000;
}
div#sponsorBox {
    width: 349px;
    margin: 20px auto 0 auto;
    padding: 0px;
    text-align: center;
}
div.sponsorBoxInner {
    background-color: #cdcec9;
    margin: 0px;
    padding: 0px;
}
html > body div.sponsorBoxInner {
    padding-top: 5px;
    padding-bottom: 5px;
}
div.adPhotos { padding-top: 6px; vertical-align: top; width: 410px; }
div.thumb { display: inline; height: 75px; padding: 3px 1px 3px 1px; width: 75px; }
div.headerLeaderboard {float: right; z-index: 1;}
div.homepageAdLeft {width: 260px; float: left;}
div.homepageAdRight {width: 260px; float: left; text-align: right;}
div.browseAd {text-align: center;}
div.sponsorAd {padding-top: 5px;}
div#preLoad {height: 0px; overflow: hidden; position: absolute; left: -1000px; top -1000px;}
.ggTooltip:hover {cursor: pointer;}
/* end misc */
/* begin myAds */
.adItem {background-color: #F9F9F9; width: 500px; border: 1px solid #DDDDDD; margin-bottom: 10px;}
.adItemBG {border: 1px #e7c60a solid;}
.adItemHeader {background-color: #DDDDDD; padding: 2px 3px; font-size: 8pt; font-weight: bold;}
.adItemHeaderBG {background-color: #e7c60a;}
.adItemBody {width: 500px;}
.adItemBodyLeft {float: left; width: 80px; height: 75px; margin-left: 5px; margin-right: 5px; text-align: center;}
.adItemBodyMiddle {float: left; width: 305px; height: 75px; margin-left: 5px; margin-right: 5px; padding-top: 5px;}
.adItemBodyRight {float: left; width: 80px; height: 75px; margin-left: 5px; margin-right: 5px; text-align: center;}
.adItemFooter {padding: 5px;}
.bold {font-weight: bold;}
span.headingLeft {float: left;}
span.headingRight {float: right;}
span.price {color: red; font-weight: bold; text-align: center;}
div.location {margin-top: 3px; font-size: 8pt;}
span.button {margin-top: 5px; margin-bottom: 5px; font-weight: bold; padding: 5px 10pz; padding: 3px 7px;}
span.button a {text-decoration: none; color: #ffffff;}
.backgroundGreen {background-color: green; color: white;}
.backgroundRed {background-color: red; color: white;}
.backgroundBlue {background-color: blue; color: white;}
.backgroundOrange {background-color: #ee7600; color: white;}
.galleryPicBox {float: left; height: 130px; position: relative; width: 105px; text-align: center; margin-left: 20px;}
.galleryPic {position: absolute; bottom: 0px; left: 0px;}
div#gazetteSchedule {font-weight: bold; padding: 5px;}
div#gazettePrinted {font-weight: bold; padding: 5px;}
/* end myAds */
/* begin menu styling */
/* @group Horizontal Menu */

#horiz-menu {
    background: url(../images/horiz-menu-bg.gif) 0 0 repeat-x;
    background-color: #333333;
    height: 38px;
}

html > body #horiz-menu {
    background: url(../images/horiz-menu-bg.png) 0 0 repeat-x;
    background-color: #333333;
}

#horiz-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#horiz-menu li {
    display: block;
    float: left;
    margin: 0 4px 0 0;
    padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
    white-space: nowrap;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 17px;
    font-weight: normal;
    font-size: 100%;
    overflow: hidden;
    text-decoration: none;
    color: #cccccc;
}

#horiz-menu li.active a {
    background: url(../images/horiz-menu-active.gif) 0 0;
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
}
html > body #horiz-menu li.active a {
    background: url(../images/horiz-menu-active.png) 0 0;
    background-color: #990000;
}

#horiz-menu li.active li a {
    background: none;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
    background: url(../images/horiz-menu-hover.gif) 0 0;
}
html > body #horiz-menu li:hover a,
#horiz-menu li.sfHover a {
    background: url(../images/horiz-menu-hover.png) 0 0;
}

#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.active li a {
    background: none;
}

#horiz-menu a:hover {
    text-decoration: none;
}

#horiz-menu li li, 
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
    background: url(../images/dropdown-div.gif) 0 100% repeat-x;
}
html > body #horiz-menu li li, 
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
    background: url(../images/dropdown-div.png) 0 100% repeat-x;
}

#horiz-menu li li.parent a.daddy,
#horiz-menu li.active li.parent a.daddy,
#horiz-menu li li.parent:hover a.daddy,
#horiz-menu li.active li.parent:hover a.daddy,
#horiz-menu li li.parent-sfHover a.daddy,
#horiz-menu li.active li.parent-sfHover a.daddy {
    background: url(../images/dropdown-child.gif) 95% 50% no-repeat;
}
html > body #horiz-menu li li.parent a.daddy,
#horiz-menu li.active li.parent a.daddy,
#horiz-menu li li.parent:hover a.daddy,
#horiz-menu li.active li.parent:hover a.daddy,
#horiz-menu li li.parent-sfHover a.daddy,
#horiz-menu li.active li.parent-sfHover a.daddy {
    background: url(../images/dropdown-child.png) 95% 50% no-repeat;
}

/* mouseovers */

#horiz-menu li li a:hover {
    background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
    background: none;
}

#horiz-menu li li a {
    font-size: 100%;
    font-weight: normal;
    background: none;
}

/* @end */

/* end menu styling */

/* begin ad posting process styling */
div#pagePreviewHead {background-color: #DDDDDD; width: 200px; font-weight: bold; margin-left: 10px; padding: 3px; padding-left: 5px; border-left: 1px solid #A1A1A1; border-right: 1px solid #A1A1A1; border-top: 1px solid #A1A1A1; position: relative; top: 1px;}
div#pagePreviewBody {background-color: #DDDDDD; width: 500px; padding: 3px; border: 1px solid #A1A1A1;}
table#pagePreviewTable {background-color: #DDDDDD;}
table#pagePreviewTable th {text-align: center;}
table#pagePreviewTable td {text-align: center;}
.bold {font-weight:bold;}
.bgyellow {background-color:#ffff99;}
.red {color: red;}
.green {color: green;}
.left {text-align:right;}
.hanging_indent {text-indent: -25px; margin-left: 25px;}
.smallGreyBorder {border: 1px solid #dcdcdc;}
.backgroundGrey {background-color: #dcdcdc;}
.paddingLeftSmall {padding-left: 5px;}
.paddingRightSmall {padding-right: 15px;}
.paddingTopSmall {padding-top: 5px;}
.paddingBottomSmall {padding-bottom: 5px;}
.postHeading {font-weight: 500;}
.biggerHeading {font-weight: bolder;}
.receiptTable {width: 550px; margin-left: auto; margin-right: auto;}
.receiptDate {text-align: left;border-bottom: 2px solid black;}
.receiptProductDescription {text-align: left;width: 430px; border-bottom: 2px solid black; padding-top: 3px; padding-bottom: 3px;}
.receiptProductSpacer {text-align: left;width: 15px;border-bottom: 2px solid black; padding-top: 3px; padding-bottom: 3px;}
.receiptProductPrice {text-align: right;width: 100px;border-bottom: 2px solid black; padding-top: 3px; padding-bottom: 3px;}
.receiptTotal {text-align: right;border-bottom: 2px solid black; background-color: #fdde11; padding-top: 3px; padding-bottom: 3px;}
.centerImage {display: block; margin-left: auto; margin-right: auto;}
/* end ad posting process styling */

/* begin ad edit process styling */

span.success {font-weight: bold; color: blue;}
span.error {font-weight: bold; color: red;}
div.galleryAddSection {padding: 5px; padding-top: 10px;}
div.bodyAdded {padding: 3px; margin-bottom: 8px; background-color: #ffffe0;}
div.bodyAddedWhen {font-weight: bold; font-size: 11px; }
/* end ad edit process styling */ 

/* begin my messages styling */

table#messages {
    background: #ddd;
}
table#messages tr.unread {
    background: #ffffe4;
}
table#messages tr.heading {
    background: #eee none repeat scroll 0%;
}
table#messages td {
    padding-left: 4px;
    padding-right: 4px;
}
td.readMsgFrom { border-top: 1px solid black; border-left: 1px solid black; background-color: #FEF6D7; padding: 7px }
td.readMsgFromUser { border-top: 1px solid black; border-right: 1px solid black; background-color: #FEF6D7; padding: 7px; }
td.readMsgTo { border-bottom: 1px solid black; background-color: #FFFFFF; padding: 7px; color: #999999; }
td.readMsgDate { border-bottom: 1px solid black; background-color: #FFFFFF; padding: 7px; color: #999999; }
td.readMsgBorderLeft { border-left: 1px solid black; background-color: #FEF6D7; padding: 7px; }
td.readMsgBorderRight { border-right: 1px solid black; background-color: #FEF6D7; padding: 7px; }
td.readMsgBorderLeftBottom { border-bottom: 1px solid black; border-left: 1px solid black; background-color: #FEF6D7; padding: 7px; }
td.readMsgBorderRightBottom { border-bottom: 1px solid black; border-right: 1px solid black; background-color: #FEF6D7; padding: 7px; }

/* end my messages styling */