/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/

/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html {
    min-height: 100%;
    margin-bottom: 1px;
    background: url(images/bottom_bg.jpg) top left norepeat;
}

body {
    /*padding: 0; 
	margin: 0; 
	background: url(images/top-bg.jpg) top left repeat-x; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;*/
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    background: #f4f3f3 url(/assets/site-bg.gif) repeat-x top left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

td, p, form {
    text-decoration: none;
    margin: 0;
}

p {
    margin: 0 0 1em 0;
}

    p.topMargin {
        margin: 1em 0;
    }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
}

table caption {
    font-size: 1.2em;
    font-weight: bold;
}

h3 {
    font-size: 1em;
    font-weight: bold;
    padding: 5px 0 0px 0;
}

h2, h3 {
    margin: 0;
}

/* price display */
.priceDisplay {
    font-weight: bold;
    color: #444444;
}

span[itemprop="offers"] {
    font-weight: bold;
    color: #444444;
}

/* links */
a {
    color: #a1793b;
    text-decoration: none; /*font-weight:bold;*/
}

    a:hover {
        color: #000000;
        text-decoration: none;
    }

    a.highlight {
        font-weight: bold;
        color: #a1793b;
        padding: 5px 0px;
        margin-top: 5px;
        text-decoration: none;
    }

    a.link {
        text-decoration: underline;
    }

    a.linked, .linked:link, .linked:visited {
        text-decoration: underline;
    }

.linked:hover {
    color: #DAA520;
}

/* input elements */
input {
    vertical-align: middle;
}

    input[type="radio"], input[type="checkbox"] {
        margin: 0px 5px 3px 9px;
    }

        input[type="radio"]:first-child, input[type="checkbox"]:first-child {
            margin-left: 3px;
        }

    input.textBox {
        background-color: #FFFFFF;
        border: 1px solid #b3b3b3;
        padding: 2px;
        width: 190px;
        height: 16px;
        margin: 0 3px 0 15px;
    }

    input.notify {
        width: 138px !important;
    }

/* updown control images */
.quantityUpDown #Up {
    background: url(images/up.gif) center no-repeat;
    display: block;
    width: 12px;
    height: 12px;
}

.quantityUpDown #Down {
    background: url(images/down.gif) center no-repeat;
    display: block;
    width: 12px;
    height: 12px;
}

/* buttons */
.button {
    /*background: #e4ecee url(images/button_bg.jpg) repeat-x top;*/
    background: #a1973b;
    font-size: 12px;
    color: #fff !important;
    cursor: pointer;
    padding: 0 10px;
    margin: 0 0 4px 4px;
    font-weight: bold;
    border: 1px solid #c5c5c5;
    white-space: nowrap;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
}

    .button:hover {
        background: #bbe9f9 url(images/button_bg_hover.jpg) repeat-x top;
        border: 1px solid #c5c5c5;
        color: #fff !important;
    }

a.button {
    display: inline-block;
    height: 24px;
    text-decoration: none;
}

.button:active {
    position: relative;
    top: 1px;
}

.linkButton {
    color: Red;
}

/* Text styles used to provide status information */
.goodCondition {
    font-weight: bold;
    color: #008000;
    padding-bottom: 3px;
}

.warnCondition {
    font-weight: bold;
    color: #FFA500;
    padding-bottom: 3px;
}

.errorCondition {
    font-weight: bold;
    color: #FF0000;
    padding: 3px;
}

.requiredField {
    color: #FF0000;
    padding-bottom: 3px;
    margin-left: 3px;
}

p.success {
    font-weight: bold;
    color: #008000;
}

p.error {
    font-weight: bold;
    color: #FF0000;
}

/* misc general styles */
.contentArea {
    padding: 5px 10px 5px 10px;
}

.borderedArea {
    border: solid 1px #7dc2db;
}

.noTopPadding {
    padding-top: 0;
}

.noBottomPadding {
    padding-bottom: 0;
}

.noRightPadding {
    padding-right: 0;
}

.noLeftPadding {
    padding-left: 0;
}

.noTopBottomPadding {
    padding-top: 0;
    padding-bottom: 0;
}

.noLeftRightPadding {
    padding-left: 0;
    padding-right: 0;
}

div.noResultsPanel {
    padding: 10px;
    text-align: center;
}

p.highlight {
    color: #DB0B0B;
    padding-top: 5px;
    margin-top: 5px;
    text-decoration: none;
}

.visiblePanel {
    display: block;
}

.hiddenPanel {
    display: none;
}

span.label {
    font-weight: bold;
}

.fieldHeader {
    font-weight: bold;
}

.noteText {
}

span.msrp {
    text-decoration: line-through;
}

.textContent {
    padding-bottom: 20px;
}

span.message {
    padding-left: 5px;
}

div.message {
    display: block;
    margin-bottom: 1em;
}

/******************************************************************************************/
/* end global styles                                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin common page layout and container styles                                          */
/******************************************************************************************/

/* high level containers */
#outerPageContainer {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    margin-top: 9px;
    margin-bottom: 20px;
}

#innerPageContainer {
    /*width: 960px;*/
    background: #FFFFFF;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    background: #FFFFFF;
    border-bottom: solid 1px #ccc;
}

#mainColumn, #leftColumn, #rightColumn, .column_1, .column_2, .column_3 {
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 0;
}



div.clear {
    clear: both;
}

#header {
    /*width: 960px;*/
    display: block;
    /*margin-bottom: 1em;*/
    margin-left: 0;
    margin-right: 0;
    clear: both;
}

    #header div.zone {
    }

#footer {
    width: 960px;
    display: block;
    margin-left: 0;
    margin-right: 0;
    clear: both;
}

#leftColumn {
    width: 240px;
}

    #leftColumn div.zone {
        padding: 0 10px 0 0;
    }

#rightColumn {
    width: 240px;
}

    #rightColumn div.zone {
        padding: 0 0 0 10px;
    }

#mainColumn {
    width: 480px;
    padding: 0 0px 0 0px;
}

    #mainColumn.leftSidebarLayout {
        width: 720px;
        padding-left: 0px;
    }

    #mainColumn.rightSidebarLayout {
        width: 720px;
        padding-right: 0px;
    }

    #mainColumn.threeColumnLayout {
        width: 480px;
    }

    #mainColumn.oneColumnLayout {
        width: 950px; /*960px;*/
        padding: 10px;
    }

    #mainColumn div.zone {
        padding: 0px 0px 10px;
    }

div.zone {
}

/* column gutters */
.column_2,
.column_3 {
    margin-left: 20px;
}

/* standard styling for three columns at page top */
/* 20px zone padding + 40px gutter + (300*3) = 960 */
.thirdsColumn {
    width: 306px;
}

    .thirdsColumn .widget {
        min-height: 150px;
    }

/* standard styling for pages split in two columns */
/* 20px zone padding + 20px gutter + (460*2) = 960 */
.halfColumn {
    width: 465px; /*470px;*/
}

/* standard styling for pages split into main section with sidebar */
/* 20px zone padding + 20px gutter + 600 + 320 = 960 */
.mainColumn {
    width: 610px; /*620px;*/
}

.sidebarColumn {
    width: 320px;
}

/* make sure column sections are cleared */
.section {
    clear: both;
}

/******************************************************************************************/
/* end common page layout and container styles                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin header, footer, and sidebar styling                                              */
/******************************************************************************************/

/* header area styling */
#storeHeader { /*color:#FFFFFF;*/
    color: #000000;
    font-size: 11px;
    background: url(images/top-bg.jpg) top left repeat-x;
}

    #storeHeader a {
        color: #555555;
    }

    #storeHeader .logo {
        margin: 0px 0 0;
        padding: 0;
    }

        #storeHeader .logo img {
            margin: 10px 0 20px 0;
        }

#headerTop {
    display: block;
}

    #headerTop .column_1, #headerTop .column_2 {
        margin: 0;
    }

    #headerTop .column_1 {
        width: 400px;
    }

    #headerTop .column_2 {
        width: 560px;
        /*float: right;*/
    }

    #headerTop .shortcuts {
        width: auto;
        height: 37px; /*background:url(images/shortcuts_bg.gif) top repeat-x;*/
        border-radius: 10px;
        margin-top: 11px;
        float: left; /*box-shadow: -2px 3px 5px #b2b2b2*/
    }

        #headerTop .shortcuts a {
            width: auto;
            color: #000000;
            display: block;
            float: right;
            height: 27px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            /*padding:0 20px 0 20px;*/
            line-height: 36px;
            padding: 30px 3px 0 3px;
            margin: -15px 7px 0 3px;
            border-bottom: 3px solid #ECB600;
            font-family: Arial, Helvetica, 'Times New Roman', sans-serif;
        }

            #headerTop .shortcuts a:hover {
                font-weight: bold;
                color: #333333;
            }

    #headerTop .search {
        background: url(images/search-left-bg.gif) top left no-repeat #7cc5d8;
        border-radius: 0px 5px 0px 0px;
        float: right;
        height: 27px;
        margin-top: 30px;
        width: 260px;
        padding: 2px 0;
    }

        #headerTop .search input.searchPhrase {
            color: #324F65;
            background: url(images/search-img.gif) no-repeat;
            height: 20px;
            border: none;
            width: 150px;
            margin: 5px 0 0 35px;
            padding: 2px 30px;
        }

        #headerTop .search .button {
            background: url(images/search_btn2.gif) no-repeat;
            border: none;
            padding: 3px 2px 3px 2px;
            font-weight: bold;
            cursor: pointer;
            margin: 0;
            height: 24px;
            text-align: center;
            color: #FFFFFF;
            text-indent: 100px;
            overflow: hidden;
            width: 28px;
            margin: 5px 0 0 -28px;
        }

            #headerTop .search .button:hover {
                background: url(images/search_btn_hover2.gif) no-repeat;
            }

