﻿/*************************************************************************/
/*                                Overall                                */
/*************************************************************************/

body {
    background-image: url(images/bodyBG.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #000000;
    color: #ffffff;
    margin: 0px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    line-height: 160%;
}

.banner {
    background-image: url(images/banner.jpg);
    width: 1199px;
    margin-right: auto;
    margin-left: auto;
    height: 215px;
}

.logo {
    float: left;
    padding-left: 50px;
    padding-top: 5px;
}

.top {
    margin-top: 0px;
    background-image: url(images/contentTopBG.jpg);
    width: 961px;
    height: 119px;
    background-repeat: no-repeat;
    padding: 20px 30px;
}

.slideshowBG {
    background-image: url(images/slideshowBG.png);
    background-repeat: no-repeat;
    width: 292px;
    height: 85px;
    padding-top: 7px;
    padding-left: 7px;
}

.content {
    background-image: url(images/contentBG.jpg);
    background-repeat: repeat-y;
    width: 961px;
    padding: 0px 30px 20px 30px;
}

.bottom {
    background-image: url(images/contentBottom.jpg);
    background-repeat: no-repeat;
    width: 1021px;
    height: 13px;
}

.vacation {
    background-image: url(images/vacationBlack.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

    .vacation:hover {
        background-image: url(images/vacationBlue.jpg);
        background-repeat: no-repeat;
        width: 211px;
        height: 90px;
    }

.vacationSelected {
    background-image: url(images/vacationBlue.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

.testing {
    background-image: url(images/testingBlack.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

    .testing:hover {
        background-image: url(images/testingBlue.jpg);
        background-repeat: no-repeat;
        width: 211px;
        height: 90px;
    }

.testingSelected {
    background-image: url(images/testingBlue.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

.find {
    background-image: url(images/findBlack.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

    .find:hover {
        background-image: url(images/findBlue.jpg);
        background-repeat: no-repeat;
        width: 211px;
        height: 90px;
    }

.findSelected {
    background-image: url(images/findBlue.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

.burglar1 {
    background-image: url(images/burglar1black.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

    .burglar1:hover {
        background-image: url(images/burglar1blue.jpg);
        background-repeat: no-repeat;
        width: 211px;
        height: 90px;
    }

.burglar1Selected {
    background-image: url(images/burglar1blue.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

.burglar2 {
    background-image: url(images/burglar2black.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

    .burglar2:hover {
        background-image: url(images/burglar2blue.jpg);
        background-repeat: no-repeat;
        width: 211px;
        height: 90px;
    }

.burglar2Selected {
    background-image: url(images/burglar2blue.jpg);
    background-repeat: no-repeat;
    width: 211px;
    height: 90px;
}

.blackTop {
    background-image: url(images/blackTop.png);
    background-repeat: no-repeat;
    width: 640px;
    height: 22px;
}

.blackContent {
    background-color: #000000;
    width: 600px;
    padding: 0px 20px;
}

.blackBottom {
    background-image: url(images/blackBottom.png);
    background-repeat: no-repeat;
    width: 640px;
    height: 22px;
}

.blackBG {
    background-color: #000000;
    padding: 15px;
    width: 220px;
    border-radius: 15px;
}

.menuArea {
    float: right;
    margin-top: 168px;
    text-align: right;
}

.menu {
    margin-top: 10px;
}

h1 {
    color: #cb2127;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 18px;
}

h2 {
    color: #cb2127;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 14px;
}

a {
    color: #cb2127;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

    a:hover {
        color: #8d181c;
    }

.error {
    background-color: #ff9f9f;
    border: solid 1px #cc3333;
    padding: 10px;
    font-weight: bold;
    color: #cc3333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.button {
    background-color: #cb2127;
    color: #FFF;
    font-weight: bold;
    border: none;
    padding: 3px 10px 3px 10px;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial;
}

    .button:hover {
        background-color: #8d181c;
        text-decoration: none;
        color: #FFF;
    }
/*************************************************************************/
/*                                Preview                                */
/*************************************************************************/
.previewNoticeArea {
    background-color: #ff9f9f;
    border: solid 1px #cc3333;
    padding: 20px;
    font-weight: bold;
}

.previewLink {
    position: absolute;
    background-image: url(../../images/buttonback.gif);
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    border: solid 1px gray;
}

.previewOnly {
    text-align: center;
    font-size: 24px;
    color: #cc3333;
}

.previewDisclaimer {
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
}
/*************************************************************************/
/*                                Master                                 */
/*************************************************************************/
#wrap {
    width: 1021px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#footer {
    background-image: url(images/footerBG.jpg);
    background-repeat: no-repeat;
    width: 1000px;
    height: 64px;
    margin-right: auto;
    margin-left: auto;
}

    #footer a {
        color: #ffffff;
        font-weight: normal;
    }

    #footer img {
        vertical-align: middle;
        padding-right: 5px;
        padding-left: 5px;
        border: none;
    }

.bannerOverlay {
    position: absolute;
    z-index: 10px;
    text-align: right;
    width: 730px;
    padding: 50px 20px 0px 0px;
    font-size: 12px;
    font-weight: bold;
}
/*************************************************************************/
/*                            Page Layouts                               */
/*************************************************************************/
.bBody {
    width: 100%;
}

.lbLeft {
    width: 30%;
    float: left;
}

.lbBody {
    width: 70%;
    float: left;
}

.lbrLeft {
    width: 25%;
    float: left;
}

.lbrBody {
    width: 50%;
    float: left;
}

.lbrRight {
    width: 25%;
    float: left;
}

.brBody {
    width: 70%;
    background-image: url(images/contentGradient.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    float: left;
}

.brRight {
    width: 30%;
    float: left;
}

.contentLeft {
}

.contentBody {
}

.contentRight {
}

.contentFooter {
}
/*************************************************************************/
/*                                News                                   */
/*************************************************************************/
.newsBlock {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px silver;
    margin-bottom: 5px;
}

.newsTitle {
    font-size: 14px;
    padding-bottom: 3px;
    font-weight: bold;
}

.releaseDate {
    color: Gray;
    font-weight: bold;
    font-style: italic;
}
/*************************************************************************/
/*                                Events                                 */
/*************************************************************************/
.calendarIcon {
    background-image: url(../../images/calendaricon.jpg);
    background-repeat: no-repeat;
    background-position: left;
    width: 90px;
    display: block;
    padding-left: 25px;
    height: 20px;
    padding-top: 4px;
}

.listIcon {
    background-image: url(../../images/listicon.jpg);
    background-repeat: no-repeat;
    background-position: left;
    width: 60px;
    display: block;
    padding-left: 25px;
    height: 20px;
    padding-top: 4px;
}

.eventHeaderLeft {
    float: left;
}

.eventViewLinks {
    float: right;
    padding-top: 5px;
}

.eventBlock {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px silver;
    margin-bottom: 5px;
}

.eventTitle {
    font-size: 14px;
    padding-bottom: 3px;
    font-weight: bold;
}

.eventDate {
    color: #313233;
    font-weight: bold;
    font-style: italic;
}

.eventDetails {
    background-color: #eeeeee;
    border: solid 1px #cecece;
    padding: 5px;
    margin-bottom: 5px;
}

.eventRegistrationHeader {
    background-color: #eeeeee;
    border: solid 1px #cecece;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

.eventCalendar {
    width: 100%;
    border: solid 1px silver;
}

.eventCalendarTitle {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    height: 40px;
    background-color: White;
    color: #a02221;
}

.calendarDayStyle {
    text-align: left;
    vertical-align: top;
    height: 100px;
}

.otherMonthDayStyle {
    background-color: #e0dfe3;
    color: gray;
}

.todayStyle {
    background-color: #cde4f4;
}

.nextPrevStyle {
    color: #333333;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}

.dayHeaders {
    font-size: 8pt;
    font-weight: bold;
}
/*************************************************************************/
/*                           Photo Gallery                               */
/*************************************************************************/
.galleryThumbnail {
    width: 155px;
    height: 160px;
    display: table;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid #cecece 1px;
    background-color: #e8e7e8;
    float: left;
}

    .galleryThumbnail div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    /*Hack for IE*/
    .galleryThumbnail div {
        *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
    }

    .galleryThumbnail a img {
        border: solid #517e91 3px;
    }

    .galleryThumbnail a:hover img {
        border: solid #243748 3px;
    }

    .galleryThumbnail a {
        color: #517e91;
    }

        .galleryThumbnail a:hover {
            color: #243748;
        }

.albumTitle {
    padding-top: 3px;
    margin: 0px;
}

.noPhotos {
    font-weight: bold;
    font-size: 14px;
}

.backToAlbumsLink {
    padding: 10px 0px 10px 0px;
    font-size: 12px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                               Lightbox Gallery                                 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#lightbox {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #lightbox a img {
        border: none;
    }

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer > #hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background: transparent url(../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background: url(../../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background: url(../../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
}

#imageData {
    padding: 0 10px;
}

    #imageData #imageDetails {
        width: 70%;
        float: left;
        text-align: left;
    }

    #imageData #caption {
        font-weight: bold;
    }

    #imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
    }

    #imageData #bottomNavClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
    }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html > body .clearfix {
    display: inline-block;
    width: 100%;
}

* html .clearfix {
    height: 1%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              Lightbox Gallery CSS                              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
    background-color: #ffffff;
    background-image: none;
}

.thumbnail {
    width: 158px;
    height: 125px;
    display: table;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #e8e7e8;
    float: left;
    filter: alpha(opacity=75);
    opacity: .75;
}

div.thumbnail:hover {
    background: #cccccc;
    filter: alpha(opacity=100);
    opacity: 1;
}

.thumbnail p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/*Hack for IE*/
.thumbnail p {
    *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              Membership                                        */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forms {
    background: #1e1e1e;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #000;
}

.boxTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 3px;
    padding-left: 5px;
    background-color: #cb2127;
    color: White;
}

.successBold {
    font-size: 14px;
    color: #b40909;
    font-weight: bold;
}

.lblMessage {
    color: #b40909;
    font-style: italic;
    font-weight: bold;
}

/************************************************************/
/*********************** Menus CSS **************************/
/************************************************************/
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {
    font-size: 1px;
    height: 0px;
    width: 0px;
    clear: left;
    line-height: 0px;
    display: block;
}

.qmmc {
    position: relative;
}

    .qmmc a {
        float: left;
        display: block;
        white-space: nowrap;
    }

    .qmmc div a {
        float: none;
    }

    .qmmc div {
        visibility: hidden;
        position: absolute;
    }


/*"""""""" (MAIN) Container """"""""*/
#qm0 {
    background: transparent;
}

    /*"""""""" (MAIN) Items """"""""*/
    #qm0 a {
        color: #000000;
        background-color: transparent;
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
        text-decoration: none;
        padding: 0px 18px 0px 18px;
        text-transform: uppercase;
        text-outline: 2px 2px #000000;
    }

        /*"""""""" (MAIN) Hover State """"""""*/
        #qm0 a:hover {
            color: #e42830;
        }

/*"""""""" (MAIN) Active State """"""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover {
    text-decoration: none;
}

/*"""""""" (MAIN) Parent Items """"""""*/
#qm0 .qmparent {
    background-image: url(../images/template1_white_arrow.gif);
    background-repeat: no-repeat;
    background-position: 92%;
    text-align: left;
}

/*"""""""" [SUB] Containers """"""""*/
#qm0 div {
    margin-top: 10px;
    margin-left: 15px;
    padding: 5px 10px 5px 10px;
    background-color: #1e1e1e;
    text-align: left;
    border: 2px solid black;
}

    /*"""""""" [SUB] Items """"""""*/
    #qm0 div a {
        font-size: 13px;
        color: #ffffff;
        padding: 0px;
        border: none;
    }

        /*"""""""" [SUB] Hover State """"""""*/
        #qm0 div a:hover {
            color: #cb2127;
        }

    #qm0 div div {
        margin: 0px 0px 0px 0px;
    }

/*""""""""[SUB] Active State """"""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
    border-color: #666666;
    background-color: #EFF4FA;
    color: #000000;
    text-decoration: underline;
    background-image: url(../images/template1_black_arrow_right.gif);
}


/*"""""""" [SUB] Parent Items """"""""*/
#qm0 div .qmparent {
    width: 130px;
    background-image: url(../images/template1_black_arrow_right.gif);
}

/*******************************************************************************/
/********************************  Blog   **************************************/
/*******************************************************************************/
#blogWrap {
    padding: 10px;
}

#blogColumn1 {
    float: left;
    width: 30%;
    background-color: #eee;
}

#blogColumn2 {
    float: left;
    width: 68%;
    padding: 0px 0px 0px 2%;
}

#blogContentsC1 {
    padding: 10px;
}

#blogContentsC2 {
}

