html, body {
    margin: 0;
    padding: 0;
    color: #343434;
    background-color: #EBEBEB;
    font-size: 9pt;
    font-family: Arial,Helvetica,Verdana,sans-serif;
}

form{
    margin: 0;
    padding: 0;
}

.outer-page {
    width: 1000px;
    margin: 0 auto;
}

.outer-page.fullsize-outer-page {
    width: 1212px;
}

#contentHolder {
    float: left;
    width: 800px;
}

.longContentHeader{
    width: 1000px !important;
}

#pageFooterHolder {
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
}

.fullsizepage {
    width: 990px !important;
}

.blocHeaderTitle{
    border: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    height: 25px;
    color: #939eb5;
    font-size: 11pt;
}

.contentOrderSummary .blocHeaderTitle{
    border-left: none;
    border-right: none;
}

.blocHeaderItem{
    float: left;
    width: 572px;
    padding: 5px 0 0 10px;
}

.blocHeaderQuantity, .blocHeaderPrice{
    float: left;
    border-left: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    width: 94px;
}

.blocHeaderPrice{
    width: 94px;
    padding: 5px;
    text-align: right;
    padding-right: 10px;
    float: left;
    border-left: 1px solid #CCCCCC;
}

.alginRight{
    text-align: right;
}

#header {
    background: #EBEBEB url('../images/backgrounds/top_bar_background.png') repeat-x 0 10px;
    width: 100%;
    z-index: 10;
    height: 54px;
    margin-bottom: 15px;
    padding-top: 10px;
}

.outer-page .headerScroll{
    position: fixed;
    top: 0;
    width: 1000px !important;
}

.outer-page.fullsize-outer-page .headerScroll{
    width: 1212px !important;
}

.headerLeft{
    float: left;
    text-align: left;
    width: 862px;
}

.headerLeft img{
    max-height: 70px;
    max-width: 850px;
    vertical-align: middle;
    margin: 8px 0px 0px 4px;
    height: 40px;
}

.headerRight{
    float: right;
    text-align: right;
    padding-top: 13px;
}

.imgLanguage{
    vertical-align: middle;
    margin-right: 3px;
    height: 24px;
}

.outer-page.fullsize-outer-page .headerinside{
    margin: 0 auto;
    width: 1202px;
}

.outer-page .headerinside{
    margin: 0 auto;
    width: 990px;
}

.headerinside{
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.outer-page .contentScroll {
    padding: 110px 0 0 0;
    width: 1000px;
}

.outer-page.fullsize-outer-page .contentScroll{
    width: 1212px !important;
}

/** breadcrumb **/
.outer-page .contentNavigation{
    top: 64px;
    position: fixed;
    width: 1000px !important;
    z-index: 10;
    background-color: #EBEBEB;
    padding: 16px 0 10px 0;
    text-align: center;
    height: 17px;
}

.outerpagePreview .contentNavigation{
    padding: 16px 0 25px 0;
}

.order-section.outer-page .contentNavigation{
    height: 48px !important;
}

.outer-page.fullsize-outer-page .contentNavigation{
    width: 1212px !important;
}

.contentTextNavigation{
    float: left;
    color: #444444;
}

.contentNavigationMargin{
    margin-left: 212px;
}

.btnLogOut{
    text-align: right;
    color: #444444;
    float: right;
}

.btnLogOut img{
    vertical-align: middle;
    margin-left: 5px;
}

.btnLogOut span{
    cursor: pointer;
}

.btnLogOut span:hover{
    text-decoration: underline;
}

.current-item{
    color: #7CBB06;
}

#homeLink{
    color: #444444 !important;
}

/* general */
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-size: 10pt;
    font-weight: normal;
    overflow: hidden;
}

a:link, a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.link-disabled {
    color: #AAAAAA;
}

a.link-disabled:hover {
    color: #AAAAAA;
    text-decoration: none;
    cursor: default;
}

a img {
    border: 0;
}

em {
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-left: 1px;
    display: block;
    text-align: right;
}

label{
    cursor: pointer;
}

input[type='button']{
    cursor: pointer;
}

.pointer{
    cursor: pointer;
}

input[type='radio']{
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='tel']{
    margin: 0;
    height: 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #B7B7B7;
    padding: 4px;
}

.warning-status {
    color: #FF3300 !important;
}

.indent-top {
    margin-top: 10px;
}