#headerNavigation {
    height: 40px;
    display: block;
    clear: both;
    /*background: url(images/top-nav-bg.gif) top left repeat-x;*/
    /*background:#baae45;*/
    background: #000;
    /*border-radius: 5px 0px 5px 5px;*/
}

    #headerNavigation .navigation {
        width: 100%;
        text-align: left;
        line-height: 40px;
        margin-left: 10px;
    }

    #headerNavigation .content {
        margin: 0 auto;
    }

    #headerNavigation a:hover {
        background: #474338;
        color: #fff;
        border-radius: 5px;
    }

    #headerNavigation a {
        /*background: url(images/divider.gif) no-repeat right 60%;*/
        font-weight: bold;
        font-size: 12px;
        width: auto;
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px 0px;
        text-transform: capitalize;
        text-decoration: none;
        text-align: center;
        line-height: 24px;
        letter-spacing: 1px;
        color: #FFFFFF;
        /*color:#000;*/
    }

    #headerNavigation .searchboxmk {
        padding: 0 3px;
        background: url(images/search_btn_bkg.gif) repeat-x;
    }

        #headerNavigation .searchboxmk input[type=text] {
            border-width: 0px;
            height: 20px; /*12px;*/
            width: 160px; /*100px;*/
            font-size: 13px;
        }

        #headerNavigation .searchboxmk .SearchButton {
            font-family: tahoma, arial, helvetica, sans-serif;
            background: url(/assets/searchButton2.png) no-repeat;
            font-size: 9px;
            text-transform: uppercase;
            color: #134fa3;
            border: none;
            padding: 0px 2px;
            font-weight: bold;
            cursor: pointer;
            margin: 0px;
            width: 66px;
            height: 23px;
            text-align: center;
        }

.KeyWordText {
    padding: 3px 0 2px 0;
    width: 154px;
    float: left;
}

.SearchLable {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #fff;
    padding: 5px 0 0 0;
}

#headerBottom {
    display: block;
    clear: both;
}

/* standard page header */
/*div.pageHeader, #pageHeader { position:relative; margin-bottom:10px; margin-top:0px; padding:0px; }*/
div.pageHeader, #pageHeader {
    margin-bottom: 9px;
    /*background: #fec629 url(/assets/header-bg2.gif) no-repeat top left;*/
    background: #fec629 url(/assets/header-bg2.gif) repeat top left;
    /*width:100%;*/
    /*width: 108.75%;*/
    width: 101.5%;
    height: 29px;
    line-height: 29px;
    border-bottom: #000 1px solid;
}
    /*div.pageHeader h1, #pageHeader h1 {color:#3e9db3; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:5px; letter-spacing: 1px; }*/
    div.pageHeader h1, #pageHeader h1 {
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 21px;
        font-weight: normal;
        line-height: 29px;
        margin: 0 0 0px;
        padding: 2px 0 0 5px;
        text-indent: 5px;
        text-transform: uppercase;
    }

    div.pageHeader div.links, #pageHeader div.links {
        right: 10px;
        top: 4px;
        position: absolute;
    }

/*Another Page Header*/
div.pageHeader1, #pageHeader1 {
    margin-bottom: 9px;
    /*background: #fec629 url(/assets/header-bg2.gif) no-repeat top left;*/
    background: #fec629 url(/assets/header-bg2.gif) repeat top left;
    /*width:100%;*/
    width: 106.75%;
    height: 29px;
    line-height: 29px;
    border-bottom: #000 1px solid;
}
    /*div.pageHeader h1, #pageHeader h1 {color:#3e9db3; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:5px; letter-spacing: 1px; }*/
    div.pageHeader1 h1, #pageHeader1 h1 {
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 21px;
        font-weight: normal;
        line-height: 29px;
        margin: 0 0 0px;
        padding: 2px 0 0 5px;
        text-indent: 5px;
        text-transform: uppercase;
    }

    div.pageHeader1 div.links, #pageHeader1 div.links {
        right: 10px;
        top: 4px;
        position: absolute;
    }

div.pageHeader2, #pageHeader2 {
    margin-bottom: 9px;
    /*background: #fec629 url(/assets/header-bg2.gif) no-repeat top left;*/
    background: #fec629 url(/assets/header-bg2.gif) repeat top left;
    /*width:100%;*/
    width: 100%;
    height: 29px;
    line-height: 29px;
    border-bottom: #000 1px solid;
}
    /*div.pageHeader h1, #pageHeader h1 {color:#3e9db3; font-size:1.5em; font-weight:bold; line-height:1.5em; margin:5px; letter-spacing: 1px; }*/
    div.pageHeader2 h1, #pageHeader2 h1 {
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 21px;
        font-weight: normal;
        line-height: 29px;
        margin: 0 0 0px;
        padding: 2px 0 0 5px;
        text-indent: 5px;
        text-transform: uppercase;
    }

    div.pageHeader2 div.links, #pageHeader2 div.links {
        right: 10px;
        top: 4px;
        position: absolute;
    }
/* breadcrumbs */
.breadCrumbs {
    font-size: 12px; /*background-color: #F8F8F8;*/
    color: #888;
    margin: 0;
    padding: 6px;
}

    .breadCrumbs a {
        color: darkblue;
    }

/* footer area styles */
#footer {
    width: 960px; /*background:url(images/footer-bg.gif) top left repeat-x #dedede;*/
    border-radius: 5px;
}

    #footer .content {
        padding: 12px; /*6px;*/
    }

#footerTop {
    float: right;
}

    #footerTop .content {
        padding: 3px;
    }

#footerMiddle {
    top: -25px;
}

    #footerMiddle .shortcuts a {
        text-decoration: none;
        color: #a1793b;
        font-weight: bold;
        padding: 0px 5px;
        border-left: 1px solid #fff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

        #footerMiddle .shortcuts a:first-child {
            border-left: none;
        }

#footerBottom {
    position: relative; /*font-size:0.8em;*/
    margin: 5px 0 0 5px;
    text-align: center;
}

    #footerBottom .ablecommerceLink {
        display: inline-block;
    }

        #footerBottom .ablecommerceLink a {
            color: #6B9FBF;
        }

    #footerBottom .copyright {
        color: #6B9FBF;
        display: inline-block;
        position: absolute;
        right: 6px;
    }

.mobileLinkPanel {
    display: block;
    padding: 10px;
}


/* widget styling */
div.widget {
    margin-bottom: 1em; /*border:1px solid #65AEDB;*/
    border-radius: 5px;
}

    div.widget .header {
        color: #000;
        font-weight: bold;
        margin: 0px 0 0;
        /*padding: 3px 10px 4px;*/
        /*padding: 0px 10px 4px;*/
        padding: 11px 0 px 4px;
        /*background: url(images/heading-bg.gif) top left repeat-x #50a5c1;*/
        background: #fec629 url(/assets/header-bg2.gif) repeat top left;
        border-bottom: #000 1px solid;
    }

        div.widget .header h2 {
            color: #000; /*#fff;*/
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.5pt;
            margin: 0;
            padding: 5px 15px 3px 5px;
            text-transform: uppercase;
        }

    div.widget .content {
        padding: 10px 10px 10px 10px;
    }

        div.widget .content a { /*color:#50A5C1;*/
            text-decoration: none;
        }

            div.widget .content a:hover {
                text-decoration: underline;
            }

        div.widget .content .options {
            margin-bottom: 1em;
            padding: 0 5px 0 5px;
        }

        div.widget .content p instruction {
            padding: 0 5px 0 5px;
            font-weight: bold;
        }


table.widget {
    border-collapse: collapse;
    border: solid 1px #7cc2db;
    margin-bottom: 1em;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
}

    table.widget td {
        padding: 0px;
        vertical-align: top;
    }

    table.widget caption {
        background: url(images/heading-bg.gif) top left repeat-x #50A5C1;
        color: #FFFFFF;
        border: solid 1px #7cc2db;
        border-bottom: none;
        padding: 6px;
        text-align: left;
        border-radius: 5px 5px 0 0;
        text-transform: uppercase;
    }

/* custom styles for specific widgets */
.simpleCategoryListWidget .content {
    padding: 0;
}

.simpleCategoryListWidget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.simpleCategoryListWidget li {
    margin: 0;
}

    .simpleCategoryListWidget li:last-child {
        border-bottom: none;
    }

    .simpleCategoryListWidget li a {
        display: block;
        padding: 4px 0 4px 17px;
        color: #000;
        font-weight: bold; /*background:url(images/dot-icon.gif) 5px 8px no-repeat;*/
    }

        .simpleCategoryListWidget li a:hover {
            color: #DAA520;
            background-color: white;
        }

.categorySearchwidget .criteriaPanel {
    margin-bottom: .5em;
}

    .categorySearchwidget .criteriaPanel h3 {
        margin-bottom: .5em;
        color: #333;
    }

.categorySearchSidebarWidget .content {
    line-height: 2em;
}

    .categorySearchSidebarWidget .content a {
        font-weight: normal;
    }

