/*

	-- -- -- -- -- -- --
	default.css
	Main site foundation layout
	-- -- -- -- -- -- --
	menu
*/

@import url("reset.css");
@import url("additions.css");
@import url("datepicker.css");
/* @import url("dev.css"); */


/* ----------------------------------------- */
/* -- Initial Page Setup -- */

/* base HTML */
body
{
    font: 62.5% arial, sans-serif;
    color: #444;
    background: #fff;
}
#container
{
    background: #e7e7e7 url(../i/ui/container-bg.png) repeat-x 0 0;
    margin: 15px;
    border: solid 1px #d6d6d6;
}
/* core typography */
a
{
    color: #b51f2d;
}
a:hover, a:focus
{
    color: #ea2f40;
}
address
{
    font-style: normal;
}
address p
{
    margin: 0;
}
address label
{
    display: block;
    line-height: 1.8333; /* 22px */
    margin: 0;
}
button.primary
{
    font-size: 2em; /* 20px */
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    vertical-align: top;
}
button.secondary
{
    font-size: 1.4em; /* 14px */
    font-weight: bolder;
}
em
{
    font-style: normal;
    color: #000;
}
li
{
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.8333; /* 22px */
}

.primary li, .secondary li
{
    margin-bottom: 0em;
}
li li, li li li, li li li
{
    font-size: 1em;
}
h2
{
    font-size: 3em; /* 30px */
    font-weight: normal;
    letter-spacing: -0.04em;
}
h3
{
    font-size: 1.6em; /* 16px */
    font-weight: bold;
    letter-spacing: -0.03em;
}
h4
{
    font-size: 1.4em; /* 14px */
    font-weight: bold;
    letter-spacing: -0.02em;
}
h5
{
    font-size: 1.2em; /* 12px */
    font-weight: bold;
    letter-spacing: -0.02em;
}
label, input, select
{
    font-size: 1.2em; /* 12px */
}
p
{
    font-size: 12px; /* 12px */
    line-height: 1.8333; /* 22px */
    margin-bottom: 1em; /* 12px */
}
strong
{
    color: #000;
    font-weight: bolder;
}
#footer li a
{
    color: #fff;
    font-size: 1.2em; /* 12px */
    line-height: 1.8333; /* 22px */
    text-decoration: none;
}

/* ----------------------------------------- */
/* -- Header -- */
#header-status, #header-cart
{
    position: absolute; /* ----------------------------------------- */
    top: 15px;
    right: 15px;
    padding: 0 0 10px 15px;
    background: #fff;
    border-bottom: solid 1px #d6d6d6;
    border-left: solid 1px #d6d6d6;
}
/* ----------------------------------------- */
/* -- Header -- */
.banner #header-status, .banner #header-cart
{
    /* ----------------------------------------- */
    top: 67px;
}
#header-cart
{
    width: 300px;
    padding-left: 70px;
    background: #fff url(../i/guides/small-icon.png) no-repeat 12px 0;
}
#header-status p, #header-cart p
{
    margin-bottom: 0;
    line-height: 1.6; /* 16px */
}
#header-status h2, #header-cart h2
{
    font-size: 1.4em; /* 14px */
    font-weight: bold;
}
#header
{
    padding-top: 15px;
    padding-bottom: 35px;
    width: 756px;
    margin: auto;
    overflow: hidden;
}
#header h1
{
    float: left;
}
#tagline
{
    font: italic 1.8em Georgia, serif;
    float: right;
    padding-top: 18px;
}
#signinForm, #signin
{
    display:inline;
}

/* ----------------------------------------- */
/* -- Basic Grid -- */
.col-1
{
    width: 75px;
    float: left;
    margin-right: 10px;
}
.col-2
{
    width: 160px;
    float: left;
    margin-right: 10px;
}
.col-3
{
    width: 245px;
    float: left;
    margin-right: 10px;
}
.col-4
{
    width: 330px;
    float: left;
    margin-right: 10px;
}
.col-5
{
    width: 415px;
    float: left;
    margin-right: 10px;
}
.col-6
{
    width: 500px;
    float: left;
    margin-right: 10px;
}
.col-7
{
    width: 545px;
    float: left;
    margin-right: 10px;
}
/* ----------------------------------------- */
/* -- General Content Area Style -- */