.padding-top {
    padding-top: 15px;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-bottom-right{
    text-align: right;
    vertical-align: bottom;
}

.valign-center{
    vertical-align: middle;
}

.align-center{
    text-align: center;
}

.clear {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.floatLeft{
    float: left;
}

.message {
    color: #FF3300;
    padding: 5px 15px 12px 0;
    font-size: 13px;
    display: none;
    text-align: center;
}

.messageNoScript {
    color: #FF3300;
    padding: 5px 15px 12px 0;
    font-size: 13px;
    text-align: center;
}

.messageNoScriptLarge{
    color: #FF3300;
    padding: 25px 15px 12px 0;
    font-size: 15pt;
    text-align: center;
}

#message img {
    float: none;
    margin: 0;
    vertical-align: middle;
}

.confirmation {
    color: #3DC731;
    font-weight: normal;
}

.confirmationText {
    color: #FFFFFF;
    font-weight: normal;
    padding: 0 20px;
}

.button-disabled{
    cursor: default;
    text-decoration: none;
}

.contentBtn{
    cursor: pointer;
}

/** Redeem gift card button */
#setGiftCardButton > .btn-green-middle
{
    padding: 15px 0px !important;
}

#setGiftCardButton > .btn-green-left
{
    width: 11px;
}

#setGiftCardButton > .btn-green-arrow-right
{
    width:39px;
}

/** green button **/
.btn-green-left{
    background: transparent url('../images/buttons/green_button_left.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-green-middle{
    background: transparent url('../images/buttons/green_button_mid.png') 0 0 repeat-x !important;
    height: 26px;
    float: left;
    color: white;
    font-size: 12px;
    padding: 15px 10px 0 10px;
    cursor: pointer;
}

.btn-submit-green-middle{
    background: transparent url('../images/buttons/green_button_mid.png') 0 0 repeat-x !important;
    height: 42px !important;
    float: left;
    color: white !important;
    font-size: 12px;
    padding: 0px 10px 0 10px !important;
    border: none !important;
    margin: 0 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: auto !important;
    cursor: pointer;
}

.btn-green-right{
    background: transparent url('../images/buttons/green_button_right.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-accept-right{
    background: transparent url('../images/buttons/green_button_right_tick.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-green-arrow-right{
    background: transparent url('../images/buttons/green_button_right_arrow.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: pointer;
}

/** blue button **/
.btn-blue-left{
    background: transparent url('../images/buttons/blue_button_left.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-blue-middle{
    background: transparent url('../images/buttons/blue_button_mid.png') 0 0 repeat-x !important;
    height: 26px;
    float: left;
    color: white;
    font-size: 12px;
    padding: 15px 10px 0 10px;
    cursor: pointer;
}

.btn-blue-right{
    background: transparent url('../images/buttons/blue_button_right.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-blue-arrow-left{
    background: transparent url('../images/buttons/blue_button_left_arrow.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-blue-account-right{
    background: transparent url('../images/buttons/blue_button_right_profile.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-blue-share-right{
    background: transparent url('../images/buttons/blue_button_share.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: pointer;
}

/** red button **/
.btn-red-left{
    background: transparent url('../images/buttons/red_button_left.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-red-middle{
    background: transparent url('../images/buttons/red_button_mid.png') 0 0 repeat-x !important;
    height: 26px;
    float: left;
    color: white;
    font-size: 12px;
    padding: 15px 15px 0 15px;
    cursor: pointer;
}

.btn-red-right{
    background: transparent url('../images/buttons/red_button_right.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-red-cross-left{
    background: transparent url('../images/buttons/red_button_left_cross.png') 0 0 repeat-x !important;
    width: 36px;
    height: 43px;
    float: left;
    cursor: pointer;
}

/** White **/
.btn-white-left{
    background: transparent url('../images/buttons/white_button_left.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-white-middle{
    background: transparent url('../images/buttons/white_button_mid.png') 0 0 repeat-x !important;
    height: 26px;
    float: left;
    color: #5F5F5F;
    font-size: 12px;
    padding: 15px 10px 0 10px;
    cursor: pointer;
    font-weight: bold;
}

.btn-white-right{
    background: transparent url('../images/buttons/white_button_right.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: pointer;
}

.btn-disabled-left{
    background: transparent url('../images/buttons/disabled_button_left.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: default;
}

.btn-disabled-middle{
    background: transparent url('../images/buttons/disabled_button_mid.png') 0 0 repeat-x !important;
    height: 26px;
    float: left;
    color: white;
    font-size: 12px;
    padding: 15px 10px 0 10px;
    cursor: default;
}

.btn-disabled-right-tick{
    background: transparent url('../images/buttons/disabled_button_right_tick.png') 0 0 repeat-x !important;
    width: 40px;
    height: 43px;
    float: left;
    cursor: default;
}

.btn-disabled-right{
    background: transparent url('../images/buttons/disabled_button_right.png') 0 0 repeat-x !important;
    width: 11px;
    height: 43px;
    float: left;
    cursor: default;
}

.voucherButton{
    margin: 0 5px 0 5px;
    float: none !important;
}

.voucherbuttons {
    margin-top: 5px;
}

.voucherinput {
    width: 300px;
}

.btnRight{
    float: right;
}

.btnRightContinue{
    float: right;
    margin: 10px 0 5px 0;
}

.btnLeft{
    float: left;
}

.btnRemove{
    color: #990000 !important;
}

.btnAdd{
    color: #568AD8 !important;
}


#back-button {
    margin-right: 10px;
}

.scroll {
    overflow: auto;
}

.loading-icon {
    vertical-align: middle;
}

/* .page elements */

.section {
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.section .title-bar {
    font-size: 11pt;
    line-height: 17px;
    padding: 10px 10px 10px 10px;
    background: transparent url('../images/backgrounds/popup_main_background.png') repeat;
    color: #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    zoom: 1; /* for IE6*/
}

.title-bar-inside {
    zoom: 1; /* for IE6*/
    background-color: #E8E9E9;
    border-radius: 8px 8px 8px 8px;
    margin: 0 0 5px !important;
    padding: 10px !important;
    text-align: left;
}

.section .title-bar-auxiliary {
    font-size: 11pt;
    font-weight: bold;
    line-height: 17px;
    padding: 5px 10px 5px 10px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.section .title-bar a:link, .section .title-bar a:visited, .section .title-bar a:hover {
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
}

.section .title-bar .textIcon{
    float: left;
}

.section .title-bar img {
    vertical-align: middle;
    margin-right: 4px;
    float: right;
}

.section .title-bar .separator {
    margin-right: 0;
}

.title-bar-panel{
    padding: 0 !important;
}

.section .content {
    padding-top: 10px;
    overflow: hidden;
    zoom: 1;
    word-wrap: break-word;
}

.section .contentDotted {
    padding-top: 10px;
    line-height: 14px;
    overflow: hidden;
    zoom: 1;
}

.section .contentDottedImage{
    padding-top: 5px;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    height: 6px;
}

.section .contentNoPaddingSide{
    padding: 10px 0 10px 0 !important;
}

.section .contentBloc{
    padding: 0;
}

.section .contentPayment{
    padding: 0;
}

#metadatatableobj .metadataHolder h3{
    font-weight: bold;
    font-size: 10pt;
    margin: 10px 0 10px 0;
    padding: 4px 10px 4px 10px;
}

.section .content div.dark{
    margin: 0 0 10px 0;
    background-color: #CDD6D8;
    padding: 12px 10px 5px 10px;
    position: relative;
    height: 18px;
    color: #4B4B4B;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.metadata-Highlighted
{
    border: 2px solid #FF0000;
    border-radius: 1em;
    padding: 5px 10px 10px 10px !important;
    margin: 10px 0px 0px 0px !important;
}

.section .contentDotted .titleDetailPanel{
    font-size: 12px;
}

.section .contentDotted .titleDetailPanelBold{
    font-size: 12px;
    font-weight: bold;
}

.section h2.voucher {
    clear: both;
}

.emptyBox{
    margin: 0 10px;
}

.linkToggle{
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ababab;
    padding: 12px 10px 5px 5px;
    height: 18px;
}

.linkToggleFooter{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    font-weight: normal !important;
}

.linkToggle img, .linkToggleFooter img{
    cursor: pointer;
}

.linkToggleFooter span:hover,.linkToggle span:hover {
    text-decoration: underline;
    cursor: pointer;
}

.section .content .contentRow {
    border-bottom: 1px dotted #CDCDCD;
    padding: 0 10px 10px 10px;
}

.section .content .noBorder {
    border: 0;
    padding-bottom: 0;
}

.section .content .contentRow p {
    padding: 3px 0;
}

.section .content .previewHolder, .section .content .contentRow .detailsHolder {
    overflow: hidden;
    margin-top: 10px;
}

.title-bar-current {
    background-color: #E8E9E9;
    border-radius: 6px 6px 6px 6px;
    color: #4B4B4B;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 10px;
}

.currentBloc{
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

.currentBlocRow{
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}

.noBottom{
    margin-bottom: 0;
}

.previewItemText .textProduct{
    color: #343434;
    font-size: 14pt;
    margin-bottom: 10px;
}

.previewItemText .description-product{
    color: #133252;
    margin-bottom: 10px;
}

.section .content .contentRow .detailsHolder.topProduct{
    margin-top: 0;
}

.section .content .contentRow .detailsHolder span {
    margin-left: 5px;
    font-size: 13px;
    font-weight: bold;
}

.section .content .contentRow .detailsHolder span.ordernumber{
    margin: 0;
}

.section .content .contentRow .detailsHolder .links {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

.section .content .contentRow .detailsHolder .separator_link{
    padding-right: 5px;
    border-right: 1px solid #CDCDCD;
}

.section .content .contentRow .detailsHolder .links.actionLink {
    font-weight: bold;
    font-size: 15px;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .contentDescription{
    float: left;
    width: 420px;
}

.fullsizepage .section .content .contentRow .previewHolder .previewItem .previewItemText .contentDescription{
    width: 620px;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .descriptionStatus{
    float: left;
    width: 130px;
    text-align: center;
}

.online-production-status{
    float: right;
    width: 130px;
    text-align: center;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .descriptionPrice{
    float: left;
    width: 130px;
    text-align: right;
    font-size: 12pt;
    font-weight: bold;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .textRed{
    color: #FF0000;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .textBlue{
    color: #7DA5E1;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText .textGreen{
    color: #7CBB06;
}

.section .content .previewDetail{
    float: left;
    margin-top: 5px;
    overflow: hidden;
}

.section .content .contentRow .previewHolder .previewItem, .section .content .previewDetail .previewItem{
    display: block;
    float: left;
    overflow: hidden;
    color: #7F7F7F;
    text-decoration: none;
}

.section .content .contentRow .previewHolder .previewItem .previewItemImg{
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 80px;
}

.section .content .contentRow .previewHolder .previewItemImg img {
    max-height: 72px;
    max-width: 72px;
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.section .content .contentRow .previewHolder .previewItem .previewItemText {
    float: left;
    display: block;
    font-size: 12px;
    width: 680px;
    word-wrap: break-word;
}

.section .content .contentRow .previewHolder .previewItem .onlinePreview {
    width: 663px;
}

.fullsizepage .section .content .contentRow .previewHolder .previewItem .previewItemText {
    width: 880px;
}

.fullsizepage .section .content .contentRow .previewHolder .previewItem .onlinePreview {
    width: 863px;
}

.section .content .contentRow .previewHolder .previewItem .previewItemDetail {
    font-weight: normal;
    font-size: 11px;
}

.section .content .contentRow .previewHolder div.ordernumber{
    margin-top: 5px;
}

.section .content .contentRow .previewHolder div.ordernumber .label-order-number{
    display: inline-block;
}

.section .content .contentRow .previewHolder .btnLinks{
    margin-top: 5px;
}

.section .content .contentRow .previewHolder .mulitLineSubTotal{
    float: right;
    text-align: right;
    font-size: 12pt;
    font-weight: bold;
    color: #7F7F7F;
}

.subsection, .subcheckbox{
    padding: 10px 0 0 50px;
    background-color: #F5F5F5;
    margin-bottom: 10px;
}

.subsectionBloc{
    padding-right: 10px;
    padding-bottom: 10px;
}

.marginBottomSub{
    margin-bottom: 10px;
}

/* footer */
#footer {
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
}

.content-footer{
    padding: 10px;
}

.marginBottomFooter{
    margin-bottom: 5px;
}

/* side panels */
.fullsize-outer-page .side-outer-panel {
    width:190px;
    margin-left: 1022px;
    position: fixed;
    top: 100px;
}

.outer-page .side-outer-panel {
    width:190px;
}

.outer-page .side-outer-panel-scroll {
    position: fixed;
    width: 190px;
    margin-left: 810px;
    top: 100px;
}

.fullsize-outer-page .side-outer-panel-scroll {
    position: fixed;
    width:190px;
    margin-left: 1022px;
    top: 100px;
}

.outer-page .cart-side-outer-panel-scroll {
    position: fixed;
    width: 190px;
    margin-left: 810px;
    top: 127px;
}

.side-outer-panel .contentDotted .titleDetailPanel, .side-outer-panel .content .titleDetailPanel{
    font-size: 12px;
}

.side-outer-panel .contentDotted .titleDetailPanelBold, .side-outer-panel .content .titleDetailPanelBold{
    font-size: 12px;
    font-weight: bold;
}

.fullsize-outer-page .cart-side-outer-panel-scroll {
    position: fixed;
    width:190px;
    margin-left: 1022px;
    top: 127px;
}

.side-panel {
    background: transparent url('../images/backgrounds/popup_main_background.png') repeat;
    margin: 10px 0 15px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 10px 15px;
}

#leftSidebar {
    width: 200px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
    text-align: left;
    border: 1px solid #EBEBEB;
    background-color: transparent;
}

.sidebaraccount_gap{
    padding-bottom: 5px;
    text-align: right;
    font-weight: bold;
}

.sidebaraccount_gap a:link, .sidebaraccount_gap a:visited {
    text-decoration: none;
}

.sidebaraccount_gap a:hover {
    text-decoration: underline;
}

.sidebaraccount{
    text-align: right;
    font-weight: bold;
}

.inputGiftCard{
    width: 151px;
    height: 25px !important;
}

.class_gift_delete{
    vertical-align: middle;
    cursor: pointer;
    background: transparent url('../images/icons/delete_icon.png') no-repeat 0 -30px;
    width: 22px;
    height: 25px;
    display: inline-block;
}

.class_gift_delete:hover{
    background: transparent url('../images/icons/delete_icon.png') no-repeat 0 0;
}

.class_gift_add{
    vertical-align: middle;
    cursor: pointer;
    background: transparent url('../images/icons/add_icon.png') no-repeat 0 -30px;
    width: 22px;
    height: 25px;
    display: inline-block;
}

.class_gift_add:hover{
    background: transparent url('../images/icons/add_icon.png') no-repeat 0 0;
}

.full-side-btn{
    width: 78px;
    text-align: center;
}

.full-side-btn-dyn{
    text-align: center;
}

.sidebaraccount_text{
    padding: 5px 0;
    color: #FFFFFF;
}

.priceBold{
    font-size: 10pt;
    padding-top: 5px;
}

.order-line-price-panel {
    white-space: nowrap;
    color: #7CBB06;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

.order-line-price-small{
    white-space: nowrap;
    color: #4B4B4B !important;
    width: 100px;
    display: inline-block;
}

.falseLabelColor{
    color: #BFBFBF;
    padding-left: 5px;
    font-size: 11pt;
}

.sidebaraccount_gap .falseLabelColor{
    width: 151px;
}



/* form styling */
.section .content form, .section form .content{
    margin: 0;
}

.section .content form label, .section form .content label{
    float: left;
    width: 210px;
    text-align: right;
    margin-right: 5px;
    margin-top: 9px;
}

.section .content form input, .section .content form select, .section form .content input, .section form .content select{
    padding: 4px;
    border: 1px solid #ccc;
    float: left;
    width: 400px;
    color: #555;
    margin-bottom: 5px;
}

.section .content form input:focus, .section form .content input:focus{
    color: #000;
}

.section .content form input.short, .section form .content input.short{
    width: 134px;
}

.section .content form input.middle, .section form .content input.middle{
    width: 300px;
}

.section .content form .widthAuto, .section form .content .widthAuto{
    width: auto;
    float: none;
}

.section .content form img, .section form .content img{
    float: left;
}

.error_form_image{
    margin-top: 5px;
    margin-left: 5px;
    display: none;
}

.errorInput{
    border: 1px solid #f3a403 !important;
    background-color: #fef6e5 !important;
}

.gap-label-mandatory{
    width: 17px;
    float: left;
    height: 1px
}

.section .content .note {
    font-style: italic;
    color: #AAAAAA;
    font-size: 12px;
    text-align: left;
}

.section .content .note img{
    margin-left: 0;
}

.contentForm{
    padding: 10px;
}

/* Account menu */
.contentMenu{
    padding-top: 5px !important;
}

.section .content .menuItem {
    float: left;
    text-align: center;
    width: 253px;
    height: 203px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 5px;
    padding-top: 50px;
}

.fullsizepage .section .content .menuItem {
    width: 237px;
    height: 187px;
}

.section .content .menuItem a, .section .content .menuItem a:visited, .section .content .menuItem a:hover {
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    display: block;
}

.section .content .menuItem a:hover {
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.section .content .menuItem a img {
    border: 0;
    margin-bottom: 10px;
}

.menuItemCurrentOrder{
    background-color: #89BA44;
}

.menuItemOnlineProject{
    background-color: #E3A443;
}

.menuItemAccountDetails{
    background-color: #9A89CB;
}

.menuItemChangePassword{
    background-color: #997962;
}

.menuItemChangePreferences{
    background-color: #534C44;
}


/** account orders **/
.title-current{
    float: left;
    width: 510px;
}

.fullsizepage .title-current{
    width: 710px !important;
}

.title-status{
    float: left;
    text-align: center;
    width: 130px;
}

.title-status-right{
    float: right;
    text-align: center;
    width: 130px;
}

.title-price{
    float: left;
    text-align: right;
    width: 130px;
}

/** New account **/
.blocAccount{
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
}

.blocAccount .title-bar{
    margin: 0 !important;
}

.fullsizepagenewaccount{
    width: 1000px;
}

.accountSeparator{
    margin: 10px 0 15px 0;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    height: 1px;
}

.fullsizepagenewaccount .content{
    padding: 0 !important;
}

/** Login page **/
#returningCustomersHolder {
    float: left;
    width: 470px;
    border-right: 1px dotted #CDCDCD;
    padding-right: 5px;
}

#newCustomersHolder {
    float: right;
    width: 471px;
}

.contentLogin{
    padding: 0 10px;
}

#contentTextNewAccount{
    padding-top: 10px;
}

.ul-new-account{
    padding-top: 10px;
    list-style-image: url('../images/icons/bullet_arrow_icon.png');
}

.ul-new-account li{
    padding-bottom: 10px;
}

#returningCustomersHolder .message {
    padding-left: 10px;
}

#returningCustomersHolder p {
    padding: 2px 10px;
}

#returningCustomersHolder form label {
    width: 100px;
}

#returningCustomersHolder form input {
    width: 296px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

#returningCustomersHolder.align-center {
    margin: 0 auto;
    float: none;
    border-right: none;
    padding: 0;
}

.forgotPasswordLink {
    padding: 5px;
    margin-left: 117px;
    text-align: left;
}

.forgotPasswordLink a:link, .forgotPasswordLink a:visited, .forgotPasswordLink  a:hover{
    color: #517DFF;
}

a.termsAndConditionsLink
{
    color: #517DFF;
}

.contentLogin .note{
    margin-left: 117px;
    padding: 5px 0;
}

.btn-sign-in{
    padding: 10px 0;
}

.title-login
{
    padding-bottom: 10px;
}

/******* Shopping cart *******/


/* Navigation */
.navigationInactiveMiddle{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') left top no-repeat;
    float: left;
    z-index: 20;
}

.navigationInactiveLeft{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -30px no-repeat;
    float: left;
    z-index: 20;
}

.navigationActiveRight{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -90px no-repeat;
    float: left;
    z-index: 20;
}

.navigationActiveMiddle{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -60px no-repeat;
    float: left;
    z-index: 20;
}

.navigationActiveLeftInactiveRight{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -150px no-repeat;
    float: left;
    z-index: 20;
}

.navigationActiveInactiveRight{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -180px no-repeat;
    float: left;
    z-index: 20;
}

.navigationActiveLeft{
    width: 34px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bar_dots.png') 0 -120px no-repeat;
    float: left;
    z-index: 20;
}

.navigationLineInactive{
    width: 216px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bars.png') top left repeat;
    float: left;
    z-index: 11;
}

.navigationLineActive{
    width: 216px;
    height: 30px;
    background: transparent url('../images/progress_bar/progress_bars.png') 50% 100% repeat;
    float: left;
    z-index: 11;
}

.fullsize-navigation .navigationLineInactive{
    width: 166px;
}

.fullsize-navigation .navigationLineActive{
    width: 166px;
}

.contentNavigationImage{
    width: 891px;
    margin-left: 110px;
    text-align: left;
}

.fullsize-navigation .contentNavigationImage{
    width: 918px;
    margin-left: 295px;
}

.contentNavigationText{
    width: 1000px;
    text-align: center;
}

.fullsize-navigation .contentNavigationText{
    margin-left: 210px;
}

.navigationLongBloc{
    float: left;
    width: 250px;
}

.fullsize-navigation .navigationLongBloc{
    width: 200px;
}

.navigationBloc{
    width: 30px;
    float: left;
}

.labelNavigation{
    padding-top: 5px;
    font-size: 11px;
    color: #999999;
    float: left;
    width: 250px;
}

.fullsize-navigation .labelNavigation{
    width: 200px !important;
}

/* general */
.outer-page .contentScrollCart {
    padding: 138px 0 0 0;
    width: 1000px;
}

.outer-page.fullsize-outer-page .contentScrollCart{
    width: 1212px !important;
}

.contentScrollCartNoNavigation {
	padding: 79px 0 0 0;
    width: 1000px;
	text-align: center;
}

.outer-page.fullsize-outer-page .contentScrollCartNoNavigation {
    width: 1212px !important;
}

.orderLineItem{
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin-bottom: 10px;
}

.orderFooter{
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin-bottom: 10px;
}

.contentPaymentBloc{
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin-bottom: 10px;
}

.contentPaymentMetaDataBloc{
    width: 790px;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    margin-bottom: 10px;
}

div.side-spacer {
    height:10px;
}

.cart {
    border-left: thin solid #A0A0A0;
    border-right: thin solid #A0A0A0;
    padding: 15px;
}

.order-metadata {
    border-top: thin solid #A0A0A0;
    border-left: thin solid #A0A0A0;
    border-right: thin solid #A0A0A0;
    padding: 15px;
}

.order-footer {
    border-top: thin solid #A0A0A0;
    border-left: thin solid #A0A0A0;
    border-right: thin solid #A0A0A0;
    padding: 15px;
}

.footer {
    border: thin solid #A0A0A0;
    -webkit-border-bottom-left-radius : .6em;
    -webkit-border-bottom-right-radius : .6em;
    -moz-border-bottom-left-radius : .6em;
    -moz-border-bottom-right-radius : .6em;
    border-bottom-left-radius : .6em;
    border-bottom-right-radius : .6em;
    background:#fafafa;
    padding-left: 10px;
}

.button-row {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -10px;
}

input.button-row {
    padding-bottom: 0px;
}

#button-row-next {
    float:right;
    width:400px;
    text-align:right;
}

#button-row-clear {
    clear:both;
}

a.next-link {
    text-decoration:none;
    color:white;
}

.order-line{
    padding: 15px 0 0 0;
    width:790px;
}

.contentTextInside{
    padding: 0 10px 15px 10px;
}

.lineBottom{
    height: 1px;
    margin: 0 -18px 0 -10px;
    border-top: 1px solid #cdcdcd;
}

.contentvoucher{
    text-align: left;
    margin-top: 5px;
}

.contentvoucher .falseLabelColor{
    width: 300px;
}

.contentAddress{
    text-align: left;
}

.contentAddressHeader{
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    width: 798px;
}

.contentAddressBody{
    width: 798px;
}

.shippingSummary{
    float: left;
    width: 399px;
}

.billingSummary{
    float: left;
    width: 399px;
}

.titleAddressRight{
    font-weight: bold;
    float: left;
    width: 379px;
    padding: 10px;
}

.titleAddressLeft{
    font-weight: bold;
    float: left;
    width: 379px;
    padding: 10px;
}

.order-line.border {
    border-top: 1px solid #cdcdcd;
}

.order-footer{
    border-top: 1px solid #999999;
}

.contentTotalOrderfooter{
    display:block;
    text-align:right;
    font-weight: bold;
    padding-bottom: 5px;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x top left;
}

.orderfooter-sub-total {
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    padding-top: 15px;
    font-size: 16px;
    padding-bottom: 10px;
}

.product-preview {
    float: left;
    width: 100px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    height: 75px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.componentbloc, .checkbox{
    margin: 10px 0 0 0;
}

.componentrow, .checkboxBloc{
    margin: 0 10px 10px 10px;
}

.calcomponentrow{
    margin: 0;
}

.subcheckboxBloc{
    padding: 0 10px 10px 0;
}

.sectionLabelLegend{
    padding: 7px 10px;
    position: relative;
    background-color: #E8E9E9;
    color: #4B4B4B;
    font-size: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
}

.sectionLabelLegendFooter{
    padding: 7px 10px;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    height: 14px;
    background: transparent url('../images/backgrounds/popup_main_background.png') repeat;
    color: #FFFFFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.subsectionLabelLegend{
    padding: 7px 10px 7px 50px;
    font-weight: bold;
    position: relative;
    background: #E8E9E9 url('../images/icons/sub_component_icon.png') no-repeat 10px 0;
    border-radius: 6px 6px 0 0;
    color: #4B4B4B;
    font-size: 12px;
    position: relative;
}

.imgToggleComponent{
    cursor: pointer;
    padding-right: 5px;
}

.fieldsetComponent{
    margin-top: 10px;
    border: none;
    border-top: 1px solid #B7B7B7;
}

.fieldsetComponent legend{
    font-style: italic;
}

.component-preview {
    float:left;
    width:75px;
    margin-right: 10px;
    border: 1px solid #B7B7B7;
    height: 65px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.component-name-long, .componentSectionTitleLong{
    float: left;
    width: 548px;
}

.componentSubSectionTitle{
    margin-bottom: 5px;
}

.componentSubSectionTitle, .subcomponent-name{
    float: left;
    width: 420px;
}

.componentSubSectionTitleLong, .subcomponent-name-long{
    float: left;
    width: 507px;
}

.subsection-info-long{
    float: left;
    width: 398px;
}

.component-name, .componentSectionTitle{
    float: left;
    width: 460px;
}

.componentSectionTitle, .componentSectionTitleLong{
    font-weight: bold;
    margin-bottom: 5px;
}

.componentSubSectionTitle .contentBtn{
    font-weight: bold;
}

.componentContentText{
    float: left;
    padding-top: 15px;
    width: 345px;
}

.componentSectionTitleLong .componentContentText{
    width: 438px;
}

.componentSubSectionTitle .componentContentText{
    width: 310px;
}

.product-header {
    width: 658px;
    float: left;
}

.product-header.long{
    width: 770px;
}

.product-bloc {
    color: #A0A0A0;
    float: left;
    width: 433px;
}

.product-bloc-long {
    color: #A0A0A0;
    float: left;
    width: 542px;
}

.singlePrintSizeLabel{
    padding: 7px 10px;
    position: relative;
    background-color: #E8E9E9;
    color: #4B4B4B;
    font-size: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    margin: 7px 0;
}

.singleprint-bloc {
    color: #4B4B4B;
    float: left;
    width: 433px;
    padding: 7px 0px;
    font-weight: bold;
}

.singleprint-bloc-long {
    color: #4B4B4B;
    float: left;
    width: 542px;
    padding: 7px 0px;
    font-weight: bold;
}

.calendarcomp-bloc {
    color: #4B4B4B;
    float: left;
    width: 433px;
    padding-bottom: 7px;
    font-size: 14px;
}

.singleprint-total {
    color: #4B4B4B;
    display: block;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: right;
    background: url("../images/separators/right_column_dotted_separator.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}

.singleprint-total-heading {
    color: #4B4B4B;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    display:inline-block;
}

.singleprint-totalsell
{
    color: #7CBB06;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    width: 100px;
}

div.singleprint_quantity {
    float: left;
    text-align: center;
    width: 55px;
    padding: 7px 0px;
}

div.singleprint_quantity_payment {
    float: left;
    text-align: center;
    width: 80px;
    padding: 7px 0px;
}

div.singleprint_price {
    float: right;
    width: 100px;
    text-align: right;
    color: #343434;
    font-size: 12px;
    padding: 7px 0px;
}

div.calendarcomp_price {
    float: right;
    width: 100px;
    text-align: right;
    color: #343434;
    font-size: 12px;
    padding-bottom: 7px;
    font-size: 12px;
}

.product-title{
    font-size: 18px;
    color: #353535;
    padding: 5px 0;
}

.product-collection-title{
    padding: 5px 0;
    color: #425B75;
}

.line-total {
    padding: 5px 0 5px 0;
    text-align: right;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x top left;
}

.line-total-no-dot {
    padding: 5px 0 5px 0;
    text-align: right;
}

.line-sub-total {
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.line-sub-total-nopadding {
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

.line-sub-total-small{
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    padding-top: 10px;
    font-weight: bold;
}

.line-sub-total-small-bottom{
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    padding-bottom: 5px;
}

.line-sub-total-small-top{
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    padding-top: 5px;
}

.line-sub-total-include {
    display: block;
    color: #4B4B4B;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 14px;
}

.total-heading{
    width: 680px;
    float: left;
}

.gift-card-box-button{
    padding: 10px 10px 0 0 !important;
}

.gift-card-box-button.disabled{
    padding: 5px 10px 0 0 !important;
}

.contentPaymentBloc .line-sub-total-small-bottom{
    padding-bottom: 10px !important;
}

#giftcard-remain
{
    padding-bottom: 0 !important;
}

.orderSummaryVoucher {
    clear: both;
    color: #7F7F7F;
    font-size: 13px;
    text-align: right;
    padding: 5px 10px 10px 10px;
    overflow: auto;
}

.orderSummaryGift {
    clear: both;
    color: #7F7F7F;
    font-size: 13px;
    text-align: right;
    padding: 5px 10px 10px 10px;
    overflow: auto;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x top left;
}

.orderSummaryGiftNoDot{
    clear: both;
    color: #7F7F7F;
    font-size: 13px;
    text-align: right;
    padding: 5px 10px 10px 10px;
    overflow: auto;
}

.labelVoucherSummary{
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}

.contentvoucher .contentBtn{
    float: left;
    margin-top: -8px;
}

.lineSeparator{
    padding-top: 10px;
    border-top: 1px solid #CCCCCC;
    float: right;
    width: 400px;
}

.priceSummary{
    padding-bottom: 5px;
    color: #999999;
}

.priceOrderTotal{
    padding-bottom: 5px;
    color: #7CBB06;
    font-weight: bold;
}

.contentHeaderShipping{
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    width: 798px;
}

.shippingHeader{
    background: none !important;
    margin: 0 !important;
    padding: 10px 10px 10px 10px !important;
    float: left;
    width: 379px;
    color: #7F7F7F;
}

.shippingMethodHeader{
    margin: 0 0 5px 0 !important;
    padding: 10px 10px 10px 10px !important;
    background-color: #E8E9E9;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.link-disabled{
    cursor: auto !important;
}

.orderSummary{
    color: #4B4B4B;
    text-align:right;
    font-weight: bold;
}

.product-info{
    display: block;
}

div.project-title {
    margin-top:8px;
    padding-bottom:10px;
    color: #343434;
}

span.duplicate-remove-link {
    position:absolute;
    right:15px;
    text-align:right;
}

a.remove-link {
    text-decoration:none;
    color:#0084D0;
    border-left : 1px solid Black;
    margin-left:5px;
    padding-left:5px;
}

a.duplicate-link {
    text-decoration:none;
    color:#0084D0;
}

a.cart-link {
    text-decoration:none;
    color:#0084D0;
}

div.quantity {
    float: left;
    text-align: center;
    width: 104px;
    padding-top: 7px;
}

div.componentquantity {
    position:absolute;
    right:160px;
    top:23px;
}

select.quantity {
    left: -2px;
    position: absolute;
    top: -29px;
}

div.paymentcomponentquantity {
    display: inline;
    width: 10px;
    position: absolute;
    right: 160px;
    color: #343434;
    font-size: 14px;
    font-weight: bold;

}

input.quantity {
    border : 1px solid #cdcdcd;
    text-align : center;
    font-size : 12px;
    font-family : Verdana, Geneva, Arial, Helvetica, Sans-serif;
    width : 45px;
    height : 24px;
    padding-bottom : 2px;
    vertical-align: middle;
}

.quantity select{
    width: 66px;
}

.quantityText{
    font-weight: bold;
    color: #7F7F7F;
    padding-top: 10px;
    display: inline-block;
}

img.refresh {
    width:24px;
    height:24px;
    vertical-align: middle;
    cursor: pointer;
}

div.section-title {
    font-weight: bold;
}

div.content_component{
    float: right;
}

div.component-price {
    float: right;
    width: 100px;
    text-align: right;
    color: #343434;
    font-size: 12px;
    padding-top: 15px;
}

div.component-price-asset {
    float: right;
    width: 100px;
    text-align: right;
    color: #343434;
    font-size: 12px;
}


.priceBig{
    font-size: 17px !important;
}

span.component-add-delete-edit-change-link {
    margin-left:5px;
    color:black;
}

div.section-info{
    font-style: italic;
    color: #999999;
}

div.section-info-long{
    font-style: italic;
    float: left;
    color: #999999;
}

div.subsection-info{
    font-style: italic;
    float: left;
    width: 345px;
    color: #999999;
}

.componentSubSectionTitle .subsection-info{
    width: 335px;
}

.component-name-long .checkbox-info {
    font-style: italic;
    width: 440px;
    color: #999999;
}

.component-name .checkbox-info {
    font-style: italic;
    width: 345px;
}

.checkbox-info{
    padding-top: 2px;
}

div.section-add {
    color:#00a260;
}

.paddingCenter{
    margin-top: 10px;
}

/* END OF CHECK */
.component-metadata.invisible, .subcomponent-metadata.invisible{
    display: none;
}

.component-metadata{
    padding: 0 0 10px 10px;
}

.subcomponent-metadata{
    padding-bottom: 10px;
    background-color: #F3F4F6;
}

.metadataHolder{
    padding: 0 10px 0 0;
}

.contentOrderSummary .component-metadata{
    background: #F2F2F2;
    padding-top: 10px;
}

.legendMeta{
    font-weight: bold;
    color: #7CBB06;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x 0 50%;
}

.component-metadata .legendMeta span, .metadataadditional .legendMeta span{
    background-color: #FFFFFF;
    padding-right: 2px;
}

.subcomponent-metadata .legendMeta span{
    background-color: #F3F4F6;
    padding-right: 2px;
}

.contentOrderSummary .component-metadata .legendMeta span{
    background-color: #F2F2F2;
}

.metadataHolder h3 {
    font-size: 110%;
    font-weight: bold;
    padding: 3px 0;
}

.metadataItem {
    padding: 0 0;
    margin-top: 10px;
}

.metadataItem p {
    margin: 8px 0;
}

.metadataItem input, .metadataItem textarea {
    margin-left: 0;
    max-width: 760px;
}

/*.metadataItem input, .metadataItem select {
    margin-left: 0;
    max-width: 72px;
}*/

.contentOrderSummary label{
    cursor: default;
}

.labelRadio{
    margin-right: 5px;
}

.radioBloc{
    margin-top: 5px;
/*    display:inline-block;*/
}

.radioBloc input{
    float: left;
}

.radioImage{
    max-height: 45px;
    margin-right: 5px;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
}

.radioBloc label{
    max-width: 740px;
    word-wrap: break-word;
    float: left;
    padding-left: 0px;
}

.metadata-Highlighted .radioBloc label{
    max-width: 710px;
}

.subcomponent-metadata .radioBloc label{
    max-width: 675px;
}

.subcomponent-metadata .metadata-Highlighted .radioBloc label{
    max-width: 675px;
}


.metadataItem .description, .metadataItem .descriptionRadio{
    font-style: italic;
    max-width: 740px !important;
}

.subcomponent-metadata .metadataItem .description, .metadataItem .descriptionRadio{
    font-style: italic;
    max-width: 670px !important;
}

.metadatatitle, .metadatatitleRadio, .metadataCheckboxLabel{
    font-weight: bold;
    max-width: 765px !important;
    word-wrap: break-word;
    margin-top: 5px;
}

.subcomponent-metadata .metadataCheckboxLabel{
    max-width: 695px !important;
}


.metadatatitlecheckbox{
    font-weight: bold;
    width: 100%;
    padding-top: 10px;
}

/*.metadatatitlecheckbox label, .metadatatitlecheckbox input{
    display:inline-block;
}*/

.inputCheckbox{
    float: left;
    margin-right: 5px;
}

.metadataCheckboxLabel, .metadataCheckboxLabel.description{
    max-width: 750px !important;
    word-wrap: break-word;
    float: left;
}

.metadatacontent .description{
    max-width: 700px;
    word-wrap: break-word;
    /*float: left;*/
    /*padding-left: 10px;*/
    /*padding-bottom: 10px;*/
}

.metadatacontent input[type='text']{
    margin: 0;
    height: 14px;
    padding: 4px;
    border-width: 1px;
    border: 1px solid #CCCCCC;
}

/*input.inputFullSize{
    width: 768px;
}*/

/*textarea.inputFullSize{
   width: 776px;
}*/


.section .component-metadata .metadataHolder .metadataItem .inputFullSize, .checkbox .component-metadata .metadataHolder .metadataItem .inputFullSize {
    max-width: 760px ;
}

.section .component-metadata .metadataHolder .metadataItem textarea.inputFullSize{
    max-width: 763px ;
}

.metadataItem select{
    max-width: 763px ;
}

.section .component-metadata .metadataHolder .metadataItem.metadata-Highlighted textarea.inputFullSize {
    max-width: 740px ;
}

.metadataItem.metadata-Highlighted select{
    max-width: 735px ;
}



.subsection .subcomponent-metadata .metadataHolder .metadataItem textarea.inputFullSize{
    max-width: 690px ;
}

.subsection .subcomponent-metadata .metadataHolder .metadataItem .inputFullSize{
    max-width: 690px;
}

.subsection .subcomponent-metadata .metadataHolder .metadataItem select{
    max-width: 690px;
}


.subsection .subcomponent-metadata .metadataHolder .metadataItem.metadata-Highlighted textarea.inputFullSize{
    max-width: 695px ;
}

.subsection .subcomponent-metadata .metadataHolder .metadataItem.metadata-Highlighted .inputFullSize{
    max-width: 695px;
}

.subsection .subcomponent-metadata .metadataHolder .metadataItem.metadata-Highlighted select{
    max-width: 700px;
}

#metadatatableobj .metadataHolder {
    width: 777px;
    border: none;
    background: none;
    padding: 0;
}

#metadatatableobj.metadataadditional .metadataHolder {
    width: 786px;
}

#metadatatableobj .metadataHolder legend{
    display: none;
}

#metadatatableobj .metadataHolder .metadataItem
{
    padding: 0;
    margin: 0 0 0 10px;
}

input[disabled='disabled'], textarea[disabled='disabled']{
    background-color: #EDEDED;
    border: 1px solid #C7C7C7 !important;
    color: #858585 !important;
    cursor: default !important;
}

.metadataadditional{
    margin-top: 10px;
    margin-bottom: 10px;
}

.metadataadditional .legendMeta{
    margin-left: 10px;
}

#shoppingCart #back {
    float: right;
}

#shippingtableobj {
    overflow: hidden;
}

#vouchertableobj input, #vouchertableobj label{
    width: auto !important;
    float: none;
    margin: 0;
    color: #465269;
}

#shippingtableobj #addressHolder {
    overflow: hidden;
    position: relative;
}

#shippingtableobj #shippingAddress {
    float: left;
    width: 399px;
}
#shippingtableobj #billingAddress {
    float: right;
    width: 399px;
}

.contentShipping{
    width: 798px;
}

.shippingPadding{
    padding: 10px 20px 10px 10px;
}

.shippingTextHeader{
    width: 385px;
    float: left;
    font-weight: normal;
    font-size: 12px;
}

.shippingCurrency{
    float: right;
    width: 384px;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
}

.alignBottom {
    padding: 18px 0 10px 0;
    float: left;
    width: 382px;
}

.alignBottomRight {
    padding: 0 0 10px 0;
    float: right;
    width: 382px;
}

#sameasshippingaddressobj #sameasshippingaddress {
    margin-right: 6px;
}

#shippingMethodsList{
    padding: 0;
    margin: 0 10px 0 5px;
}

#paymentMethodsList{
    padding: 0;
    margin: 10px 10px 10px 10px;
}

.paymentmethodlist{
    margin-bottom: 5px;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    padding: 15px 0;
}

.paymentmethodlist input{
    margin: 0 15px 0 5px;
    float: left;
    width: 30px;
}

#shippingMethodsList li{
    list-style-type: none;
    padding: 15px 0 15px 0;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    min-height: 25px;
}

#shippingMethodsList li input{
    margin: 0 15px 0 5px;
    float: left;
    width: 30px;
}

#pageFooterHolder #shippingMethodsList li .inputStore {
    margin: 15px 15px 0 5px;
}

#pageFooterHolder #shippingMethodsList li .textShipping, .paymentmethodlist label{
    float: left !important;
    width: 642px !important;
}

#pageFooterHolder #shippingMethodsList li .textShippingStore{
    float: left !important;
    max-width: 442px !important;
    padding-top: 15px;
    margin-right: 10px;
}

#shippingMethodsList li .shippingRate {
    float: right;
    width: 100px;
    text-align: right;
}

#vouchertableobj {
    margin: 0 0 15px 0;
}

#vouchertableobj input {
    margin: 0 5px;
}