div.articleListingSidebar .webpage {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

    div.articleListingSidebar .webpage a {
        display: block;
        padding: 10px 15px;
        position: relative;
    }

/* hover popup styling */
div.hoverPanel {
    border: solid 1px #000; /*#7cc2db;*/
}

    div.hoverPanel .header {
        border-bottom: solid 1px #7cc2db;
        padding: 6px;
    }

    div.hoverPanel .content {
        padding: 6px;
    }

/******************************************************************************************/
/* end header, footer, and sidebar styling                                                */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for notifications                                                          */
/******************************************************************************************/

.ui-notify-container {
    margin: 10px;
}

.ui-notify {
    width: 350px;
    position: fixed;
    top: 10px;
    right: 10px;
}

.ui-notify-message {
    padding: 10px;
    margin-bottom: 15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .ui-notify-message h1 {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    .ui-notify-message p {
        margin: 3px 0;
        padding: 0;
        line-height: 18px;
    }

    .ui-notify-message:last-child {
        margin-bottom: 0;
    }

.ui-notify-message-style {
    background: #000;
    background: rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}

    .ui-notify-message-style h1 {
        color: #fff;
        font-weight: bold;
    }

    .ui-notify-message-style p {
        color: #fff;
    }

    .ui-notify-message-style li {
        color: #fff;
    }

.ui-notify-close {
    color: #fff;
    text-decoration: underline;
}

.ui-notify-click {
    cursor: pointer;
}

.ui-notify-cross {
    margin-top: -4px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    padding: 2px;
}

    .ui-notify-cross:hover {
        color: #ffffab;
    }

    .ui-notify-cross:active {
        position: relative;
        top: 1px;
    }

/******************************************************************************************/
/* end style for notifications                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin user interaction and form styling                                                */
/******************************************************************************************/

/* shows a tabstrip menu */
div.tabstrip {
    padding: 0px;
    /*border-bottom: 1px solid #7cc2db;*/
    border-bottom: 1px solid #000;
}

    div.tabstrip ul {
        margin: 10px 0 0 0;
        padding: 0px;
    }

        div.tabstrip ul li {
            display: inline;
            padding: 0px;
            margin: 0px;
        }

            div.tabstrip ul li a {
                display: inline-block;
                margin: 0px;
                padding: 7px 10px;
                text-decoration: none;
                color: #000; /*#3E9DB3;*/
                /*border: 1px solid #7cc2db;*/
                border: 1px solid #000;
                border-bottom: none;
                border-radius: 6px 6px 0px 0px;
                font-size: 1.1em;
                font-weight: bold;
            }

                div.tabstrip ul li a:hover {
                    /*background: #3E9DB3;
                    color: #fff;*/
                    background: #a1973b;
                    color: #000;
                }

            div.tabstrip ul li.active a {
                /*background: #3E9DB3;
                color: #fff;*/
                background: #a1973b;
                color: #000;
            }

div.tabpane {
    /*border: 1px solid #7cc2db;*/
    border: 1px solid #000;
    border-top: none;
    padding: 8px;
    margin-bottom: 1em;
    border-radius: 0 0 5px 5px;
}

/* contains a dialog for interacting with the user */
.dialogSection .header {
    height: 29px;
    line-height: 24px;
    padding: 0 0 0 10px;
    margin: 0 1px 0 0;
}

    .dialogSection .header h2 {
        color: #005b95;
        height: 29px;
        border-right: solid 1px #7cc2db;
        padding-right: 0;
        width: 100%;
        margin: 0;
        text-transform: uppercase;
        font-size: 12px;
        float: left;
        line-height: 29px;
    }

    .dialogSection .header a {
        float: right;
        text-decoration: underline;
        color: #444444;
    }

        .dialogSection .header a:hover {
            float: right;
            text-decoration: underline;
            color: #8C0901;
        }

.dialogSection .content {
    border-top: 10px solid #e1f2f9;
    margin-top: 0;
    background: #FFFFFF;
    min-height: 200px;
}

    .dialogSection .content table th.rowheader {
        background-color: White;
    }

.dialogSection .nofooter {
    margin-right: 0;
}

.dialogSection .footer {
    height: 24px;
    line-height: 24px;
    margin: 0;
    color: #8C0901;
    margin-top: 8px;
}

/* default styling for generic input forms */
table.inputForm {
    text-align: left;
    margin: 0;
    width: 100%;
}

    table.inputForm input[type="text"], table.inputForm input[type="password"] {
        border: solid 1px #C5C5C5;
        color: #444444;
        padding: 2px;
    }

    table.inputForm select {
        border: solid 1px #C5C5C5;
        color: #444444;
        padding: 2px;
    }

    table.inputForm th {
        padding-left: 25px;
        color: #444444;
    }

    table.inputForm td {
        padding: 5px;
        margin: 0;
    }

    table.inputForm .rowHeader {
        color: #444444;
        padding: 10px 5px 10px 10px;
        text-align: right;
    }

        table.inputForm .rowHeader a {
            border: 1px solid #650101;
            width: 100%;
            color: #444444;
            font-size: 10px;
            font-weight: bold;
            text-align: left;
            padding: 6px;
        }

        table.inputForm .rowHeader * {
            font-weight: bold;
            font-size: 12px;
        }

table.compact {
    width: 100%;
    margin: 0;
}

    table.compact th {
        color: #444444;
        padding: 5px 5px 5px 5px;
        text-align: right;
    }

    table.compact td {
        padding: 10px 0 10px 0;
    }

table.compactleft {
    width: 100%;
    margin: 0;
}

    table.compactleft th {
        color: #444444;
        padding: 5px 5px 2px 5px;
        text-align: left;
    }

    table.compactleft td {
        padding: 2px 0 10px 5px;
    }

/* styling for search forms */
.searchPanel {
    /*border: solid 1px #C5C5C5;*/
    border-radius: 5px;
    margin-bottom: 10px;
}

    .searchPanel table.inputForm th,
    .searchPanel table.inputForm td {
        padding: 10px 5px 5px 5px;
    }

/* styling for validation summary lists */
.validationSummary {
    margin-bottom: 6px;
}

    .validationSummary ul {
        margin-left: 25px;
        list-style-type: disc;
    }

        .validationSummary ul li {
            color: #f00;
        }

/******************************************************************************************/
/* end user interaction and form styling                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin category display styling                                                         */
/******************************************************************************************/

/* category page */
#categoryPage div.subCategories {
    background-color: #F5F5F5;
    padding: 0px 0 5px 5px;
    border: solid 1px #a3d3e1;
}

    #categoryPage div.subCategories a {
        display: inline-block;
        color: #000;
        text-decoration: none;
        padding: 5px 10px;
        font-weight: bold;
        background-color: #FFFFFF;
        border-radius: 5px;
        margin-left: 2px;
        margin-top: 5px;
        border: solid 1px #6fbad1;
    }

        #categoryPage div.subCategories a:hover {
            background-color: #6fbad1;
            color: #FFFFFF;
        }

/* category details display */
.categoryDetailsListing div.itemContainer {
    height: 150px;
    margin: 10px 0 0 0;
}

    .categoryDetailsListing div.itemContainer div.itemDisplay {
        padding: 10px;
    }

        .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea {
            float: left;
            height: 130px;
            display: table;
        }

            .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper {
                display: table-cell;
                vertical-align: middle;
            }

        .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea {
            overflow: hidden;
            padding: 10px;
        }

            .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .itemName {
                font-weight: bold;
                font-size: 115%;
                padding-bottom: 10px;
            }

            .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary {
            }

            .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .publishInfo {
                font-size: smaller;
            }

/* category details display page */
.categoryGridListing4 itemListing div.itemContainer {
    height: auto;
}

    .categoryGridListing4 itemListing div.itemContainer div.productItemDisplay div.detailsArea {
        height: auto;
        margin-bottom: 10px;
        vertical-align: middle;
    }

#categoryGridPage4 .nodeSummaryLink {
    text-decoration: underline;
    text-indent: 0px;
    color: #5872CB;
    margin: 4px 0 8px 0;
    padding: 4px 0 8px 0;
    cursor: pointer;
}

/* style for grid of catalog items */
.itemListingContainer {
}

.itemListing {
}

    .itemListing .tableNode {
        height: 250px;
        text-align: center;
        padding: 2px;
    }

    .itemListing .itemContainer {
        height: 250px;
        margin: 0px;
        /*border: 1px solid #e4e4e4;*/
        border-radius: 8px;
    }

/* article listing display */
.articlesListing div.itemContainer {
    margin: 10px 0 0 0;
    height: auto;
}

    .articlesListing div.itemContainer div.itemDisplay div.detailsArea .summary {
        text-align: justify;
    }

/* style for product item within the grid */
div.productItemDisplay {
}

    div.productItemDisplay div.thumbnailArea {
        height: 130px;
        display: table;
        margin: 0 auto;
    }

        div.productItemDisplay div.thumbnailArea div.thumbnailWrapper {
            display: table-cell;
            vertical-align: middle;
        }

    div.productItemDisplay div.detailsArea {
        height: 85px;
        text-align: center;
    }

        div.productItemDisplay div.detailsArea div.details {
        }

            div.productItemDisplay div.detailsArea div.details div.itemName {
                color: #000;
                font-weight: bold;
                font-size: 1.2em;
            }

                div.productItemDisplay div.detailsArea div.details div.itemName a {
                    color: #000;
                    text-decoration: none;
                }

            div.productItemDisplay div.detailsArea div.details div.manufacturer {
            }

                div.productItemDisplay div.detailsArea div.details div.manufacturer a {
                    color: #DAA520;
                    text-decoration: none;
                }

            div.productItemDisplay div.detailsArea div.details div.sku {
                color: #888888;
            }

            div.productItemDisplay div.detailsArea div.details div.rating {
                padding: 2px;
            }

            div.productItemDisplay div.detailsArea div.details div.price {
                color: #3e2b4b;
            }

            div.productItemDisplay div.detailsArea div.details div.summary {
                height: 60px;
                margin: 5px 0;
                overflow: hidden;
            }

    div.productItemDisplay div.actionsArea {
        position: relative;
        height: 40px;
    }

        div.productItemDisplay div.actionsArea div.actions {
            /*bottom: 0;*/
            bottom: 10px;
            position: relative;
            width: 100%;
            margin-bottom: 5px;
        }

