html, body
{
    margin: 0px;
    padding: 0px;
    background-image: url('../images/bg.gif');
}
.leftpanelheaders
{
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    height: 22px;
    padding-left: 5px;
    padding-top: 4px;
    text-transform: uppercase;
    text-align: center;
    background-repeat: repeat-x;
    margin-top: 5px;
    background-image: url('../images/lhsheader_bgd.gif');
}
.star_rating
{
    white-space: nowrap;
    margin: 1em;
    height: 14px;
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
}
.star_filled
{
    background-image: url('../images/rating/ratingStarFilled.png');
}
.star_empty
{
    background-image: url('../images/rating/ratingStarEmpty.png');
}
.star_saved
{
    background-image: url('../images/rating/ratingStarSaved.png');
}
.cvvInfo
{
    background-color: White;
    padding: 10px;
    margin: 10px;
}
.cvvLink
{
    text-align: right;
}
h1, h2, h3, h4, h5, h6, p, form
{
    margin: 0px;
    padding: 0px;
}
.frontBullets
{
    font-size: 9px;
}
#wrapper
{
    width: 1000px;
    margin: 0px auto;
    background-color: #FFF;
}
#content
{
    width: 978px;
    margin: 0px auto;
    background-image: url('../images/bg_header_top.gif');
    background-repeat: repeat-x;
    background-position: 50% top;
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #797B7A;
    font-weight: normal;
}
#logo
{
    float: left;
}
#logo h1
{
    font-size: 40px;
    color: #EE8907;
    padding-left: 40px;
    padding-top: 20px;
}
#logo h4
{
    color: #808080;
    text-decoration: none;
    padding-left: 75px;
}
#headingBullets
{
    width: 950px;
    margin: 10px auto;
}
#headingBullets ul
{
    font-size: 16px;
    color: #EE8907;
    font-weight: bold;
}
#headingBullets li
{
    width: 425px;
    float: left;
    margin-left: 20px;
}
#links
{
    float: right;
    margin: 0;
}
#links li
{
    float: left;
    list-style-type: none;
    text-align: center;
    border-left: 1px solid #FFF;
}
#links a
{
    color: #fff;
    text-decoration: none;
    width: 100px;
    height: 25px;
    display: block;
    position: relative;
    padding-top: 6px;
    background-color: #EE8907;
}
#links a:hover
{
    color: #EE8907;
    background-color: #9BBE00;
}
#mainimg
{
    clear: both;
    background-image: url('../images/main_img.jpg');
    background-repeat: repeat-x;
    height: 75px;
    text-align: right;
}
#mainimg h1
{
    color: white;
    padding-right: 75px;
}
#mainimg h2
{
    color: white;
    padding-right: 10px;
}
#contentarea
{
    clear: both;
    padding: 15px 0px;
}
#leftbar
{
    float: left;
    width: 175px;
}
#leftbar h5
{
    color: #9BBE00;
    padding-left: 5px;
    padding-top: 4px;
}
#leftbar p
{
    font-size: 11px;
    padding-left: 5px;
}
.leftbarLower
{
    padding-top: 100px;
    vertical-align: bottom;
}
.pickerHeader
{
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    height: 22px;
    margin-left: 5px;
    padding-top: 4px;
    text-transform: uppercase;
    text-align: center;
    background-repeat: repeat-x;
    margin-top: 5px;
    background-image: url('../images/lhsheader_bgd.gif');
}
.picker
{
    text-align: center;
    border-bottom: solid 1px silver;
}
.picker table
{
    margin-left: 5px;
    width: auto;
    margin: 0px auto;
}
.picker td
{
    padding: 3px;
    width: 50px;
}
.picker input
{
    width: 50px;
    border: solid 1px black;
}
.typePicker
{
    width: 160px;
    margin: auto;
    padding: 0px;
}
.typePicker div
{
    border-width: 1px 2px 2px 1px;
    border-style: solid;
}
.typePicker td
{
    text-align: center;
    vertical-align: middle;
}
.typePicker span
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}
.typePickerButton
{
    width: 70px;
}
.colorPicker
{
    width: 130px;
    margin: auto;
}
.cardColorSwatch
{
    margin: 3px;
    width: 100px;
    border: solid 1px Black;
    height: 25px;
    color: Black;
    font-size: small;
    text-align: center;
    vertical-align: middle;
}
.stylePicker
{
    width: 140px;
    margin: auto;
}
.stylePicker span
{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 7pt;
    font-weight: bold;
}
h2
{
    font-size: 20px;
    color: #EE8907;
    padding-left: 10px;
    padding-bottom: 5px;
}
h3
{
    font-size: 24px;
    color: #EE8907;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 10px;
}
h4
{
    font-size: 18px;
}
h5
{
    font-size: 11px;
    font-weight: bold;
}
.secureLogo
{
    width: 200px;
    margin: 5px auto;
    text-align: center;
}
.securityLink
{
    text-align: center;
}
.securityPolicyBody
{
    margin: 10px;
}
.securityPolicy
{
    padding: 10px;
    background-color: White;
}
.faq
{
    width: 100%;
}
.generalHeader
{
    height: 15px;
    background-color: #9BBE00;
    color: White;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
}
.generalText
{
    text-decoration: none;
}
.productConfigHeading
{
    text-align: center;
}
.generalText b
{
    color: #000000;
    font-weight: bolder;
    text-decoration: none;
    margin: 5px;
}
.faqAnswer
{
    text-decoration: none;
    margin: 5px 5px 5px 15px;
}
.faqQuestion
{
    color: #000000;
    font-weight: bolder;
    text-decoration: none;
    margin: 5px 5px 5px 15px;
}
.generalText a
{
    color: #EE8907;
    font-weight: bold;
    text-decoration: none;
}
.cartLower
{
    width: 100%;
    height: 150px;
}
.checkoutLower
{
    width: 100%;
    height: 60px;
}
.promo
{
    text-align: left;
    float: left;
    margin: 0px auto;
    width: 300px;
}
.totalText
{
    text-align: right;
    float: right;
    margin: 0px auto;
    width: 400px;
}
.totalText em
{
    color: #EE8907;
    font-weight: bold;
}
.totalText b
{
    font-weight: bolder;
}
.thankYouHeader
{
    font-size: 26px;
    color: #EE8907;
    text-decoration: none;
    padding: 5px;
    text-align: center;
}
.thankYou
{
    text-decoration: none;
    margin: 5px;
    text-align: center;
}
.feedbackList
{
    width: 800px;
    margin: 0px auto;
}
.resetSessionButton
{
    margin: 10px 10px 10px 275px;
    border: medium solid #aaaaaa;
    width: 200px;
    height: 35px;
    background-image: url('../images/button-bg-35.jpg');
    font-size: medium;
    color: White;
}
.loginPanel
{
    width: 300px;
    margin: 0px auto;
}
.addressPanel
{
    padding-left: 10px;
}
.registerTable
{
    width: 100%;
}
.registerCell
{
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #EE8907;
    width: 50%;
}
.categoryName
{
    color: #888888;
    font-weight: bold;
    text-decoration: none;
}
.highlightHeader
{
    color: #EE8907;
    font-weight: bold;
    text-decoration: none;
    padding-left: 60px;
}
.previewInstructions
{
    font-size: 18px;
    color: #EE8907;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
    background-image: none;
    background-color: White;
}
.checkoutWarning
{
    font-size: 12px;
    color: #EE8907;
    font-weight: bold;
    padding-bottom: 5px;
    background-image: none;
}
.continueShopping
{
    float: left;
    padding: 20px;
    display: block;
}
.checkout
{
    float: right;
    padding: 20px;
    display: block;
}
.productDisplay
{
    text-decoration: none;
    vertical-align: top;
}
.productDisplayRow
{
    height: 30px;
}
.productDisplayRow span
{
    float: right;
    text-align:right;
}
.productDisplayImage
{
}
.productListImage
{
}
.mergedImage
{
    border: 1px solid #000000;
    width: 200px;
}
.downloadPdfLink
{
    width: 40px;
    padding-top: 10px;
}
.bookViewerLink
{
    width: 50px;
    padding-top: 10px;
}
.smallBookViewerLink
{
    width: 50px;
}
.previewLinks
{
    left: auto;
    text-align: center;
    color: Red;
}
.cartLinePreview
{
    width: 100%;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}