#vouchertableobj #vouchersStatus {
    font-size: 13px;
    margin-left: 5px;
}

.valueRequiredImg {
    margin-left: 5px;
    vertical-align: middle;
}

/* order items list */

#ordertableobj .componentsLine{
    overflow: hidden;
}

#ordertableobj .column1 {
    float: left;
    width:150px;
}

#ordertableobj .column1 input {
    float: none;
    width: 40px;
}
#ordertableobj .column1 img {
    float: none;
    margin: 0;
    vertical-align: middle;
    width: 33px;
}

#ordertableobj .column2 {
    float: left;
    width: 300px;
}

#ordertableobj .column3 {
    float: right;
    width:250px;
    text-align: right;
}

#ordertableobj .componentPreview a {
    text-decoration: none;
}

#ordertableobj .componentPreview img {
    width: 50px;
    border: 0 !important;
}

/* Component selection */
.no-additional-infromation{
    font-style: italic;
    color: #999999;
}

#storeLocator, #componentChangeBox {
    width: 650px;
    margin-bottom: 30px;
    text-align: left;
    z-index: 200;
    display: none;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    position: fixed;
    word-wrap: break-word;
}

#ordersTermsAndCondtions {
    width: 650px;
    margin-bottom: 30px;
    text-align: left;
    z-index: 200;
    display: none;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    position: fixed;
}