/* style for webpage item within the grid */
div.webpageItemDisplay {
}

    div.webpageItemDisplay div.thumbnailArea {
        height: 130px;
        display: table;
        margin: 0 auto;
    }

        div.webpageItemDisplay div.thumbnailArea div.thumbnailWrapper {
            display: table-cell;
            vertical-align: middle;
        }

    div.webpageItemDisplay div.detailsArea {
        height: 85px;
        text-align: center;
    }

        div.webpageItemDisplay div.detailsArea div.details {
        }

            div.webpageItemDisplay div.detailsArea div.details div.itemName {
                color: #000;
                font-weight: bold;
                font-size: 1.2em;
            }

                div.webpageItemDisplay div.detailsArea div.details div.itemName a {
                    color: #000;
                    text-decoration: none;
                }

            div.webpageItemDisplay div.detailsArea div.details div.summary {
                height: 60px;
                margin: 5px 0;
                overflow: hidden;
            }

/* style for category item within the grid */
div.categoryItemDisplay {
}

    div.categoryItemDisplay div.thumbnailArea {
        height: 130px;
        display: table;
        margin: 0 auto;
    }

        div.categoryItemDisplay div.thumbnailArea div.thumbnailWrapper {
            display: table-cell;
            vertical-align: middle;
        }

    div.categoryItemDisplay div.detailsArea {
        height: 85px;
        text-align: center;
    }

        div.categoryItemDisplay div.detailsArea div.details {
        }

            div.categoryItemDisplay div.detailsArea div.details div.itemName {
                color: #000;
                font-weight: bold;
                font-size: 1.2em;
            }

                div.categoryItemDisplay div.detailsArea div.details div.itemName a {
                    color: #000;
                    text-decoration: none;
                }

            div.categoryItemDisplay div.detailsArea div.details div.summary {
                height: 60px;
                margin: 5px 0;
                overflow: hidden;
            }

/* style for link item within the grid */
div.linkItemDisplay {
}

    div.linkItemDisplay div.thumbnailArea {
        height: 130px;
        display: table;
        margin: 0 auto;
    }

        div.linkItemDisplay div.thumbnailArea div.thumbnailWrapper {
            display: table-cell;
            vertical-align: middle;
        }

    div.linkItemDisplay div.detailsArea {
        height: 85px;
        text-align: center;
    }

        div.linkItemDisplay div.detailsArea div.details {
        }

            div.linkItemDisplay div.detailsArea div.details div.itemName {
                color: #000;
                font-weight: bold;
                font-size: 1.2em;
            }

                div.linkItemDisplay div.detailsArea div.details div.itemName a {
                    color: #000;
                    text-decoration: none;
                }

            div.linkItemDisplay div.detailsArea div.details div.summary {
                height: 60px;
                margin: 5px 0;
                overflow: hidden;
            }

/* style for sort control of catalog grid */
/*.searchSortHeader { border-top:1px dotted #005B95; color:#3E9DB3; margin:5px 0; padding: 10px 0 0;}*/
.searchSortHeader {
    background: url(/assets/header-bg3.gif) repeat-x;
    height: 29px;
    line-height: 24px;
    padding: 0 5px 0 4px;
    margin: 0px;
    color: #000;
    width: 100.25%;
}

    .searchSortHeader span {
        font-size: 12px;
        font-weight: bold;
    }

    .searchSortHeader .sorting {
        border: 1px solid #E4E4E4;
        color: #222222;
        padding: 1px;
        font-size: 1em;
    }

    .searchSortHeader .fieldHeader {
        font-size: 12px;
    }

    .searchSortHeader .sortPanel {
        float: right;
    }

    .searchSortHeader .pageSizePanel {
        float: left;
        margin-left: 10px;
    }

/******************************************************************************************/
/* end category display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin catalog item display styling                                                     */
/******************************************************************************************/

/* styling for product page */
div.productRowDisplay {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

    div.productRowDisplay h1 {
        color: #3e9db3;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.5em;
        padding: 10px;
        letter-spacing: 1px;
    }

div.productDisplay {
    overflow: inherit;
    /*border: 1px solid #e4e4e4;*/
    border-radius: 5px;
    margin-bottom: 6px;
}

    div.productDisplay h1 {
        color: #000;
        text-align: left;
        font-size: 1.5em;
        font-weight: normal;
        line-height: 14px;
        padding: 10px;
        letter-spacing: 1px;
        text-indent: 5px;
    }

    div.productDisplay div.simpleProduct div.productImageArea {
        float: left;
        vertical-align: top;
        text-align: center;
        max-width: 500px;
        padding: 6px;
        border: none;
        /*width: 40%;*/
    }

div.mainImage img.productImage:hover {
    cursor: pointer;
}

div.productDisplay div.simpleProduct div.productDetails {
    float: right;
    vertical-align: top;
    padding: 5px 15px 0 10px; /*width:290px;*/
    /*width: 236px;*/
    width: 45%;
}

div.productDisplay div.optionProduct div.productDetails {
    vertical-align: top;
    padding: 5px;
}

/* buy product dialog */
table.buyProductForm {
    background-color: #fff;
    padding: 10px 5px 5px 5px;
}

    table.buyProductForm td, table.buyProductForm th {
        padding: 5px 0 5px 5px;
        vertical-align: middle;
    }

    table.buyProductForm .rowHeader {
        color: #444;
        font-weight: bold;
        border-width: 0;
        padding: 5px 5px 5px 5px;
        /*border-right: solid 1px #e4e4e4;*/ text-align: left;
    }

    table.buyProductForm .subscriptionRow th.rowHeader {
        vertical-align: top;
        padding-top: 13px;
    }

    table.buyProductForm .subscriptionRow td, blockquote {
        margin: 1em 22px;
    }

    table.buyProductForm .priceLabel th.rowHeader {
        width: 58px;
    }

span.inventoryDetails {
    display: block;
    width: 200px;
}

.optionPicker td {
    border: outset 2px #999;
}

    .optionPicker td.selected {
        border: inset 2px #999;
    }

/* product discount dialog */
.discountsDialog table.pagedList td, .discountsDialog span.levels {
    text-align: left;
}

.discountsDialog span.title {
    font-weight: bold;
}

.discountsDialog span.levels ul {
    padding-top: 5px;
}

/* style for displaying the hidden price popup */
.pricePopup {
    background-color: #E3EFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    z-index: 99;
}

    .pricePopup .header {
        background-color: #DDDDDD;
        border: solid 1px Gray;
        color: Black;
        margin: -3px;
        padding: 6px;
        font-weight: bold;
    }

    .pricePopup span.fieldHeader {
        display: block;
        float: left;
        width: 135px;
        text-align: right;
        margin-right: 6px;
    }

    .pricePopup span.fieldValue {
        display: block;
        float: left;
    }

/* style for displaying product ratings */
div.aggregateRating {
    display: inline;
}

    div.aggregateRating .ratingText {
    }

/* style for product reviews */
.productReviewContent {
    white-space: pre-line;
    text-align: justify;
    padding: 10px;
}

.ratingStar00, .ratingStar01, .ratingStar02, .ratingStar03,
.ratingStar04, .ratingStar05, .ratingStar06, .ratingStar07,
.ratingStar08, .ratingStar09, .ratingStar10 {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 50px;
    height: 9px;
    display: inline-block;
}

.ratingStar00 {
    background-image: url(images/ratings/rate_00.gif);
}

.ratingStar01 {
    background-image: url(images/ratings/rate_01.gif);
}

.ratingStar02 {
    background-image: url(images/ratings/rate_02.gif);
}

.ratingStar03 {
    background-image: url(images/ratings/rate_03.gif);
}

.ratingStar04 {
    background-image: url(images/ratings/rate_04.gif);
}

.ratingStar05 {
    background-image: url(images/ratings/rate_05.gif);
}

.ratingStar06 {
    background-image: url(images/ratings/rate_06.gif);
}

.ratingStar07 {
    background-image: url(images/ratings/rate_07.gif);
}

.ratingStar08 {
    background-image: url(images/ratings/rate_08.gif);
}

.ratingStar09 {
    background-image: url(images/ratings/rate_09.gif);
}

.ratingStar10 {
    background-image: url(images/ratings/rate_10.gif);
}

.ratingStarNone {
}

/* product images page styles */
#productImages img {
    border: 0;
}

#productImages div.progress-bar {
    border: 1px solid #fff;
    background-color: #000;
}

#productImages div.missing-thumbnail {
    background: #333 url('images/redx.gif') center center no-repeat;
    cursor: pointer;
    border: 1px solid #bbb;
}

#productImages div.error-message {
    color: #bbb;
    font-size: 1.2em;
    margin-top: -0.6em;
    position: relative;
    text-align: center;
}