.cartLineImage
{
    width: 150px;
}
.cartLineDetailTable
{
    margin: 0px auto;
    width: 150px;
    border: solid thin #eeeeee;
}
.promoButton
{
    margin: 10px 10px 10px 10px;
    border: medium solid #aaaaaa;
    width: 150px;
    height: 35px;
    background-image: url('../images/button-bg-35.jpg');
    font-size: medium;
    color: White;
    vertical-align: middle;
}
.promoTextBox
{
    width: 100px;
    vertical-align: middle;
}
.buttonDisabledLarge
{
    border: medium solid #aaaaaa;
    width: 200px;
    height: 35px;
    background-image: url('../images/button-bg-35-disabled.jpg');
    font-size: medium;
    font-weight: bold;
    color: White;
}
.buttonPrimaryLarge
{
    width: 200px;
    height: 35px;
    background-image: url('../images/button-bg-35.jpg');
    font-size: medium;
    font-weight: bold;
    color: white;
}
.buttonPrimarySmall
{
    width: 100px;
    background-image: url('../images/button-bg-35.jpg');
    font-size: x-small;
    font-weight: bold;
    color: white;
}
.buttonSecondaryLarge
{
    width: 200px;
    height: 35px;
    font-size: medium;
    font-weight: bold;
    color: #888888;
}
.buttonSecondarySmall
{
    font-size: x-small;
    font-weight: bold;
    width: 100px;
    color: black;
}
.buttonContainer
{
    width: 200px;
    margin: 0px auto;
    padding: 10px;
}
.buttonContainerSmall
{
    width: 100px;
    margin: 0px auto;
    padding: 10px;
}
.buttonContainerLeft
{
    float: left;
    width: 200px;
    margin: 0px auto 0px 0px;
    padding: 10px;
}
.buttonContainerRight
{
    float: right;
    width: 200px;
    margin: 0px 0px 0px auto;
    padding: 10px;
}
.stepTitle
{
    font-weight: bold;
    color: #EE8907;
    padding-left: 10px;
}
.productConfigGrid
{
    width: 100%;
    background-color: #eeeeee;
}
.productConfigCell
{
    width: 50%;
    background-color: #ffffff;
    padding: 4px;
}
.productConfigHeader
{
    width: 100%;
    height: 15px;
    background-color: #9BBE00;
    color: #fff;
}
.productConfigFooter
{
    width: 100%;
    height: 15px;
    background-color: #9BBE00;
}
.addToCartDropDown
{
    margin-bottom: 5px;
    width: 200px;
}
.productListTopBar
{
    width: 100%;
    height: 15px; /*background-color: #EE8907;*/
    background-color: White;
}
.cartCheckoutButton
{
    border: medium solid #aaaaaa;
    margin: 10px 10px 10px 100px;
    width: 200px;
    height: 35px;
    background-image: url('../images/button-bg-35.jpg');
    font-size: medium;
    color: White;
}
.editCartLine
{
    width: 600px;
    margin: 10px auto 10px auto;
    vertical-align: bottom;
}
.editCartLine td
{
    vertical-align: middle;
}
.cartEmpty
{
    color: #EE8907;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.shoppingCart
{
    margin: 0 auto;
    width: 750px;
    text-align: center;
}
.cartGrid
{
    width: 750px;
    text-decoration: none;
    margin: 0 auto;
}
.cartHeader
{
    width: 100%;
    height: 15px;
    background-color: #9BBE00;
    color: #fff;
}
.cartFooter
{
    width: 100%;
    height: 15px;
    background-color: #9BBE00;
}
.cartPager
{
    height: 15px;
    text-align: center;
    background-color: #9BBE00;
}
.addToCart
{
}
.loginName
{
    color: #fff;
    padding: 0px 40px;
}
.configComplete
{
    text-align: center;
}
.productListItemNumber
{
    width: 100%;
    text-align: right;
    font-size: 8px;
}
#_categoryMenu table
{
    margin: 0px;
    padding-top: 67px;
}
#_categoryMenu td
{
    list-style-type: none;
    width: 175px;
    text-align: left;
}
#_categoryMenu a
{
    color: #fff;
    text-decoration: none;
    width: 165px;
    height: 25px;
    display: block;
    padding-top: 4px;
    padding-left: 10px;
    background-color: #EE8907;
}
#_categoryMenu a:hover
{
    color: #EE8907;
    background-color: #9BBE00;
}
#_productList
{
    padding-left: 10px;
}
td
{
    vertical-align: top;
}
table
{
    width: 100%;
}
a img
{
    border: none;
}
a
{
    color: #EE8907;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#rightbar
{
    float: right;
    width: 800px;
    border-left: 1px solid #BCBDBC;
}
#rightbar h2
{
    font-size: 26px;
    text-decoration: none;
    padding-left: 25px;
    padding-bottom: 5px;
}
#rightbar p
{
    text-decoration: none;
    padding: 0px 25px;
}
.ccProblem
{
    font-size: 18px;
    color: #EE8907;
    font-weight: bold;
}
.highlightText
{
    color: #EE8907;
    font-weight: bold;
    text-decoration: none;
}
#crossLink
{
    text-align: center;
}
#bottom
{
    clear: both;
    height: 32px;
    background-color: #9BBE00;
}
#bottomLeft
{
    float: left;
    height: 27px;
    padding-top: 5px;
}
#bottomLeft a
{
    color: #fff;
    text-decoration: underline;
    padding: 0px 40px;
}
#bottomLeft a:hover
{
    color: #fff;
    text-decoration: none;
    padding: 0px 40px;
}
#email
{
    float: right;
    text-align: right;
    height: 27px;
    padding-top: 5px;
    padding-right: 40px;
}
#email p
{
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding-right: 10px;
}
#email a
{
    color: #fff;
    text-decoration: underline;
}
#email a:hover
{
    color: #fff;
    text-decoration: none;
}
.required
{
    font-size: 18px;
    color: #9BBE00;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail
{
    position: relative;
    z-index: 0;
    height: 50px;
}
.thumbnailIcon
{
    position: relative;
    border: none;
    left: -10px;
    padding-top: 5px;
}
.thumbnail:hover
{
    background-color: transparent;
    z-index: 50;
}
.thumbnail img
{
}
.thumbnail span
{
    /*CSS for enlarged image*/
    position: absolute;
    background-color: White;
    padding: 20px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    border: solid thin #000000;
}
.thumbnail span img
{
}
.thumbnail:hover span
{
    /*CSS for enlarged image on hover*/
    visibility: visible;
    bottom: 30px;
    left: -150px; /*position where enlarged image should offset horizontally */
}
#feedback
{
    margin: 20px 10px 10px 0px;
    float: right;
}
#aboutUsMenu
{
    width: 150px;
}
.checkoutHeader
{
    text-align: center;
}
.priceLink
{
    width: 100px;
    height: 50px;
    margin: 10px auto;
    background-repeat: no-repeat;
}
.paymentMethods
{
    width: 150px;
    margin: 10px auto;
    background-repeat: no-repeat;
    text-align: center;
}
.pricingText
{
    width: 90%;
    margin: 0 auto;
}
.pricingList
{
    width: 900px;
    list-style-type: none;
    margin: 0 auto 10 auto;
}
.pricingList li
{
    width: 440px;
    padding: 0 10px 0 0;
    float: left;
    border-top: thin #9BBE00 solid;
}
.pricingList h1
{
    font-style: normal;
}
.pricingList h1
{
    color: white;
    padding-left: 10px;
    font-size: 14pt;
    background-color: #9BBE00;
}
.pricingList h2
{
    font-size: 10pt;
    color: #9BBE00;
}
.pricingList table
{
    margin: 10px auto;
    width: inherit;
}