#storeLocator .title-bar, #componentChangeBox .title-bar, #storeInfo .title-bar{
    padding-top: 15px;
    background: none;
    word-wrap: break-word;
}

#storeLocator .inputGap{
    padding: 5px 0;
}

#componentChangeBox .content{
    padding: 0;
}

#componentChangeBox .buttonBottomInside{
    padding: 0 10px;
}

#previewHolderCartHolder {
    height: 265px;
    overflow: auto;
    padding: 10px 10px 5px 10px;
    overflow-y: scroll;
}

#previewHolderCartHolder .previewItemHolder {
    padding: 10px 0 10px 0;
    width: 600px;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
}

#previewHolderCartHolder .previewItemHolder .selected .previewItemText{
    background: transparent url('../images/backgrounds/object_background_stripes.png') repeat;
    display: block;
    float: left;
}

#previewHolderCartHolder .previewItemHolder .activeOver .previewItemText{
    background: #EEEEEE;
}

#previewHolderCartHolder img {
    max-width: 72px;
    max-height: 72px;
    vertical-align: middle;
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#previewHolderCartHolder input{
    vertical-align: middle;
}

#previewHolderCartHolder span.previewItemImg, #previewHolderCartHolder span.previewItemText, #previewHolderCartHolder span.previewItemImgShort, #previewHolderCartHolder span.previewItemTextLong {
    float: left;
    display: block;
}