#productImages div.caption {
    background-color: #000;
    color: #fff;
}

    #productImages div.caption a {
        color: #fff;
    }

#productImages body, #productImages html {
    background-color: #333;
    margin: 0;
    padding: 0;
}

#productImages #gallery {
    margin: 20px auto;
    height: 520px;
    width: 750px;
    position: relative;
    color: #aaa;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #888;
    background-color: #000;
}

/* styling for display of webpage objects */
#webpagePage {
    padding: 0px;
}

/******************************************************************************************/
/* end catalog item display styling                                                       */
/******************************************************************************************/

/******************************************************************************************/
/* begin basket display styling                                                           */
/******************************************************************************************/

/* basket styling */
#basketPage div.basketContainer div.actions {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

    #basketPage div.basketContainer div.actions span.checkout .button {
        /*background-color: #54A;*/
        background: #a1973b;
        color: #fff;
        border: 1px solid #C5C5C5;
    }

        #basketPage div.basketContainer div.actions span.checkout .button:hover {
            background-color: #fec629; /*#999;*/
        }

#basketPage div.warnings {
    padding-left: 20px;
}

#basketPage div.emptyBasketPanel {
    background-color: white;
    padding-top: 20px;
    margin: 20px 35px 20px 35px;
    height: 50px;
    text-align: center;
}

    #basketPage div.emptyBasketPanel span.message {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }

/* display of the basket items */
table.basket {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.basket th, table.basket td {
        border: 1px solid #ccc;
        padding: 4px 8px;
        text-align: center;
        vertical-align: top;
    }

        table.basket td a {
            color: #001188; /*#3e9db3;*/
        }

            table.basket td a:hover {
                color: #000000; /*#005c92;*/
            }

        table.basket th.thumbnail {
            border-right: none;
            text-align: left;
            width: 60px;
        }

        table.basket td.thumbnail {
            border-right: none;
            text-align: center;
            width: 60px;
        }

        table.basket th.item {
            border-left: none;
            text-align: left;
        }

        table.basket td.item {
            border-left: none;
            text-align: left;
        }

            table.basket td.item div.setGiftOptions a {
                background: url(images/icons/gift-box.gif) center right no-repeat;
                height: 30px;
                line-height: 30px;
                padding-right: 25px;
            }

            table.basket td.item div.itemDetail {
                margin-bottom: 1em;
            }

            table.basket td.item div.itemActions a {
                margin-right: 8px;
                text-transform: lowercase;
            }

        table.basket th.quantity {
            text-align: center;
            width: 60px;
        }

        table.basket td.quantity {
            text-align: center;
            width: 60px;
        }

        table.basket td.footerSubtotalLabel {
            text-align: right;
        }

/* mini basket styles */
#miniBasketMainBox {
    background-color: transparent;
    border: 0px solid #000000;
    font-size: 11px;
    margin:0 0 0 -18px;
    padding: 0 0 0 7px;
    position: relative;
    width: 175px;
}

.miniBasketItemBox {
    /*border-bottom : 1px #999900 solid;*/
    padding: 5px;
    /*background-color : white;*/
    float: left;
    position: relative;
    width: 180px;
}

.miniBasket .price {
    color: #000;
}

.miniBasket .label {
    color: #444;
    font-weight: bold;
    margin-right: 5px;
}

.miniBasket .value {
    font-weight: bold;
    font-size: 1.1em;
}

.miniBasket .basketItemBox {
    /*border-bottom: 1px dashed #7ec1db;*/
    margin-bottom: -1em; /*1em;*/
    padding-bottom: 0.5em;
}

    .miniBasket .basketItemBox .iconBox {
        width: 50px;
        height: 50px;
        float: left;
        overflow: hidden;
        margin-right: 5px;
    }

    .miniBasket .basketItemBox .titleBox {
        float: left;
    }

    .miniBasket .basketItemBox .noIcon {
        padding-left: 5px;
    }

    .miniBasket .basketItemBox .actions {
        margin: 1em 0;
    }

        .miniBasket .basketItemBox .actions input.quantity {
            width: 35px;
            height: 18px;
        }

.miniBasket .subTotalsBox {
    /*border-bottom: 1px solid #7ec1db;*/
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    background-color: #737373;
    border: 2px #fff solid;
}

.miniBasket .checkoutButtonsBox .standardCheckout,
.miniBasket .checkoutButtonsBox .alternateCheckouts {
    text-align: center;
}

    .miniBasket .checkoutButtonsBox .alternateCheckouts > div {
        padding-top: 6px;
    }

.miniBasket .noResultsPanel {
    padding: 5px;
    font-style: italic;
}

.miniBasketItemDetail .subscriptions .lineBlock {
    display: block;
    font-size: 10px;
}

.miniBasketItemDetail .subTitle {
    padding: 0;
    text-indent: 0;
    margin: 0 7px;
    clear: both;
}

    .miniBasketItemDetail .subTitle li {
        color: #788A95;
        list-style-type: none;
        margin: 4px 0 0 10px;
    }

.miniBasketItemDetail .title {
    color: #000;
    font-weight: normal;
    float: left;
    text-align: left;
    position: relative;
}

    .miniBasketItemDetail .title a {
        color: #3e9db3;
    }

        .miniBasketItemDetail .title a:hover {
            color: #005c92;
        }

/******************************************************************************************/
/* end basket display styling                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* begin product display tab styling                                                         */
/******************************************************************************************/

div.tabs div.widget, .ui-tabs div.widget {
    border: none;
}

    div.tabs div.widget div.innerSection div.header, .ui-tabs div.widget div.innerSection div.header {
        display: none;
    }

.tabs .ajax__tab_header {
    border-bottom: solid 1px #7CC2DB;
}

.tabs .ajax__tab_panel {
    border-color: #7CC2DB #7CC2DB #7CC2DB #7CC2DB;
    border-style: none solid solid solid;
    border-width: medium 1px 1px 1px;
    border-radius: 0 0 5px 5px;
}

.tabs .ajax__tab_outer {
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: -1px;
}

.tabs .ajax__tab_inner {
    padding-left: 3px;
    border: #7CC2DB solid 1px;
    border-radius: 5px 5px 0px 0px;
    background-color: #FFF;
    font-weight: bold;
    padding: 7px 10px;
}

.tabs .ajax__tab_tab {
    height: 15px;
    padding: 0px;
    margin: 0;
    outline: none;
}

.tabs .ajax__tab_hover .ajax__tab_outer {
    outline: none;
}

.tabs .ajax__tab_hover .ajax__tab_inner {
    background-color: #3E9DB3;
    outline: none;
}

    .tabs .ajax__tab_hover .ajax__tab_inner a {
        color: #FFFFFF;
        outline: none;
    }

.tabs .ajax__tab_hover .ajax__tab_tab {
    outline: none;
}

.tabs .ajax__tab_active .ajax__tab_outer {
    outline: none;
}

.tabs .ajax__tab_active .ajax__tab_inner {
    background-color: #3E9DB3;
}

    .tabs .ajax__tab_active .ajax__tab_inner a {
        color: #FFFFFF;
        outline: none;
    }

.tabs .ajax__tab_active .ajax__tab_tab {
    outline: none;
}

.tabs .ajax__tab_body {
    outline: none;
}

/******************************************************************************************/
/* end product display tab styling
/******************************************************************************************/

/******************************************************************************************/
/* begin checkout display styling                                                         */
/******************************************************************************************/

/* checkout progress indicator in page header */
div.checkoutProgress {
    /*background: url(images/heading-bg.gif) top left repeat-x #50a5c1;*/
    background: #fec629 url(/assets/header-bg2.gif) repeat top left;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 2px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    border-bottom: 1px solid black;
    /*border: 1px solid #65AEDB;*/
    /*border-radius: 5px 5px 5px 5px;*/
    margin: 0 0 0;
    clear: both;
}

    div.checkoutProgress span {
        padding: 5px 8px;
    }

        div.checkoutProgress span.on span {
            background-color: #fff;
            border: solid 1px #000; /*#7cc2db;*/
            border-radius: 5px 5px 5px 5px;
            color: #3f294d;
        }

/* address validation */
div.validAddressContainer {
    padding: 5px;
    background-color: #FF803F;
}

    div.validAddressContainer p {
        font-weight: bold;
    }

div.validAddresses {
}

/* position edit link for address items */
#checkoutPage div.billingAddress {
    margin-left: 10px;
}

    #checkoutPage div.billingAddress span.editLink,
    #checkoutPage div.shippingAddress span.editLink {
        float: right;
        margin-right: 10px;
    }

#checkoutPage span.editLink a {
    /*color: #3E9DB3;*/
    color: #a1973b;
    font-weight: bold;
    text-decoration: underline;
}

    #checkoutPage span.editLink a:hover {
        text-decoration: underline;
    }

/* styling for specific checkout widgets */
#checkoutPage div.basketTotalSummaryWidget .message {
    font-style: italic;
    padding: 10px 0 5px 5px;
    color: #999;
}

#checkoutPage div.basketNonShippableItemsWidget div.content {
    padding: 5px;
}

#checkoutPage .orderSummaryWidget div.content div {
    margin-bottom: 1em;
}

/* assign layout settings for shipment listings */
#checkoutPage div.shipmentWidget {
    display: table;
    width: 100%;
}

    #checkoutPage div.shipmentWidget div.address {
        display: table-cell;
        width: 200px;
    }

        #checkoutPage div.shipmentWidget div.address div {
            margin-bottom: 1em;
        }

        #checkoutPage div.shipmentWidget div.address span.links {
            margin-right: 20px;
            float: right;
        }

    #checkoutPage div.shipmentWidget div.items {
        display: table-cell;
        padding-top: 8px;
        width: 480px;
    }