/* re-usable containers */
.content-area
{
    width: 756px;
    margin: auto;
    overflow: hidden;
    padding-right: 4px;
}
.offset-panel
{
    background: #fff url(../i/ui/panel-bg.gif) repeat-x left bottom;
    border: solid 1px #d6d6d6;
    border-right-color: #b2b2b2;
    border-bottom-color: #b2b2b2;
}
.callout-panel
{
    clear: both;
    margin-top: 5em; /* 50px */
    margin-bottom: 4em; /* 40px */
    border-top: solid 1px #fff;
    background: #d3d1d1 url(../i/ui/callout-panel-bg.gif) repeat-x left bottom;
}
.primary-callout
{
    color: #fff;
    background: #811c1c url(../i/ui/callout-panel-primary-bg.gif) repeat-x left bottom;
    border-top: solid 1px #fff;
}
.primary-callout h3
{
    color: #e0b3b5;
}
.callout-panel .wrap
{
    width: 756px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 3em;
}
.callout-panel h2
{
    margin-top: 1em;
    margin-bottom: 0.3em; /* 9px, optical height of 12px */
}
/* re-usable modules */
hr.br
{
    border: solid 1px #d3d1d1;
    background: transparent;
    height: 0;
    padding: 2em 0;
    clear: both;
}
button .arrow
{
    font-size: 0.75em;
    padding: 0 2px;
    position: relative;
    top: -0.1em;
    color: #df9941;
}
button.disabled .arrow
{
    color: #e5d0b6;
}
button
{
    color: #fff;
    background: #a41b21 url(../i/ui/button-bg.png) repeat-x left center;
    text-shadow: #7d0b10 2px 3px 0px;
    border: solid 1px #a41b21;
    border-right: solid 2px #7d0b10;
    border-bottom: solid 2px #7d0b10;
    padding: 0.2em 1em;
}
button.clear
{
    color: #fff;
    background: #a41b21 url(../i/ui/button-bg.png) repeat-x left center;
    text-shadow: #7d0b10 2px 3px 0px;
    border: solid 1px #a41b21;
    border-right: solid 2px #7d0b10;
    border-bottom: solid 2px #7d0b10;
    padding: 0.2em 1em;
    
}
button.disabled
{
    color: #efefef;
    background: #d4adb0;
    text-shadow: #c8a5a7 2px 3px 0px;
    border: solid 1px #d3aaac;
    border-right: solid 2px #c8a5a7;
    border-bottom: solid 2px #c8a5a7;
}
button:focus, button:active
{
    color: #d6989a;
    background: #98191f;
    text-shadow: #7d0b10 1px 1px 1px;
    border-color: #7d0b10;
    border-right-color: #a41b21;
    border-bottom-color: #a41b21;
}
button.disabled:focus, button.disabled:active
{
    color: #efefef;
    background: #d4adb0;
    text-shadow: #c8a5a7 2px 3px 0px;
    border: solid 1px #d3aaac;
    border-right: solid 2px #c8a5a7;
    border-bottom: solid 2px #c8a5a7;
}
button.tertiary
{
    display: block;
    text-shadow: #7d0b10 1px 1px 0px;
    padding: 0.1em;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
button.tertiary, a.tertiary, a.tertiary:visited
{
    font-size: 1.1em; /* 11px */
    font-weight: bold;
}
textarea.text
{
    font-size:12px;
    padding: 0.3em 0;
    border: solid 1px #666666;
    border-bottom-color: #c8c8c8;
    border-right-color: #c8c8c8;
    background: #fff url(../i/ui/input-bg.png) repeat-x left bottom;
}
input.text
{
    padding: 0.3em 0;
    font-size: 1.2em;
    border: solid 1px #666666;
    border-bottom-color: #c8c8c8;
    border-right-color: #c8c8c8;
    background: #fff url(../i/ui/input-bg.png) repeat-x left bottom;
}
.warning
{
    background-image:url(../i/ui/error.png);
    background-position:left center;
    background-repeat:no-repeat;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
    padding:5px 5px 5px 30px;
}
input.ui-large
{
    padding: 0.3em 0;
    font-size: 2em;
    border: solid 1px #666666;
    border-bottom-color: #c8c8c8;
    border-right-color: #c8c8c8;
    background: #fff url(../i/ui/input-bg.png) repeat-x left bottom;
}
.note
{
    color: #888;
}
p.note
{
    font-size: 1.1em; /* 11px */
}
.read-more
{
    white-space: nowrap;
    padding-right: 16px; /* background: url(../i/ui/ico-readmore.gif) no-repeat 100% 65%; */
}
.row
{
    width: 100%;
    overflow: hidden;
    clear: left;
    margin: 1em 0 2em 0;
}
.sep
{
    color: #bbb9b9;
    margin: 0 4px;
}


/* ----------------------------------------- */

/* -- Home Page -- */
.site-intro .col-3, .primary-callout .col-3
{
    margin-right: 0;
}
.form-primary
{
    margin: 1em 0;
}
.form-primary input
{
    width: 339px;
    margin-right: 4px;
}
#pricing-indicator
{
    margin: 98px 0px 0px 0px;
    padding: 0px 10px;
    background-color: #ffffff;
    background-image: url(../i/ui/panel-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border: solid 1px #d6d6d6;
}
#pricing-indicator .item
{
    color: #888888;
    padding-top: 0.2em;
    border-bottom: solid 1px #bcbcbc;
    position: relative;
}
#pricing-indicator .digital
{
    padding-left: 1.0em;
}
#pricing-indicator .primary
{
    color: #000;
    font-size: 2.4em;
    font-weight: bold;
    letter-spacing: -0.05em;
    padding: 0 0.1em 0 0.4em;
}
#pricing-indicator .currency, #pricing-indicator .secondary, #pricing-indicator .asterisk
{
    position: absolute;
    font-size: 1em;
    font-weight: bold;
    top: 0.6em;
}
#pricing-indicator .asterisk
{
    left: 4.25em;
}
#pricing-indicator .edition
{
    text-transform: uppercase;
    line-height: 2.6em;
}
#pricing-indicator p
{
    font-size: 1.3em;
    line-height: 1.6;
    margin: 0.8em 0;
}
.primary-callout h3
{
    margin-top: 2em;
}
.primary-callout em
{
    font-weight: bolder;
    color: #fff;
}
.primary-callout .feature
{
    margin: 2em 0 0 0;
    display: block;
}
.primary-callout .sampler
{
    margin-top: 3em;
}
.primary-callout a, .primary-callout a:visited
{
    font-weight: bold;
    color: #df9941;
}
.primary-callout .read-more
{
    font-size: 1.2em; /* 12px */
}

/* ----------------------------------------- */
.core-process .col-6
{
    
}

/* -- Core Process -- */
.core-process .col-3
{
    width: 245px;
    margin-top: 3em;
    margin: 0 0 0 0;
}
.steps
{
    margin: 1em 0;
}
.steps p
{
    margin: 0;
    color: #cd9596;
}
.steps div
{
    color: #cd9596;
    background: #761c1c;
    border: solid 1px #872828;
    border-top-color: #6a1919;
    border-left-color: #6a1919;
    width: 118px;
    height: 10em;
    padding: 10px;
    margin-right: 14px;
    float: left;
    position: relative;
}

.steps .step5 {
	margin-right: 0 !important;
}

.core .primary-callout
{
    margin-top: 3em;
}
/* staggered steps */
.stage5 .step5 p, .stage4 .step4 p, .stage4 .step5 p, .stage3 .step3 p, .stage3 .step4 p, .stage3 .step5 p, .stage2 .step2 p, .stage2 .step3 p, .stage2 .step4 p, .stage2 .step5 p
{
    line-height: 1;
    font-size: 3em;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #812b2c;
}
.stage2 .step2 p, .stage3 .step3 p, .stage4 .step4 p, .stage5 .step5 p
{
    color: #bc7f80;
}
.stage2 .step3 p, .stage3 .step4 p, .stage4 .step5 p
{
    color: #9e5858;
}
.stage2 .step4 p, .stage3 .step5 p
{
    color: #954a4a;
}
/* step 4 */
.calendar label
{
    font-size: 1.6em; /* 16px */
    font-weight: bold;
    clear: left;
    display: block;
    float: left;
    width: 3.5em;
    line-height: 2.4;
}
.calendar input
{
    background: url(../i/ui/input-bg-cal.gif) no-repeat right bottom;
    font-weight: normal;
    margin-bottom: 0.5em;
    width: 283px;
}
/* step 5 */
.skip input
{
    width: 250px;
}
.skip button
{
    padding-left: 0.5em;
    padding-right: 0.5em;
}
/* summary */
.summary
{
    margin: 3em 0;
}
.summary li
{
    margin: 1em 0;
    padding-left: 1em;
    background: url(../i/ui/li.gif) no-repeat 0 2px;
}
#guide-summary .wrap
{
    padding-top: 2em;
}
#guide-summary .more-content
{
    padding-right: 65px;
}
#guide-summary .more-content button
{
    float: left;
    padding-left: 0.1em;
    padding-right: 0.1em;
    margin: 0 3px 0 0;
}
#guide-summary .more-content .arrow
{
    padding: 0;
}
#guide-summary .callout-panel
{
    margin-top: 3em;
}
/* build progress page */
#build-progress .content-area
{
    margin-bottom: 8em;
}
#build-progress h3 em
{
    color: #b51f2d;
}
#build-progress .content-area h3
{
    margin: 1.5em 0;
}
#build-progress .col-4
{
    margin-right: 0;
}
#build-progress .col-4 img
{
    border: solid 1px #d6d6d6;
    border-top: 0;
    border-left: 0;
}
#build-progress .col-4 ul
{
    background: url(../i/ui/status-bar-0.gif) no-repeat left top;
    width: 100%;
    overflow: auto;
}
#build-progress .col-4 ul.current-1
{
    background: url(../i/ui/status-bar-1.gif) no-repeat left top;
}
#build-progress .col-4 ul.current-2
{
    background: url(../i/ui/status-bar-2.gif) no-repeat left top;
}
#build-progress .col-4 ul.current-3
{
    background: url(../i/ui/status-bar-3.gif) no-repeat left top;
}
#build-progress .col-4 li
{
    width: 107px;
    float: left;
    padding-top: 15px;
    margin-right: 3px;
    color: #aeaeae;
    font-size: 1.1em; /* 11px */
}
#build-progress .col-4 li.step-2
{
    width: 110px;
    margin-right: 5px;
}
#build-progress .col-4 li.step-3
{
    width: 100px;
    margin-right: 0;
}
#build-progress .current-1 li.step-1, #build-progress .current-2 li.step-1, #build-progress .current-3 li.step-1, #build-progress .current-2 li.step-2, #build-progress .current-3 li.step-2, #build-progress .current-3 li.step-3
{
    color: #434343;
}


/* ----------------------------------------- */
/* -- Checkout Workflow -- */

/* cart-specific tweaks */
#checkout-process .content-area h2
{
    margin-bottom: 0.6667em; /* 20px */
}
#checkout-process .cart-revise
{
    /* margin-bottom: 5em; */
}
#checkout-process .callout-panel
{
    margin-top: 0;
}
#checkout-process .callout-panel .col-4, #checkout-process .content-area .col-4, #checkout-process .address-summary
{
    margin-right: 0;
}
#checkout-process .login h3
{
    margin-bottom: 0.25em; /* 4px */
}
#checkout-process .login input
{
    width: 100%;
    margin-bottom: 0.75em; /* 15px */
}
/* general items */
.cart-subtotal
{
    width: 756px;
    margin: 0 auto;
}
.cart-subtotal h2
{
    font-size: 1.2em; /* 12px */
    display: block;
    float: left;
    border: solid 1px #d0d0d0;
    border-top: 0;
    background: #fff url(../i/ui/input-bg.png) repeat-x left bottom;
    padding: 1em 2em;
    margin-top: 0;
    margin-bottom: -1px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.cart-subtotal .price
{
    font-weight: bold;
    font-size: 1.3333em; /* 16px */
}
.cart-item, .cart-review
{
    width: 100%;
    overflow: hidden;
    padding: 5px 0 0 0;
    border-bottom: solid 1px #d7d7d7;
}
.cart-review .icon, .cart-item .icon
{
    text-align: center;
}
.cart-item label, .checkout-form label
{
    display: block;
}
.cart-item label, .checkout-form label
{
    display: block;
}
#billing_id, #shipping_id
{
    margin-top: 10px;
}
.cart-item .itinerary, .cart-item .editions, .cart-item .quantity, .cart-review .itinerary
{
    padding-top: 1em;
}
.cart-item .shippingError strong
{
    font-size:11px;
}
.cart-item .shippingError
{
    background-image:url(../i/ui/error.png);
    background-position:left center;
    background-repeat:no-repeat;
    left:-25px;
    margin-top:6px;
    padding-left:25px;
    position:relative;
    top:0;
}
.cart-item .editions
{
    float:left;
}
.cart-item .quantity input
{
    width: 60px;
}
.cart-item .actions
{
    margin-right:0;
    padding-top:2.5em;
    width:74px;
}
.cart-item .actions div
{
    margin-bottom:15px;
}
.cart-item a.remove
{
    /*display: block;*/
    padding-left: 20px;
    background: url(../i/ui/ico-remove.png) no-repeat 0 0;
    line-height: 16px;
    font-size: 1.2em;
}
.couponerror
{
  color:red;
  font-size:12px;
  text-align:center;
}

#couponsAdd
{
    float:left;
    margin-top:15px;
    width:414px;
}

/* step 1 */
.checkout-form .text, .checkout-form select
{
    width: 100%;
}
.checkout-form label
{
    clear: both;
    padding-top: 1.667em; /* 10px */
}
.address-shipping
{
    position: relative;
}
.address-shipping .col-4 h4
{
    float: left;
    width: 160px;
}
.checkout-form .same
{
    width: 180px;
    color: #444;
    padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.checkout-form button
{
    margin-top: 2em; /* 40px */
}
.disabled
{
    color: #a6a6a6;
}
.disabled .text
{
    background: #dfdddd;
    border-color: #b2b1b1;
    border-bottom-color: #e0dfdf;
}
/* step 2 */
.cart-sidebar
{
    background:#FFFFFF url(../i/ui/panel-bg.gif) repeat-x scroll left bottom;
    border:1px solid #B2B2B2;
    margin-left:10px;
    width:224px;
    margin-top:10px;
}

.cart-sidebar .item
{
    padding:10px;
    border-top:1px solid #DDD;
}

.cart-sidebar .item p
{
    margin-left:12px;
}

.cart-sidebar .item .label
{
    clear:both;
    display:block;
    float:left;
    width:100px;
}

.cart-sidebar .item .money
{
    display:block;
    float:left;
    text-align:right;
    width:80px;
}

.address-summary address
{
    margin-bottom: 2em;
}
.card-type
{
    width: 100%;
    overflow: hidden;
}
.card-type a
{
    display: block;
    float: left;
    padding: 4px;
    margin-right: 3px;
    border: solid 1px #d3d1d1;
}
.card-type a:hover
{
    background: #bbb;
    border-color: #bbb;
}
.card-type a img
{
    display: block;
}
.card-type .selected, .card-type a.selected:hover
{
    border: solid 1px #434343;
    background: #a8a6a6;
}
.expiry
{
    width: 100%;
    overflow: auto;
}
.expiry select
{
    float: left;
    width: auto;
    margin-right: 1em;
}
.checkout-form .notification
{
    padding-top: 1.5em;
    margin-right: 0;
}
/* step 3 */
.edit-cart
{
    float: right;
    font-size: 1.2em;
    margin: 0.8333em 0; /* 10px */
}
/* step 4 */
.sample-content img
{
    margin-left: 75px;
    border: solid 1px #fff;
}
.sample-content p
{
    font-size: 1.1em; /* 11px */
    margin-bottom: 2em;
    margin-left: 75px;
}
/* cart errors */
.cart-errors
{
    margin-bottom: 5em; /* 50px */
}
.error, .cart-errors h3
{
    color: #b51f2d;
}
label.error
{
    font-weight: bold;
}
.checkout-form input.error
{
    background: #ffe5e7;
    border-color: #be0010;
}
.cart-errors .wrap
{
    padding: 20px 20px 20px 80px;
    background: url(../i/ui/ico-error.gif) no-repeat 28px 20px;
}
.cart-errors li
{
    list-style: square;
    margin: 1em 0 1em 1.2em;
}

/* status message for success */
.status-messages
{
    margin-bottom: 5em; /* 50px */
}
.status-messages h3
{
    color: #3ac025;
}
.status-messages .wrap
{
    padding: 20px 20px 20px 80px;
    background: url(../i/ui/ico-check.png) no-repeat 28px 20px;
}
.status-messages li
{
    list-style: square;
    margin: 1em 0 1em 1.2em;
}
/*

.guideBook
{
    background-color:#fff;
    border-color:#fff;
    border-style:solid;
    border-width:1px 0px;
    font-size:12px;
    padding:5px;
}

.guideBook.on
{
    background-color:#F4F4F4;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px 0px;
    cursor:pointer;
}
*/

/* guide history */

                  .guide_img {
                      float:left;
                      width:117px;
                      margin-right:20px;
                      position:relative;
                      height:215px;
                      background-image:url('/i/ui/guide_big.png');
                  }
                  .guide_img span {
                      color:#fff;
                      font-family: Georgia, "Times New Roman";
                      font-size:13px;
                      font-weight:bold;
                      left: 9px;
                      position: absolute;
                      top:80px;
                  }
                  .guide_img span.small {
                      font-size:11px;
                  }
                  .guide_img span.smaller {
                      font-size:9px;
                  }
                  .guide_img .guide_img_div {
                      margin: 109px 0pt 0pt 3px;
                      height: 103px;

                      width: 111px;
                      overflow:hidden;
                  }
                  .guide_img .guide_img_div2 {
                      height: 103px;
                      width: 111px;
                      position:relative;
                      overflow:hidden;
                  }
                  .guide_info {
                      font-size:12px;
                      float:left;
                      width:597px;
                  }
                  
                  .guide_info_top {
                      border-bottom:1px solid #eee;
                      margin-bottom:5px;
                      padding-bottom:5px;
                  }
                  
                  .guide_info span {
                      color:#808080;
                      font-size:10px;
                  }
                  
                  .guide_details {
                      width:220px;
                      border-right:1px solid #eee;
                      vertical-align:top;
                  }
                  
                  
                  .guide_center {
                        padding-left:20px;
                        padding-right:15px;
                        width:225px;
                        height:90px;
                  }
                  
                  .guide_div {
                        background-position:0 center;
                        background-repeat:no-repeat;
                        padding:10px 0 10px 65px;
                        width:160px;
                  }
                  
                  .guide_download .guide_div {
                        background-image:url(/i/ui/pdf_large.png);
                  }
                  
                  .guide_send .guide_div {
                        background-image:url(/i/ui/box.jpg);
                  }
                  
                  .guide_send .guide_error, .guide_download .guide_error {
                        background-image:url(/i/ui/warning.png);
                  }
                  
                  .guide_edit {
                        background-image:url(/i/ui/edit_guide.png);
                        background-position:5px center;
                        background-repeat:no-repeat;
                        padding:10px 0 10px 65px;
                        width:140px;
                  }
                  
                  .guide_share {
                        background-image:url(/i/ui/share.png);
                        background-position:0px center;
                        background-repeat:no-repeat;
                        padding:0px 0 0px 65px;
                        width:140px;
                  }
                  
                  .guide_share input {
                      border: 1px solid rgb(204, 204, 204);
                      padding: 2px;
                      font-size: 11px;
                      width: 135px;
                      margin-bottom: 3px;
                      margin-top: 3px;
                      color: rgb(102, 102, 102);
                  }
                  
                  .guide_share a {
                      font-size:11px;
                  }
                  
                  .guide_info_middle {
                      width:100%;
                  }
                  
                  .guide_info_middle label {
                      color:#A0A0A0;
                      display:block;
                      float:left;
                      font-size:10px;
                      text-transform:uppercase;
                      width:45px;
                  }
                  
                  .guide_links ul li {
                      text-align:right;
                      margin:2px 0;
                      font-size:11px;
                  }
                  
                  .guide_links ul li {
                      text-align:right;
                      margin:2px 0;
                      font-size:11px;
                      height:20px;
                  }
                  
                  .guide_links ul li a {
                      text-decoration:none;
                      display:block;
                      font-family:Verdana;
                      padding:3px 6px;
                  }
                  
                  .guide_links ul li.on a {
                      background-image: url(/i/ui/arrow_left.gif);
                      background-position: left center;
                      color: #fff;
                      height:14px;
                  }
                  
                  #orderHistory .guide_info h3 {
                      font-size:18px;
                      margin:0;
                  }
                  
                  .order-history .offset-panel {
                      overflow:hidden;
                  }
                  
                  .guide_info_bottom {
                      border-top: 1px solid #eee;
                      width: 100%;
                      padding-top: 5px;
                      margin-top: 5px;
                      border-collapse:separate;
                  }
                  
                  .guide_info_bottom td {
                      vertical-align:top;
                  }

                  .guide_summary_table td,
                  .guide_summary_table th {
                      padding: 3px 8px;
                      line-height: 11px;
                  }
                  .guide_summary_table th {
                      font-size: 11px;
                  }
                  .guide_summary li {
                      margin: 0;
                      padding: 4px 0px;
                      line-height: 22px;
                  }
                  .guide_summary span {
                      display: block;
                      float: left;
                      width: 120px;
                      margin-right: 10px;
                      color: #808080;
                      font-size: 11px;
                      font-weight: bold;
                      text-transform: uppercase;
                  }
                  
                  .guide_status li {
                      padding: 2px 0px 2px 19px;
                      font-size: 12px;
                      background-position: left center;
                      background-repeat: no-repeat;
                      margin: 3px 0 0;
                      color:#999;
                  }
                  
                  .guide_status li.success {
                      background-image: url(/i/ui/check.png);
                      color:#000;
                  }
                  
                  .guide_status li.error {
                      background-image: url(/i/ui/error_ball.png);
                      background-position:-2px center;
                  }
                  
                  .guide_status li.success span {
                      color:#000;
                  }
                  
                  .guide_status li.error span {
                      color:red;
                  }
                  
                  .guide_cost {
                      width:172px;
                      text-align:right;
                  }
                  
                  .guide_cost span {
                      color:#777;
                      line-height:1.4em;
                      font-size:11px;
                  }
                  
                  .guide_small {
                      display:block;
                      font-size:10px;
                      margin-top:4px;
                  }
                  
                  .guide_progress {
                      overflow: hidden;
                      height: 13px;
                      margin-top:3px;
                      background-color: rgb(220, 220, 220);
                      width: 300px;
                      width:160px;
                  }
                  
                  
                  .guide_progress_bar
                  {
                      background-color: rgb(181, 31, 45);
                      height: 13px;
                  }
                  .status_details {
                      border-top:1px dashed #EEEEEE;
                      font-size:11px;
                      line-height:1.3em;
                      margin-top:6px;
                      padding-top:5px;
                      width:150px;
                      background-position:right 6px;
                      background-repeat:no-repeat;
                      padding-right:22px;
                  }
                  
                  .status_details.tracking {
                    background-image:url(http://beta.offbeatguides.com//i/ui/package.png);
                  }
                  
                  .status_details.error {
                    background-image:url(http://beta.offbeatguides.com//i/ui/cross_circle.png);
                  }
                  
                  .status_details.alert {
                    background-image:url(http://beta.offbeatguides.com//i/ui/exclamation.png);
                  }
                  
                  .status_details a {
                      color:#999;
                  }
                  

/* TOC listing at left */
.table-of-contents
{
    width: 270px;
    float: left;
    padding: 10px 0 0 0;
    overflow: auto;
    height: 490px;
    position:relative;
}

.table-of-contents-overflow
{
    overflow-x: hidden;
    overflow-y: hidden;
}

.content-preview-overflow
{
    height: 476px;
    overflow: auto;
    position:relative;
}

.fckeditor
{
    background-color: #FAFAFA;
    position:relative;
}

.fckeditor .loadingEditor
{
    background-color:#EEEEEE;
    height:480px;
    left:0;
    opacity:0.9;
    padding-top:50px;
    position:absolute;
    text-align:center;
    top:0;
    width:486px;
}

.fckeditor .loadingEditor strong
{
    font-size: 17px;
}

.fckeditor .loadingEditor img
{
    margin-top:15px
}

.fckeditor label
{
    color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 7px;
    padding: 5px;
    width: 30px;
}

.fckeditor #customTitle
{
    color: #555555;
    font-size: 15px;
    margin: 5px;
    padding: 3px;
    width: 270px;
}

.fckeditor #customId
{
    display: none;
}

.fckeditor .save, .fckeditor .saveClose
{
  font-size:11px;
}

.fckeditor .saveClose
{
  margin-left:10px;
}

#customChaptersUl
{
    margin: 0 0 6px 10px;
    width: 1000px;
}

.table-of-contents ul
{
    margin: 0;
    line-height: 1.667; /* 20px */
}
.table-of-contents li
{
    color: #888;
    font-size: 1.1em; /* 11px */
    padding: 0 0 0 5px;
    width:100%;
    margin:0px;
    background-color:#fff;
}
#table-of-contents-load li
{
  width:auto;
}
.table-of-contents .my-content
{
    /* margin-bottom: 1.5em; */
    padding-bottom: 0;
    /* border-bottom: solid 1px #ccc; */
}
.table-of-contents #guide-details
{
    border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    background-color:#FCFCFC;
    margin: 8px;
    padding: 8px 6px;
}
.table-of-contents #guide-details strong
{
    color:#333333;
    font-family:verdana;
    font-size:9px;
    font-weight:bold;
}
.table-of-contents h3.add-content
{
    background-image: url(../i/ui/ico-add.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin: 0 0 0.5em 0;
    padding-left: 22px;
}
.table-of-contents h3.remove-content
{
    background-image: url(../i/ui/ico-remove.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin: 0 0 0.5em 0;
    padding-left: 22px;
}
.table-of-contents a, .table-of-contents a:visited
{
    text-decoration: none;
}
.table-of-contents li
{
    font-size: 10px;
}
.table-of-contents li li
{
    font-size: 10px;
    padding: 0 0 0 15px;
}
.table-of-contents li li li
{
    font-size: 9px;
    padding: 0 0 0 15px;
}
.table-of-contents li a
{
    font-size: 10px;
}
.table-of-contents-load li ul.primary
{
    margin-bottom: 1em;
}
.table-of-contents-load ul.primary li
{
    padding: 0;
}
.table-of-contents-load ul.secondary li
{
    padding: 0 0 0 15px;
}
#table-of-contents-load
{
    margin: 10px 0 10px 10px;
    width: 1000px;
}
.rContainer
{
    float: left;
    width: 500px;
    cursor: pointer;
}
.table-of-contents .selected
{
    color: #fff;
    background: #B51F2D;
    width: 100%;
    margin: 0 0 0 -50px;
    padding: 0 0 0 55px;
}
.table-of-contents li .selected
{
    margin: 0 0 0 -100px;
    padding-left: 115px;
}
.table-of-contents h3.selected
{
    background-position: 5px 5px;
}
.table-of-contents .selected a, .table-of-contents .selected a:visited
{
    color: #fff;
    text-decoration: none;
}
.table-of-contents .selected
{
    color: #DDDDDD;
}
.table-of-contents .selected li
{
    margin: 0pt 0pt 0pt -50px;
    padding: 0pt 0pt 0pt 65px;
    background-color: #E8E8E8;
    color: #999999;
}

.table-of-contents .selected li a, .table-of-contents .selected li a:visited
{
    color: #666;
}

.loading-icon
{
    float: left;
    margin-right: 10px;
}
/* Content Preview at right */
.content-preview-load
{
    margin-bottom: 1em;
}
.content-preview-load p, .content-preview-load
{
    font-size: 13px;
    line-height: 1.8333;
}
/* Content Preview at right */
.content-preview li
{
    font-size: 1.0em;
}
.content-edit
{
    padding: 15px;
    width: 456px;
    float: left;
}
.content-preview
{
    width: 486px;
    float: left;
}
.content-preview-load
{
    padding: 15px;
}
.content-preview-load .image
{
    margin: 10px 10px 10px 0pt;
    float: left;
    width: 230px;
    text-align:center;
}
.content-preview-load table
{
    margin-bottom:30px;
}
.content-preview-load .image img
{
    display: block;
    margin: auto;
}
.content-preview h2
{
    font-size: 1.2em; /* 12px */
    line-height: 1.8333; /* 22px */
    text-transform: uppercase;
}
.content-preview h3
{
    margin-bottom: 0.5em;
}
.content-preview-load h3, .content-preview-load h4, .content-preview-load h2
{
    font-weight: bold;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}
.content-preview-load h4
{
    font-size: 1.4em;
}
.content-preview-load h3.loading
{
    font-size: 1.5em;
    text-align:center;
}
.content-preview-load h2
{
    font-size: 1.6em;
}
.content-preview .controls
{
    text-align: center;
    padding: 0.5em 0;
    margin: 0 -15px;
    color: #fff;
    background: #f6f6f6;
    border: solid 1px #ddd;
    border-width: 1px 0;
}
.content-preview .controls p
{
    margin: 0;
}

.content-preview-info
{
    background-color: #f6f6f6;
    border-bottom: 1px solid #CCCCCC;
    font-size: 10px; /* height:13px; */
}
.content-preview-info a
{
    text-decoration: none;
    padding: 2px 5px;
    display: block;
}
.content-preview-info a:hover
{
    background-color: #DDD;
}
.content-preview-info .left
{
    float: left;
    width: 15%;
}
.content-preview-info .center
{
    float: left;
    text-align: center;
    width: 70%;
    padding: 2px 0;
}
.content-preview-info .right
{
    float: left;
    text-align: right;
    width: 15%;
}

.more-content
{
    padding: 2em 0;
    margin: 2em 0;
    width: 100%;
    overflow: hidden;
}
.more-content .description
{
    width: 230px;
    padding-right: 15px;
    margin-right: 9px;
    border-right: solid 1px #ccc;
}
.customization-controls .read-more
{
    font-size: 1.2em;
    display: block;
    padding-left: 1.925em; /* equivalent to dd padding below */
    margin-bottom: 0.5em;
}
.customization-controls .more-content p
{
    margin-bottom: 0;
}
.customization-controls .more-content dt
{
    line-height: 1.3636;
}
.customization-controls .more-content dd
{
    padding-left: 2.1em;
    font-size: 1.1em; /* 11px */
    line-height: 1.3636;
    color: #777;
    margin-bottom: 1.3636em; /* 15px */
}
.shaded, .shaded em, .shaded strong
{
    color: #CCC;
}
.shaded img
{
    filter: alpha(opacity=50);
    opacity: 0.5;
}




.wysiwyg
{
    width: 100%;
    height: 100%;
    background: #fff;
    border: solid 1px #ccc;
    border-right-color: #9e9d9d;
    border-bottom-color: #9e9d9d;
    font: 1.2em arial, sans-serif;
}


/* lightbox style */
#lightbox h2, #lightbox-confirm h2
{
    font-size: 1.2em; /* 12px */
    line-height: 1.8333; /* 22px */
    text-transform: uppercase;
}
#lightbox h3, #lightbox-confirm h3
{
    padding: 1.5em 11px;
}
#lightbox .preview-content, #lightbox-confirm .message
{
    background: #fff;
    border: solid 1px #737373;
    margin: 0 11px;
    text-align: left;
    height: 70%;
    overflow: auto;
}
#lightbox-confirm .message
{
    padding: 0 5px;
}
#lightbox .controls, #lightbox-confirm .controls
{
    width: 100%;
    overflow: hidden;
}
#lightbox .controls p
{
    padding: 1em 11px;
    float: left;
}
#lightbox .controls button, #lightbox-confirm .controls button
{
    float: right;
    margin: 0.75em 11px;
}


/* account-specific tweaks */
#accounts .content-area h2
{
    margin-bottom: 0.3333em; /* 10px */
}
#accounts .callout-panel
{
    margin-top: 3em; /* 30px */
}
#accounts .callout-panel .col-4, #accounts .content-area .col-4
{
    margin-right: 0;
}
#accounts .callout-panel button, #accounts .edit-account button, #accounts .form-primary
{
    margin-bottom: 3em;
}
#accounts .form-primary label
{
    display: block;
    margin-bottom: 0.5em;
}

/* sign up / sign in page tweaks */
.form-login
{
    padding-left: 85px;
}
.form-login h3
{
    margin-bottom: 0.5em;
}
.form-login label
{
    display: block;
    float: left;
    width: 86px;
    clear: both;
    line-height: 2em;
}
.form-login input
{
    width: 157px;
    margin-bottom: 0.5em;
}
.form-login button
{
    margin: 0.5em 0;
    float: right;
}
.form-login p
{
    clear: both;
    float: right;
    white-space: nowrap;
}
.account-form
{
    padding-top: 2em;
}
.account-form h4
{
    margin: 2em 0 1em 0;
}
.account-form .text, .account-form select
{
    width: 97%; /* not 100% cause of IE6 */
    margin-bottom: 1.667em; /* 10px */
}
.account-form label
{
    clear: both;
}
.account-form p
{
    font-size: 1.1em; /* 11px */
}
.account-form .col-4 p
{
    margin-top: 0.75em;
    font-size: 1.2em; /* 11px */
}
.account-form .same
{
    width: 180px;
    color: #444;
    padding-top: 0;
    position: absolute;
    top: 2em;
    right: 0;
}

.inline-register
{
    border: 1px solid rgb(204, 204, 204);
    padding: 10px 10px 10px 14px;
    background-color: rgb(238, 238, 238);
    width: 305px;
}

.inline-register label
{
    display:block;
}
.inline-register .text
{
    margin:5px 0 15px;
    width:300px;
}
.inline-register p label
{
    font-size:11px;
}

.customize-content
{
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 2em 0;
}
.customize-content h4
{
    margin: 0;
}
.customize-content p
{
    font-size: 1.2em; /* 12px */
}
.customize-content ul
{
    margin: 1em 0;
}
.customize-content .prefs-2
{
    padding-left: 84px;
}
.partner
{
    color: #666;
}

ul.bullets
{
    color: rgb(223, 153, 65);
    list-style-type: square;
    padding: 0 0 0 30px;
    font-size: 13px;
}

ol.bullets
{
    color: rgb(223, 153, 65);
    padding: 0 0 0 30px;
    font-size: 13px;
    list-style-type:decimal;
}

ul.bullets li,
ol.bullets li
{
    margin-bottom: 10px;
    line-height: 1;
}

ul.bullets li span, ul.bullets li p, ol.bullets li span, ol.bullets li p
{
    color: #444;
    font-size: 12px;
}

.addy
{
    background-color: #E2E2E2;
    border: 1px solid #999999;
    margin-top: 10px;
    padding: 0px 10px 10px 10px;
}

.guide1
{
    background-color: #DBDAD9;
}

.guide0
{
    background-color: #c2c1c2;
}


.guide0, .guide1
{
    background-image: url( '../i/ui/guideShadowRight.png' );
    background-position: right top;
    background-repeat: no-repeat;
    padding: 15px;
}

.guideShadow
{
    background-image: url( '../i/ui/guideShadowBottom.png' );
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 7px;
    margin-bottom: 10px;
}


.guide0 div table, .guide1 div table
{
    margin-bottom: 10px;
}

.guideInfo
{
    float: left;
    width: 280px;
    font-size:12px;
}

.guideStatus
{
    font-size:12px;
    line-height:1.3em;
}

.guideInfo .guideDest
{
    font-weight: bold;
}

.guideStatus button
{
    margin-top: 5px;
}

.guideIcon
{
    float: left;
    margin-right: 15px;
}

.guideAddresses
{
    width: 295px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #ccc;
}

.addressSmall
{
    background-color: #CCCCCC;
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 200px;
}

.guideTotal
{
    float: left;
    margin-left: 20px;
}

.guideTotal li
{
    clear: both;
}

.guideTotal b
{
    display: block;
    float: left;
    width: 120px;
    margin-top: 8px;
}

.guideTotal span
{
    display: block;
    float: left;
    width: 80px;
    text-align: right;
    margin-top: 8px;
}

.guideTotal p
{
    float: left;
    width: 200px;
    margin: 8px 0px 0px 0px;
    color: #808080;
    font-size: 10px;
    line-height: normal;
}

.guideTotal .total
{
    border-top: 1px solid #CCC;
    padding-top: 8px;
}

.orders td
{
    vertical-align: top;
    padding-top: 10px;
}

.orders td strong
{
    font-size: 12px;
}

.orders_status
{
    padding-right: 5px;
}

.orders_status div
{
    width: 85px;
    height: 9px;
    background-color: #ccc;
    border: 1px solid #999999;
}

.orders_perc
{
    vertical-align: top;
    font-weight: bold;
    padding-left: 15px;
    text-align: center;
}

#orderHistory h3.date
{
    margin-bottom: 8px;
}

#orderHistory h3.date span, #orderHistory h2 span
{
    font-family: arial;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

#orderHistory li
{
    line-height: 1em;
}

#orderHistory ul
{
    /* width: 300px; */
}

.orderHistoryDiv
{
    margin-bottom: 10px;
    width: 300px;
    float: left;
}
.orderHistoryButton
{
    margin-top: 2em;
}

.orderHistoryClear
{
    clear: both;
}

.lock_small
{
    margin-right:3px;
}

/* info nav */

#infoNav
{
     font-size: 12px;
     margin-top: 35px;
     padding-left: 0px;
}

#infoNav ul
{
     margin:0px;
     padding:0 0 0 20px;
}

#infoNav li
{
     margin:0px;
     padding:0px;
}

#infoNav li .on
{
     font-weight:bold;
}

#press strong
{
    display:block;
    font-size:13px;
    margin-bottom:7px;
}
#press span
{
    color:#999;
}

#press p
{
    margin-bottom:3em;
}

#press div
{
    font-size:12px;
    line-height:1.5em;
    margin-left:15px;
}

#press
{
    font-size:12px;
}

/* ----------------------------------------- */
/* -- History Items -- */
#history .col-5
{
    margin-right: 0;
    width: 330px;
    padding-left: 85px;
}
#history .col-5 button
{
    margin-top: 0.5em;
    float: right;
}
.order-history h3
{
    margin: 1em 0;
}
.order-history h3 span
{
    font-size: 0.6875em; /* 11px */
}
.order-history .offset-panel
{
    padding: 1em;
    margin-bottom: 1em;
}
.history-item
{
    border: none;
    padding: 0;
}
.history-item .icon
{
    text-align: center;
}
.history-item .icon img
{
    display: block;
    margin: 0 auto 5px auto;
}
.shipment, .edition
{
    color: #777;
    line-height: 1.2em;
    margin-bottom: 0;
}
.order-item
{
    margin: 1em 0 2em 0;
}
.order-item p
{
    margin: 0;
}
.order-item .shipment
{

    line-height: inherit;
}
.order-summary
{
    border-top: solid 1px #eee;
    padding: 0.5em 0;
    clear: both;
    position: relative;
}
.order-summary p
{
    color:#777777;
    float:right;
    font-size:1.1em;
    line-height:1.4;
    margin:0;
    text-align:right;
    width:200px;
}
.order-summary .price
{
    font-weight: bold;
    font-size: 1.0909em; /* 12px */
}

.infoBox
{
    /* border: 1px solid rgb(204, 204, 204); */
    padding: 5px;
    float: left;
    width: 182px;
    font-size:12px;
    /* background-color: rgb(248, 248, 248); */
}

.infoBox.rebuild
{
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(248, 248, 248);
}

.my-guides .history-item
{
    border-bottom: solid 1px #ccc;
    padding: 1.5em 0;
}
.my-guides .icon
{
    margin-right: 0;
}
.my-guides .col-2
{
    padding-top: 2em;
}

/* ----------------------------------------- */
/* -- Address Management -- */
#addresses .content-area h2
{
    margin-bottom: 0.3333em; /* 10px */
}
.address-management
{
    margin-bottom: 4em;
}
.address-management .col-3
{
    margin-right: 0;
    padding-top: 2.2em;
}
.address-listing
{
    padding: 1em 0;
}

div.address
{
    overflow: hidden;
    width: 100%;
    clear: left;
    padding: 2em 0 2em 0;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #bbb;
}
.address-listing .first
{
    border-top: none;
}
.address-listing .last
{
    border-bottom: none;
}
.address p
{
    margin: 0;
}
.address .instructions
{
    font-style: italic;
    margin: 0 20px 1em 0;
}
.address .instructions em
{
    font-style: normal;
}
.address input
{
    margin: 1px 0;
}
.address .actions
{
    margin-right: 0;
}
.address a.remove
{
    background-image: url(../i/ui/ico-remove-grey.png);
    margin: 1em 0;
}
.address a.edit
{
    background-image: url(../i/ui/ico-edit-grey.png);
}
.address p.selected
{
    font-weight: bold;
    padding-left: 20px;
    line-height: 16px;
    background: url(../i/ui/ico-arrow-grey.png) no-repeat 0 0;
}

/* editing state */
.address-edit
{
    background: #e8e8e8;
    border-left: solid 1px #f3f3f3;
}
.address-edit .text, .address-edit select, .address-edit textarea
{
    width: 95%; /* ie6 needed it a bit smaller than 100% */
}
.address-edit textarea
{
    height: 10em;
    margin-bottom: 2em;
}
.address-edit label
{
    clear: both;
    padding-top: 0.667em; /* 10px */
    display: block;
}
.address-edit button
{
    margin-top: 1em; /* 20px */
    margin-bottom: 0;
}
.address-edit .address-title h3, .address-edit .address-title p
{
    margin-left: 10px;
}
.address-title label
{
    margin: 1em 0 0.5em 10px;
}
.address-edit .buttons
{
    text-align: right;
    clear: both;
    padding: 2em 10px 0 10px;
}


#address-billing
{
    margin-right: 10px;
}

.menuTabbed
{
    border-bottom: 1px solid #B51F2D;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    float: left;
    width: 100%;
}

.menuTabbed li
{
    margin: 0px 10px 0px 0px;
    padding: 0px 10px;
    background-color: #DFDFDF;
    float: left;
    height: 23px;
    font-size:11px;
}
.menuTabbed li a
{
    color: #000;
    text-decoration: none;
}

.menuTabbed li.on
{
    background-color: #B51F2D;
}

.menuTabbed li.on a
{
    color: white;
}
/* build progress page */
#build-progress .content-area
{
    margin-bottom: 8em;
}
.build-status .offset-panel
{
    clear: both;
}
.build-status .itinerary p
{
    margin: 0;
}
.build-status .col-3
{
    margin-right: 0;
}
.build-status .col-3 img
{
    padding-bottom: 1em;
}
.build-status .offset-panel .col-3
{
    width: 230px;
    padding-left: 15px;
    margin-right: 10px;
}
.build-status .col-4
{
    width: 329px;
}
.build-status .col-2
{
    margin-right: 0;
    text-align: center;
}
.build-status .col-2 img
{
    display: block;
    margin: 0 auto 5px auto;
}
.build-status .progress p
{
    line-height: 1.2;
    margin: 0;
}
.build-status .progress em
{
    font-size: 2em;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: -0.05em;
    display: block;
}
.build-status .progress-indicator p
{
    padding: 1em 20px 1em 40px;
    background: #eee url(../i/ui/ico-check.gif) no-repeat 16px 14px;
    margin-top: 0.5em;
    width: 258px;
    border: solid 1px #d6d6d6;
}
.build-status .progress-indicator p.off
{
    background: #eee url(../i/ui/ico-x.gif) no-repeat 16px 14px;
}
.status-item
{
    width: 100%;
    overflow: hidden;
    padding: 2em 0;
    border-bottom: 1px solid #D7D7D7;
}




#build-progress .status
{
    background: url(../i/ui/status-bar-0.gif) no-repeat left top;
    width: 330px;
    overflow: auto;
}
#build-progress ul.current-1
{
    background: url(../i/ui/status-bar-1.gif) no-repeat left top;
}
#build-progress ul.current-2
{
    background: url(../i/ui/status-bar-2.gif) no-repeat left top;
}
#build-progress ul.current-3
{
    background: url(../i/ui/status-bar-3.gif) no-repeat left top;
}
#build-progress .status li
{
    width: 107px;
    float: left;
    padding-top: 15px;
    margin-right: 3px;
    color: #aeaeae;
    font-size: 1.1em; /* 11px */
}
#build-progress .status li.step-2
{
    width: 110px;
    margin-right: 5px;
}
#build-progress .status li.step-3
{
    width: 100px;
    margin-right: 0;
}
#build-progress .current-1 li.step-1, #build-progress .current-2 li.step-1, #build-progress .current-3 li.step-1, #build-progress .current-2 li.step-2, #build-progress .current-3 li.step-2, #build-progress .current-3 li.step-3
{
    color: #434343;
}

#build-progress .progressBar
{
    overflow: hidden;
    height: 13px;
    margin-top:3px;
    background-color: rgb(220, 220, 220);
    width: 300px;
}

#build-progress .progressBar div
{
    background-color: rgb(181, 31, 45);
    height: 13px;
}

#orderHistory div .shippingStatus
{
    color:#000000;
    float:left;
    font-size:11px;
    top:0;
    width:500px;
}

.statusList
{
    color:#444;
    font-size:10px;
    margin-top:1em;
}

.statusList li
{
    height:16px;
    line-height:1em;
    margin-bottom:0;
    padding: 2px 0 5px 25px;
    background-position:top left;
    background-repeat:no-repeat;
}

.statusList li.success
{
    background-image:url(../i/ui/status_success.png);
}

.statusList li.error
{
    background-image:url(../i/ui/status_error.png);
}

.statusList li.unknown
{
    background-image:url(../i/ui/status_unknown.png);
}

.statusList li.error span, .statusList li.success span, .statusList li.unknown span
{
    font-weight: bold;
}

.inviteManager
{
    height: 500px;
    overflow: scroll;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    height: 500px;
    overflow: scroll;
    padding: 10px;
    width: 500px;
}

.inviteManager input
{
    width: 25px;
    margin: 0 10px 0 0;
    padding: 0px;
}

.inviteManager ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.inviteManager li
{
    margin: 0;
    padding: 0;
}




/* ----------------------------------------- */
/* -- Advanced Customization Workflow -- */
#advanced-customization button.primary
{
    margin: 0 0 1em 0;
}
#advanced-customization .callout-panel
{
    margin-top: 20px;
}

#advanced-customization .best-of
{
    margin-right: 0;
}
.guide-preview
{
    position:relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: solid 1px #ccc;
    border-right-color: #b2b2b2;
    border-bottom-color: #b2b2b2;
    margin: 0 0 2em 0;
    clear: left;
    font-size:11px;
    background: #FFFFFF url(../i/ui/divider.png) repeat-y scroll 269px 0;
}
.guide-preview .info
{
    border-bottom: 1px solid rgb(255, 241, 95);
    margin: 8px 12px;
    padding: 5px 8px;
    background: rgb(255, 252, 223) none repeat scroll 0% 0%;
    position: relative;
    display:none;
}
.guide-preview .info img
{
    position: relative;
    padding-right: 8px;
    top: 2px;
}
.guide-preview .info a
{
    text-decoration:underline;
}
.guide-preview .info a:hover
{
    text-decoration:none;
}
.guide-preview .info span
{
    display:none;
}
.guide-preview .info .info_close
{
    /* position:absolute;
    display:block;
    top:0px;
    right:4px;
    padding:0px;
    margin:0px;
    line-height:12px; */
    font-weight:bold;
    color:#AFA000;
    text-decoration:none;
    font-size:12px;
}
.guide-preview .info .close_div
{
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:10px;
}
.guide-preview .info .info_close:hover
{
    color:#8F8300;
}
.customization-controls h2
{
    margin-top: 0;
}
.customization-controls .col-5, .customization-controls .col-4
{
    margin: 1em 0;
}
.customization-controls .col-4
{
    width: 340px;
    text-align: right;
}
.page-count
{
    text-align: right;
}
.page-count p
{
    margin: 0;
}


/* ----------------------------------------- */
/* -- Footer -- */
#footer
{
    position: relative;
    width: 756px;
    margin: 0 auto;
    margin-top: 6em; /* 60px, extra 10px for footer overhang */
    clear: both;
}
#footer .wrap
{
    background: #df9941;
    /* width: 577px; */
    position: absolute;
    margin-bottom: -24px;
    bottom: 0;
    right: 0;
    padding: 12px;
}
#footer li
{
    display: inline;
    float: left;
}
#footer li a
{
    padding: 0 10px;
    border-left: solid 1px #e2a14e;
    border-right: solid 1px #e8ae65;
}
#footer li.first a
{
    padding-left: 0;
    border-left: none;
}
#footer li.last a
{
    padding-right: 0;
    border-right: none;
}

#affiliate ul { list-style-position:inside;
list-style-type:square;
margin-top:1em;}

#affiliate li{font-size:1em;
line-height:1.4em;
margin-bottom:1em;}