#previewHolderCartHolder span.previewItemImg label{
    display: inline-block;
    text-align: center;
    width: 72px;
    margin-right: 10px;
}

#previewHolderCartHolder span.previewItemText{
    width: 398px;
    min-height: 35px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
}

#previewHolderCartHolder .previewItemHolder .labelTitleComponent{
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    width: 368px;
}

#previewHolderCartHolder .borderRadioStore{
    padding-left: 5px;
    height: 65px;
    margin: 0;
}

#previewHolderCartHolder .previewItemHolder .valuePriceComponent{
    color: #7CBB06;
    font-weight: bold;
}

#previewHolderCartHolder label:hover{
    cursor: pointer;
}

#previewHolderCartHolder .previewItemImg input[type="radio"] {
    margin-right: 15px !important;
}

#previewHolderCartHolder .previewItemDescImg{
    margin-left: 40px;
    margin-top: 10px;
    display: none;
}

* html .hideSelects select {
    visibility: hidden;
}
* html .hideSelects #storeLocator select, * html .hideSelects #componentChangeBox select {
    visibility: visible;
}

/* Store Locator page */
#storeLocator form label {
    width: 160px;
}

#storeLocator form select {
    width: 451px;
}

#storeLocator form .contentSearchText{
    float: left;
    text-align: right;
    width: 543px;
}