#checkout_receiptPage div.shipmentWidget div.address {
    width: 250px;
}

#checkout_receiptPage div.shipmentWidget div.items {
    width: 700px;
}

#checkoutPage div.shipmentWidget div.method {
    display: table-cell;
    width: 280px;
    border: 1px solid #000; /*#7cc2db;*/
    background-color: #efefef;
}

    #checkoutPage div.shipmentWidget div.method h3 {
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 12px 8px 4px 8px;
    }

    #checkoutPage div.shipmentWidget div.method select {
        margin: 15px 8px;
    }

    #checkoutPage div.shipmentWidget div.method p {
        margin: 4px 8px;
    }

#checkout_payPage div.shipmentWidget div.items {
    display: table-cell;
    padding-top: 8px;
    width: 760px;
}

/* add top padding because there is no page header */
#checkout_startPage {
    padding-top: 1em;
}

/* add frame to billing address to be consistent with other checkout pages */
#checkout_billPage .column_1 div.section {
    /*border: 1px solid #65AEDB;*/
    border: 1px solid #000;
    margin-bottom: 1em;
}

#checkout_billPage .inputForm th.rowHeader {
    width: 25%;
}

#checkout_billPage .inputForm td {
    min-width: 150px;
}

/* frame the order terms and conditions */
#checkout_payPage .orderTerms {
    height: 60px;
    overflow: auto;
    border: 1px solid #666;
    padding: 8px;
}

/* handle option sections on receipt page */
#checkoutPage .balanceDueSection,
#checkoutPage .orderInvalidSection {
    margin-bottom: 1em;
}

.checkoutErrorMessage {
    font-weight: bold;
    color: #FF0000;
}

/* checkout hover help images */
.cvvAmex {
    background-image: url(images/PaymentInstruments/cvv_amex.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 169px;
    width: 249px;
}

.cvvVisa {
    background-image: url(images/PaymentInstruments/cvv_visa.gif);
    background-repeat: no-repeat;
    border: 0;
    height: 169px;
    width: 249px;
}

.checkHelp {
    background-image: url(images/PaymentInstruments/checkhelp.jpg);
    background-repeat: no-repeat;
    border: 0;
    height: 181px;
    width: 250px;
}

/* used where order items are displayed during checkout */
table.itemList {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.itemList th, table.itemList td {
        padding: 4px 8px;
        text-align: center;
        vertical-align: middle;
    }

    table.itemList th {
        border-bottom: 1px solid #ccc;
    }

    table.itemList td {
        padding-bottom: 10px;
        padding-top: 10px;
    }

        table.itemList td a {
            color: #416573;
        }

            table.itemList td a:hover {
                color: #788F03;
            }

    table.itemList th.thumbnail {
        border-right: none;
        text-align: left;
        width: 60px;
    }

    table.itemList td.thumbnail {
        text-align: center;
        width: 60px;
    }

    table.itemList th.item {
        border-left: none;
        text-align: left;
    }

    table.itemList td.item {
        text-align: left;
    }

        table.itemList td.item div.setGiftOptions a {
            background: url(images/icons/gift-box.gif) center right no-repeat;
            height: 30px;
            line-height: 30px;
            padding-right: 25px;
        }

    table.itemList th.quantity {
        width: 60px;
    }

    table.itemList td.quantity {
        width: 60px;
    }

    table.itemList th.sku {
        width: 80px;
    }

    table.itemList td.sku {
        width: 80px;
    }

    table.itemList th.price {
        width: 70px;
    }

    table.itemList td.price {
        width: 70px;
    }

    table.itemList th.total {
        width: 70px;
    }

    table.itemList td.total {
        width: 70px;
    }

    table.itemList th.shipTo {
        text-align: left;
        border: 1px solid #7cc2db;
    }

    table.itemList td.shipTo {
        text-align: left;
        background-color: #efefef;
        border: 1px solid #7cc2db;
    }

    table.itemList th.giftOption {
        text-align: left;
        width: 300px;
    }

    table.itemList td.giftOption {
        text-align: left;
        width: 300px;
    }

        table.itemList td.giftOption div.message {
            margin-top: 10px;
        }

            table.itemList td.giftOption div.message textarea {
                height: 60px;
                width: 95%;
            }

    table.itemList th.paymentDate {
        width: 100px;
    }

    table.itemList td.paymentDate {
        width: 100px;
    }

    table.itemList th.paymentAmount {
        width: 100px;
    }

    table.itemList td.paymentAmount {
        width: 100px;
    }

    table.itemList th.paymentStatus {
        width: 100px;
    }

    table.itemList td.paymentStatus {
        width: 100px;
    }

    table.itemList th.paymentMethod {
        text-align: left;
    }

    table.itemList td.paymentMethod {
        text-align: left;
    }

    table.itemList th.noteDate {
        width: 140px;
    }

    table.itemList td.noteDate {
        width: 140px;
    }

    table.itemList th.noteAuthor {
        width: 140px;
    }

    table.itemList td.noteAuthor {
        width: 140px;
    }

    table.itemList th.noteText {
        text-align: left;
    }

    table.itemList td.noteText {
        text-align: left;
    }

    table.itemList th.digitalGood {
        text-align: left;
        width: 300px;
    }

    table.itemList td.digitalGood {
        text-align: left;
        width: 300px;
    }

    table.itemList th.download {
        width: 80px;
    }

    table.itemList td.download {
        width: 80px;
    }

    table.itemList th.remainingDownloads {
        width: 80px;
    }

    table.itemList td.remainingDownloads {
        width: 80px;
    }

    table.itemList th.serialKey {
        text-align: left;
    }

    table.itemList td.serialKey {
        text-align: left;
    }

    table.itemList th.giftCertificate {
        text-align: left;
    }

    table.itemList td.giftCertificate {
        text-align: left;
    }

    table.itemList th.giftCertificateStatus {
        width: 150px;
    }

    table.itemList td.giftCertificateStatus {
        width: 150px;
    }

    table.itemList th.giftCertificateExpiration {
        width: 150px;
    }

    table.itemList td.giftCertificateExpiration {
        width: 150px;
    }

    table.itemList th.subscription {
        text-align: left;
    }

    table.itemList td.subscription {
        text-align: left;
    }

    table.itemList th.subscriptionStatus {
        width: 150px;
    }

    table.itemList td.subscriptionStatus {
        width: 150px;
    }

    table.itemList th.subscriptionExpiration {
        width: 150px;
    }

    table.itemList td.subscriptionExpiration {
        width: 150px;
    }

/* styles for the address book table */

.addressBook .entries {
    margin-left: 10px;
}

.addressBook .entry {
    border: 1px solid #65AEDB;
    vertical-align: top;
    margin: 5px;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    display: inline-block;
    width: 256px;
    height: 150px;
    position: relative;
}

.addressBook .address {
    padding-left: 20px;
}

.addressBook .entry h2 {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
}

.addressBook .caption .links {
    float: right;
}

.addressBook .entry .buttons {
    position: absolute;
    top: 135px;
}

.addressBook .addEntry {
    background-color: #efefef;
}

    .addressBook .addEntry .buttons {
        position: absolute;
    }

/* basket and order summary sidebar */
table.orderTotalSummary {
    width: 100%;
    margin-bottom: 1em;
}

    table.orderTotalSummary th {
        text-align: right;
        font-weight: bold;
        white-space: nowrap;
        border-bottom: 0;
    }

    table.orderTotalSummary td {
        text-align: right;
        width: 80px;
        border-bottom: 0;
    }

        table.orderTotalSummary td.item {
            width: 60%;
            text-align: left;
        }

    table.orderTotalSummary th.sku {
        text-align: center;
        width: 80px;
    }

    table.orderTotalSummary td.sku {
        text-align: center;
    }

    table.orderTotalSummary th.quantity {
        text-align: center;
        width: 60px;
    }

    table.orderTotalSummary td.quantity {
        text-align: center;
        width: 60px;
    }

    table.orderTotalSummary td.item div.setGiftOptions a {
        background: url(images/icons/gift-box.gif) center right no-repeat;
        height: 30px;
        line-height: 30px;
        padding-right: 25px;
    }

    table.orderTotalSummary tr.dividerRow td {
        border-bottom: 1px solid #ccc;
        width: 100%;
    }

    table.orderTotalSummary tr.importantRow {
        font-weight: bold;
    }

    table.orderTotalSummary tr.actionsRow td {
        text-align: center;
        width: 100%;
    }


/* payment form */
.paymentFormContainer .paymentMethodList {
    display: table-cell;
    vertical-align: top;
    border: 0px dotted #ccc;
    white-space: nowrap;
}

.paymentFormContainer .paymentForm {
    display: table-cell;
    background-color: #efefef;
    border: 1px solid #000; /*#7cc2db;*/
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    vertical-align: middle;
}

.paymentFormContainer table.inputForm th {
    width: 120px;
    text-align: right;
}

.paymentFormContainer table.inputForm td {
}

.applyCouponPanel {
    padding: 6px 6px 12px 6px;
    margin-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

    .applyCouponPanel label {
        margin-right: 4px;
    }

    .applyCouponPanel p {
        display: block;
        margin-top: 1em;
    }

.cvvHelpHoverPanel .helpSection {
    display: inline-block;
    width: 280px;
    margin: 10px;
    vertical-align: top;
}

    .cvvHelpHoverPanel .helpSection h3 {
        margin-bottom: 0.5em;
    }

    .cvvHelpHoverPanel .helpSection p {
        text-align: justify;
    }

/* one page checkout */
.opcOverlay {
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE8 and below */
    background-color: #ccc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 900;
}

.aboveOpcOverlay {
    z-index: 901;
    position: relative;
    background-color: White;
}

div.addressLink {
    padding: 0px 5px 10px 5px;
}

div.addressText {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 5px 4px 5px;
}

.left {
    float: left;
}

.right {
    float: right;
}

div.opcInputForm {
}

    div.opcInputForm span.label {
        display: block;
        padding: 3px;
    }

    div.opcInputForm .small {
        padding: 2px;
        width: 90px;
    }

    div.opcInputForm .large {
        width: 200px;
    }

#checkout_onePage div.itemDetail ul {
    list-style-type: disc;
    padding-left: 25px;
    text-align: left;
    margin: 5px 0 5px 0;
}

#checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price {
    text-align: right;
}

#checkout_onePage table.itemList td.rowHeader {
    text-align: right;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

#checkout_onePage table.itemList td.subTotals {
    padding-top: 5px;
    padding-bottom: 5px;
}