.blogName {
    font-weight: bold;
    border-bottom: dotted 2px silver;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

    .blogName a {
        color: #a02221;
        text-decoration: none;
        font-size: 18px;
    }

.blogTitle {
    float: left;
}

.blogMenu {
    font-size: 12px;
    padding-top: 5px;
}

.blogDate {
    font-weight: bold;
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px;
}

.postTitle {
    font-size: 16px;
    color: #a02221;
    font-weight: bold;
    margin-bottom: 10px;
}

    .postTitle a {
        font-size: 16px;
        color: #a02221;
        text-decoration: none;
    }

        .postTitle a:hover {
            color: #323333;
        }

.postText {
    margin-bottom: 10px;
}

    .postText a {
        color: #0055a5;
        text-decoration: none;
    }

        .postText a:hover {
            text-decoration: underline;
        }

    .postText ul {
        margin-left: 20px;
        padding-left: 20px;
        list-style-image: url(../images/bullet.gif);
    }

    .postText ol {
        margin-left: 20px;
        padding-left: 20px;
    }

.postFooter {
    color: Gray;
    font-size: 10px;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-bottom: 5px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 15px;
}

    .postFooter a {
        color: Gray;
        text-decoration: none;
    }

        .postFooter a:hover {
            color: #a02221;
            text-decoration: underline;
        }

.sideBarHeader {
    font-weight: bold;
    background-color: #bbbbbb;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px;
}

.sideBarText {
    padding-bottom: 10px;
}

    .sideBarText a {
        color: #a02221;
        text-decoration: none;
    }

        .sideBarText a:hover {
            color: #323333;
        }

    .sideBarText ul {
        list-style-image: url(images/bullet.gif);
        margin-left: 8px;
        padding-left: 8px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

.meetBloggers {
    font-weight: bold;
    padding-top: 7px;
    text-transform: uppercase;
}

.addThis {
    padding-bottom: 10px;
}

.comment {
    border-bottom: dotted 1px #ccc;
    background: #f5f5f5;
    margin-bottom: 10px;
    padding: 10px 4px 0px 4px;
}

.commentMessage {
    padding-bottom: 10px;
}

.commentFooter {
    color: Gray;
    font-family: "Trebuchet MS", Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
}

    .commentFooter a {
        color: Gray;
        text-decoration: none;
    }

        .commentFooter a:hover {
            text-decoration: underline;
        }

.commentsMessage {
    font-weight: bold;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

    .commentsMessage a {
        color: #b40909;
        text-decoration: none;
    }

        .commentsMessage a:hover {
            text-decoration: underline;
        }

.mouseOver {
    cursor: pointer;
}

.forumResults {
    background-color: #f5f5f5;
    padding: 5px;
    border: solid 1px #cccccc;
}

.commentForm {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
    color: #3f3f40;
    width: 400px;
}

.commentsHeader {
    color: #b40909;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 16px;
}

.formLabel {
    padding-top: 5px;
    padding-bottom: 2px;
    font-weight: bold;
}

.bloggerProfile a {
    color: #016aae;
    text-decoration: none;
}

    .bloggerProfile a:hover {
        text-decoration: underline;
    }

.rssFeed {
    display: block;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: dotted 1px silver;
    padding-bottom: 5px;
}

    .rssFeed img {
        border: none;
    }

.bookMark {
    padding-top: 7px;
    padding-bottom: 5px;
}
/*******************************************************************************/
/********************************  Store  **************************************/
/*******************************************************************************/
#storeLeftColumn {
    float: left;
    width: 30%;
}

.storeLeftColumnContents {
    border-right: dotted 1px silver;
    padding: 10px;
}

.storeRightColumn {
    float: left;
    width: 70%;
}

.storeRightColumnContents {
    padding: 10px;
}

.searchArea {
    color: #7d5426;
    font-weight: bold;
    font-size: 11px;
}

.search {
    color: #9d0b0f;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 12px;
}

.line {
    border-bottom: dotted 1px gray;
    padding-top: 10px;
}

.leftHeading {
    padding-top: 10px;
    color: #9d0b0f;
    font-weight: bold;
    text-transform: uppercase;
}

.leftMenuLinks {
    padding: 20px 10px 0px 10px;
    font-size: 11px;
    font-family: Tahoma, Arial;
}

    .leftMenuLinks ul {
        padding-left: 10px;
        margin-left: 10px;
        list-style-image: url(images/bullet.gif);
    }

    .leftMenuLinks li {
        padding-bottom: 2px;
    }

    .leftMenuLinks a {
        color: #7d5426;
    }

        .leftMenuLinks a:hover {
            color: #9d0b0f;
            text-decoration: none;
        }

.storeThumbnail {
    width: 120px;
    height: 150px;
    display: table;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid #cecece 1px;
    background-color: #f7f4ed;
    float: left;
    padding: 5px;
}

    .storeThumbnail div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    /*Hack for IE*/
    .storeThumbnail div {
        *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
    }

    .storeThumbnail a img {
        border-left: solid 2px #cecece;
        border-top: solid 2px #cecece;
        border-right: solid 2px #7b7a76;
        border-bottom: solid 2px #7b7a76;
        padding: 5px;
        background-color: White;
    }

    .storeThumbnail a:hover img {
    }

    .storeThumbnail a {
        text-decoration: none;
        color: #9d0b0f;
    }

        .storeThumbnail a:hover {
        }

.storeThumbnailTitle {
    padding-top: 3px;
    margin: 0px;
}
/*////BreadCrumbs////*/

.breadCrumbs {
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #e0dedc;
    padding: 5px;
    background-color: #f9fbe8;
    margin-bottom: 5px;
    color: #434343;
}

    .breadCrumbs a {
        color: #b22b31;
    }

/*/////Products Screen//////*/
.productsListingTable {
    border: solid 1px #b2b2b2;
    width: 100%;
}

.productTitle {
    font-size: 13px;
}

    .productTitle a {
        color: #9d0b0f;
        text-decoration: none;
    }

        .productTitle a:hover {
            text-decoration: underline;
        }

.imageTD {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    width: 150px;
    text-align: center;
    border-bottom: solid 1px #b2b2b2;
    background-color: #f7f4ed;
    border-right: solid 1px #b2b2b2;
}

    .imageTD img {
        border-left: solid 2px #cecece;
        border-top: solid 2px #cecece;
        border-right: solid 2px #7b7a76;
        border-bottom: solid 2px #7b7a76;
        padding: 5px;
        background-color: White;
    }

.productTD {
    padding: 10px;
    vertical-align: top;
    width: 250px;
    border-right: solid 1px #b2b2b2;
    border-bottom: solid 1px #b2b2b2;
}

.productTeaser {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #444444;
}

.readMore {
    padding-top: 5px;
}

    .readMore a {
        color: #9d0b0f;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
    }

        .readMore a:hover {
            text-decoration: underline;
        }

.priceTD {
    padding: 10px;
    vertical-align: top;
    color: #444444;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    width: 130px;
    border-right: solid 1px #b2b2b2;
    border-bottom: solid 1px #b2b2b2;
    background-color: #f7f4ed;
}

.oldPrice {
    text-decoration: line-through;
}

.salePrice {
    color: red;
}

.addCartTD {
    padding: 10px;
    vertical-align: top;
    width: 116px;
    text-align: right;
    border-bottom: solid 1px #b2b2b2;
}

.CartButton {
    background-color: #7d5426;
    color: White;
    font-size: 12px;
    font-weight: bolder;
    padding: 3px;
    width: 80px;
    cursor: pointer;
}

/*/////ProductDetail Screen/////*/

.productDetailTD {
    vertical-align: top;
    width: 445px;
}

.productDetailTitle {
    color: #9d0b0f;
    font-size: 15px;
    padding-bottom: 15px;
    padding-right: 10px;
}

.productDetailImagesTD {
    vertical-align: top;
    width: 230px;
    padding-left: 10px;
    text-align: center;
    color: #444444;
    font-size: 13px;
}

    .productDetailImagesTD img {
        border: 0px;
        padding-bottom: 5px;
    }

.shopCartBox {
    width: 160px;
    text-align: center;
    border: outset 2px #e0dedc;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}

.ddlColor {
    margin-bottom: 7px;
}

.ddlSize {
    margin-bottom: 7px;
    margin-top: 7px;
}

.availability {
    margin-bottom: 5px;
}

.lblMessageBox {
    width: inherit;
    background-color: #9d0b0f;
    color: White;
    padding: 5px;
    margin-bottom: 10px;
}
/*/////Shopping Cart Screen//////*/
.deleteBtn {
    padding-left: 5px;
}

.lblErrorMessageBox {
    width: 390px;
    background-color: #9d0b0f;
    color: White;
    padding: 5px;
    margin-bottom: 10px;
}

.SCProductHeader {
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #9d0b0f;
}

.SCTable {
    clear: both;
    width: 100%;
    font-weight: normal;
}

.lineTD {
    border-bottom: solid 1px #646464;
    padding-bottom: 5px;
    line-height: 0px;
    font-size: 0px;
}

.SCproductTD {
    width: 205px;
    font-weight: bold;
}

.scTD {
    width: 80px;
    font-weight: bold;
}

.updateButton {
    margin-top: 10px;
    text-align: right;
}

.totals {
    margin-top: 15px;
    text-align: right;
}

.amounts {
    font-weight: normal;
    color: #444444;
    width: 170px;
}

.grandtotals {
    color: #9d0b0f;
    font-size: 14px;
    padding-top: 5px;
}

.underline {
    border-bottom: solid 1px #646464;
}

.totalsTable {
    float: right;
    margin-bottom: 15px;
}

.cartNavButtons {
    text-align: right;
}

.checkoutButton {
    display: inline;
    width: 90px;
    margin-left: 9px;
    border: outset 2px #e0dedc;
    text-align: center;
    padding: 3px;
    background-color: #7d5426;
    color: White;
    cursor: pointer;
}

    .checkoutButton a {
        color: White;
    }

        .checkoutButton a:hover {
            color: White;
        }

.contShopping {
    width: 120px;
    border: outset 2px #e0dedc;
    text-align: center;
    padding: 3px;
    background-color: Buttonface;
    display: inline;
}

    .contShopping a {
        color: black;
    }

        .contShopping a:hover {
            color: Black;
        }

.shopCartBar {
    width: 90px;
    height: 30px;
    vertical-align: middle;
    font-weight: bold;
}

    .shopCartBar a {
        color: black;
        font-size: 12px;
    }

.shopCartCounter {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.shopCartTable {
    border: solid 1px #e0dfe3;
    margin-bottom: 10px;
    float: right;
}

.shopCartImgTD {
    width: 40px;
    text-align: right;
}

.emptyCart {
    width: 200px;
    border: outset 1px #e0dfe3;
    padding: 8px;
}
/*/////Checkout Screen/////*/
.couponBox {
    clear: both;
    border: solid 1px #9d0b0f;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #f9fbe8;
}

.code {
    font-weight: bold;
    color: #9d0b0f;
}

.sameInfoBTN {
    width: 200px;
    border: outset 2px #e0dedc;
    text-align: center;
    padding: 0px 3px 0px 3px;
    background-color: Buttonface;
    cursor: pointer;
}

.editSCLink {
    float: right;
    width: 120px;
    border: outset 2px #e0dedc;
    text-align: center;
    padding: 3px;
    background-color: Buttonface;
    display: inline;
}

    .editSCLink a {
        color: black;
    }

        .editSCLink a:hover {
            color: black;
        }

.scCheckOutProductHeader {
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #7d5426;
}

.scCheckOutTables {
    clear: both;
    width: 100%;
    font-weight: normal;
    border: solid 2px #646464;
    padding-left: 5px;
}

.scCheckOutTableInstructions {
    font-weight: bold;
    height: 35px;
    padding-top: 5px;
}

.scCheckOutButtonArea {
    text-align: right;
    padding-bottom: 20px;
}

.scLblMessageArea {
    clear: both;
}

.scLblMessageBox {
    width: 350px;
    background-color: #9d0b0f;
    color: White;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.crossOut {
    text-decoration: line-through;
}
/*/////Common Class//////*/
.qtyInStock {
    padding-top: 5px;
}
/*/////My Account//////*/
.storeMyAccountHeaderStyle {
    background-color: Gray;
    color: White;
}

    .storeMyAccountHeaderStyle a {
        color: White;
    }

        .storeMyAccountHeaderStyle a:hover {
            color: White;
        }
/*******************************************************************************/
/********************************  Panels **************************************/
/*******************************************************************************/
.white_Background {
    background-color: White;
    margin-top: 10px;
    background-image: none;
}

.panelTitle {
    padding-bottom: 5px;
}

    .panelTitle a {
        font-size: 16px;
    }

.panelBlogPostTitle {
    font-size: 14px;
}

.panelBlogPost {
    padding-bottom: 5px;
}

.panel {
    margin-bottom: 10px;
}
/*************************************************************************/
/*                                Bios                                   */
/*************************************************************************/
.biosBlock {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px silver;
    margin-bottom: 5px;
}

    .biosBlock img {
        float: left;
        padding-right: 10px;
        padding-bottom: 5px;
    }

.bioTitle {
    font-size: 14px;
    padding-bottom: 3px;
    font-weight: bold;
}
/*************************************************************************/
/*                                FAQ                                   */
/*************************************************************************/
.faqAnchors {
    padding-bottom: 15px;
    border-bottom: dotted 1px silver;
    margin-bottom: 10px;
}

    .faqAnchors a {
        display: block;
        padding-bottom: 5px;
    }

.faqBlock {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px silver;
    margin-bottom: 5px;
}

.faqQuestion {
    font-weight: bold;
}

.faqQ {
    font-size: 16px;
    color: Gray;
}

.faqA {
    font-size: 16px;
    color: Gray;
    font-weight: bold;
}

.faqTop {
    text-align: right;
}
/*******************************************************************************/
/********************************  Forum  **************************************/
/*******************************************************************************/
#forumWrap {
    padding: 10px;
}

#forumLeft {
    float: left;
    width: 30%;
    background-color: #eee;
}

#forumLeftContents {
    padding: 10px;
}

#forumRight {
    float: left;
    width: 70%;
}

#forumRightContents {
    padding-left: 15px;
}