#storeLocator form #searchButton {
    margin-right: 10px;
    margin-top: -5px;
}

#storeInfo {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 200;
    width: 500px;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
}

#storeInfo a{
    color: #343434;
    text-decoration: underline;
}

#storeInfoContent {
    overflow: auto;
    margin: 0 10px;
    background-color: #FFFFFF;
    padding: 10px;
}

#storeInfoContent #storeInfoDetails, #storeInfoContent #storeInfoOpeningTimes {
    width: 216px;
    float: left;
}

#storeInfoContent #storeInfoDetails {
    margin-right: 15px;
}

#storeInfoContent #storeInfoDetails label{
    font-weight: bold;
    display: block;
}

.storeContent{
    padding: 0 10px;
}

.storeDetail{
    padding: 5px 5px 0 5px;
}

.headerStoreInfo{
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.headerStoreInfo h2{
    float: left;
    width: 230px;
}

#shim, #shimLoading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=70);
    z-index: 100;
    display: none;
}

#storeListAjaxDiv {
    height: 225px;
    overflow-y: scroll;
}

#storeListAjaxDiv tr td {
    padding: 6px 2px;
}

#storeListAjaxDiv tr td input {
    width: auto;
}

.contentStoreLocator{
    margin: 10px;
    text-align: left;
    width: 630px;
    word-wrap: break-word;
}

.noStoresFound{
    text-align: left;
    padding-top: 10px;
}

.storeInputLong{
    width: 363px  !important;
}

.storeLogo{
    padding: 10px;
    text-align: center;
    background-color: #FFFFFF;
}

.storeLogoImg{
    max-width: 600px;
    max-height: 150px;
    vertical-align: middle;
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.contentFormStoreLocator{
    padding: 0 10px 10px 10px;
    background-color: #FFFFFF;
}

.voucherinput{
    float: left;
}

.contentTermsAndConditions{
    margin: 10px;
}

.contentFormTermsAndCondition
{
	color: #FFF;
	font-size: 10pt;
    padding: 0 10px 10px 10px;
    background: transparent url("../images/backgrounds/popup_inner_background.png") repeat scroll 0 0;
    overflow-y: scroll;
    height: 400px;
}

/** order confirmation **/
.title-confirmation{
    background: transparent url('../images/icons/order_complete_icon.png') no-repeat;
    height: 60px;
    padding-left: 82px;
    padding-top: 15px;
    font-size: 35px;
    margin: 10px;
    line-height: 50px !important;
}

.confirmationBoldText{
    padding: 15px 15px 0 15px;
    font-weight: bold;
    font-size: 14pt;
}

.confirmationMessage{
    padding: 15px;
    font-size: 11pt;
}

.confirmationMessage span{
    color: #7CBB06;
    font-weight: bold;
}

/** order cancellation **/
.title-cancellation{
    background: transparent url('../images/icons/order_cancelled_icon.png') no-repeat;
    height: 60px;
    padding-left: 82px;
    padding-top: 15px;
    font-size: 35px;
    margin: 10px;
    line-height: 50px !important;
}

.cancellationText{
    padding: 20px 15px;
    font-size: 11pt;
}

/* customer login share and reorder */
#confirmationBox {
    position: fixed;
    z-index: 300;
    width: 300px;
    display: none;
    color: #FFFFFF;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
}

.confirmationBoxContent{
    min-height: 65px;
}