#checkout_onePage table.itemList tr.dividerRow td {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 0;
}

#checkout_onePage div.emailList p {
    padding: 5px 5px 5px 25px;
    font-style: italic;
}

table.basketSummary {
    width: 100%;
    margin-bottom: 1em;
}

    table.basketSummary tr.evenRow {
        background-color: #FFFFFF;
    }

    table.basketSummary tr.oddRow {
        background-color: #F8F8F8;
    }

    table.basketSummary tr.simpleRow {
        border-bottom: 0;
    }

    table.basketSummary tr.importantRow {
        border-bottom: 0;
    }

    table.basketSummary tr.headerRow {
        border-bottom: 0;
    }

    table.basketSummary th {
        text-align: right;
        font-weight: bold;
        white-space: nowrap;
        border-bottom: 0;
    }

    table.basketSummary td {
        text-align: right;
        width: 80px;
        border-bottom: 0;
    }

        table.basketSummary td.item {
            width: 60%;
            text-align: left;
        }

    table.basketSummary th.sku {
        text-align: center;
        width: 80px;
    }

    table.basketSummary td.sku {
        text-align: center;
    }

    table.basketSummary th.quantity {
        text-align: center;
        width: 60px;
    }

    table.basketSummary td.quantity {
        text-align: center;
        width: 60px;
    }

    table.basketSummary tr.dividerRow td {
        border-bottom: 1px solid #ccc;
        width: 100%;
    }

    table.basketSummary tr.importantRow {
        font-weight: bold;
    }

    table.basketSummary tr.actionsRow td {
        text-align: center;
        width: 100%;
    }

    table.basketSummary td.item div.setGiftOptions a {
        background: url(images/icons/gift-box.gif) center right no-repeat;
        height: 25px;
        line-height: 25px;
        padding-right: 25px;
        font-weight: normal;
    }


/******************************************************************************************/
/* end checkout display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin my account area styling                                                          */
/******************************************************************************************/

/* account area styles */
/* This is used on my account page only. Should follow some more general structure/styling. */
ul.columns {
    margin: 0 0 0 30px;
    padding: 0;
    list-style: none;
}

    ul.columns li {
        margin: 2px;
        background-image: url(images/bullet1.gif);
        background-position: 0 3px;
        background-repeat: no-repeat;
        text-indent: 20px;
        height: 20px;
    }

.orderHistoryDialog .content {
    border: solid 1px #7dc2db;
    padding: 5px 10px;
    line-height: 25px;
}

    .orderHistoryDialog .content .bullet {
        background-color: #AAAAAA;
        padding-left: 18px;
    }

/* wishlist styling */
#account_wishlistPage .actions {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#wishlistPage div.emptyWishlistPanel {
    background-color: white;
    padding-top: 20px;
    padding-left: 60px;
    margin: 20px 35px 35px 35px;
    height: 50px;
    text-align: center;
}

    #wishlistPage div.emptyWishlistPanel span.message {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }

/* Payment Types styling */
#account_payment_types div.column_1 {
    width: 630px;
    padding: 0 0px 0 0px;
}

#account_payment_types div.column_2 {
    width: 283px;
    padding: 0 0px 0 0px;
}

#account_payment_types div.paymentList {
    padding: 5px;
}

#account_payment_types div.noPayments {
    padding: 15px;
    background-color: #e4e4e4;
    font-size: 14px;
    text-align: center;
    color: #444;
}

#account_payment_types div.mainContainer {
    width: auto;
}

#account_payment_types div.innerLeft {
    width: 10px;
    display: inline-block;
    float: left;
    padding: 23px 15px 23px 15px;
}

#account_payment_types div.innerRight {
    width: 270px;
    display: inline-block;
    float: left;
}

    #account_payment_types div.innerRight div.paymentItem {
        width: auto;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: solid 1px #3e9db3;
        padding: 5px 12px 5px 12px;
        height: 60px;
        margin-bottom: 20px;
    }

    #account_payment_types div.innerRight .deleteLink input {
        color: #3e9db3 !important;
        text-transform: lowercase;
        text-decoration: underline;
        font-weight: bold;
        background: none;
        border: none;
    }

        #account_payment_types div.innerRight .deleteLink input:hover {
            background: none;
            color: #2a6b7a !important;
            border: none;
        }

    #account_payment_types div.innerRight div.paymentItem div {
        float: left;
        padding: 0px;
    }

        #account_payment_types div.innerRight div.paymentItem div.reference {
            font-weight: bold;
        }

    #account_payment_types div.innerRight div.paymentItem .deafultPayment {
        font-style: italic;
        color: #f00;
        font-weight: bold;
        margin: 0 0 0 3px;
    }

    #account_payment_types div.innerRight div.paymentItem .expiration {
        padding-top: 7px;
        clear: left;
    }

#account_payment_types div.inputForm {
    width: auto; /*margin:0 0 0 110px; padding:10px;*/
}

    #account_payment_types div.inputForm .rowHeader {
        display: inline-block;
        padding: 8px 5px 8px 5px;
        float: left;
        font-weight: bold;
        color: #444444;
        width: 120px;
        text-align: right;
    }

    #account_payment_types div.inputForm .inputFied {
        display: inline-block;
        float: left;
        padding: 7px 0 7px 0;
    }

    #account_payment_types div.inputForm .securityCodeInput {
        width: 152px;
    }

    #account_payment_types div.inputForm .btn {
        margin-left: 125px;
    }

    #account_payment_types div.inputForm div.error {
        width: 400px;
    }

    #account_payment_types div.inputForm .errorCondition {
        color: #ff0000;
        font-weight: bold;
        padding: 0;
    }

#account_payment_types .instructionText {
    display: inline-block;
}

/* serial keys page */
#account_serialKeyPage div.content {
    width: 100%;
    overflow: scroll;
}

#accountPage div.tabpane {
    position: relative;
}

    #accountPage div.tabpane p {
        padding: 10px 0 0 0;
    }

    #accountPage div.tabpane .ui-notify {
        position: absolute;
    }

.wishlistPasswordWidget {
    position: relative;
}

    .wishlistPasswordWidget .ui-notify {
        position: absolute;
    }

/* styles for paged list of data */
table.pagedList {
    width: 100%;
    border-radius: 8px;
}

    table.pagedList tr.oddRow {
        background-color: #fff;
    }

        table.pagedList tr.oddRow td {
            color: #000000;
            padding: 10px;
        }

    table.pagedList tr.evenRow {
        background-color: #F5F5F5;
    }

        table.pagedList tr.evenRow td {
            color: #000000;
            padding: 10px;
        }

    table.pagedList tr.empty td {
        width: 300px;
        text-align: center;
        padding: 10px;
        font-size: 1.1em;
        font-style: italic;
        border: solid 1px black;
    }

    table.pagedList td {
        padding: 4px;
        border: solid 1px #e4e4e4;
        text-align: center;
    }

    table.pagedList th {
        padding: 7px 4px;
        font-weight: bold;
        margin: 0;
        color: #fff;
        /*background: #3e9db3;*/
        background: #a1973b;
        border: solid 1px #e4e4e4;
    }

        table.pagedList th a {
            color: #fff;
            text-decoration: underline;
        }

            table.pagedList th a:hover {
                color: #cee2e7;
                text-decoration: underline;
            }

    table.pagedList td a {
        color: #000;
    }

        table.pagedList td a:hover {
            color: #daa520;
            text-decoration: none;
        }

    table.pagedList th.thumbnail {
        border-right: none;
        text-align: center;
        width: 60px;
    }

    table.pagedList td.thumbnail {
        border-right: none;
        text-align: center;
        width: 60px;
    }

    table.pagedList th.itemName {
        border-left: none;
    }

    table.pagedList td.itemName {
        border-left: none;
        text-align: left;
    }

    table.pagedList th.quantity {
        width: 60px;
    }

    table.pagedList td.quantity {
        width: 60px;
    }

    table.pagedList th.sku {
        width: 80px;
    }

    table.pagedList td.sku {
        width: 80px;
        text-align: left;
    }

    table.pagedList th.price {
        width: 70px;
    }

    table.pagedList td.price {
        width: 70px;
    }

    table.pagedList th.manufacturer {
        width: 100px;
    }

    table.pagedList td.manufacturer {
        width: 100px;
    }

    table.pagedList th.categories {
        width: 120px;
    }

    table.pagedList td.categories {
        width: 120px;
    }

    table.pagedList th.actions {
        width: 100px;
    }

    table.pagedList td.actions {
        width: 100px;
    }

    table.pagedList th.orderItems {
        text-align: left;
    }

    table.pagedList td.orderItems {
        text-align: left;
    }

    table.pagedList tr.paging td {
        border: 0px;
        padding: 0px;
        text-align: center;
    }