.noTopicsTD {
    border-bottom: solid 1px #cccccc;
    padding: 5px;
    font-weight: bold;
}

.folderTD {
    width: 50px;
    border-right: solid 1px #cccccc;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 1px #cccccc;
}

.forumTable {
    border: solid 1px #cccccc;
    background-color: #f5f5f5;
    width: 100%;
    border-bottom: none;
    margin-top: 3px;
}

.forumColumnHeading {
    background-color: #e6e6e6;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    padding: 5px 5px 5px 5px;
}

.forumColumnContent {
    padding: 5px;
    border-bottom: solid 1px #cccccc;
}

.forumCounterHeading {
    width: 50px;
    text-align: center;
}

.forumLatestHeading {
    width: 180px;
    text-align: right;
}

.forumResults {
    background-color: #e6e6e6;
    padding: 5px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

.topicTD {
    width: 345px;
    padding: 5px 5px 5px 5px;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

    .topicTD a {
        text-decoration: none;
    }

        .topicTD a:hover {
            text-decoration: underline;
        }

.counterTD {
    padding: 5px 5px 5px 5px;
    border-right: solid 1px #cccccc;
    text-align: center;
    border-bottom: solid 1px #cccccc;
}

.latestTD {
    padding: 0px 5px 0px 2px;
    text-align: right;
    border-bottom: solid 1px #cccccc;
}

.authorHeader {
    width: 150px;
}

.messageHeader {
    width: 550px;
}

.authorTD {
    padding: 10px 5px 5px 5px;
    border-right: solid 1px #cccccc;
    vertical-align: top;
    border-bottom: solid 1px #cccccc;
}

.messageTD {
    padding: 10px 5px 40px 5px;
    vertical-align: top;
    border-bottom: solid 1px #cccccc;
}

.author {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #243748;
}

.location {
    font-size: 11px;
}

.postedDate {
    padding-bottom: 5px;
    border-bottom: solid 1px #cccccc;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 11px;
}

.newsTitle {
    color: #7d5426;
    font-weight: bold;
    font-size: 14px;
}

.forumButtons {
    text-align: right;
    padding-top: 10px;
}

.newTopicButtonArea {
    text-align: right;
    padding-bottom: 10px;
}

.topicNameArea {
    padding-bottom: 6px;
    font-size: 14px;
    float: left;
}

.openFolderIconArea {
    display: block;
    vertical-align: middle;
    display: inline;
    padding-right: 5px;
}

.topicHeader {
    font-weight: bold;
    padding-right: 7px;
    display: inline;
}

.topicTitle {
    color: #243748;
    font-weight: bold;
}

.repliesHeader {
    padding-top: 5px;
    padding-bottom: 5px;
}