#redactConfirmBox {
    position: fixed;
    z-index: 300;
    width: 480px;
    display: none;
    color: #FFFFFF;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
}


#popupBox, #dialogBox,  #dialogBoxOnlineAction{
    text-align: left;
    position: fixed;
    z-index: 200;
    background: url('../images/backgrounds/popup_main_background.png') repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    color: white;
    display: none;
    width: 650px;
}

#popupBox .content, #dialogBox .content, #dialogBoxOnlineAction .content{
    padding: 0;
    margin: 0;
}

#popupBox .title-bar{
    padding-top: 15px;
    background: none;
}

.dialogTop{
    background: url("../images/backgrounds/popup_header_background.png") repeat-x scroll left bottom transparent;
    border-radius: 20px 20px 0 0;
    min-height: 47px;
    padding-left: 10px;
    padding-right: 10px;
}

.dialogTop .title-bar{
    background: none !important;
    padding: 13px 10px;
}

.dialogContentContainer
{
	overflow-x: hidden;
	overflow-y: auto;
}

.passwordProtectionCheckBoxBloc{
    margin-left: 180px;
    padding-bottom: 5px;
}

.passwordProtectionBloc{
    margin-left: 10px;
    padding-bottom: 5px;
}

.passwordProtectionBloc input{
    border: 1px solid #CCCCCC;
}

.passwordProtectionBloc input[disabled='disabled']{
    padding: 1px 0;
}

.passwordProtectionBloc input[type='checkbox']{
    margin-left: 0;
    padding-left: 0;
}

.shareContent{
    padding: 10px 0 10px 0;
}

.shareContentLeft{
    float: left;
    width: 160px;
    padding-right: 5px;
}

.shareContentRight{
    float: left;
    width: 451px;
    border-left: 1px dotted #CDCDCD;
}

#dialogBox .content .btnRight, #dialogBoxOnlineAction .content .btnRight{
    height: 43px;
}

.passwordProtectionBloc label{
    float: left;
    width: 170px;
    text-align: right;
    margin-right: 5px;
    margin-top: 9px;
}

.passwordProtectionBloc input{
    border: 1px solid #CCCCCC;
    color: #555555;
    float: left;
    margin-bottom: 10px;
    width: 239px;
    padding: 0 4px !important;
}

#shareEmail .note{
    padding-bottom: 4px;
}

.shareBlocEmail{
    margin-bottom: 0 !important;
}

.shareBlocEmail .message{
    text-align: center;
    padding: 10px 10px 0 10px;
}

.shareByEmailToTextarea{
    height: 43px;
    resize: none;
}

.shareByEmailTextTextarea{
    height: 104px;
    resize: none;
}

.shareByEmailTextInput{
    height: 109px;
}

.shareBlocEmail textarea{
    border: 1px solid #CCCCCC;
    width: 378px;
    float: left;
    padding: 0;
    margin: 0;
}

#popupBox2Form{
    padding: 10px 0 10px 0;
}

#popupBox2Form label{
    width: 218px !important;
}

#popupBox2Form input{
    width: 370px !important;
}

#popupBox2Form .note{
    margin-top: 5px;
}

#popupBoxContent {
    height: 230px;
    overflow: auto;
    padding: 10px 10px 5px 10px;
    overflow-y: scroll;
}

#popupBoxContent .previewItemHolder {
    padding: 10px 0 10px 0;
    width: 591px;
    background: transparent url('../images/separators/right_column_dotted_separator.png') repeat-x bottom left;
}

#popupBoxContent .previewItemHolder:hover{
    cursor: pointer;
}

#popupBoxContent .previewItemHolder.selected .previewItemText{
    background: transparent url('../images/backgrounds/object_background_stripes.png') repeat;
}

#popupBoxContent .previewItemHolder.activeOver .previewItemText{
    background: #EEEEEE;
}

#popupBoxContent img {
    max-width: 72px;
    max-height: 72px;
    vertical-align: middle;
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#popupBoxContent input, .shareContentLeft input, .shareContentLeft img{
    vertical-align: middle;
}

.shareContentLeft img{
    margin-right: 10px;
}

#popupBoxContent span.previewItemImg, #popupBoxContent span.previewItemText, #popupBoxContent span.previewItemImgShort, #popupBoxContent span.previewItemTextLong {
    float: left;
    display: block;
}

#popupBoxContent span.previewItemImg label{
    display: inline-block;
    text-align: center;
    width: 72px;
    margin-right: 10px;
}

#popupBoxContent span.previewItemText{
    width: 430px;
    height: 42px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
}

#popupBoxContent span.previewItemTextLong {
    width: 520px;
    height: 42px;
    padding-top: 2px;
    margin-left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
}

#popupBoxContent .previewItemHolder:hover, #popupBoxContent label:hover{
    cursor: pointer;
}

#popupBoxContent .previewItemImg input[type="radio"] {
    margin-right: 15px !important;
}

.section .content .lessPaddingTop {
    margin: 0 10px;
    padding: 10px 5px 5px 5px;
    background-color: #FFFFFF;
    color: #343434;
    margin-top: 10px;
}

.section .content .morePaddingTop {
    margin: 10px;
    padding: 0 0 5px 0;
    border: 1px solid #CDCDCD;
    border-top: none;
}

.buttonShare{
    clear: both;
    margin: 10px;
}

.marginBloc{
    margin-top: 15px;
}

#shareMethodsHolder {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

#shareMethodsHolder label input, #shareMethodsHolder label span {
    float: left;
    margin-left: 7px;
    line-height: 50px;
    height: 50px;
    vertical-align: middle;
}

#shareMethodsHolder label span img {
    vertical-align: middle;
}

#unshareConfirmationBoxButtons {
    display: none;
    margin-left: 20px;
}

.commonText {
    font-weight: normal;
    color: #343434;
}

#prefiewPasswordHolder {
    overflow: hidden;
}

/* add to any */
#a2amail_any_email,
#a2apage_any_email,
#a2apage_EMAIL,
#a2apage_BROWSER {
    display:none !important;
}

.a2a_menu_find_container{
    border-color: #CCCCCC !important;
}

.a2a_menu{
    padding: 0 !important;
    width: 608px !important;
}

#a2a_menu_container{
    margin: 5px !important;
    width: 608px !important;
}

.a2a_col1{
    height:104px !important;
}

.a2a_note_note{
    margin-bottom: 1px !important;
}

.a2apage_find{
    height: 19px;
}

.a2a_dd{
    display: block;
}

iframe.a2a_shim{
    z-index: 199 !important;
}

/* preview page */

.contentScrollPreview {
    padding: 134px 0 0 0;
}

.previewBoxLeft{
    float: left;
    padding: 10px 0;
    margin-bottom: 10px;
}

.previewBoxRight{
    float: right;
    margin-bottom: 10px;
}

.ulPreview{
    padding-top: 10px;
    list-style-image: url('../images/icons/bullet_arrow_icon.png');
}

.ulPreview li{
    padding-bottom: 10px;
}

.previewSoftwareText{
    display: inline-block;
    width: 175px;
    margin-right: 10px;
}

.linkGreen{
    color: #7CBB06 !important;
}

.slideshow {
    width: 940px;
    border: 1px solid #ccc;
    height: auto !important;
    width: auto !important;
    background: #EEEEEE;
}

.slideshow .galleria-container {
    background: #eee;
}

.slideshow .galleria-thumbnails{
    margin: 0 auto;
}

.slideshow .galleria-thumbnails .galleria-image {
    border: 1px solid #777;
}

.slideshow .galleria-info-link {
    display: none;
}

#noFlashMessage {
    margin: 20px 0 20px 0;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 1.6em;
    background: #f9efef;
    display: none;
}

#noFlashMessage a {
    color:#95D100;
}

#saleMessage {
    font-size: 22px;
    position: relative;
    line-height: 1.4em;
}

#pageflip {
    height: 600px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.floatHolder {
    overflow: hidden;
}

.order-line-price {
    white-space: nowrap;
    color: #7CBB06;
    font-size: 16px;
    font-weight: bold;
    width: 100px;
    display: inline-block;
}

.discount-price {
    width: 100px;
    display: inline-block;
    white-space: nowrap;
    color: #7CBB06;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

.comp-sub-total
{
    text-align: right;
}

.disabled span
{
    color: #AAAAAA;
}

.changeButton{
    padding-right: 10px;
    text-align: right;
}

#selectstore{
    float: left !important;
    margin-left: 10px;
    margin-top: -10px;
}

.contentStoreDetail{
    background: url("../images/separators/right_column_dotted_separator.png") repeat-x scroll left bottom transparent;
    width: 591px;
}

.contentStoreDetail.selected .textRadioStore .labelSelectStore{
    background: url("../images/backgrounds/object_background_stripes.png") repeat scroll 0 0 transparent;
}

.contentStoreDetail:hover{
    cursor: pointer;
}

.contentStoreDetail:hover .textRadioStore .labelSelectStore{
    background: #EEEEEE;
}

.contentStoreDetail input[type="radio"]{
    width: 13px !important;
    float: left;
    margin-left: 15px;
    margin-top: 25px;
}