/* styles for paging of catalog grids */
div.pagingPanel {
    margin: 0;
}

div.pagingPanel, .paging table {
    text-align: right;
    padding: 10px 20px 0px 0px;
    margin: 10px 0 0px 0;
}

.paging table {
    margin-bottom: 10px;
}

div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a {
    /*padding: 3px 5px;  
border: 1px solid #ccc; 
font-weight: bold; 
font-size: 14px; 
margin: 3px 0 3px 1px; 
background-color: #3e9db3; 
color: #fff;*/
    padding: 3px 5px;
    border: 1px solid #2B449A;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 3px 0 3px 1px;
    background-color: #E7ECFF;
    color: #003366;
}

div.pagingPanel a, .paging a {
    /*background-color:#daa520; 
color: #FFFFFF!important; 
text-decoration:none;*/
    padding: 3px 5px;
    border: 1px solid #2B449A;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 3px 0 3px 1px;
    background-color: #5872CB;
    color: #FFFFFF;
    text-decoration: none;
}
    /*div.pagingPanel a:hover, .paging a:hover { background-color: #3e9db3; color: #FFFFFF!important; border:1px solid #ccc; }*/
    div.pagingPanel a:hover, .paging a:hover {
        background-color: #FFFFFF;
        color: #5872CB;
        border: 1px solid #5872CB;
    }

/******************************************************************************************/
/* end my account area styling                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin ajax related styling                                                             */
/******************************************************************************************/

/* popup dialog related styles */
.popupOuterWrapper {
    overflow: hidden;
    width: 1px;
    height: 1px;
}
/* prevents the screen from dynamically resizing when the popup shows */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #7cc2db;
    width: 500px;
    position: static;
}

    .modalPopup .header, .modalPopupHeader {
        cursor: move;
        background-color: #3e9db3;
        border-bottom: solid 1px #000;
        color: #fff;
        padding: 6px;
        font-weight: bold;
        font-size: 14px;
    }

    .modalPopup .modalPopupContent {
        padding: 8px;
    }

.addAddressPopup {
    width: 500px;
}

.editAddressPopup {
    width: 500px;
}

.shipEstimatePopup {
    width: 450px;
}

/* ajax progress styling */
#ajaxProgressOuter {
    border: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #444444;
    opacity: .65;
    filter: alpha(opacity=65);
    z-index: 1000;
}

#ajaxProgressInner {
    padding: 0;
    background: #FFFFFF url(images/processing.gif) no-repeat 50%;
    position: absolute;
    left: 48%;
    top: 25%;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    border: solid 2px #444444;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1001;
}

/* Main Product Image */
div.mainImageArea {
    /*display: table;*/
    margin: 10px auto;
    position: relative;
}

    div.mainImageArea div.mainImageWrapper {
        /*display: table-cell;*/
        vertical-align: middle;
        top: 50%;
    }

        div.mainImageArea div.mainImageWrapper div.mainImage {
            position: relative;
            top: -50%;
            max-width: 280px;
            max-height: 242px;
        }

/* product image thumbnails */
.additionalImages {
    position: relative;
    margin: auto;
    width: 350px;
}

    .additionalImages img.thumbnail {
        max-width: 50px;
        max-height: 50px;
    }

div.thumbnailsList {
}

    div.thumbnailsList ul {
        list-style: none;
    }

        div.thumbnailsList ul li {
            display: inline;
        }

div.thumbnailImage {
    margin: 2px;
    border: 1px solid #ccc;
    text-align: center;
    display: inline-block;
}

    div.thumbnailImage img, div.thumbnailsList a img {
        border: none;
    }

.socialMediaLinksDialog .fb_edge_comment_widget {
    display: none;
}

/******************************************************************************************/
/* end ajax related styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* begin admin panel related styling                                                             */
/******************************************************************************************/

#adminPanel {
    padding: 10px 15px 10px 15px;
    background-color: #FFF;
    border-top: 1px solid #000;
}

    #adminPanel .rowHeader {
        font-weight: bold;
    }

    #adminPanel div.editItemPanel {
        padding: 0 0 10px;
    }

    #adminPanel div.displayPagePanel {
    }

/******************************************************************************************/
/* end admin panel styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* Amazon payment page                                                               */
/******************************************************************************************/
#checkout_amazon div.section {
    margin-bottom: 1em;
    border: 1px solid #636363;
    border-radius: 5px;
    background-color: #E1E1E1;
}

    #checkout_amazon div.section .header {
        padding-left: 10px;
        background: url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1;
        border-radius: 5px;
    }

        #checkout_amazon div.section .header h2 {
            font: bold 12px/29px arial,sans-serif;
            display: inline-block;
            letter-spacing: 0.5pt;
            margin: 0;
        }

    #checkout_amazon div.section .content {
        margin: 0px 3px 3px 3px;
        border: 1px solid #636363;
        padding: 10px 10px 10px 10px;
        background-color: White;
    }

#checkout_amazon .sidebarColumn {
    width: 420px;
}

#checkout_amazon .mainColumn {
    width: 520px;
}


/******************************************************************************************/
/* End Amazon payment page                                                               */
/******************************************************************************************/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 10px;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 155px; /* left offset of submenus need to match (see below) */
    }

        .sf-menu ul li {
            width: 155px;
        }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
        z-index: 999;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 155px;
        top: 1px; /* match top ul list item height */
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 155px; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 155px; /* match ul width */
    top: 0;
}

/*** SUPERFISH CUSTOM STYLES ***/
.sf-menu {
    float: left;
    font-family: Arial,Verdana, tahoma, Helvetica, san-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 19px;
	padding: 6px 0 0px 0px;
    text-transform: uppercase;
}



    .sf-menu li li {
        line-height: 20px;
        padding: 0px;
    }


    .sf-menu a {
        text-decoration: none;
        padding-left: 4px;
        padding-right: 46px;
        padding-bottom: 6px;
    }

    .sf-menu ul a {
        border-bottom: 0px dotted #000;
        border-right: 1px solid #000;
        padding: 2px 0 2px 5px;
        text-decoration: none;
    }

    .sf-menu li {
        /*background: #630; */ width: 100%;
        border-bottom: 1px solid #000;
        border-right: 0px solid #000;
    }

        .sf-menu li li {
            background: #ecb600;
            color: #000;
        }


            .sf-menu li li a:hover {
                background: #000;
                color: #fff;
            }

            .sf-menu li li li {
                background: #ecb600;
                color: #000;
            }

        .sf-menu li:hover, .sf-menu li.sfHover, sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
            /*background: #fff;*/
            outline: 1px;
        }

            /* here because ie 6&7 doesn't support the inherit keyword */
            .sf-menu a, .sf-menu li, .sf-menu li a, .sf-menu li a, .sf-menu li:hover li a, .sf-menu li.sfHover li a,
            .sf-menu li:hover li:hover li a, .sf-menu li.sfHover li.sfHover li a {
                color: #000;
            }

    .sf-menu li {
        width: 155px;
    }
    /*terry added because ie 6 was ignoring width on toplevel menu tabs*/

    html > body .sf-menu li {
        min-width: 1px;
    }

        .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li:hover a, .sf-menu li.sfHover a {
            color: #000;
        }

            .sf-menu li:hover li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li:hover li:hover a,
            .sf-menu li.sfHover li.sfHover a, .sf-menu li:hover li:hover li a:hover,
            .sf-menu li.sfHover li.sfHover li a:hover {
                color: #fff;
            }

    /* end section due to ie 6&7 */


    /*** arrows **/
    .sf-menu a.sf-with-ul {
        padding-right: 2.25em;
        min-width: min-width:155px; /* trigger IE7 hasLayout so spans position accurately */
    }

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    /*top:			0.5em;*/ /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: visible;
    background: url('images/arrow.gif') no-repeat -10px 0px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    top: .35em;
    background-position: 0 0px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: 0px 0px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: 0px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: 0px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }

/* node in the catalog display - used in table layouts */
.catalog .tableNode {
    padding: 12px;
}

    .catalog .tableNode div {
        margin-top: 10px;
    }

    .catalog .tableNode img {
        margin-top: 6px;
    }


.DottedBorder {
    border-bottom: dotted 1px #000;
}

#DottedBorder2 {
    border-bottom: dotted 1px #000;
}

#DottedBorder3 {
    border-bottom: dotted 1px #000;
}

#RecommendedAccessories {
    margin: -4px;
    height: 25px;
    line-height: 27px;
    font-size: 12px;
    text-indent: 7px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-transform: capitalize;
}

.productImageArea .productImage {
    max-width: 406px;
    max-height:310px;
}

/* container for the products grid */
table.productsGrid { }
.featuredProductContainer {	padding-bottom: 40px; border:1px solid #999999;}

/* cell that contains the product thumbnail */
td.thumbnail
{
	padding:2px;
	/* border:solid 1px #C4C4C4; */
	text-align:center;
}

td.thumbnail img{
	 height:130px; }

/* cell that displays the product details */
td.details
{
	padding-left:5px;
}