.textRadioStore{
    float: left;
    width: 490px;
    text-align: left;
    padding: 10px;
}

.borderRadioStore{
    border-right: 1px solid #E0E0E0;
    float: left;
    height: 52px;
    margin-top: 10px;
    width: 1px;
}

.labelSelectStore{
    padding: 10px;
    width: 475px !important;
    display: inline-block;
    border-radius: 8px 8px 8px 8px;
    min-height: 32px;
}

div.imgInfo
{
    margin: 17px 0 0 10px;
    cursor: pointer;
    float: left;
    background: transparent url('../images/icons/more_info_icon.png') no-repeat;
    background-size: 22px 52.5px;
    width: 22px;
    height: 22.5px;
}

.imgInfo:hover, .imgInfo.activeIconeInfo
{
    background-position: 0 -30px;
}


.imgInfo.activeIconeInfo
{
    background: transparent url('../images/icons/more_info_icon.png') 0 -30px no-repeat;
    background-size: 22px 52.5px;
}

/* Fixes an issue with IE8 not supporting background-size */
#storeListAjaxDiv div.imgInfo
{
	background: none;
    margin: 17px 0 0 10px;
    cursor: pointer;
    float: left;
    width: 22px;
    height: 23px;
	overflow: hidden;
}

#storeListAjaxDiv .imgInfo:hover
{
    background-position: 0;
}

#storeListAjaxDiv img.imgInfo
{
	width: 22px;
}

#storeListAjaxDiv img.imgInfo:hover
{
	margin-top: -30px;
}

.buttonBottom{
    margin: 15px 0;
}

.buttonBottom .contentBtn{
    float: left;
}

.buttonBottomInside{
    margin: 10px 0 5px 0;
}

.orderconfirmation_gap, .top_gap{
    margin-top: 5px;
    text-align: left;
}

.top_gap_login{
    margin-top: 10px;
}

.contentForgot{
    width: 470px;
    margin: 0 auto;
}

.contentForgot label{
    width: 110px !important;
}

.buttonForgot{
    width: 490px;
    margin: 0 auto;
    margin-top: 10px;
}

.noTopMargin{
    margin-top: 0 !important;
}

.imgMessage {
    float: left;
}

.product-notavailable-container {
    position: absolute;
    background: #e3e3e3;
    height: 100%;
    width: 100%;
}

.product-notavailable {
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    background: #FFF;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.product-notavailable-title {
    font-weight: 100;
    font-size: 24px;
    color: #333;
    text-align:center;
    font-family: Helvetica, Arial, sans-serif;
    line-height:28px;
}

.unsupported-browser-container
{
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    width: 60%;
    padding: 20px;
    margin: 0 auto;
    background: #FFF;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    overflow: hidden;
    height: 450px;
}

.unsupported-browser-container h1
{
    padding: 0px;
    font-weight: 100;
    font-size: 33px;
    margin: 0px;
    margin-bottom: 25px;
    color: #333;
    line-height: 37px;
}

.unsupported-browser-container p
{
    margin-bottom: 25px;
}

.unsupported-browser-container hr
{
    border: none;
    height: 1px;
    background: #ccc;
}

.browser-box
{
    width: 23%;
    margin-right: 2%;
    float: left;
    background: #f6f6f6;
    -moz-border-radius: 9px; /* Firefox */
    -webkit-border-radius: 9px; /* Safari, Chrome */
    border-radius: 9px; /* CSS3 */
    text-align: center;
    height: 340px;
}

.browser-box img
{
    padding: 15px;
}

.browser-box a
{
    color: #39C;
    text-decoration: none;
}

.browser-box p
{
    padding: 13px;
}

.communication-failed-container
{
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    width: 60%;
    padding: 20px;
    margin: 0 auto;
    background: #FFF;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    overflow: hidden;
    height: 250px;
}

.communication-failed-container h1
{
    padding: 0px;
    font-weight: 100;
    font-size: 33px;
    margin: 0px;
    margin-bottom: 25px;
    color: #333;
    line-height: 37px;
}

.communication-failed-container p
{
    margin-bottom: 25px;
}

.communication-failed-container hr
{
    border: none;
    height: 1px;
    background: #ccc;
}

#existingprojectholder {
    width: 790px;
    position: relative;

    background-color: #FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 5px 0 5px;
    margin-bottom: 20px;
}


.existingprojectcontent {
    padding: 5px 0 10px 0 !important;
}

.onlineproject_btnLinks {
    margin-bottom: -7px;
    padding: 7px 0;
    border-top: 1px dotted #CDCDCD;
}

.deleteBtnText {
    color: #C01C0B;
}

.projectlist {
    overflow: auto;
    height: 360px;
    background-color: #EBEBEB;
    border-radius: 7px;
}

#existingOnlineProjectList > .contentRow:hover {
    background: #CDCDCD;
    cursor: pointer;
    padding-top: -10px;
    border-bottom: 1px dotted #DCDCDC !important;
}

.projectRowHighLight{
    margin-top: 0px !important;
    padding-top: 10px;
}

.selectedRow{
    background: #CDCDCD;
    border-bottom: 1px dotted #DCDCDC !important;
}

.online-buttons {
    display: block;
    float: left;
    height: 40px;
    cursor: pointer;
    width: 158px;
}

#loadingBox{
    position: fixed;
    z-index: 300;
    width: 300px;
    display: none;
    color: #FFFFFF;
    background: url("../images/backgrounds/popup_main_background.png") repeat scroll 0 0 transparent;
}

.loadingMessage{
    padding: 5px 15px 12px 0;
    text-align: center;
}

#shimLoading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=70);
    z-index: 202;
    display: none;
}

.btnDoneTop{
    margin: 0 0 5px 10px;
    cursor: pointer;
}

.btnDone{
    color: #3c73c6;
    font-size: 11pt;
    float: left;
}

.backImage{
    float: left;
    margin-right: 5px;
    width: 9px;
    height: 15px;
}

.onlineproject_btnLinks .btn-green-middle,
.onlineproject_btnLinks .btn-blue-middle,
.onlineproject_btnLinks .btn-white-middle,
.onlineproject_btnLinks .btn-disabled-middle {
	height: 41px;
	padding: 0 10px 0 10px;
}

.btnOnlineMiddle{
    width: 113px;
    text-align: center;
	display: table;
}

.btnOnlineMiddle span {
	display: inline-block; /* Older IE Fix */
	display: table-cell;
	vertical-align: middle;
}

.projectname_container {
    margin: 15px 0;
    font-size: 13px;
}

.projectname_container label {
    display:block;
    font-size: 10.75pt;
    color: #8E8E8E;
    margin: 0  15px 10px 15px;
}

.projectname_container input {
    font-size: 11pt;
    width: 607px;
    margin: 0 15px;
}

#side-outer-panel .side-panel .textIcon
{
	width: 85%;
}

.paymentMessage{
    color: #4f4f4f;
    font-size: 11pt;
    line-height: 18px;
    padding: 0 30px 30px 30px;
}

/*** reset styles for ordertermsandconditions dialog ***/

.contentFormTermsAndCondition
{
	color: #A4A4A7;
}

.contentFormTermsAndCondition h1,
.contentFormTermsAndCondition h2,
.contentFormTermsAndCondition h3,
.contentFormTermsAndCondition h4,
.contentFormTermsAndCondition h5,
.contentFormTermsAndCondition h6
{
	font-weight: bolder;
	margin: 1em 0;
}

.contentFormTermsAndCondition h1
{
    font-size: 2em;
}

.contentFormTermsAndCondition h2
{
    font-size: 1.5em;
}

.contentFormTermsAndCondition h3
{
    font-size: 1.17em;
}

.contentFormTermsAndCondition h4
{
    font-size: 1em;
}

.contentFormTermsAndCondition h5
{
    font-size: 0.83em;
}

.contentFormTermsAndCondition h6
{
    font-size: 0.75em;
}

.contentFormTermsAndCondition p
{
	line-height: 1.2em;
	margin: 1em 0;
}

.contentFormTermsAndCondition ol,
.contentFormTermsAndCondition ul
{
	line-height: 1.2em;
	margin: 1em 0 1em 1.3em;
}

.contentFormTermsAndCondition ol li,
.contentFormTermsAndCondition ul li
{
	list-style: disc;
}

.contentFormTermsAndCondition a:link
{
	color: #FFF;
	text-decoration: underline;
}

.calblock
{
    margin-top: 12px;
}

/*** broswer confirm dialog ***/
.browserConfirm{
    display: none;
    z-index: 9999;
    position: absolute;
    top: 200px;
    left: calc(50% - 250px);
    width: 500px;
    background: url('../images/backgrounds/popup_main_background.png') repeat scroll 0 0 transparent;
    border-radius: 25px;
}

.browserConfirm .dialogTop {
    color: #FFF;
}

.browserConfirm .browserConfirmContent {
    background: url("../images/backgrounds/popup_inner_background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 10px 15px 10px 15px;
    color: #A4A4A4;
    padding: 10px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
}

.browserConfirm .browserConfirmContentBtn{
    margin-right: 10px;
    padding-bottom: 50px;
    position: relative;
}