/* HTML STYLIN' Y'ALL
---------------------------------------------------------------------------------------------- */
body {
    background: #ccc;
    color: #333;
    font-family: arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: .90em;
}

table {
    font-size: 14px;
}

img {
    border: 0;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    color: #999;
    text-decoration: underline;
}

h1 {
    margin: 0;
    text-indent: -1000em;
}

#customHomePage h1 {
    color: #000;
    text-indent: 0px;
}

h1 a {
    height: 100px;
    display: block;
}

    h1 a:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }

h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


h4 {
    border-bottom: 3px #e7e7e7 solid;
    font-size: 13px;
    margin: 0 0 2px 0;
    color: #999;
}

    h4.allProducts {
        background: url(../images/icons/arrow-allProducts.gif) left no-repeat;
        padding-left: 8px;
        margin-bottom: 12px;
    }

    h4 a, h4 a:visited {
        color: #999;
        font-weight: normal;
    }

    h4.itemActive a, h4.itemActive a:visited {
        font-weight: bold;
    }

.funky-chevrons {
    display: none;
    color: inherit;
}

.itemActive .funky-chevrons {
    display: inline;
}

#headLine {
    margin-bottom: 16px;
    margin-top: -16px;
}

/*h4 a:hover {color: #900;}*/

h5 {
    margin: 0;
    padding: 6px 4px 7px 12px;
    background-image: url(../images/backgrounds/breadcrumb.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    color: #666;
    font-size: 10px;
    font-weight: normal;
}

    h5 a#active {
        padding-right: 8px;
        background: url(../images/icons/arrow-breadcrumb.gif) right no-repeat;
        color: #666;
    }

h6 {
    /*background: url(../images/logos/mimeo-footer.gif) 85% 8px no-repeat;*/
    border-top: 1px #e7e7e7 solid;
    clear: both;
    color: #999;
    font-size: 10px;
    font-weight: normal;
    margin: 40px 0 0 0;
    padding: 5px 4px 4px 12px;
    text-align: center;
}

div.required {
    background: none;
    border: 0;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 4px 4px 0;
    text-align: left;
}

h6.required {
    background: none;
    border: 0;
    clear: both;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 4px 4px 0;
    text-align: left;
}

h6 a:link {
    color: #999;
}

h6 a:visited {
    color: #999;
}

small {
    font-size: 10px;
}

/* STRUCTURE
---------------------------------------------------------------------------------------------- */
#logo {
    background: #fff url(../images/backgrounds/logo.png) top right;
    float: left;
    height: 100px;
    width: 230px;
}

#navigation {
    background: #ccc url(../images/backgrounds/navigationShadow.png) repeat-x;
    height: 100px;
    margin: 0 0 0 230px;
}

#column {
    clear: both;
}

#container-noColumn #navigation {
    margin: 0;
}

/*OLD TAGLINE
#navigation h2
	{
	font-size: 24px;
	font-weight: normal;
	height: 70px;
	line-height: 2.90em;
	padding: 0 0 0 24px;
	}*/

#navigation h2 {
    font-size: 19px;
    font-weight: normal;
    height: 70px;
    line-height: 4em;
    padding: 0 0 0 12px;
    color: #333;
}

#container {
    border-left: 4px #adadad solid;
    border-right: 4px #adadad solid;
    border-bottom: 4px #adadad solid; /*background-image: url(../images/backgrounds/container.gif);*/
    background-image: url(../images/backgrounds/container.png);
    background-repeat: repeat-y;
    margin: 0 auto; /*min-height: 900px;*/
    width: 960px;
}

#container-noColumn {
    border-left: 4px #adadad solid;
    border-right: 4px #adadad solid;
    border-bottom: 4px #adadad solid;
    background: #fff;
    margin: 0 auto; /*min-height: 900px;*/
    width: 960px;
}

body#checkout #container {
    border-left: 4px #adadad solid;
    border-right: 4px #adadad solid;
    border-bottom: 4px #adadad solid;
    background: #fff;
    margin: 0 auto;
    min-height: 900px;
    width: 960px;
}

.container-savedAddresses {
    float: right;
    padding-right: 20px;
    width: 340px;
}

.heading-savedAddresses {
    border-bottom: 4px #ccc solid;
    font-weight: bold;
    margin: 12px 0 0 0;
}

.savedAddress-light {
    background: #f9f9f9;
    padding: 10px;
}

.savedAddress-dark {
    background: #eee;
    padding: 10px;
}

.column {
    background: url(../images/backgrounds/column.png) repeat-y;
    float: left;
    width: 230px;
}

    .column h3 {
        background-image: url(../images/backgrounds/columnHeader.png);
        background-repeat: repeat-y;
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 3px 0;
        padding: 5px;
    }

        .column h3.active {
            background: #ccc url(../images/icons/arrow-active.gif) 222px 10px no-repeat;
            color: #666;
            padding-right: 14px;
            text-align: right;
        }

            .column h3.active a:link, #column h3.active a:visited {
                color: #666;
            }

        .column h3 a.collapse, #column h3 a.expand {
            padding-left: 11px;
        }

        .column h3 a.collapse {
            background: url(../images/icons/arrow-collapse.gif) 0 5px no-repeat;
        }

        .column h3 a.expand {
            background: url(../images/icons/arrow-expand.gif) 0 4px no-repeat;
        }

    .column p {
        font-size: 11px;
    }


#container-noColumn #content {
    margin: 0;
}

#column.hide + #mainContentWindow {
    margin-left: 0;
}

#mainContentWindow {
    margin-left: 230px;
}

.container-pageButtons {
    margin: 40px 0;
    padding-bottom: 24px;
    width: 100%;
}

.container-messageButtons {
    margin: 10px 0;
    padding-bottom: 24px;
    width: 100%;
}

/* CONTAINER: Rounded
---------------------------------------------------------------------------------------------- */
.container-rounded {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
}

.container-rounded-first {
    font-size: 13px;
    font-weight: bold;
    margin-top: 25px;
}

.headingRounded {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}

.rtop, .rbottom {
    display: block;
    background: #fff;
}

    .rtop *, .rbottom * {
        display: block;
        height: 1px;
        overflow: hidden;
    }

.r1 {
    margin: 0 5px;
}

.r2 {
    margin: 0 3px;
}

.r3 {
    margin: 0 2px;
}

.r4 {
    margin: 0 1px;
    height: 2px;
}

/*TABLES
---------------------------------------------------------------------------------------------- */
.table {
    width: 100%;
}

.table-cart {
    width: 100%;
}

    .table-cart .tr {
        border-bottom: 3px #e7e7e7 solid;
    }

    .table-cart .tr-highlight {
        background-color: #dcffff;
        border-bottom: 3px #e7e7e7 solid;
        color: #005375;
    }

    .table-cart .tr-inactive {
        border-bottom: 3px #e7e7e7 solid;
    }

    .table-cart .tr-inactive {
        opacity: .5;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        zoom: 1.0;
    }

/*-----DELIVERY OPTIONS TABLE-----*/
.table-shipping, .table-shipping-currencies {
    width: 100%;
}

    .table-shipping .tr, .table-shipping-currencies .tr {
        border-bottom: 3px #e7e7e7 solid;
    }

    .table-shipping .tr {
        height: 30px;
    }

    .table-shipping-currencies .tr {
        height: 40px;
    }

#deliveryContext .table-shipping {
    font-size: 14px;
}

.tr#active {
    background: #e7e7e7;
}

.th {
    font-weight: bold;
}

.zebra {
    border-bottom: 3px #e7e7e7 solid;
}

    .zebra td {
        border-bottom: 3px #e7e7e7 solid !important;
    }

a.sortDown, a.sortUp {
    padding-left: 16px;
}

a.sortDown {
    background: url(../images/icons/arrow-sortDown.png) 0 1px no-repeat;
}

a.sortUp {
    background: url(../images/icons/arrow-sortUp.png) 0 4px no-repeat;
}

a:visited.sortDown, a:visited.sortUp {
}

.cart-total {
    color: #333;
}

.cart-qty {
    padding: 6px;
    color: #999;
    font-style: italic;
    text-align: center;
}

    .cart-qty .inputText {
        width: 50px;
    }

    .cart-qty .inputTextError {
        width: 50px;
    }

.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-7, .td-8, .td-9, .td-10, .td-11, .td-12, .td-13, .td-14, .td-15, .td-16, .td-17, .td-18, .td-19, .td-20, .td-21, .td-22, .td-23, .td-24, .td-25, .td-26, .td-27, .td-28, .td-29, .td-30, .td-31, .td-32, .td-33, .td-34, .td-35, .td-36, .td-37, .td-38, .td-39, .td-40, .td-41, .td-42, .td-43, .td-44, .td-45, .td-46, .td-47, .td-48, .td-49, .td-50, .td-51, .td-52, .td-53, .td-54, .td-55, .td-56, .td-57, .td-58, .td-59, .td-60, .td-61, .td-62, .td-63, .td-64, .td-65, .td-66, .td-67, .td-68, .td-69, .td-70, .td-71, .td-72, .td-73, .td-74, .td-75, .td-76, .td-77, .td-78, .td-79, .td-80, .td-81, .td-82, .td-83, .td-84, .td-85, .td-86, .td-187, .td-88, .td-89, .td-90, .td-91, .td-92, .td-93, .td-94, .td-95, .td-96, .td-97, .td-98, .td-99, .td-100 {
    float: left;
}

div.td-1 div, div.td-2 div, div.td-3 div, div.td-4 div, div.td-5 div, div.td-6 div, div.td-7 div, div.td-8 div, div.td-9 div, div.td-10 div, div.td-11 div, div.td-12 div, div.td-13 div, div.td-14 div, div.td-15 div, div.td-16 div, div.td-17 div, div.td-18 div, div.td-19 div, div.td-20 div, div.td-21 div, div.td-22 div, div.td-23 div, div.td-24 div, div.td-25 div, div.td-26 div, div.td-27 div, div.td-28 div, div.td-29 div, div.td-30 div, div.td-31 div, div.td-32 div, div.td-33 div, div.td-34 div, div.td-35 div, div.td-36 div, div.td-37 div, div.td-38 div, div.td-39 div, div.td-40 div, div.td-41 div, div.td-42 div, div.td-43 div, div.td-44 div, div.td-45 div, div.td-46 div, div.td-47 div, div.td-48 div, div.td-49 div, div.td-50 div, div.td-51 div, div.td-52 div, div.td-53 div, div.td-54 div, div.td-55 div, div.td-56 div, div.td-57 div, div.td-58 div, div.td-59 div, div.td-60 div, div.td-61 div, div.td-62 div, div.td-63 div, div.td-64 div, div.td-65 div, div.td-66 div, div.td-67 div, div.td-68 div, div.td-69 div, div.td-70 div, div.td-71 div, div.td-72 div, div.td-73 div, div.td-74 div, div.td-75 div, div.td-76 div, div.td-77 div, div.td-78 div, div.td-79 div, div.td-80 div, div.td-81 div, div.td-82 div, div.td-83 div, div.td-84 div, div.td-85 div, div.td-86 div, div.td-87 div, div.td-88 div, div.td-89 div, div.td-90 div, div.td-91 div, div.td-92 div, div.td-93 div, div.td-94 div, div.td-95 div, div.td-96 div, div.td-97 div, div.td-98 div, div.td-99 div, div.td-100 div {
    padding: 6px;
}

.td-1 {
    width: 1%;
}

.td-2 {
    width: 2%;
}

.td-3 {
    width: 3%;
}

.td-4 {
    width: 4%;
}

.td-5 {
    width: 5%;
}

.td-6 {
    width: 6%;
}

.td-7 {
    width: 7%;
}

.td-8 {
    width: 8%;
}

.td-9 {
    width: 9%;
}

.td-10 {
    width: 10%;
}

.td-11 {
    width: 11%;
}

.td-12 {
    width: 12%;
}

.td-13 {
    width: 13%;
}

.td-14 {
    width: 14%;
}

.td-15 {
    width: 15%;
}

.td-16 {
    width: 16%;
}

.td-17 {
    width: 17%;
}

.td-18 {
    width: 18%;
}

.td-19 {
    width: 19%;
}

.td-20 {
    width: 20%;
}

.td-21 {
    width: 21%;
}

.td-22 {
    width: 22%;
}

.td-23 {
    width: 23%;
}

.td-24 {
    width: 24%;
}

.td-25 {
    width: 25%;
}

.td-26 {
    width: 26%;
}

.td-27 {
    width: 27%;
}

.td-28 {
    width: 28%;
}

.td-29 {
    width: 29%;
}

.td-30 {
    width: 30%;
}

.td-31 {
    width: 31%;
}

.td-32 {
    width: 32%;
}

.td-33 {
    width: 33%;
}

.td-34 {
    width: 34%;
}

.td-35 {
    width: 35%;
}

.td-36 {
    width: 36%;
}

.td-37 {
    width: 37%;
}

.td-38 {
    width: 38%;
}

.td-39 {
    width: 39%;
}

.td-40 {
    width: 40%;
}

.td-41 {
    width: 41%;
}

.td-42 {
    width: 42%;
}

.td-43 {
    width: 43%;
}

.td-44 {
    width: 44%;
}

.td-45 {
    width: 45%;
}

.td-46 {
    width: 46%;
}

.td-47 {
    width: 47%;
}

.td-48 {
    width: 48%;
}

.td-49 {
    width: 49%;
}

.td-50 {
    width: 50%;
}

.td-51 {
    width: 51%;
}

.td-52 {
    width: 52%;
}

.td-53 {
    width: 53%;
}

.td-54 {
    width: 54%;
}

.td-55 {
    width: 55%;
}

.td-56 {
    width: 56%;
}

.td-57 {
    width: 57%;
}

.td-58 {
    width: 58%;
}

.td-59 {
    width: 59%;
}

.td-60 {
    width: 60%;
}

.td-61 {
    width: 61%;
}

.td-62 {
    width: 62%;
}

.td-63 {
    width: 63%;
}

.td-64 {
    width: 64%;
}

.td-65 {
    width: 65%;
}

.td-66 {
    width: 66%;
}

.td-67 {
    width: 67%;
}

.td-68 {
    width: 68%;
}

.td-69 {
    width: 69%;
}

.td-70 {
    width: 70%;
}

.td-71 {
    width: 71%;
}

.td-72 {
    width: 72%;
}

.td-73 {
    width: 73%;
}

.td-74 {
    width: 74%;
}

.td-75 {
    width: 75%;
}

.td-76 {
    width: 76%;
}

.td-77 {
    width: 77%;
}

.td-78 {
    width: 78%;
}

.td-79 {
    width: 79%;
}

.td-80 {
    width: 80%;
}

.td-81 {
    width: 81%;
}

.td-82 {
    width: 82%;
}

.td-83 {
    width: 83%;
}

.td-84 {
    width: 84%;
}

.td-85 {
    width: 85%;
}

.td-86 {
    width: 86%;
}

.td-87 {
    width: 87%;
}

.td-88 {
    width: 88%;
}

.td-89 {
    width: 89%;
}

.td-90 {
    width: 90%;
}

.td-91 {
    width: 91%;
}

.td-92 {
    width: 92%;
}

.td-93 {
    width: 93%;
}

.td-94 {
    width: 94%;
}

.td-95 {
    width: 95%;
}

.td-96 {
    width: 96%;
}

.td-97 {
    width: 97%;
}

.td-98 {
    width: 98%;
}

.td-99 {
    width: 99%;
}

.td-100 {
    width: 100%;
}

/* MENU: Main
---------------------------------------------------------------------------------------------- */
ul#menu-main {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 30px;
}

    ul#menu-main li {
        float: left;
        width: 19%;
    }

        ul#menu-main li:nth-child(3) {
            width: 20%;
        }

        ul#menu-main li a {
            color: #666;
            display: block;
            font-size: 14px;
            padding: 6px 0px;
            text-align: center;
            text-decoration: none;
        }

            ul#menu-main li a:hover {
                color: #000;
                background-image: url(../images/backgrounds/menuMainActive.gif);
                background-position: center;
                background-repeat: no-repeat;
            }

        ul#menu-main li#active a {
            color: #000;
            background-image: url(../images/backgrounds/menuMainActive.gif);
            background-position: center;
            background-repeat: no-repeat;
        }

#cart {
    background-image: url(../images/backgrounds/menuMainCartIcon.png);
    background-position: 14px 7px;
    background-repeat: no-repeat;
}

ul#menu-main li#cart a:hover, ul#menu-main li#cartActive a:hover, #cartActive, #cartActive a, #cartActive a:visited {
    background-image: url(../images/backgrounds/menuMainCartIconActive.png);
    background-position: 14px 7px;
    background-repeat: no-repeat;
    color: #000;
}

/* Use this for arrow w/o background color bleed through
ul#menu-main li#main-active a
	{
	color: #036;
	background: url(../images/icons/arrow-menuMain.gif) top center no-repeat;
	} */

/* MENU: Tabs
------------------------------------------------------------------------------------------------- */
#menu-tabs ul {
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
}

    #menu-tabs ul li {
        background: #fff url(../images/backgrounds/menuTabs.png) repeat-x;
        border-left: 1px #e1e1e1 solid;
        border-right: 1px #e1e1e1 solid;
        border-bottom: 1px #e1e1e1 solid;
        display: inline;
        float: right;
        height: 22px;
        margin-left: 8px;
        font-size: 11px;
        font-weight: bold;
        line-height: 2em;
        padding: 2px 6px 2px 4px;
    }

        #menu-tabs ul li a {
        }

            #menu-tabs ul li a.login {
                /*background: url(../images/icons/key.gif) 4px 1px no-repeat;*/
                padding-left: 2px;
            }

            #menu-tabs ul li a.cart {
                background: url(../images/icons/cart.gif) 4px 5px no-repeat;
                padding-left: 24px;
            }

        #menu-tabs ul li span {
            background: url(../images/icons/arow-tab.gif) 0 5px no-repeat;
            padding-left: 13px;
        }

        #menu-tabs ul li a:hover {
        }

        #menu-tabs ul li#active a {
            color: #999;
        }

        #menu-tabs ul li.tab-cart {
            border-top: 1px #e1e1e1 solid;
            clear: right;
            margin-top: 6px;
            text-align: center;
            width: 217px;
        }

            #menu-tabs ul li.tab-cart span.hash {
                background: none;
                color: #e1e1e1;
                padding-left: 6px;
                padding-right: 6px;
            }

#menu-tabs .billToOwnerDisplayPrice {
    position: relative;
}

/*-----TAB DROP DOWNS-----*/
.container-dropdowns {
    left: 50%;
    margin-left: -460px;
    position: absolute;
    width: 960px;
}

#selectionsLanguage, #selectionsCurrency {
    background: #fff;
    font-size: 11px;
    border: 1px #ccc solid;
    position: absolute;
    z-index: 100;
    width: 160px;
}

#selectionsLanguage {
    left: 699px;
    top: 25px;
}

#selectionsCurrency {
    right: -1px;
    top: 30px;
}

    #selectionsLanguage ul, #selectionsCurrency ul {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-type: none;
    }

        #selectionsLanguage ul li, #selectionsCurrency ul li {
            margin: 0;
            padding: 0;
            width: 100%;
            display: block;
        }

            #selectionsLanguage ul li a, #selectionsCurrency ul li a {
                display: block;
                padding: 3px 10px;
            }

                #selectionsLanguage ul li a:hover, #selectionsLanguage ul li a#active, #selectionsCurrency ul li a:hover, #selectionsCurrency ul li a#active {
                    background-color: rgba(0, 0, 0, 0.5) !important;
                }

/* LIST: Column
---------------------------------------------------------------------------------------------- */

ul.column-list {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

    ul.column-list li {
        padding: 2px 0 0 12px;
        font-size: 11px;
    }

        ul.column-list li a, ul.column-list li a:visited {
            color: #999;
            font-size: 12px;
        }

        /*ul.column-list li a:hover	{color: #900;}*/

        ul.column-list li ul.column-list li a, ul.column-list li ul.column-list li a:visited {
            color: #999;
            font-size: 12px;
            font-weight: normal;
        }

        /*ul.column-list li ul.column-list li a:hover {color: #900;}*/
        ul.column-list li.itemActive a, ul.column-list li.itemActive a:visited, ul.column-list li ul.column-list li.itemActive a, ul.column-list li ul.column-list li.itemActive a:visited {
            font-weight: bold;
        }

/*-----FILTERS-----*/
ul.adminTools {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

    ul.adminTools li {
        padding: 4px 0 0 12px;
        font-size: 12px;
    }

        ul.adminTools li a, ul.adminTools li a:visited {
            font-size: 12px;
            font-weight: normal;
        }

            ul.adminTools li a:hover {
            }

        ul.adminTools li.toolActive a, ul.adminTools li.toolActive a:visited {
        }

/* ADMIN TOOLS
----------------------------------------------- */
.admin-copy, .admin-delete, .admin-edit {
    border-left: 2px solid #E7E7E7;
    border-right: 2px solid #E7E7E7;
    border-top: 2px solid #E7E7E7;
    font-size: 11px;
    padding: 3px 3px 3px 20px;
}

.admin-copy {
    background: transparent url(../images/icons/copy.gif) no-repeat scroll 5px 4px;
}

.admin-edit {
    background: url(../images/icons/pencil.gif) 5px 5px no-repeat;
}

.admin-delete {
    background: url(../images/icons/x.gif) 5px 5px no-repeat;
}

/* PAGINATION
----------------------------------------------- */
.pagination {
    /*clear:both; add if it jumps into other divs */
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    padding-top: 3px;
    text-align: right;
}

    .pagination a:link, .pagination a:visited {
        border: 1px #ccc solid;
        font-weight: bold;
        margin-left: 10px;
        padding: 2px 6px;
    }

    .pagination a:hover {
        background: #ccc;
        border: 1px #ccc solid;
        text-decoration: none;
    }

    .pagination .active {
        background: #ccc;
        border: 1px #ccc solid;
        color: #fff;
        cursor: default;
        margin-left: 10px;
        padding: 2px 7px;
    }

    .pagination .off {
        background: #fff;
        border: 1px #ccc solid;
        color: #ccc;
        cursor: default;
        margin-left: 10px;
        padding: 2px 6px;
    }

    .pagination .results {
        font-size: 11px;
        font-style: italic;
        color: #999;
    }

.page-count {
    color: #999;
}

/* VIEW PAGES
---------------------------------------------------------------------------------------------- */
.viewPages {
    font-size: 11px;
    height: 20px;
    padding: 6px 0 0 0;
    width: 225px;
}

    .viewPages span {
        padding: 0 6px;
    }

        .viewPages span a {
            font-weight: bold;
        }

/* PRODUCT VIEW
---------------------------------------------------------------------------------------------- */
.productView {
    font-size: 11px;
    height: 20px;
    padding: 5px 0 0 0;
}

    .productView span {
        padding: 0 3px;
    }

        .productView span a {
            font-weight: bold;
        }

            .productView span a#active {
                color: #666;
            }
.mmo--activeInactive__filter {
    float: left;
    position: relative;
    top: -12px;
    right: 20px;
    color: #333;
}
/* COSMETICS
---------------------------------------------------------------------------------------------- */
/*-----PADDING-----*/
.padding-0 {
    padding: 0;
}

.padding-6 {
    padding: 6px;
}

.padding-12 {
    padding: 12px;
}

.padding-16 {
    padding: 16px;
}

.padding-2x6 {
    padding: 2px 6px;
}

.padding-0x12 {
    padding: 0 12px;
}

.paddingTop-4 {
    padding-top: 4px;
}

.paddingTop-6 {
    padding-top: 6px;
}

.paddingTop-12 {
    padding-top: 12px;
}

.paddingRight-12 {
    padding-right: 12px;
}

.paddingLeft-24 {
    padding-left: 24px;
}

.paddingBottom-12 {
    padding-bottom: 12px;
}

/*-----MARGIN-----*/
.marginRight-12 {
    margin-right: 12px !important;
}

.marginLeft-12 {
    margin-left: 12px;
}

.marginLeft-20 {
    margin-left: 20px;
}

.marginLeft-24 {
    margin-left: 24px;
}

.marginTop-0 {
    margin-top: 0;
}

.marginTop-4 {
    margin-top: 4px;
}

.marginTop-12 {
    margin-top: 12px;
}

.marginTop-18 {
    margin-top: 18px;
}

.marginBottom-3 {
    margin-bottom: 3px;
}

.marginBottom-4 {
    margin-bottom: 4px;
}

.marginBottom-8 {
    margin-bottom: 8px;
}

.marginBottom-18 {
    margin-bottom: 18px;
}

.marginBottom-4x0 {
    margin: 4px 0;
}

/*-----TEXT-----*/
.text-highlight {
    font-weight: bold;
}

.text-light {
    color: #999;
}

.text-red {
    color: #c00;
}

.text-green {
    color: #0f0;
}

.text-note {
    font-style: italic;
    color: #999;
    display: block;
}

.font-24 {
    font-size: 24px;
}

.font-14 {
    font-size: 14px;
}

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

.font-11 {
    font-size: 11px;
}

.font-27 {
    font-size: 27px;
}

/*-----ELEMENTS-----*/
.creditCard {
    width: 198px;
    height: 129px;
    float: left;
    margin: 0 12px 12px 0;
}

/*-----ICONS-----*/
.thumbnail-cart {
    display: inline;
    float: left;
    height: 90px;
    padding: 0 12px 12px 0;
    width: 82px;
}

.icon-productCart {
    background: url(../images/icons/cart.png) right no-repeat;
    width: 18px;
    height: 15px;
    margin-right: 10px;
}

.icon-download {
    background: url(../images/icons/download.png) right no-repeat;
    width: 15px;
    height: 15px;
    margin-left: -7px;
}

.link-pdf {
    background: url(../images/icons/pdf.gif) left no-repeat;
    padding-left: 16px;
}

.icon-email {
    background: url(../images/icons/email.png) 4px 0 no-repeat;
    padding-left: 34px;
}

.icon-chat {
    background: url(../images/icons/chat.png) 6px 0 no-repeat;
    padding-left: 34px;
}

.icon-info {
    background: url(../images/icons/info.png) 14px 0 no-repeat;
    padding-left: 34px;
}

.icon-phone {
    background: url(../images/icons/phone.png) 14px 0 no-repeat;
    padding-left: 34px;
}

.icon-lightbulb {
    background: url(../images/icons/lightbulb.png) 15px 0 no-repeat;
    padding-left: 34px;
}


/*-----BUTTONS-----*/
.enlarge {
    background: url(../images/icons/enlarge.png) 1px 3px no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .enlarge:hover {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        zoom: 1.0;
    }

.remove-item, .close-grey {
    background: url(../images/buttons/remove.gif) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .remove-item:hover, .close-grey:hover {
        background-position: 0 -20px;
    }

.close-overlay {
    background: url(../images/buttons/remove-red.png) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .close-overlay:hover {
        background-position: 0 -20px;
    }

.close-green {
    background: url(../images/buttons/close-green.gif) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .close-green:hover {
        background-position: 0 -20px;
    }

.close-red {
    background: url(../images/buttons/close-red.gif) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .close-red:hover {
        background-position: 0 -20px;
    }

.close-blue {
    background: url(../images/buttons/close-blue.gif) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

.close-black {
    background: url(../images/buttons/closeMessageTop.png) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

.close-blue:hover {
    background-position: 0 -20px;
}

.close-yellow {
    background: url(../images/buttons/close-yellow.gif) no-repeat;
    display: block;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .close-yellow:hover {
        background-position: 0 -20px;
    }

/*-----ALIGNMENT-----*/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

/*-----padding-----*/
.paddingLeft {
    padding-left: 6px;
}

/*-----WIDTHS-----*/
.w-175 {
    width: 175px;
}

.w-96p {
    width: 96%;
}

.w-220 {
    width: 220px;
}

.w-200 {
    width: 200px;
}

.w-190 {
    width: 190px;
}

.w-160 {
    width: 160px;
}

.w-150 {
    width: 150px;
}

.w-70 {
    width: 70px;
}

.w-60 {
    width: 60px;
}

.w-50 {
    width: 50px;
}

.w-40 {
    width: 40px;
}

.w-30 {
    width: 30px;
}

/*-----HEIGHTS-----*/
.h-10 {
    height: 10px;
}

.h-20 {
    height: 20px;
}

.h-40 {
    height: 40px;
}

.h-78 {
    height: 78px;
}

.h-100 {
    height: 100px;
}

a.mimeo-170x40 {
    background: url(../images/logos/mimeo-170x40.png) no-repeat;
    width: 170px;
    height: 40px;
    text-indent: -1000em;
    display: block;
}

a:hover.mimeo-170x40 {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

hr.pricingPod {
    background: #e7e7e7;
    border: 0;
    height: 3px;
    color: #e7e7e7;
    width: 100%;
}

hr.grey80x3, hr.grey80x1 {
    background: #ccc;
    border: 1px #ccc solid;
    color: #ccc;
    width: 80%;
}

hr.grey80x3 {
    height: 3px;
}

hr.grey80x1 {
    height: 1px;
}

.combo-breaker {
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

/* WARNING MESSAGES
---------------------------------------------------------------------------------------------- */
.approval-note {
    background: #fff;
    /*border: 2px #81d3e4 solid;*/
    border: 2px #e7e7e7 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 16px;
    padding: 10px;
}

.message-empty {
    color: #ccc;
    font-size: 40px;
    font-weight: bold;
    padding: 20px 0 0 0;
    text-align: center;
}

.message-error-small {
    color: #c00;
}

.message-error, .message-error-overlay {
    margin: 12px 0;
    background-color: #fcc;
    background-image: url(../images/backgrounds/message-error.png);
    background-position: 20px 12px;
    background-repeat: no-repeat;
    color: #c00;
    padding: 6px 6px 0 50px;
    border: 1px #c00 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 45px;
}

.message-error-overlay {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 600px;
}

    .message-error h3, .message-error-overlay h3 {
        color: #c00;
    }

.message-success, .message-success-overlay {
    margin: 12px 0;
    background-color: #cfc;
    background-image: url(../images/backgrounds/message-success.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
    color: #093;
    padding: 6px 6px 0 50px;
    border: 1px #093 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.message-success-overlay {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 600px;
}

    .message-success h3, .message-success-overlay h3 {
        color: #093;
    }

.message-info, .message-info-overlay {
    margin: 12px 0;
    background-color: #9ff;
    background-image: url(../images/backgrounds/message-info.png);
    background-position: 18px 12px;
    background-repeat: no-repeat;
    color: #005375;
    padding: 6px 6px 0 50px;
    border: 1px #005375 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.message-info-overlay {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 600px;
}

    .message-info h3, .message-info-overlay h3 {
        color: #005375;
    }

.message-warning, .message-warning-overlay {
    margin: 12px 0;
    background-color: #efe1ff;
    background-image: url(../images/backgrounds/message-warning.png);
    background-position: 20px 12px;
    background-repeat: no-repeat;
    color: #306;
    padding: 6px 6px 0 50px;
    border: 1px #306 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.message-warning-overlay {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 600px;
}

    .message-warning h3, .message-warning-overlay h3 {
        color: #330066;
    }

.message, .message-overlay, .message-overlay-lg {
    margin-top: 12px;
    background: #fff;
    padding: 10px;
    border: 1px #000 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.message-overlay {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 730px;
    max-height: 400px;
    overflow-y: auto;
}

.message-overlay-lg {
    margin: 0 auto;
    position: relative;
    z-index: 10001;
    width: 775px;
}

    .message h3, .message-overlay h3, .message-overlay-lg h3 {
    }

.message-error p, .message-success p, .message-info p, .message-warning p, .message {
    margin-top: 0;
}

/*-----WARNING OVERLAYS-----*/
body#warningOverlays {
    background: #333;
    color: #333;
    margin: 20px;
    padding: 0;
    font-size: .90em;
}

    body#warningOverlays #container {
        border: 4px #000 solid;
        background: #fff;
        margin: 0 auto;
        width: 850px;
        height: 550px;
    }

    body#warningOverlays #content {
        margin: 0;
    }

/* AUDIT TRAIL
---------------------------------------------------------------------------------------------- */
.auditTrail {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

    .auditTrail th {
        border: 2px #fff solid;
        font-size: 12px;
        padding: 2px;
    }

    .auditTrail td {
        border: 2px #fff solid;
        padding: 4px;
        border-collapse: collapse;
        font-size: 12px;
        padding: 2px;
        vertical-align: top;
    }

table.auditTrail tr.zebra {
    background: #eee;
    border: 0;
}

/* DELIVERY PRICE BREAKDOWN
---------------------------------------------------------------------------------------------- */
.priceBreakdown {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

    .priceBreakdown th {
        border: 2px #fff solid;
        font-size: 12px;
        padding: 2px;
        text-align: right;
        background: #b0bec5 !important;
    }

    .priceBreakdown td {
        border: 2px #fff solid;
        padding: 4px;
        border-collapse: collapse;
        font-size: 12px;
        padding: 2px;
        text-align: right;
    }

table.priceBreakdown tr.zebra {
    background: #eee;
    border: 0;
}

/* OVERLAY BACKGROUND
---------------------------------------------------------------------------------------------- */
.blackout {
    padding-top: 20px;
    background-image: url(../images/backgrounds/lightbox.png);
    z-index: 1000;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 115%;
}

/* CHECKOUT
---------------------------------------------------------------------------------------------- */

body#checkout #content {
    margin: 0 0 0 0;
    border-top: 2px #e7e7e7 solid;
}

.checkoutSteps-container {
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    clear: both;
    height: 24px;
    margin-bottom: 12px;
    padding-top: 5px;
    width: 100%;
}

.checkoutStep-on, .checkoutStep-off {
    background: url(../images/icons/arrow-checkout.gif) right no-repeat;
    padding: 0;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 19%;
}

.checkoutStep-off {
    color: #ccc;
}

.checkoutStepEnd-on, .checkoutStepEnd-off {
    padding: 0 54px 0 54px;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.checkoutStepEnd-off {
    color: #ccc;
}

.container-checkoutButtons {
    margin: 40px 0;
    width: 100%;
    clear: both;
}

.checkoutSteps-yourCart, .checkoutSteps-delivery, .checkoutSteps-payment, .checkoutSteps-confirm, .checkoutSteps-success, .checkoutSteps-shipTo, .checkoutSteps-deliveryOptions {
    height: 50px;
    margin: 14px auto;
    text-indent: -1000em;
    width: 890px;
}

.checkoutSteps-yourCart {
    background-image: url(../images/backgrounds/checkoutSteps-yourCart.png);
    background-repeat: no-repeat;
}

.checkoutSteps-delivery {
    background-image: url(../images/backgrounds/checkoutSteps-delivery.png);
    background-repeat: no-repeat;
}

.checkoutSteps-payment {
    background-image: url(../images/backgrounds/checkoutSteps-payment.png);
    background-repeat: no-repeat;
}

.checkoutSteps-confirm {
    background-image: url(../images/backgrounds/checkoutSteps-confirm.png);
    background-repeat: no-repeat;
}

.checkoutSteps-success {
    background-image: url(../images/backgrounds/checkoutSteps-success.png);
    background-repeat: no-repeat;
}

.checkoutSteps-shipTo {
    background-image: url(../images/backgrounds/checkoutSteps-shipTo.png);
    background-repeat: no-repeat;
}

.checkoutSteps-deliveryOptions {
    background-image: url(../images/backgrounds/checkoutSteps-deliveryOptions.png);
    background-repeat: no-repeat;
}

.checkoutSteps-yourCart2 {
    height: 24px;
    margin: 14px auto;
    text-indent: -1000em;
    width: 890px;
}

.checkoutSteps-yourCart2 {
    background-image: url(../images/backgrounds/checkoutSteps-yourCart2.png);
    background-repeat: no-repeat;
}

.container-cartTotals {
    color: #999;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0;
    text-align: right;
}

.totals-columnRight {
    float: right;
    width: 150px;
}

.totals-columnLeft {
    float: right;
    width: 300px;
}


.totals-columnRight .inputText {
    width: 125px;
}

.totals-columnRight .inputTextError {
    width: 125px;
}

.cart-qty .inputText {
    text-align: center;
}

.cart-qty .inputTextError {
    text-align: center;
}

#badges {
    margin: 20px auto;
    text-align: center;
    width: 281px;
    height: 60px;
}

a.verisign {
    background: url(../images/logos/verisign.png) no-repeat;
    height: 59px;
    width: 106px;
    text-indent: -1000em;
    display: block;
    margin-right: 24px;
    float: left;
}

a:hover.verisign {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

a.truste {
    background: url(../images/logos/truste.png) 0 3px no-repeat;
    float: left;
    height: 59px;
    width: 151px;
    text-indent: -1000em;
    display: block;
}

a:hover.truste {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.verifyAddress {
    width: 270px;
    float: left;
    margin-bottom: 18px;
}

/* HELP CENTER
---------------------------------------------------------------------------------------------- */
.help-stack {
    height: auto !important;
    height: 180px;
    margin-bottom: 14px;
    min-height: 180px;
}

.help-columnLeft {
    width: 48%;
    float: left;
    margin-right: 20px;
}

.help-columnRight {
    width: 48%;
    float: left;
}

#twoColumnsLeft {
    float: left;
    margin: 24px 12px 12px 0;
    width: 336px;
}

#twoColumnsRight {
    float: left;
    margin: 24px 0 12px 12px;
    width: 336px;
}

    #twoColumnsLeft p, #twoColumnsRight p {
        margin-top: 6px;
        padding: 0 12px;
    }

/* LOGIN
---------------------------------------------------------------------------------------------- */
body#login #container, #container-login {
    background: #e7e7e7 url(../images/backgrounds/createAccount.png) repeat-x;
    border: 2px #ccc solid;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 0 auto;
    width: 333px;
    padding: 12px;
}

body#login #content, #content-login {
    margin: 0;
}

    body#login h2, #content-login h2 {
        border-bottom: 4px #e7e7e7 solid;
        font-size: 20px;
    }

#loginForm {
    margin: 0 0 20px 0;
    padding: 0;
}

    #loginForm label {
        float: left;
        margin: 10px 22px 10px 0;
    }

    #loginForm input.inputText {
        width: 300px;
    }

    #loginForm input.inputTextError {
        width: 300px;
    }

    #loginForm select {
        width: 320px;
    }

.footer-login {
    margin: 0;
    text-align: center;
}

/* CREATE AN ACCOUNT
---------------------------------------------------------------------------------------------- */
body#createAccount {
    background: #333;
    color: #333;
    margin: 20px;
    padding: 0;
    font-size: .90em;
}

    body#createAccount #container {
        border: 4px #000 solid;
        background: #fff;
        margin: 0 auto;
        width: 850px;
        height: 550px;
    }

    body#createAccount #content {
        margin: 0;
    }

.container-createAccount {
    background: #e7e7e7 url(../images/backgrounds/createAccount.png) repeat-x;
    border: 2px #ccc solid;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    display: block;
    width: 600px;
    padding: 12px;
    margin: 0 auto;
}

.createAccountPeople {
    background: url(../images/backgrounds/createAccountPeople.png) top left no-repeat;
    padding-left: 90px;
}

.buttons-createAccount {
    margin: 40px 0 0 0;
    width: 100%;
}

/*-----PRODUCT DETAIL-----*/
#container-detailView {
    background: #fff;
    margin: 0 auto;
    width: 850px;
    height: 550px;
    padding: 10px;
}

#container-flash-detailView {
    background: #fff;
    margin: 0 auto;
    width: 800px;
    height: 500px;
    padding: 10px;
}

#container-detailViewLarge {
    background: #fff;
    margin: 0 auto;
    width: 560px;
    height: 550px;
    padding: 10px;
    text-align: center;
}

.flash-detailView {
    border: 1px #ccc solid;
    float: left;
    margin: 0 0;
}

.detailViewInfo {
    line-height: 1.5em;
    margin: 8px;
}

.productDescription {
    margin-top: 10px;
    height: 515px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
}

/* YOUR ACCOUNT
---------------------------------------------------------------------------------------------- */
#yourAccount {
    margin: 0 0 20px 0;
    padding: 0;
}

    #yourAccount label {
        float: left;
        width: 325px;
        margin: 10px 22px 10px 0;
    }

    #yourAccount input.inputText {
        width: 320px;
    }

    #yourAccount input.inputTextError {
        width: 320px;
    }

    #yourAccount select {
        width: 320px;
    }


/* PRODUCT SETTINGS
---------------------------------------------------------------------------------------------- */
#productSettings {
    margin: 10px 0 20px 0;
    padding: 0;
}

    #productSettings label {
        float: left;
        width: 325px;
        margin: 6px 20px;
        height: 36px;
    }

    #productSettings input.inputText {
        width: 325px;
    }

    #productSettings input.inputTextSm {
        width: 50px;
    }

    #productSettings input.inputTextError {
        width: 325px;
    }

    #productSettings select {
        width: 325px;
    }

#productSettingsLeft {
    float: left;
    width: 58%;
}

#productSettingsRight {
    float: left;
    width: 42%;
}

#productSettings hr {
    clear: both;
    width: 90%;
    border-color: #999;
    background-color: #999;
    color: #999;
    height: 1px;
    border: 0;
}

#documentSummary .tabInactive, #documentPreview .tabInactive {
    margin-right: 6px;
    float: left;
    background: #fff;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: bold;
}

#documentSummary .tabActive, #documentPreview .tabActive {
    float: left;
    background: #ddd;
    padding: 5px 8px;
    margin-right: 6px;
    font-size: 13px;
    font-weight: bold;
}

    #documentSummary .tabActive a, #documentSummary .tabActive a:visited {
        color: #333;
        display: block;
    }

#documentSummary .tabInactive a, #documentSummary .tabInactive a:visited {
    display: block;
}

.wysiwyg-toolbar {
    width: 450px;
    height: 24px;
    margin: 0 auto;
    background: url(../images/elements/wysiwyg-toolbar.png) no-repeat;
}

.wysiwyg-status {
    background: #ddd;
    margin-bottom: 12px;
    padding: 8px 5px;
}

.wysiwyg-editor {
    background: #fff;
    height: 524px;
    padding: 12px 4px;
    overflow: scroll;
    overflow-x: hidden;
}

.container-wysiwyg {
    padding: 6px 5px;
    background: #ddd;
}

#container-productSettings {
    margin-top: 10px;
    padding: 5px;
    background: #f5f5f5;
    border: 1px #e7e7e7 solid;
    font-size: 12px;
}

.editPod-left {
    background: #fff;
    border: 1px #e7e7e7 solid;
    float: left;
    margin-right: 24px;
    padding: 0;
    width: 31%;
}

.editPod-center {
    background: #fff;
    border: 1px #e7e7e7 solid;
    float: left;
    margin-right: 24px;
    width: 32%;
}

.editPod-right {
    background: #fff;
    border: 1px #e7e7e7 solid;
    float: left;
    width: 31%;
}

.link-auditTrail {
    margin: 4px 6px 0 0;
    float: right;
}

.container-editPricing {
    background: #fff;
    padding: 12px 4px;
    font-size: 11px;
    height: 220px; /* 	overflow: scroll; 	overflow-x: hidden; 	*/
}

.container-editTags {
    background: #fff;
    padding: 12px 4px;
    font-size: 11px;
    height: 220px; /* 	overflow: scroll; 	overflow-x: hidden; 	*/
}

.container-editCategories {
    background: #fff;
    height: 244px;
    padding: 0;
    overflow: scroll;
    overflow-x: hidden;
    width: 283px;
}

.container-previewTools {
    padding: 12px;
    background: #ddd;
}

.previewCanvas {
    border: 1px #ccc solid;
    margin: 0 0 12px 0;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    background: #fff url(images/backgrounds/grid.gif);
    height: 312px;
}

    .previewCanvas img {
        border: 0;
    }

.previewToolHeader {
    float: left;
    width: 22%;
    text-align: right;
    font-weight: bold;
}

.previewTools {
    float: left;
    font-size: 11px;
    width: 70%;
}

.previewContainer {
    float: right;
    width: 350px;
}

.previewNote {
    clear: both;
    color: #f00;
    font-size: 12px;
}

.previewThumbContainer {
    border: 2px #ccc solid;
    clear: both;
    font-size: 11px;
    height: 65px;
    margin: 0 0 12px 0;
    padding: 4px;
    width: 310px;
}

.previewThumb {
    border: 0;
    float: left;
    margin-right: 12px;
    width: 50px;
}

.requiredNote {
    /*padding: 2px 5px 2px 11px; 	background: #f5f5f5; 	border: 1px #e7e7e7 solid;*/
    float: right;
    font-size: 11px;
}

#switcherActive {
    padding: 2px 5px 2px 11px;
    background: #f5f5f5;
    border: 1px #e7e7e7 solid;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

#switcherInactive {
    padding: 2px 5px 2px 11px;
    background: #f5f5f5;
    border: 1px #e7e7e7 solid;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

a.statusActive, a:visited.statusActive {
    margin-right: 6px;
    color: #049a32;
    background: url(../images/icons/dot-active.png) 0 2px no-repeat;
    padding-left: 16px;
}

a.statusInactive, a:visited.statusInactive {
    margin-right: 6px;
    color: #c51617;
    background: url(../images/icons/dot-inactive.png) 0 2px no-repeat;
    padding-left: 16px;
}

a.statusOff, a:visited.statusOff {
    margin-right: 6px;
    color: #666;
    background: url(../images/icons/dot-off.png) 0 2px no-repeat;
    padding-left: 16px;
}

.tallyHeader, .tallyHeaderLg {
    float: left;
    font-weight: bold;
    /*text-align: right;*/
    width: 35%;
}

.tallyHeaderLg {
    font-size: 12px;
}

.tallyTotal, .tallyTotalLg {
    float: left;
    margin-bottom: 4px; /*text-align: right;*/
    width: 65%;
}

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

/*-----Edit Categories-----*/
ul.editCategories {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    font-size: 0px;
}

    ul.editCategories li {
        padding: 0 0 0 18px;
        font-size: 11px;
        list-style-type: none;
    }

        ul.editCategories li a {
            font-size: 11px;
            font-weight: bold;
        }

h3.editPods {
    padding: 3px;
    background: #ccc;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

/* CHECKOUT >> DELIVERY
---------------------------------------------------------------------------------------------- */
.selectFromAddressBook {
    float: left;
    margin-left: 12px;
    line-height: 2em;
}

#deliverySelection {
    height: 40px;
    line-height: 1.8em;
}

    #deliverySelection div {
        float: left;
        margin-right: 12px;
    }

    #deliverySelection select {
        margin-top: 3px;
    }

#deliveryAddress {
    margin: 0 0 20px 0;
    padding: 0;
}

    #deliveryAddress label {
        float: left;
        margin: 12px 20px 0 10px;
        height: 30px;
    }

        #deliveryAddress label.formTitle {
            float: left;
            width: 200px;
            margin: 12px 0 0 0;
            text-align: right;
        }

    #deliveryAddress input.inputText {
        width: 325px;
    }

    #deliveryAddress input.ui-autocomplete-input {
        width: 325px;
    }

    #deliveryAddress input.inputTextError {
        width: 325px;
    }

    #deliveryAddress select {
        width: 325px;
    }

#deliveryAddressCC {
    margin: 0 0 20px 0;
    padding: 0;
}

    #deliveryAddressCC label {
        float: left;
        width: 420px;
        margin: 12px 20px 0 20px;
    }

    #deliveryAddressCC input.inputText {
        width: 325px;
    }

    #deliveryAddressCC input.inputTextError {
        width: 325px;
    }

    #deliveryAddressCC select {
        width: 325px;
    }

#addRecipientForm {
    margin: 0 0 12px 0;
    padding: 0;
}

    #addRecipientForm label {
        float: left;
        width: 500px;
        margin: 12px 20px 0 20px;
    }

    #addRecipientForm input.inputText {
        width: 325px;
    }

    #addRecipientForm input.inputTextError {
        width: 325px;
    }

    #addRecipientForm select {
        width: 325px;
    }

#deliverOn {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 3px #e7e7e7 solid;
}

    #deliverOn label {
        float: left;
        width: 420px;
        margin: 12px 20px 0 20px;
    }

    #deliverOn p {
        margin: 10px 20px;
    }

    #deliverOn input.inputText {
        width: 325px;
    }

    #deliverOn input.inputTextError {
        width: 325px;
    }

    #deliverOn select {
        width: 325px;
    }

/* CHECKOUT >> PAYMENT
---------------------------------------------------------------------------------------------- */
#existingCreditCard {
    padding: 18px 0 0 22px;
}

.existingCardFields {
    padding-bottom: 12px;
}

.selectExistingCard {
    width: 325px;
    clear: both;
}

#paymentInfo {
    margin: 0 0 20px 0;
    padding: 0;
}

    #paymentInfo label {
        float: left;
        width: 420px;
        margin: 10px 20px;
    }

        #paymentInfo label.inside {
            float: none;
            margin: 0 0 0 20px;
        }

    #paymentInfo input.inputText {
        width: 325px;
        height: auto;
    }

    #paymentInfo input.inputTextError {
        width: 325px;
    }

    #paymentInfo select {
        width: 325px;
    }

#corporateInfo {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 3px #e7e7e7 solid;
}

    #corporateInfo label {
        float: left;
        width: 420px;
        margin: 10px 20px;
    }

    #corporateInfo input.inputText {
        width: 325px;
    }

    #corporateInfo input.inputTextError {
        width: 325px;
    }

    #corporateInfo select {
        width: 325px !important;
    }

.ccMonth {
    width: 185px;
}

.ccYear {
    width: 100px;
}

/* CHECKOUT >> CONFIRM
---------------------------------------------------------------------------------------------- */
.termsOverview {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

#confirmDelivery {
    float: left;
    margin: 24px 12px 12px 0;
    width: 336px;
}

body#checkout #confirmDelivery {
    float: left;
    margin: 0 12px 12px 0;
    width: 452px;
}

#confirmPayment {
    float: left;
    margin: 24px 0 12px 12px;
    width: 336px;
}

body#checkout #confirmPayment {
    float: left;
    margin: 0 0 12px 12px;
    width: 452px;
}

#confirmDelivery p, #confirmPayment p {
    margin-top: 6px;
    padding: 0 12px;
}

#confirmTerms {
    float: left;
    margin-top: 20px;
}

#deliveryNotes {
    float: left;
    margin-top: 8px;
    width: 450px;
}

#replicationLink {
    float: left;
    margin-top: 10px;
    width: 460px;
}

/* CHECKOUT >> SUCCESS
---------------------------------------------------------------------------------------------- */
#successNote {
    background: url(../images/photos/mimeoMailer.png) right no-repeat;
    height: 160px;
    padding: 12px 350px 0 0;
}

.orderDetails {
    margin-top: 12px;
    padding-bottom: 16px;
    width: 100%;
}

/*OLD*/
.orderDetailItem {
    float: left;
    width: 16%;
}

.detailOrderNumber {
    float: left;
    width: 23%;
}

.detailPlaced {
    float: left;
    width: 19%;
}

.detailTotal {
    float: left;
    width: 14%;
}

.detailStatus {
    float: left;
    width: 14%;
}

.detailTrack {
    float: left;
    width: 16%;
}

.detailReceipt {
    float: left;
    width: 7%;
}


/* PRODUCTS
---------------------------------------------------------------------------------------------- */
.noProductsAvailable {
    margin-top: 50px;
    text-align: center;
    color: #b2b2b2;
    font-size: 20px;
    font-weight: bold;
}

.saveMoreColumn {
    float: left;
    width: 32%;
    text-align: center;
    margin-bottom: 18px;
}
/*----- LIST VIEW -----*/
#productsList {
    float: left;
    margin: 12px 0 12px 0;
    width: 100%;
}

/*----- GRID VIEW -----*/
/*.product-preview-bottom
	{
	border-bottom: 2px #ccc solid;
	float: right;
	text-align: right;
	width: 100%;
	}*/

.product-preview, .product-preview-inactive {
    border-bottom: 3px #e7e7e7 solid;
    line-height: 15pt;
    padding: 12px 4px 18px 4px;
}

.product-preview-inactive {
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    zoom: 1.0;
}

.product-description {
    height: auto !important;
    height: 160px;
    margin-top: 4px;
    min-height: 160px;
}

.product-description-sm {
    height: auto !important;
    height: 130px;
    margin-top: 4px;
    min-height: 130px;
}

.product-description-v2 {
}

.thumbnail-preview {
    display: inline;
    float: left;
    padding: 0 12px 12px 0; /*width: 110px; old nicer dimensions 	height: 150px;*/
    width: 120px;
    height: 132px;
}

.thumbnail-viewDetail {
    display: inline;
    float: left;
    padding: 0 12px 24px 0; /*width: 110px; old nicer dimensions 	height: 150px;*/
    background: #ccf;
    background: url(../images/icons/viewDetail.png) bottom left no-repeat;
}

.thumbnail-seeInside {
    display: inline;
    float: left;
    padding: 0 12px 24px 0;
    background: url(../images/icons/seeInside.png) bottom left no-repeat;
}

.thumbnail-product {
    display: inline;
    float: left;
    padding: 0 12px 0 0;
}

.thumbnail-enlargeImage {
    display: inline;
    float: left;
    padding: 0 12px 24px 0;
    background: #ccf;
    background: url(../images/icons/enlargeImage.png) bottom left no-repeat;
}

.widget-cart {
    border: 1px #ccc solid;
    font-size: 12px;
    float: right;
    margin: 0 0 6px 26px;
    width: 264px;
}

    .widget-cart .column-left {
        float: left;
        margin-right: 5px;
        padding: 3px 0;
        text-align: right;
        width: 100px;
    }

    .widget-cart .column-right {
        float: left;
        padding: 3px 0;
        text-align: left;
        width: 105px;
    }

    .widget-cart .note {
        float: left;
        padding: 3px 0;
        text-align: center;
        width: 100%;
    }

.max-quantity {
    color: #999;
    font-style: italic;
}

.currency-conversion {
    margin-top: -5px;
    font-size: 10px;
    color: #999;
}

.view-as {
    border: 1px #ccc solid;
    float: right;
    font-size: 12px;
}

    .view-as .label {
        padding: 0 4px;
        border-right: 1px #ccc solid;
        float: left;
        color: #999;
    }

    .view-as .grid, .view-as .list {
        float: left;
        border-right: 1px #ccc solid;
        height: 18px;
        width: 22px;
        text-indent: -1000em;
        cursor: pointer;
    }

    .view-as .grid {
        background-image: url(../images/backgrounds/viewAs.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
    }

        .view-as .grid:hover {
            background-position: 0 -18px;
        }

    .view-as .list {
        background-image: url(../images/backgrounds/viewAs.gif);
        background-position: -22px -18px;
        background-repeat: no-repeat;
        border-right: 0;
    }

        .view-as .list:hover {
            background-position: -22px 0;
        }

.select-quantity {
    font-size: 11px;
}

/*----- BUTTONS -----*/
a.deleteProduct, a:visited.deleteProduct {
    display: block;
    background: url(../images/buttons/delete-product.gif) no-repeat;
    width: 146px;
    height: 27px;
    text-indent: -1000em;
    float: right;
}

a:hover.deleteProduct, a:active.deleteProduct {
    background-position: 0 -27px;
}

.btn-editProduct, .btn-deleteProduct {
    border-top: 1px #fff solid;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 46%;
}

.btn-editProduct {
    float: left;
}

.btn-deleteProduct {
    float: right;
}

    .btn-editProduct a, .btn-editProduct a:visited, .btn-deleteProduct a, .btn-deleteProduct a:visited {
        display: block;
    }

.btn-addToCart, .btn-customize, .btn-loading {
    border-top: 1px #ccc solid;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

    .btn-addToCart a, .btn-addToCart a:visited {
        /*background-image: url(../images/icons/plus.png); 	background-position: 55px 2px; 	background-repeat: no-repeat;*/
        display: block; /*padding-left: 14px;*/
    }

    .btn-customize a, .btn-customize a:visited {
        /*background-image: url(../images/icons/customize.png); 	background-position: 55px 2px; 	background-repeat: no-repeat;*/
        display: block; /*padding-left: 14px;*/
    }

/*.btn-addToCart a:hover, 
.btn-customize a:hover
	{
	text-decoration: none;
	}*/

.btn-addToCartSm {
    /*background-image: url(../images/icons/plusRounded.png); 	background-repeat: no-repeat;*/
    display: block;
    height: 24px;
    text-align: center; /*text-indent: -1000em;*/
    width: 24px;
    line-height: 1.05em;
    font-size: 24px;
    border-width: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

a:hover.btn-addToCartSm, a:active.btn-addToCartSm {
    text-decoration: none;
}

/*.btn-customizeSm
	{
	background-image: url(../images/icons/customizeRounded.png);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	text-align: center;
	text-indent: -1000em;
	width: 24px;
	}
	
.btn-addToCartSm:hover, .btn-customizeSm:hover {background-color: #666;}*/

/*-----CUSTOMIZE DOCUMENT------*/
#customDocument {
    padding: 0;
}

    #customDocument div {
        margin-bottom: 12px;
    }

    #customDocument label {
        float: left;
        width: 325px;
        margin: 10px 22px 10px 0;
    }

    #customDocument input.inputText {
        width: 320px;
    }

    #customDocument input.inputTextError {
        width: 320px;
    }

    #customDocument select {
        width: 320px;
    }

    #customDocument textarea {
        width: 320px;
    }

.enlarge-preview {
    background: #fff;
    border: 2px #000 solid;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 600px;
}

.image-enlarge {
    border: 0; /*height: 555px;*/
    margin: 0 auto; /*width: 450px;*/
}

/* ORDER STATUS
---------------------------------------------------------------------------------------------- */
#searchOrder, #orderHistory, #orderDetailsCart {
    float: left;
    margin: 12px 0 12px 0;
    width: 100%;
}

    #searchOrder p {
        margin-top: 6px;
        padding: 0 12px;
    }

.table-status {
    width: 100%;
    margin-bottom: 24px;
}

    .table-status .tr {
        border-bottom: 3px #e7e7e7 solid;
    }

/* FORMS
---------------------------------------------------------------------------------------------- */
label {
    height: 40px;
}

form {
    border: 0;
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0;
    margin: 0,0px,10px,0;
}

input:hover {
    background: #e7e7e7;
}

input:focus {
    background: #fff;
    border: 1px #ccc solid;
}

textarea {
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
}

    textarea:hover {
        background: #e7e7e7;
    }

    textarea:focus {
        background: #fff;
        border: 1px #ccc solid;
    }

.dropDown-pages {
    width: 250px;
    margin: 4px 0 0 0;
}

#search {
    padding: 8px 12px;
}

    #search .inputText {
        background: #fff url(../images/backgrounds/inputTextSearch.png) repeat-x;
        padding-left: 20px;
        width: 120px;
    }

.pageJump {
    padding: 4px 12px;
    float: left;
    color: #999;
    font-size: 11px;
}

    .pageJump .inputText {
        width: 40px;
    }

#perPage {
    padding: 4px 12px;
    float: left;
    color: #999;
    font-style: italic;
}

    #perPage select {
        font-size: 9px;
    }

.inputText, .inputTextSm, .ui-autocomplete-input {
    background: #fff url(../images/backgrounds/inputText.png) repeat-x;
    border-width: 1px;
    border-style: solid;
    border-top-color: #bfbfbf;
    border-right-color: #fff;
    border-left-color: #bfbfbf;
    border-bottom-color: #fff;
    font-size: 13px;
    color: #333;
}

.inputTextError {
    background: #fcc;
    border-width: 1px;
    border-style: solid;
    border-top-color: #900;
    border-right-color: #f00;
    border-left-color: #900;
    border-bottom-color: #f00;
    font-size: 13px;
    color: #333;
}

.submitSecondarySm {
    border-width: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}


.submitSecondaryLg {
    border: 0;
    font-size: 16px;
    cursor: pointer;
    padding: 3px;
}

    .submitSecondaryLg:hover {
    }

.submitNeutralLg {
    background: #ccc;
    border: 0;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    padding: 3px;
}

    .submitNeutralLg:hover {
        background: #999;
    }

/*-----BUTTON ICONS-----*/
.arrow-btnRightDisabled {
    background: url(../images/icons/arrow-btnRightDisabled.png) right no-repeat;
    padding-right: 24px;
}

.arrow-btnLeftDisabled {
    background: url(../images/icons/arrow-btnLeftDisabled.png) left no-repeat;
    padding-left: 24px;
}

.arrow-btnRight {
    background: url(../images/icons/arrow-btnRight.png) right no-repeat;
    padding-right: 24px;
}

.arrow-btnLeft {
    background: url(../images/icons/arrow-btnLeft.png) left no-repeat;
    padding-left: 24px;
}

.refresh-sm {
    background: url(../images/icons/refresh-sm.png) left no-repeat;
    padding-left: 24px;
}

/* Use w/o thickbox
.close-window
	{
	background: url(../images/buttons/remove.gif) no-repeat;
	display: block;
	float: right;
	height: 20px;
	margin-top: -8px;
	text-align: center;
	text-indent: -1000em;
	width: 20px;
	}*/

.close-window {
    background: url(../images/buttons/remove.gif) no-repeat;
    display: block;
    float: right;
    height: 20px;
    text-align: center;
    text-indent: -1000em;
    width: 20px;
}

    .close-window:hover {
        background-position: 0 -20px;
    }

.mini-loader {
    float: left;
    height: 16px;
    margin-top: 3px;
    width: 16px;
}

/*-----JQUERY BUTTONS-----*/
/*.buttonDisabledLg
{
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
a.buttonDisabledLg
{
	color: #ccc;
	background: #e4e4e4;
	padding: 5px 7px;
	font-size: 16px;
	font-weight: bold;
}*/

a.rounded, .buttonPrimaryLg, .buttonPrimaryMed, .buttonPrimarySm, .buttonSecondaryLg, .buttonSecondaryMed, .buttonSecondarySm, .buttonNeutralLg, .buttonNeutralMed, .buttonNeutralSm, .buttonRedSm {
    border: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
}

.buttonPrimaryLg, .buttonPrimaryMed, .buttonPrimarySm {
    padding: 3px 6px;
}

.buttonPrimaryLg {
    font-size: 14px;
    font-weight: bold;
}

.buttonPrimaryMed {
    font-size: 13px;
    font-weight: bold;
}

.buttonPrimarySm {
    font-size: 11px;
    font-weight: bold;
}

    .buttonPrimaryLg:hover, .buttonPrimaryMed:hover, .buttonPrimarySm:hover {
        text-decoration: underline;
    }

/*SECONDARY*/
.buttonSecondaryLg, .buttonSecondaryMed, .buttonSecondarySm {
    padding: 3px 6px;
}

.buttonSecondaryLg {
    font-size: 15px;
    font-weight: bold;
}

.buttonSecondaryMed {
    font-size: 13px;
    font-weight: bold;
}

.buttonSecondarySm {
    font-size: 11px;
    font-weight: bold;
}

    .buttonSecondaryLg:hover, .buttonSecondaryMed:hover, .buttonSecondarySm:hover {
        text-decoration: underline;
    }

/*NEUTRAL*/
.buttonNeutralLg, a.buttonNeutralLg, a:visited.buttonNeutralLg, .buttonNeutralMed, a.buttonNeutralMed, a:visited.buttonNeutralMed, .buttonNeutralSm, a.buttonNeutralSm, a:visited.buttonNeutralSm {
    color: #666;
    background: #ccc;
    padding: 3px 6px;
}

.buttonNeutralLg {
    font-size: 14px;
    font-weight: bold;
}

.buttonNeutralMed {
    font-size: 13px;
    font-weight: bold;
}

.buttonNeutralSm {
    font-size: 11px;
    font-weight: bold;
}

    .buttonNeutralLg:hover, .buttonNeutralMed:hover, .buttonNeutralSm:hover {
        background: #bfbfbf;
        text-decoration: underline;
    }

/*RED*/
.buttonRedSm, a.buttonRedSm, a:visited.buttonRedSm {
    color: #fff;
    background: #c00;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
}

a:hover.buttonRedSm {
    background: #900;
    text-decoration: underline;
}

/*GREEN*/
.buttonGreenSm, a.buttonGreenSm, a:visited.buttonGreenSm {
    color: #fff;
    background: #093;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
}

a:hover.buttonGreenSm {
    background: #063;
    text-decoration: underline;
}

/*BLUE*/
.buttonBlueSm, a.buttonBlueSm, a:visited.buttonBlueSm {
    color: #fff;
    background: #005375;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
}

a:hover.buttonBlueSm {
    background: #003044;
    text-decoration: underline;
}

/*PURPLE*/
.buttonPurpleSm, a.buttonPurpleSm, a:visited.buttonPurpleSm {
    color: #fff;
    background: #306;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
}

a:hover.buttonPurpleSm {
    background: #306;
    text-decoration: underline;
}

/*YELLOW*/
.buttonYellowSm, a.buttonYellowSm, a:visited.buttonYellowSm {
    color: #fff;
    background: #f60;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
}

a:hover.buttonYellowSm {
    background: #c30;
    text-decoration: underline;
}

/*WHITE*/
.buttonTextWhite {
    color: #fff !important;
}

.buttonWhite, a.buttonWhite, a:visited.buttonWhite {
    color: #333;
    background: #fff;
    padding: 3px 6px;
}

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

a:hover.buttonWhite {
    background: #eee;
    text-decoration: underline;
}

.buttonFix {
    background: #fff;
}
/*USE IF PARENT BACKGROUND COLOR IS INHERITED*/

/*WHITE*/
.buttonSecondarySm {
    -moz-border-radius: 5px 5px 5px 5px;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}

.submitNeutral, .submitNeutral:hover {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("../images/backgrounds/button.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}

.container-setQuantity {
    padding: 2px 0 8px 0;
    text-align: right;
}

.form-setQuantity {
    float: right;
    width: 150px;
}

.header-setQuantity {
    float: right;
}

.button-add, .button-add:hover {
    background: #fff url(../images/backgrounds/button-add.png) top left no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #0c0;
    padding: 0 0 0 14px;
    cursor: pointer;
}

.button-delete, .button-delete:hover {
    background: #fff url(../images/backgrounds/button-delete.png) top left no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #f00;
    padding: 0 0 0 14px;
    cursor: pointer;
    width: 22px;
}

.button-darkGrey, .button-darkGrey:hover {
    background: #707070 url(../images/backgrounds/button-darkGrey.png) repeat-x;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    border-color: #ccc;
    cursor: pointer;
}


/* CART PODS
---------------------------------------------------------------------------------------------- */
.container-cartPods {
}

.cartPod-left,
.cartPod-right {
    background: url(../images/backgrounds/cartPod.png) repeat-x;
    border: 3px #e7e7e7 solid;
    height: 200px;
    margin: 12px 0;
    width: 48%;
}

.cartPod-left {
    float: left;
}

.cartPod-right {
    float: right;
}

.innerCartPod-left {
    padding: 14px;
}

.innerCartPod-right {
    background-image: url(../images/backgrounds/mimeo-boxes.png);
    background-position: 215px 12px;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 160px;
    padding: 14px 250px 14px 14px;
}

.mimeo-cartPod {
    background-image: url(../images/logos/mimeo-cartPod.png);
    background-repeat: no-repeat;
    height: 57px;
    margin-bottom: 5px;
    width: 140px;
}



/* NEW WARNING MESSAGES
---------------------------------------------------------------------------------------------- */
/*-----BEGIN: Containers-----*/
.container-buttons {
    margin-top: 24px;
}

.container-padding {
    padding: 12px 12px 30px 12px;
}

.container-messageSlate, .container-messageRed, .container-messagePurple, .container-messageBlue, .container-messageGreen, .container-messageOrange {
    width: 100%;
    margin: 12px auto;
    text-align: left;
    border: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #fff;
}

.container-messageSlate {
    background: #325664 url(../images/backgrounds/bgSlate.png) center repeat-y;
}

.container-messageRed {
    background: #5c0901 url(../images/backgrounds/bgRed.png) center repeat-y;
}

.container-messagePurple {
    background: #310b4b url(../images/backgrounds/bgPurple.png) center repeat-y;
}

.container-messageBlue {
    background: #013b7b url(../images/backgrounds/bgBlue.png) center repeat-y;
}

.container-messageGreen {
    background: #14451b url(../images/backgrounds/bgGreen.png) center repeat-y;
}

.container-messageOrange {
    background: #cb5a00 url(../images/backgrounds/bgOrange.png) center repeat-y;
}
    /*-----END: Containers-----*/

    /*-----BEGIN: Links-----*/
    .container-messageSlate a:link, .container-messageSlate a:visited, .container-messageRed a:link, .container-messageRed a:visited, .container-messagePurple a:link, .container-messagePurple a:visited, .container-messageBlue a:link, .container-messageBlue a:visited, .container-messageGreen a:link, .container-messageGreen a:visited, .container-messageOrange a:link, .container-messageOrange a:visited {
        font-weight: bold;
    }

.container-messageSlate a:link, .container-messageSlate a:visited {
    color: #bcffff;
}

.container-messageRed a:link, .container-messageRed a:visited {
    color: #f00;
}

.container-messagePurple a:link, .container-messagePurple a:visited {
    color: #d760ff;
}

.container-messageBlue a:link, .container-messageBlue a:visited {
    color: #56feff;
}

.container-messageGreen a:link, .container-messageGreen a:visited {
    color: #48ff8a;
}

.container-messageOrange a:link, .container-messageGreen a:visited {
    color: #ffff28;
}
    /*-----END: Links-----*/

    /*-----BEGIN: Buttons-----*/
    .container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim, .container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messageRed a:link.button-dim, .container-messageRed a:visited.button-dim, .container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim, .container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim, .container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim, .container-messageOrange a:link.button, .container-messageOrange a:visited.button, .container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin: 24px 12px 0 0;
        padding: 6px 12px;
        text-decoration: none;
        text-align: center;
    }

    .container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageOrange a:link.button, .container-messageOrange a:visited.button {
        border: 2px #fff solid;
        color: #fff;
    }

/*SLATE*/
.container-messageSlate a:link.button, .container-messageSlate a:visited.button, .container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim {
    background: #325664 url(../images/backgrounds/btnSlate.png) repeat-x;
}

.container-messageSlate a:link.button-dim, .container-messageSlate a:visited.button-dim {
    border: 2px #bcffff solid;
    color: #bcffff;
}

/*RED*/
.container-messageRed a:link.button, .container-messageRed a:visited.button, .container-messageRed a:link.button-dim, a:visited.button-dim {
    background: #5c0901 url(../images/backgrounds/btnRed.png) repeat-x;
}

.container-messageRed a:link.button-dim, a:visited.button-dim {
    border: 2px #f00 solid;
    color: #f00;
}

/*PURPLE*/
.container-messagePurple a:link.button, .container-messagePurple a:visited.button, .container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim {
    background: #2c0a45 url(../images/backgrounds/btnPurple.png) repeat-x;
}

.container-messagePurple a:link.button-dim, .container-messagePurple a:visited.button-dim {
    border: 2px #d760ff solid;
    color: #d760ff;
}

/*BLUE*/
.container-messageBlue a:link.button, .container-messageBlue a:visited.button, .container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim {
    background: #013c7b url(../images/backgrounds/btnBlue.png) repeat-x;
}

.container-messageBlue a:link.button-dim, .container-messageBlue a:visited.button-dim {
    border: 2px #56feff solid;
    color: #56feff;
}

/*GREEN*/
.container-messageGreen a:link.button, .container-messageGreen a:visited.button, .container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim {
    background: #14451b url(../images/backgrounds/btnGreen.png) repeat-x;
}

.container-messageGreen a:link.button-dim, .container-messageGreen a:visited.button-dim {
    border: 2px #48ff8a solid;
    color: #48ff8a;
}

/*ORANGE*/
.container-messageOrange a:link.button, .container-messageOrange a:visited.button, .container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim {
    background: #14451b url(../images/backgrounds/btnOrange.png) repeat-x;
}

.container-messageOrange a:link.button-dim, .container-messageOrange a:visited.button-dim {
    border: 2px #ffff28 solid;
    color: #ffff28;
}

/*SLATE*/
.container-messageSlate a:hover.button, .container-messageSlate a:active.button, .container-messageSlate a:hover.button-dim, .container-messageSlate a:active.button-dim, /*RED*/ .container-messageRed a:hover.button, .container-messageRed a:active.button, .container-messageRed a:hover.button-dim, .container-messageRed a:active.button-dim, /*PURPLE*/ .container-messagePurple a:hover.button, .container-messagePurple a:active.button, .container-messagePurple a:hover.button-dim, .container-messagePurple a:active.button-dim, /*BLUE*/ .container-messageBlue a:hover.button, .container-messageBlue a:active.button, .container-messageBlue a:hover.button-dim, .container-messageBlue a:active.button-dim, /*GREEN*/ .container-messageGreen a:hover.button, .container-messageGreen a:active.button, .container-messageGreen a:hover.button-dim, .container-messageGreen a:active.button-dim, /*ORANGE*/ .container-messageOrange a:hover.button, .container-messageOrange a:active.button, .container-messageOrange a:hover.button-dim, .container-messageOrange a:active.button-dim {
    background-position: 0 -100px;
}
/*-----END: Buttons-----*/

/*-----BEGIN: Headings-----*/
.container-messageSlate h2, .container-messageRed h2, .container-messagePurple h2, .container-messageBlue h2, .container-messageGreen h2, .container-messageOrange h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.container-messageSlate h2 {
    border-bottom: 2px #bcffff solid;
}

.container-messageRed h2 {
    border-bottom: 2px #f00 solid;
}

.container-messagePurple h2 {
    border-bottom: 2px #d760ff solid;
}

.container-messageBlue h2 {
    border-bottom: 2px #56feff solid;
}

.container-messageGreen h2 {
    border-bottom: 2px #48ff8a solid;
}

.container-messageOrange h2 {
    border-bottom: 2px #ffff28 solid;
}
/*-----END: Headings-----*/

/* BREAK IN CASE NO HACKS NEEDED
---------------------------------------------------------------------------------------------- */
.table-jaded {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .table-jaded td {
        padding: 4px 6px;
        vertical-align: top;
    }

    .table-jaded th {
        color: #fff;
        padding: 6px 6px;
    }

.rowGrey {
    background: #eee;
}


/* ADMIN TOOLBAR
---------------------------------------------------------------------------------------------- */
.container-adminBar {
    /*background: #81d3e4;*/
    color: #fff;
    padding: 5px 8px;
    border-bottom: 3px #adadad solid;
    font-size: 14px;
    height: 18px;
}

.heading-adminBar {
    float: left;
    margin-right: 10px;
    line-height: 1.3em;
}

.button-adminBar {
    float: left;
    margin-right: 10px;
    background: #fff url(../images/backgrounds/btn-admin.png) repeat-x;
    color: #999;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}








/* ==============================================
	Dev added 
   ===============================================*/
.webRequestActivityIndicator {
    font-size: 10px;
    position: absolute;
    font-style: italic;
    font-weight: bold;
    color: #FFFFFF;
    white-space: nowrap;
    width: 200px;
    background-color: #66CC00;
    background-image: url(../images/WebRequestActivityIndicatorBackground.png);
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    height: 30px;
    z-index: 2000;
    border-right: solid 1px #5EBB00;
    border-left: solid 1px #74E800;
    border-bottom: solid 1px #55AA00;
}

/*http://www.nowcss.com/javascript/emulating-position-fixed-in-ie-6-below IE6 Fix HACK*/
* html .webRequestActivityIndicator {
    /*\*/
    position: absolute;
    top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
    right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px'); /**/
}

.webRequestActivityIndicator {
    position: fixed;
    top: 0px;
    right: 0px;
}


.sys-template {
    display: none;
}

.pageJump {
    float: left;
}

/* custom*/

.orderDetailItem3 {
    float: left;
    width: 15%;
}

.orderDetailItem5 {
    float: left;
    width: 23%;
}

.orderDetailItem1 {
    float: left;
    width: 25%;
}

.orderDetailItem4 {
    float: left;
    width: 22%;
}

.orderDetailItem2 {
    float: left;
    width: 13%;
}

h1 a {
    background: none;
    display: block;
    height: 100px;
}

#logo {
    background: #fff;
    float: left;
    height: 100px;
    width: 230px;
}

.orderDetailItem {
    float: left;
    width: 17%;
    *width: 17%;
}

.table-shipping .active {
    background: #e7e7e7;
}

.productView span a.active {
    color: #666666;
}

.differaddress {
    font-weight: bold;
}

.productSettingsDIV {
    float: left;
    width: 325px;
    margin: 6px 20px;
}

.mimeo-currency {
    padding: 0 !important;
}

.container-noColumn #content {
    margin: 0;
}

.container-noColumn {
    border-left: 4px #adadad solid;
    border-right: 4px #adadad solid;
    border-bottom: 4px #adadad solid;
    background: #fff;
    margin: 0 auto; /*min-height: 900px;*/
    width: 960px;
}

    .container-noColumn #navigation {
        margin: 0;
    }

.filterHead {
    padding: 0 0 0 12px;
    color: #999999;
    font-size: 12px;
}

    .filterHead .itemactive {
        font-weight: bold;
    }

.filter-active {
    background: #dadada url(../images/icons/arrow-filterActive.png) 198px 4px no-repeat;
}

ul.column-list li.itemactive a, ul.column-list li.itemActive a:visited, ul.column-list li ul.column-list li.itemactive a, ul.column-list li ul.column-list li.itemactive a:visited {
    color: #990000;
}

.defaultLink {
    cursor: pointer;
}

#menu-tabs ul li.tab-cart span {
    background: none;
}

#successNote {
    background: url(../images/backgrounds/mimeoMailer.png) right no-repeat;
    height: 160px;
    padding: 12px 350px 0 0;
}

.container-flash-detailView {
    background: #fff;
    margin: 0 auto;
    width: 800px;
    height: 500px;
    padding: 10px;
}

.container-detailViewLarge {
    background: #fff;
    margin: 0 auto;
    width: 300px;
    height: 320px;
    padding: 10px;
    text-align: center;
}

.image-detailView {
    width: 278px;
}

.bordercontainter {
    border: 1px solid red;
}

.background-yellow {
    background: #FFFF66 none repeat scroll 0 0;
}
/* Validation Error Popup */
div.validationErrorPopupContainer {
    width: 247px;
    text-align: center !important;
    position: absolute !important;
    font-size: 12px;
}

div.validationErrorPopupArrow {
    background-image: url(../images/ValidationErrorPopupArrow.png);
    background-repeat: no-repeat;
    position: absolute !important;
    height: 30px !important;
    width: 20px !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 100 !important;
}

div.validationErrorPopupBody {
    /* background-image:url(../images/ValidationErrorPopupBackground.png); */
    background-color: #F8F8F8;
    position: absolute !important;
    left: 18px !important;
    top: 0px !important;
    background-repeat: repeat-x !important;
    border: 1px solid #999999 !important;
    width: auto !important;
    z-index: 1 !important;
    text-align: left !important;
    padding: 10px !important;
}

div.validationErrorPopupDetail {
    font-size: 10px;
    color: #000000;
}

small.textInputInvalid, label.error, label.textInputInvalid {
    display: none;
    position: absolute;
    left: -3000px;
}


input.inputTextError, input.textInputInvalid, select.inputTextError, select.textInputInvalid, input.error, input.error, select.error, select.error {
    background: #fcc;
    border-width: 1px;
    border-style: solid;
    border-top-color: #900;
    border-right-color: #f00;
    border-left-color: #900;
    border-bottom-color: #f00;
    font-size: 13px;
    color: #333;
}

small.inputTextError {
    color: #FF0000;
    display: block;
    position: relative;
}

.fixPopupDiv {
    position: fixed !important;
    top: 25%;
    left: 50%;
    margin-top: -100px;
    transform: translateX(-50%);
}

.middleLoginBody {
    background: #CCCCCC url(../images/backgrounds/createAccountBody.png) repeat-x scroll 0 0;
}

body#checkout #container {
    background: #fff !important;
}

.paymentInfoDiv {
    float: left;
    width: 420px;
    margin: 10px 10px;
    height: 40px;
    display: inline;
}

ul#menu-main li.active a {
    background-image: url(../images/backgrounds/menuMainActive.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000066;
}

#documentSummary .tabActive a, #documentPreview .tabActive a:visited {
    color: #333;
    display: block;
}

#documentSummary .tabInactive a, #documentPreview .tabInactive a:visited {
    display: block;
}

.heading-savedAddresses {
    color: #000000;
}

body#checkout #content {
    margin: 0 0 -17px 0;
    border-top: 2px #e7e7e7 solid;
    background: #fff none !important;
}

.marginTop-2 {
    min-height: 90px;
    height: auto !important;
    height: 90px;
}

.admin-delete {
    background: url(../images/icons/x.gif) 6px 6px no-repeat;
    font-size: 11px;
    border-top: 2px #e7e7e7 solid;
    border-right: 2px #e7e7e7 solid;
    border-left: 2px #e7e7e7 solid;
    padding: 3px 3px 3px 20px;
}

#menu-tabs ul li.tab-cart {
    width: auto !important;
}

#category a, #category h4 {
    color: #000;
}

/*--YHUI CSS */

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon {
    background-image: url(../images/buttons/html_editor.gif) !important;
    background-position: 0 1px !important;
    left: 5px;
}

.yui-skin-sam .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon {
    background-image: url(../images/buttons/html_editor.gif) !important;
    background-position: 0 1px !important;
    left: 5px;
}

.editor-hidden {
    visibility: hidden !important;
    display: none !important;
    top: -9999px;
    left: -9999px;
    position: absolute !important;
}

.yui-toolbar-group-insertitem {
    *width: auto;
}

.yui-skin-sam .yui-dt-body {
    cursor: pointer;
}
/* when rows are selectable */
#single {
    margin-top: 2em;
}


.product-description {
    min-height: 165px;
}

.product-detail-description {
    height: auto !important;
    height: 180px;
    margin-top: 4px;
    min-height: 180px;
}

.previewCanvas {
    height: 312px;
}
/* hot fix by ocean  */
#deliveryNotes {
    margin-top: 8px;
    width: 450px;
    clear: both;
}

.table-shipping .tr, .table-shipping-currencies .tr {
    border-bottom: 3px #e7e7e7 solid;
    clear: both;
}

/*  end */


.ie6 .blackout {
    /*height: 2000px;*/
    width: 1200px;
    background-image: url(../images/backgrounds/lightbox.gif);
}

.ie6 .fixPopupDiv {
    /* IE5.5+/Win - this is more specific than the IE 5.0 version */
    right: auto;
    bottom: auto;
    left: 440px;
    top: 300px;
}

ul.column-list li.itemactive a, ul.column-list li.itemactive a:visited,
h4 a.itemActive, h4 a.itemActive:visited {
    font-weight: bold;
}

ul.adminTools li a:hover {
    color: #999999 !important;
}

.widget-cart {
    margin-left: 5px !important;
}

ul.editCategories {
    font-size: 0px;
}

.spinner, .spinnerLg, .digitalLoading {
    background: #fff;
    color: #999;
    border: 4px #ccc solid;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 13px;
    text-align: center;
    width: 80px;
    z-index: 10001;
    position: fixed !important;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -100px;
    _right: auto;
    _bottom: auto;
    _left: 850px;
    _top: 300px;
}

.digitalLoading {
    z-index: 10005;
}

.digitalLoading-bg {
    padding-top: 20px;
    background-image: url(../images/backgrounds/lightbox.png);
    z-index: 10003;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 115%;
}

.spinner-ie7 {
    *+width: 60px;
    *+height: 60px;
}

.spinnerLg, .digitalLoading {
    padding: 16px;
    width: 300px;
    left: 50%;
}

.container-spinner {
    z-index: 1000;
    position: absolute;
    right: 0;
    left: 0;
    top: 100px;
}

.widget-cart .column-right {
    width: 150px;
}

.td-53 {
    width: 53%;
}

.td-11 {
    width: 11%;
}

body#checkout #confirmDelivery {
    margin: 5px 12px 12px 0;
}

body#checkout #confirmPayment {
    margin: 5px 0 12px 12px;
}

a {
    cursor: pointer;
}

.product-description-sm {
    height: auto !important;
    height: 155px;
    margin-top: 4px;
    min-height: 155px;
}

.totals-columnLeft {
    width: 200px;
}

#paymentInfo label {
    float: left;
    width: 420px;
    margin: 10px 10px;
}

.cartPodVisibility {
    visibility: hidden;
}

.m-imageContainer {
}
/* BEGIN: Added 05/21/10
---------------------------------------------------------------------------------------------------- */
.deliveryColumnLeft {
    float: left;
    width: 290px;
    padding: 0 10px 10px 10px;
    /*IE6 HACK */
    *width: 285px;
}

.deliveryColumnRight {
    margin: 20px 0 0 320px;
}

table.listings {
    border-collapse: collapse;
    width: 100%;
    -width: 98%;
}

    table.listings tr.active {
        background: #e7e7e7;
    }

    table.listings th {
        font-size: 13px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        /*padding: 10px;*/
        padding: 5px;
        text-align: left;
    }

        table.listings th a, table.listings th a:visited {
            color: #666;
        }

    table.listings td {
        padding: 6px;
    }

        table.listings td.totalHeading {
            padding: 6px;
            text-align: right;
            color: #999;
            font-weight: bold;
            font-size: 16px;
        }

        table.listings td.subtotal {
            padding: 6px;
            text-align: right;
            color: #999;
            font-weight: bold;
            font-size: 16px;
        }

        table.listings td.total {
            padding: 6px;
            text-align: right;
            font-weight: bold;
            font-size: 16px;
        }

.productionNote {
    border: 1px #c00 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: right;
    margin: 10px 0;
    background: #fcc;
    color: #c00;
    padding: 5px 10px 10px 10px;
}

.productionNoteSettings {
    background: #fcc;
    border: 1px #c00 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    clear: right;
    color: #c00;
    font-size: 12px;
    /*margin: 20px 14px 10px 20px; old product settings*/
    margin: 0 0 12px 0;
    padding: 10px 10px 10px 10px;
}

.corners5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* BREAK IN CASE NO HACKS NEEDED
---------------------------------------------------------------------------------------------------- */
.table-jaded {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .table-jaded td {
        padding: 4px 6px;
        vertical-align: top;
    }

    .table-jaded th {
        color: #fff;
        padding: 6px 6px;
    }

.rowGrey {
    background: #eee;
}

.sig-note {
    color: #999;
    padding-left: 25px;
}

/* BEGIN: Version 2 Styles
---------------------------------------------------------------------------------------------------- */
.clearBoth {
    clear: both;
}

.mb5px {
    margin-bottom: 5px;
}

.mt3px {
    margin-top: 3px;
}

.mt8px {
    margin-top: 8px;
}

.mt6px {
    margin-top: 6px;
}

.mt10px {
    margin-top: 10px;
}

.mr6px {
    margin-right: 6px;
}

.mr12px {
    margin-right: 12px;
}

.pr20px {
    padding-right: 12px;
}

.lineHeight26px {
    line-height: 26px;
}

.height25px {
    height: 25px;
}

.height75px {
    height: 75px;
}

.height150px {
    height: 150px;
}

.colorLight {
    color: #999;
}


.width250px {
    width: 250px;
}

.w50px {
    width: 50px;
}

.w250px {
    width: 250px;
}

.w325px {
    width: 325px;
}

.b0m0p0 {
    border: 0;
    margin: 0;
    padding: 0;
}


.containerTwoColumns {
    float: left;
    width: 50%;
}

.inputQty {
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    width: 40px;
}

a.button {
    /*background: #000;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    padding: 3px 6px;
    text-align: center;
}
/* END: Version 2 Styles
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Products V2
---------------------------------------------------------------------------------------------------- */
.containerProduct h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0;
}

.inputQty {
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    width: 40px;
}

.productTool {
    border: 1px #ccc solid;
    background: #fff;
    xborder-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.containerProduct {
    font-size: 12px;
    margin-bottom: 25px;
}

.addToCart {
    box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    margin: 5px auto;
    width: 212px;
}

.containerPurchase {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background: -moz-linear-gradient(top, #fff, #f2f2f2);
    border: 1px #ccc solid;
    /*background: url(../images/elements/bannerFeatured.png);*/
    float: right;
    box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 225px;
    padding: 10px;
    line-height: 1.3em;
}

.bannerFeatured {
    background-image: url(../Images/Elements/bannerFeatured.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.purchaseCenter {
    text-align: center;
    width: 220px;
    margin: auto;
}

.purchaseLeft,
.purchaseLeftSmall {
    float: left;
    width: 38%;
    text-align: right;
    margin: 0 3px 0 0;
}

.purchaseLeftSmall {
    font-size: 10px;
}

.purchaseRight,
.purchaseRightSmall {
    float: left;
    width: 58%;
    margin: 0 0 0 3px;
}

.purchaseRightSmall {
    font-size: 10px;
}

.productThumbnail {
    float: left;
    height: 128px;
    margin: 0 12px 12px 0;
    text-align: center;
    width: 128px;
}

.noteProductAdded {
    background-image: url(../Images/Icons/checkSmall.png);
    background-position: left;
    background-repeat: no-repeat;
    color: #0c0;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 10px;
    display: inline-block;
    *display: inherit; /* IE */
}

a.adminToolTab,
a:visited.adminToolTab {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background: -moz-linear-gradient(top, #fff, #f2f2f2);
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    color: #666;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    padding: 3px 5px 0 5px;
}

a:hover.adminToolTab {
    text-decoration: underline;
}

.adminCopy {
    background: url(../images/icons/adminCopy.png) left no-repeat;
    padding: 0 0 0 15px;
}

.adminEdit {
    background: url(../images/icons/adminEdit.png) left no-repeat;
    padding: 0 0 0 15px;
}

.adminDelete {
    background: url(../images/icons/adminDelete.png) left no-repeat;
    padding: 0 0 0 15px;
}

.containerAdminTools {
    margin-top: 30px;
    text-align: right;
}

.containerInformation {
    min-height: 110px;
}

/*table.inputForms
	{
	border-collapse: collapse;
	margin: 8px 0 12px 0;
	width: 100%;
	}
	
table.inputForms td
	{
	padding: 4px 2px;
	}
	
table.inputForms tr.zebra
	{
	background: #f4f4f4;
	border: 0;
	margin: 20px;
	}
	
table.inputForms input
	{
	border: 1px #ccc solid;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}*/
/* END: Products V2
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Product Settings V2
---------------------------------------------------------------------------------------------------- */
.containerProductSettings {
    padding: 16px;
}

    .containerProductSettings .left {
        /*background: #f00;*/
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        width: 535px;
    }

    .containerProductSettings .right {
        /*background: #0f0;*/
        color: #666;
        height: auto;
        margin-left: 548px;
        width: 380px;
    }

.settingBox {
    background: #f5f5f5;
    border: 1px #d9d9d9 solid;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /*margin-top: 15px; pre breaks */
    padding: 8px 8px 8px 8px;
    margin-bottom: 20px;
}

    .settingBox .textbox,
    .settingBox select {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #666;
        font-size: 12px;
        border: 1px solid #CCCCCC;
    }

    .settingBox h3 {
        border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-left-radius: 6px;
        color: #666;
        cursor: pointer;
        font-size: 15px;
        font-weight: normal;
    }

#toggleBundling, #toggleStatus, #toggleQty, #toggleSeq, #toggleFields, #toggleFilters,
#togglePermissions, #toggleTags, #toggleCategories, #toggleMarkup,
#togglePreview, #toggleSummary, #togglePaths, #toggleApproval, #toggleNotes, #toggleLinked {
    background: url(../images/icons/boxArrowActive.png) 0px 4px no-repeat;
    padding-left: 15px;
}

    #toggleBundling.newClass, #toggleStatus.newClass, #toggleQty.newClass, #toggleSeq.newClass, #toggleFields.newClass, #toggleFilters.newClass,
    #togglePermissions.newClass, #toggleTags.newClass, #toggleCategories.newClass, #toggleMarkup.newClass,
    #togglePreview.newClass, #toggleSummary.newClass, #togglePaths.newClass, #toggleApproval.newClass, #toggleNotes.newClass, #toggleLinked.newClass {
        background: url(../images/icons/boxArrow.png) 0px 4px no-repeat;
        padding-left: 15px;
    }

.storeItemContents {
    font-size: 12px;
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
}

.settingContents {
    border-top: 1px #d9d9d9 solid;
    font-size: 12px;
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
}

.settingContentsMarkup {
    border-top: 1px #d9d9d9 solid;
    font-size: 12px;
    height: 200px;
    padding: 8px;
    margin: 8px 0 0 0;
}

.containerSelectCategories {
    background: #fff;
    height: 150px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0;
    width: 325px;
}

ul.editCategories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.editCategories li {
        font-size: 11px;
        list-style-type: none;
        padding: 0 0 0 18px;
    }

ul.tabsPreview {
    height: 17px;
    list-style-type: none;
    padding: 2px 0;
    margin: 12px 0 0 0;
}

    ul.tabsPreview li {
        float: left;
        margin: 0 12px 0 0;
    }

        ul.tabsPreview li a,
        ul.tabsPreview li a:visited {
            color: #999;
            outline: none;
            padding: 4px 10px 4px 22px;
        }

            ul.tabsPreview li a.active,
            ul.tabsPreview li a:hover.active,
            ul.tabsPreview li a:visited.active {
                background: #fff url(../images/icons/checkGrey.png) 6px 6px no-repeat;
                border-top: 1px #d9d9d9 solid;
                border-left: 1px #d9d9d9 solid;
                border-right: 1px #d9d9d9 solid;
                color: #f0f;
                padding-left: 22px;
                text-decoration: none;
            }

.containerHeadingSettings {
    height: 50px;
}

.inputProductName {
    border: 1px #d9d9d9 solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 20px;
    width: 530px;
}

.containerPreviewSettings {
    background: #fff url(../images/backgrounds/dotsPreview.png);
    border: 1px #d9d9d9 solid;
    height: 220px;
    margin-top: -1px;
    padding: 20px;
    text-align: center;
}

.containerZoom {
    border-bottom: 2px #d9d9d9 solid;
    margin-top: 12px;
    padding: 0 0 8px 0;
}

.containerSettingsThumb {
    height: 60px;
    margin: 12px 0 4px 0;
}

.settingsThumbnail {
    border: 1px #d9d9d9 solid;
    float: left;
    height: 50px;
    margin: 0 8px 0 0;
    width: 50px;
}
/* END: Product Settings V2
---------------------------------------------------------------------------------------------------- */

.containerSectionSelection {
    border-left: 1px #dadada solid;
    border-right: 1px #dadada solid;
    border-bottom: 1px #dadada solid;
}

.scrollingPrintFilesMinified {
    background: #fff;
    border-top: 1px #bfbfbf solid;
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

/*----------Sort List----------*/
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #sortable li {
        background: #f1f1f1 url(../images/backgrounds/gradientLight.png) repeat-x;
        border: 1px solid #cdcdcd;
        color: #666;
        /*cursor: move; Enable for non-minified list*/
        line-height: 18px;
        margin: 4px;
        outline: none;
        padding: 5px;
    }

        #sortable li input {
            margin: 0 5px 0 0;
        }


/* BEGIN: Scrolling List
---------------------------------------------------------------------------------------------------- */

.buttonBundling {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background: -moz-linear-gradient(top, #fff, #f2f2f2);
    border: 1px #cdcdcd solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}


.arrowBundling {
    background: url(../images/elements/arrowBundling.png) center no-repeat;
    height: 11px;
    margin: 7px auto;
    width: 117px;
}

a.dotDelete {
    background-image: url(../images/icons/close.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #999;
    display: block;
    float: left;
    height: 17px;
    margin: 7px 4px 0 4px;
    text-indent: -1000em;
    width: 17px;
}

a:hover.dotDelete, a:active.dotDelete {
    background-image: url(../images/icons/dotDeleteActive.png);
}


.rowScrollingItem {
    height: 52px;
    line-height: 26px;
}

    .rowScrollingItem .textbox {
        margin: 3px 4px 0 0;
        text-align: center;
        width: 30px;
    }

.zebraBg {
    background: #e7e7e7;
}

.scrollingList {
    background: #fff;
    border: 1px #dadada solid;
    overflow: scroll;
    overflow-x: hidden;
}

#boxBundling .scrollingList {
    height: 250px;
    margin-top: 8px;
    width: 510px;
}

.listItemCheckbox {
    color: #999;
    display: block;
    padding: 2px 2px 2px 8px;
}

.listItemCheckboxSub {
    color: #999;
    display: block;
    padding: 2px 2px 2px 30px;
}

.listItemCheckboxSubSub {
    color: #999;
    display: block;
    padding: 2px 2px 2px 50px;
}

    .listItemCheckbox:hover, .listItemCheckboxSub:hover, .listItemCheckboxSubSub:hover {
        color: #333;
    }

    .listItemCheckbox input, .listItemCheckboxSub input, .listItemCheckboxSubSub input {
        margin-right: 5px;
    }

a.listItemDelete,
a:visited.listItemDelete {
    background-image: url(../images/icons/dotDelete.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    color: #999;
    display: block;
    line-height: 20px;
    padding: 2px 2px 2px 22px;
}

a:hover.listItemDelete,
a:active.listItemDelete {
    background-image: url(../images/icons/dotDeleteActive.png);
    color: #f06;
    text-decoration: none;
}

a.listItemAdd,
a:visited.listItemAdd {
    background-image: url(../images/icons/dotAdd.png);
    background-position: 8px 6px;
    background-repeat: no-repeat;
    color: #999;
    display: block;
    padding: 2px 2px 2px 26px;
}

a:hover.listItemAdd,
a:active.listItemAdd {
    background-image: url(../images/icons/dotAddActive.png);
    color: #0f6;
    text-decoration: none;
}

.containerBundlingButtonBackground {
    background: url(../images/icons/bundlingBox.png) no-repeat scroll 55px 6px transparent;
    height: 34px;
    padding-left: 45px;
    line-height: 34px;
}

.w50px {
    width: 50px;
}

.w50 {
    width: 50%;
}

.w250px {
    width: 250px;
}

.w300px {
    width: 300px;
}

.w325px {
    width: 325px;
}

.w350px {
    width: 350px;
}

.w506px {
    width: 506px;
}
/* END: Scrolling List
---------------------------------------------------------------------------------------------------- */


/* BEGIN: Tooltip
---------------------------------------------------------------------------------------------------- */
#tt {
    position: absolute;
    display: block;
    /*background:url(images/tt_left.gif) top left no-repeat*/
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 5px;
    /*background:url(images/tt_top.gif) top right no-repeat;*/
    overflow: hidden
}

#ttcont {
    display: block;
    padding: 5px 8px;
    margin: 5px;
    background: #fff;
    color: #666;
    font: 12px arial;
    border: 1px #ccc solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    min-width: 300px;
    line-height: 20px;
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    /*background:url(images/tt_bottom.gif) top right no-repeat;*/
    overflow: hidden
}
/* END: Tooltip
---------------------------------------------------------------------------------------------------- */


/* BEGIN: Carousel
---------------------------------------------------------------------------------------------------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

    .jcarousel-list li,
    .jcarousel-item {
        float: left;
        list-style: none;
        /* We set the width/height explicitly. No width/height causes infinite loops. */
        width: 75px;
        height: 75px;
    }

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next,
.jcarousel-prev {
    z-index: 3;
    display: none;
}

a.swatchLogo {
    background-color: #fff;
    background-image: url(../images/icons/upload.png);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px #cdcdcd solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    height: 22px;
    margin-right: 3px;
    width: 22px;
}

a:hover.swatchLogo {
    background-image: url(../images/icons/uploadActive.png);
}

.swatchColor {
    border: 1px #cdcdcd solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    height: 21px;
    margin-right: 3px;
    width: 21px;
}

.swatchForm, .swatchFormLogo {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 120px;
}

.swatchForm {
    text-transform: uppercase;
}

/*---------- BEGIN: Carousel Skin Jaded ----------*/
.jcarousel-skin-jaded .jcarousel-container {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
    background: -moz-linear-gradient(top, #f2f2f2, #fff);
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 16px;
}

.jcarousel-skin-jaded .jcarousel-container-horizontal {
    padding: 0 30px; /*2nd value controls whether buttons are inside or outside*/
    /*width: 610px;*/
    width: 75%;
}

.jcarousel-skin-jaded .jcarousel-clip-horizontal {
    height: 95px;
    /*width: 610px;*/
    width: 100%;
}

.jcarousel-skin-jaded .jcarousel-item {
    /*background: #ccf;*/
    height: 95px;
    width: 186px;
}

.jcarousel-skin-jaded .jcarousel-item-horizontal {
    margin: 0 10px;
}

.jcarousel-skin-jaded .jcarousel-item-placeholder {
    background: #fff;
    /*color: #000;*/
}

.jcarousel-skin-jaded .jcarousel-next-horizontal {
    background: transparent url(../images/buttons/carouselNext.png) no-repeat 0 0;
    cursor: pointer;
    height: 87px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 15px;
}

    .jcarousel-skin-jaded .jcarousel-next-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-jaded .jcarousel-next-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-next-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}

.jcarousel-skin-jaded .jcarousel-prev-horizontal {
    background: transparent url(../images/buttons/carouselPrevious.png) no-repeat 0 0;
    cursor: pointer;
    height: 87px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 15px;
}

    .jcarousel-skin-jaded .jcarousel-prev-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-jaded .jcarousel-prev-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-jaded .jcarousel-prev-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}
/*---------- END: Carousel Skin Jaded  ----------*/

/*---------- BEGIN: Carousel Skin midnite ----------*/
.jcarousel-skin-midnite .jcarousel-container {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
    background: -moz-linear-gradient(top, #f2f2f2, #fff);
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 2px;
}

.jcarousel-skin-midnite .jcarousel-container-horizontal {
    padding: 0 30px; /*2nd value controls whether buttons are inside or outside*/
    /*width: 610px;*/
    width: 100%;
}

.jcarousel-skin-midnite .jcarousel-clip-horizontal {
    height: 160px;
    /*width: 610px;*/
    width: 100%;
}

.jcarousel-skin-midnite .jcarousel-item {
    /*background: #ccf;*/
    height: 160px;
    text-align: center;
    width: 126px;
}

.jcarousel-skin-midnite .jcarousel-item-horizontal {
    margin: 0 10px;
}

.jcarousel-skin-midnite .jcarousel-item-placeholder {
    background: #fff;
    /*color: #000;*/
}

.jcarousel-skin-midnite .jcarousel-next-horizontal {
    background: transparent url(../images/buttons/carouselNext.png) no-repeat 0 0;
    cursor: pointer;
    height: 87px;
    position: absolute;
    right: 5px;
    top: 27px;
    width: 15px;
}

    .jcarousel-skin-midnite .jcarousel-next-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-midnite .jcarousel-next-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal,
.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-midnite .jcarousel-next-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}

.jcarousel-skin-midnite .jcarousel-prev-horizontal {
    background: transparent url(../images/buttons/carouselPrevious.png) no-repeat 0 0;
    cursor: pointer;
    height: 87px;
    left: 5px;
    position: absolute;
    top: 27px;
    width: 15px;
}

    .jcarousel-skin-midnite .jcarousel-prev-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-midnite .jcarousel-prev-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-midnite .jcarousel-prev-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}
/*---------- END: Carousel Skin midnite  ----------*/
/* END: Carousel
---------------------------------------------------------------------------------------------------- */

/* BEGIN: VDP Version 2
---------------------------------------------------------------------------------------------------- */

.p16px {
    padding: 16px;
}

.mb12px {
    margin-bottom: 12px;
}

.w275px {
    width: 275px;
}

/* BEGIN: Document Actions
-------------------------------------------------- */
.pageNav {
    background: #000;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #999;
    font-size: 11px;
    font-weight: bold;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    filter: alpha(opacity=85);
    padding: 5px 10px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 18px;
    width: 120px;
    text-align: center;
    z-index: 10000;
}

    .pageNav input {
        background: #000;
        color: #fff;
        border: 1px #333 solid;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1 filter:alpha(opacity=100);
        width: 40px;
    }

a.pageBack,
a.pageForward {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0.90;
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    filter: alpha(opacity=90);
    padding: 5px 10px;
    position: absolute;
    bottom: 42%;
    height: 120px;
    width: 12px;
    text-align: center;
    z-index: 20;
}

a:hover.pageBack, a:hover.pageForward {
    opacity: 0.65;
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    filter: alpha(opacity=65);
}

a.pageBack {
    background: #000 url(/Themes/MP4/images/icons/pageBack.png) center no-repeat;
    left: 20px;
    z-index: 10000;
}

a.pageForward {
    background: #000 url(/Themes/MP4/images/icons/pageForward.png) center no-repeat;
    right: 20px;
    z-index: 10000;
}
/* END: Document Actions
-------------------------------------------------- */
/* BEGIN: Page Switches
-------------------------------------------------- */
.vdpPortrait {
    background: #f5f5f5;
    border: 1px #d9d9d9 solid;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 8px;
    position: relative;
    min-height: 800px;
    margin-top: 12px;
}

.vdpLandscape {
    background: #f5f5f5;
    border: 1px #d9d9d9 solid;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 8px;
    margin-top: 12px;
}

.vdpImage {
    margin: auto;
}

.vdpPortrait .vdpDocument {
    float: left;
    height: auto;
    margin-right: 16px;
    position: relative;
    width: 612px;
    text-align: center;
}

.vdpPortrait .vdpDocumentB {
    float: left;
    height: 792px;
    margin-right: 16px;
    position: relative;
    width: 612px;
}

.vdpLandscape .vdpDocument {
    clear: both;
    min-height: 460px;
    margin: 0 auto;
    position: relative;
    width: 792px;
}

.vdpLandscape .vdpDocumentB {
    clear: both;
    height: 612px;
    margin: 0 auto;
    position: relative;
    width: 792px;
}

.vdpLandscape .loadingImageDiv {
    height: 420px;
}

.vdpPortrait .loadingImageDiv {
    height: 792px;
}

.vdpLandscape .loadingImage {
    margin-top: 50px;
}

.vdpPortrait .loadingImage {
    margin-top: 200px;
}

.vdpPortrait .vdpAddress {
    background: transparent;
    border: 0;
    color: #9597a2;
    font-size: 14px;
    left: 20px;
    position: absolute;
    top: 690px;
    width: 230px;
}

.vdpLandscape .vdpAddress {
    background: #000;
    border: 0;
    color: #9597a2;
    font-size: 14px;
    left: 20px;
    position: absolute;
    top: 520px;
}

.vdpPortrait textarea:hover.vdpAddress,
.vdpLandscape textarea:hover.vdpAddress {
    background: #000;
    border: 2px #fab00d solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.vdpPortrait .vdpEditor {
    background: #f7f7f7;
    border: 1px #cdcdcd solid;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 2px #b4b4b4;
    -moz-box-shadow: 2px 2px 2px #b4b4b4;
    -webkit-box-shadow: 2px 2px 2px #b4b4b4;
    float: left;
    height: auto !important;
    min-height: 790px;
    padding: 2px 0 2px 6px;
    position: relative;
    width: 270px;
    margin-bottom: 10px;
}

.vdpLandscape .vdpEditor {
    margin: 12px 0 0 60px;
    height: auto !important;
    /*min-height: 400px;*/
    padding: 10px 0 0 0;
    float: left;
    background: #f7f7f7;
    border: 1px #cdcdcd solid;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 2px #b4b4b4;
    -moz-box-shadow: 2px 2px 2px #b4b4b4;
    -webkit-box-shadow: 2px 2px 2px #b4b4b4;
    width: 790px;
}


.vdpPortrait .vdpInputContainer {
    margin-top: 12px;
    width: 262px;
}

.vdpLandscape .vdpInputContainer {
    float: left;
    margin: 0 0 12px 5px;
    width: 375px;
}

.vdpPortrait .vdpInput {
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    width: 250px;
}

.vdpLandscape .vdpInput {
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    width: 340px;
}

.vdpLandscape select {
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    width: 340px;
    margin-left: 5px;
}

.vdpPortrait select {
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    width: 260px;
}

.vdpPortrait .vdpWysiwyg {
    background: #fff url(../images/icons/formEditor.png) 3px 2px no-repeat;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    padding-left: 22px;
    width: 238px;
}

.vdpLandscape .vdpWysiwyg {
    background: #fff url(../images/icons/formEditor.png) 3px 2px no-repeat;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    padding-left: 22px;
    width: 317px;
}

.vdpPortrait .vdpElementPagination {
    float: right;
    margin-right: 110px;
}

.vdpLandscape .vdpElementPagination {
    padding-left: 65px;
}

.vdpPortrait .vdpNote {
    color: #999;
    display: block;
    text-align: right;
    width: 258px;
}

.vdpLandscape .vdpNote {
    color: #999;
    display: block;
    text-align: right;
    width: 340px;
}

.vdpPortrait .containerLogoSelector {
    width: 248px;
    background: #fff;
    overflow: hidden;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px;
    position: relative;
}

.vdpLandscape .containerLogoSelector {
    width: 330px;
    background: #fff;
    overflow: hidden;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px;
    position: relative;
}

.vdpPortrait .vdpLogoButtons {
    height: 20px;
    margin-top: 4px;
    width: 260px;
}

.vdpLandscape .vdpLogoButtons {
    height: 20px;
    margin-top: 4px;
    width: 344px;
}

.vdpLandscape .iload {
    width: 344px;
    height: 54px;
}

.vdpPortrait .iload {
    width: 260px;
    height: 54px;
}

.vdpLandscape .uploadControl {
    width: 344px;
    height: 30px;
    background: transparent;
}

.vdpPortrait .uploadControl {
    width: 260px;
    height: 30px;
}

.vdpLandscape .htmlbox {
    width: 344px;
    height: 200px;
}

.vdpPortrait .htmlbox {
    width: 260px;
    height: 200px;
}

.vdpPortrait .required {
    background: none;
    border: 0;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 4px 4px 0;
    text-align: right;
}

.vdpLandscape .required {
    background: none;
    border: 0;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding-left: 60px;
    text-align: left;
}


/* END: Page Switches
-------------------------------------------------- */
/*----------BEGIN: VDP Group----------*/
.vdpGroup {
    /*background: #e7e7e7;*/
    border: 1px #999 dashed;
    margin: 10px 1px 10px 0;
    padding: 4px 0 4px 2px;
    margin-right: 2px;
    clear: both;
}

    .vdpGroup legend {
        font-size: 11px;
        font-weight: bold;
    }

    .vdpGroup .vdpInputContainer {
        font-size: 11px;
        margin-top: 0;
    }

.vdpPortrait .vdpGroup {
    float: none;
}

.vdpLandscape .vdpGroup {
    float: left;
}

.vdpPortrait .vdpGroupGray,
.vdpPortrait .vdpGroupGreen,
.vdpPortrait .vdpGroupRed,
.vdpPortrait .vdpGroupBlue {
    border-style: dashed;
    border-width: 1px;
    margin: 10px 1px 10px 0;
    padding: 4px 4px 4px 2px;
    margin-left: -5px;
}

.vdpLandscape .vdpGroupGray,
.vdpLandscape .vdpGroupGreen,
.vdpLandscape .vdpGroupRed,
.vdpLandscape .vdpGroupBlue {
    border-style: dashed;
    border-width: 1px;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.vdpGroupGray {
    background: #e7e7e7;
    border-color: #999;
}

.vdpGroupGreen {
    background: #e6fff0;
    border-color: #0c6;
}

.vdpGroupRed {
    background: #ffe6e6;
    border-color: #c00;
}

.vdpGroupBlue {
    background: #e6efff;
    border-color: #09c;
}

    .vdpGroupGray legend,
    .vdpGroupGreen legend,
    .vdpGroupRed legend,
    .vdpGroupBlue legend {
        font-size: 11px;
        font-weight: bold;
    }

.vdpGroupGray legend {
    color: #666;
}

.vdpGroupGreen legend {
    color: #0c6;
}

.vdpGroupRed legend {
    color: #c00;
}

.vdpGroupBlue legend {
    color: #09c;
}

.vdpGroupGray .vdpInputContainer,
.vdpGroupGreen .vdpInputContainer,
.vdpGroupRed .vdpInputContainer,
.vdpGroupBlue .vdpInputContainer {
    font-size: 11px;
    margin-top: 0;
}

/*----------END: VDP Group----------*/

/* BEGIN: Logo Selector
-------------------------------------------------- */

.logoSelector ul li {
    background: #fff;
    border: 2px #fff solid;
    margin-right: 8px;
    position: relative
}

    .logoSelector ul li a {
        outline: none;
    }

    .logoSelector ul li.active, .logoSelector ul li:hover {
        border-color: #ccc;
    }

a.logoNext, a.logoPrevious {
    background: #ccc;
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    padding: 2px 5px;
    text-indent: -1000em;
    width: 50px;
}

a.logoNext {
    background: #ccc url(/Themes/MP4/images/icons/logoArrowNext.png) center no-repeat;
}

a.logoPrevious {
    background: #ccc url(/Themes/MP4/images/icons/logoArrowPrevious.png) center no-repeat;
}

a:hover.logoNext, a:hover.logoPrevious {
    background-color: #999;
}
/* END: Logo Selector
-------------------------------------------------- */

/* BEGIN: Paging
-------------------------------------------------- */
.vdpPagination {
    /*margin-top: 4px;*/
    height: 22px;
    /*background: #ff0;*/
}

    .vdpPagination a, .vdpPagination a:visited {
        border: 1px #ccc solid;
        background: #eee;
        width: 20px;
        height: 20px;
        font-size: 13px;
        font-weight: bold;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        float: left;
        display: block;
        text-align: center;
        margin-right: 5px;
    }

    .vdpPagination a {
        color: #FF7E00;
    }

div.vdpPagination a:last-child {
    margin-right: 0;
}

.vdpPagination a:hover, .vdpPagination a:active {
    background: #fff;
}

    .vdpPagination a.off, .vdpPagination a:visited.off,
    .vdpPagination a:hover.off, .vdpPagination a:active.off {
        background: #eee;
        color: #999;
        text-decoration: none;
    }

.vdpPageNumber {
    font-size: 12px;
    padding: 0 10px 0 10px;
    float: left;
    margin-right: 5px;
}

.vdpInputPage {
    padding: 0;
    border: 1px #ccc solid;
    font-size: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #666;
}
/* END: Paging
-------------------------------------------------- */

/* BEGIN: Image Upload
-------------------------------------------------- */
.vdpNoImage {
    background: #fff;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ccc;
    font: bold 55px 'times new roman', times, serif;
    line-height: 50px;
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    margin: 0 8px 0 0px
}

.vdpUploadImage {
    background: #fff;
    border: 1px #bfbfbf solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    font-size: 11px;
    width: 244px;
    height: 52px;
    padding: 8px;
}

.vdpImageBrowse {
    background: #ccc;
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    font-size: 11px;
    padding: 2px 4px;
    cursor: pointer;
}
/* END: Image Upload
-------------------------------------------------- */

/* BEGIN: AutoFill
-------------------------------------------------- */
.closeOptions {
    margin: 0 auto;
    padding: 4px;
    display: block;
    font-size: 11px;
    font-weight: normal;
    outline: none;
}

.vdpAutoFillSelector {
    background: #fff;
    border: 1px #ccc solid;
    left: -1px;
    top: 28px;
    position: absolute;
    z-index: 1000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 100%;
    box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
    display: none;
}

.vdpAutoFillRow {
    min-height: 15px;
    padding: 6px 10px;
    cursor: pointer;
    overflow: hidden;
}

    .vdpAutoFillRow:hover {
        background: #ccc;
    }

        .vdpAutoFillRow:hover div.vdpAutoFillDate,
        .vdpAutoFillRow:hover div.vdpAutoFillRecipient {
            color: #fff;
            font-weight: bold;
        }

div.vdpAutoFillSelector .zebra {
    background: #eee;
    border: 0;
}

    div.vdpAutoFillSelector .zebra:hover {
        background: #ccc;
        border: 0;
    }

.vdpAutoFillDate {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    float: left;
    width: 30%;
}

.vdpAutoFillRecipient {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    float: left;
    width: 70%;
}

.vdpAutoFill {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    border: 1px #ccc solid;
    font-size: 13px;
    font-weight: bold;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 6px 6px 6px 6px;
    width: 350px;
    position: relative;
}

    .vdpAutoFill a.icon {
        background: url(../images/icons/autofill.png) 8px 0 no-repeat;
        padding-left: 30px;
    }
/* END: AutoFill
-------------------------------------------------- */

/* BEGIN: Global
(applies to both vertical and horizontal layouts)
-------------------------------------------------- */

.vdpInputContainer label {
    font-size: 11px;
}
/* END: Global */

/* BEGIN: css used for zoom in image */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 4px solid #888;
    margin: -4px; /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
    /*border:4px solid #ccc;*/
    overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}

.cloud-zoom, .loadingImageDivBorder {
    border-top: 1px #cdcdcd solid;
    border-right: 1px #cdcdcd solid;
    border-left: 1px #cdcdcd solid;
    box-shadow: 2px 0 2px #b4b4b4;
    -moz-box-shadow: 2px 0 2px #b4b4b4;
    -webkit-box-shadow: 2px 0 2px #b4b4b4;
}

.vdpDefault {
    width: 100% !important;
    height: auto !important;
}

/* END: CSS used for zoom in image*/


/*(applies to both vertical and horizontal layouts)
-------------------------------------------------- */

/*            */
img {
    border: 0;
}

.vdpDocumentTools {
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background: -moz-linear-gradient(top, #fff, #e8e8e8);
    border-bottom: 1px #cdcdcd solid;
    border-right: 1px #cdcdcd solid;
    border-left: 1px #cdcdcd solid;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    box-shadow: 2px 2px 2px #b4b4b4;
    -moz-box-shadow: 2px 2px 2px #b4b4b4;
    -webkit-box-shadow: 2px 2px 2px #b4b4b4;
    height: 20px;
    padding: 6px 12px;
}

a.vdpUpdatePreview, a:visited.vdpUpdatePreview {
    background: #cdcdcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
    background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

a:hover.vdpUpdatePreview, a:active.vdpUpdatePreview {
    background: #aaa;
    color: #fff;
    text-decoration: none;
}

.vdpUpdatePreviewIcon {
    background: url(/Themes/MP4/images/icons/vdpRefresh.png) left no-repeat;
    padding-left: 14px;
}

.vdpOrientation {
    background: #cdcdcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
    background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    margin: 0 0 0 6px;
}

a:hover.vdpLandscape, a:active.vdpLandscape, a.vdpPortaitActive, a:visited.vdpPortaitActive {
    background-color: #aaa;
}

    a.vdpPortait, a.vdpPortait:visited, a.vdpPortaitActive, a.vdpPortaitActive:visited {
        background: url("../images/icons/vdpPortait.png") no-repeat scroll center center transparent;
        display: block;
        float: left;
        outline: medium none;
        padding: 4px 8px;
        text-indent: -1000em;
        width: 13px;
    }

a.vdpRotate, a.vdpRotate:visited, a.vdpRotateActive, a.vdpRotateActive:visited {
    background: url("../images/icons/vdpRefresh.png") no-repeat scroll center center transparent;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    display: block;
    float: left;
    outline: medium none;
    padding: 4px 8px;
    text-indent: -1000em;
    width: 13px;
}

.vdpHash {
    background: url("../images/backgrounds/vdpHash.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 22px;
    text-indent: -1000em;
    width: 2px;
}

a.vdpLandscape, a.vdpLandscape:visited, a.vdpLandscapeActive, a.vdpLandscapeActive:visited {
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topright: 6px;
    background: url(../images/icons/vdpLandscape.png) no-repeat scroll center center transparent;
    display: block;
    float: left;
    padding: 4px 8px;
    text-indent: -1000em;
    width: 26px;
}

    a.vdpPortait:hover, a.vdpPortait:active, a.vdpLandscape:hover, a.vdpLandscape:active, a.vdpRotate:hover, a.vdpRotate:active, a.vdpPortaitActive, a.vdpPortaitActive:visited, a.vdpLandscapeActive, a.vdpLandscapeActive:visited, a.vdpRotateActive, a.vdpRotateActive:visited {
        background-color: #AAAAAA;
    }

/* vdp Elemenets Tools */

.vdpFormTools {
    height: 42px;
    margin: 6px 0 0 0;
    padding: 2px 6px 2px 0;
}

.vdpArrowDown {
    background: url(../images/icons/vdpArrowDown.png) center 20px no-repeat;
    font-size: 15px;
    padding-bottom: 12px;
}

.vdpArrowUp {
    background: url(../images/icons/vdpArrowUp.png) center 0 no-repeat;
    font-size: 15px;
    padding-top: 12px;
}

.vdpPortait a.vdpPreviousPage,
.vdpPortait a.vdpNextPage {
    width: 248px;
}


.vdpLandscape a.vdpPreviousPage,
.vdpLandscape a.vdpNextPage {
    width: 760px;
    margin-left: 5px;
}

a.vdpPreviousPage, a:visited.vdpPreviousPage,
a.vdpNextPage, a:visited.vdpNextPage {
    background: #cdcdcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
    background: -moz-linear-gradient(top, #e6e6e6, #cdcdcd);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 8px;
    display: block;
    text-align: center;
}

a:hover.vdpPreviousPage, a:active.vdpPreviousPage,
a:hover.vdpNextPage, a:active.vdpNextPage {
    background: #aaa;
    color: #fff;
    text-decoration: none;
}

/* Tools */

/* BEGIN: Inline Messages
---------------------------------------------------------------------------------------------------- */
.messageGray,
.messageGreen,
.messageRed,
.messageBlue {
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 6px 12px;
    text-align: left;
}

.messageGray {
    background: #e7e7e7;
    border-color: #666;
    color: #666;
}

.messageGreen {
    background: #e6fff0;
    border-color: #0c6;
    color: #0c6;
}

.messageRed {
    background: #ffe6e6;
    border-color: #c00;
    color: #c00;
}

.messageBlue {
    background: #e6efff;
    border-color: #09c;
    color: #09c;
}
/* END: Inline Messages
---------------------------------------------------------------------------------------------------- */
/* BEGIN: Merchandising
---------------------------------------------------------------------------------------------------- */
.merch-qty {
    background: #fff url(../images/backgrounds/inputText.png) repeat-x;
    border-bottom-color: #fff;
    border-left-color: #bfbfbf;
    border-right-color: #fff;
    border-top-color: #bfbfbf;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    font-size: 11px;
    text-align: center;
    width: 30px;
}

.merch-button {
    background: #fff url(../images/backgrounds/button.png) repeat-x;
    border: 1px #ccc solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #ff7e00;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    margin-top: 8px;
    text-align: center;
    width: 100%;
}

.merch-tooltip, .tooltip {
    display: none;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    box-shadow: 3px 3px 3px #ddd;
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    font-size: 12px;
    min-height: 95px;
    left: 50%;
    margin-left: -151px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 666px;
    width: 200px;
    z-index: 9999;
}

.merch-total {
    color: #999;
    font: bold 22px Georgia, Times, Serif;
}

#containerToggle {
    background: #000;
    bottom: 0;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

.merch-heading {
    background: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fc0;
    font-size: 13px;
    line-height: 30px;
    margin: 0 auto;
    outline: none;
    padding: 1px 5px;
    text-decoration: none;
    width: 99%;
}


#merchandising {
    height: 155px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    #merchandising button {
        background: #000;
        border: 0;
        color: #fc0;
        cursor: pointer;
        float: right;
        font-size: 13px;
        font-weight: bold;
        margin: 5px 0;
        outline: none;
    }

/* END: Merchandising
---------------------------------------------------------------------------------------------------- */
/* BEGIN:Widget
----------------------------------------------------------------------------------------------------*/

.merch-heading {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    color: #FFCC00;
    font-size: 13px;
    line-height: 30px;
    margin: 0 auto;
    outline: medium none;
    padding: 1px 5px;
    text-decoration: none;
    width: 99%;
}

#merchandising {
    height: 155px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    #merchandising button {
        background: none repeat scroll 0 0 #000000;
        border: 0 none;
        color: #FFCC00;
        cursor: pointer;
        float: right;
        font-size: 13px;
        font-weight: bold;
        margin: 5px 0;
        outline: medium none;
    }

.jcarousel-container {
    margin-top: 5px;
    position: relative;
}

.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}

.jcarousel-list {
    left: 0;
    margin: 5px 0 0;
    overflow: auto;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}

    .jcarousel-list li, .jcarousel-item {
        border: 3px solid #FFFFFF;
        border-radius: 4px 4px 4px 4px;
        cursor: pointer;
        float: left;
        font-size: 10px;
        height: 100px;
        list-style: none outside none;
        position: relative;
        text-align: center;
        width: 100px;
    }

        .jcarousel-list li:hover {
            border-color: #CCCCCC;
        }

.jcarousel-skin-merch .jcarousel-item {
    height: 100px;
    width: 100px;
}

.jcarousel-next, .jcarousel-prev {
    display: none;
    z-index: 3;
}

.jcarousel-skin-merch .jcarousel-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
}

.jcarousel-skin-merch .jcarousel-container-horizontal {
    margin: 0 auto;
    padding: 0 30px;
    width: 93%;
}

.jcarousel-skin-merch .jcarousel-clip-horizontal {
    height: 120px;
    width: 100%;
}

.jcarousel-skin-merch .jcarousel-item-horizontal {
    margin: 0 10px;
}

.jcarousel-skin-merch .jcarousel-item-placeholder {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}

.jcarousel-skin-merch .jcarousel-next-horizontal {
    background: url("../images/buttons/carouselNext.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 87px;
    position: absolute;
    right: 5px;
    top: 16px;
    width: 15px;
}

    .jcarousel-skin-merch .jcarousel-next-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-merch .jcarousel-next-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-merch .jcarousel-next-disabled-horizontal, .jcarousel-skin-merch .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-merch .jcarousel-next-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}

.jcarousel-skin-merch .jcarousel-prev-horizontal {
    background: url("../images/buttons/carouselPrevious.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 87px;
    left: 5px;
    position: absolute;
    top: 16px;
    width: 15px;
}

    .jcarousel-skin-merch .jcarousel-prev-horizontal:hover {
        background-position: -15px 0;
    }

    .jcarousel-skin-merch .jcarousel-prev-horizontal:active {
        background-position: -30px 0;
    }

.jcarousel-skin-merch .jcarousel-prev-disabled-horizontal, .jcarousel-skin-merch .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-merch .jcarousel-prev-disabled-horizontal:active {
    background-position: -45px 0;
    cursor: default;
}

.messageTop {
    background: #ffc;
    border-bottom: 1px #e6db55 solid;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    font-size: 13px;
    left: 0;
    top: 0;
    padding: 6px 12px;
    position: fixed;
    width: 100%;
}

    .messageTop a,
    .messageTop a:visited {
        font-weight: bold;
    }

.closeMessageTop {
    background: url(../images/buttons/closeMessageTop.png) center no-repeat;
    display: block;
    float: right;
    height: 19px;
    margin: 0 20px 0 0;
    text-indent: -1000em;
    width: 19px;
}
/* END:Widget
---------------------------------------------------------------------------------------------------*/

.boldfont {
    font-weight: bold;
}

/* ---------------------------- MP v6 ----------------------------------- */

.no_access {
    background-image: url("../images/backgrounds/lightbox.png");
    bottom: 0;
    left: 0;
    min-height: 115%;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

.no_access_content {
    width: 576px;
    height: 191px;
    margin: 0 auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    *filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");
    padding: 0 0 0 19px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
}

.continue_btn {
    background: transparent url(../images/icons/no-access-button.png) no-repeat;
    width: 142px;
    height: 26px;
    border: none;
    float: right;
    margin: 31px 31px 0 0;
    color: #fff;
    text-align: center;
    padding: 0;
    cursor: pointer;
    line-height: 25px;
}

    .continue_btn:hover {
        text-decoration: none;
    }

.no_access_title {
    font-size: 24px;
}

.no_acess_tips {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.4px;
    word-spacing: 1px;
    margin: 13px 61px 0 0;
}

.successPage-th-bg {
    background: #e6e6e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dddddd));
    background: -moz-linear-gradient(top, #f2f2f2, #dddddd);
    height: 26px;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.successPage-th-bg-left {
    border-left: 1px solid #ddd;
}

.successPage-th-bg-right {
    border-right: 1px solid #ddd;
}

.successPage-th-bg-left-w {
    border-left: 1px solid #fff;
}

.downloadAllDigitals {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    height: 35px;
    width: 220px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #f9f9f9, #e6e6e6); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6'); /* for IE */
    text-align: left;
    color: #666666;
    font-weight: 300;
}

    .downloadAllDigitals:hover {
        text-decoration: none;
    }

.mpcoreapi-indicator {
    background: url(../../MP6/images/printX-trans.png);
    display: block;
    height: 30px;
    background-repeat: no-repeat;
    width: 90px;
    background-size: 100%;
}

.mmo-margin--auto {
    margin: 0 auto;
}

.mmo-flex--col {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.mmo-logo--divider {
    margin-left: 20px;
    border-left: 1px solid #efefef;
    padding-left: 20px;
}

.digital-indicator {
    margin-left: 15px;
    margin-top: -68px;
    background: url(../../MP6/images/digitalProductIndicator.png);
    width: 95px;
    height: 39px;
    margin-bottom: 5px;
}

.digital-indicator-mt-10 {
    margin-top: 10px;
    *+margin-top: -35px;
    *+margin-left:-5px;
}

.digital-indicator-mt-135 {
    margin-top: 135px;
    *+margin-top: -35px;
    *+margin-left:-5px;
}

#shoppingCartList a.productThumbnail-img i, #orderDetailsCart a.productThumbnail-img i, #Confirmation i.icon-thumbnail {
    float: left;
    font-size: 100px;
    margin-left: -20px;
    margin-right: 17px;
}

.digital-indicator-mt-0 {
    margin-top: 0px;
}

.freeViewOrDownload-mt {
    margin-top: 10px !important;
}

.freeViewOrDownload-mt-vdd {
    position: relative;
    float: right;
    margin-top: -47px;
    margin-right: -10px;
    background-image: none;
}

.freeViewOrDownload-mt-img {
}

#orderDetailDigitalDataTable td,
#orderSuccessDigitalDataTable td,
#orderDetailPageOrderDetailTable td,
#orderSuccessPageOrderDetailTable td,
#digitalEContentDataTable td,
#digitalEContentDataTableSuccess td,
#orderSuccessPageOrderDetailTable th,
#orderSuccessDigitalDataTable th,
#orderDetailDigitalDataTable th,
#orderDetailPageOrderDetailTable th,
#digitalEContentDataTable th,
#digitalEContentDataTableSuccess th {
    padding-left: 5px;
}

#orderDetailDigitalDataTable td,
#orderSuccessDigitalDataTable td,
#orderDetailPageOrderDetailTable td,
#orderSuccessPageOrderDetailTable td,
#digitalEContentDataTable td,
#digitalEContentDataTableSuccess td {
    padding-top: 8px;
    padding-bottom: 8px;
}

#orderSuccessPageOrderDetailTable th,
#orderSuccessDigitalDataTable th,
#orderDetailDigitalDataTable th,
#orderDetailPageOrderDetailTable th,
#digitalEContentDataTable th,
#digitalEContentDataTableSuccess th {
    font-weight: 300;
    color: gray;
}

.tr-alt {
    background-color: #F2F2F2;
}

.merchandiseItemText {
    text-decoration: none;
}

    .merchandiseItemText:hover {
        text-decoration: none;
        cursor: pointer;
    }

/* --------------------------- Proof Proxy ------------------------------ */

.proof-nav-controls {
    background-color: #333;
    color: white;
    height: 30px;
}

    .proof-nav-controls i {
        height: 20px;
        width: 20px;
        background-image: url(../images/sprite-icons-mimeoCollectionSmall.png);
        background-repeat: no-repeat;
        margin: 6px 3px 6px 3px;
        float: left;
    }

        .proof-nav-controls i:hover {
            background-color: #555;
        }

        /* Navigation Controls (@img, @img-group, @img-seq, @size, @x-offset, @y-offset) */
        .proof-nav-controls i.nav-controls-firstSection-small {
            background-position: -180px -199px;
        }

        .proof-nav-controls i.nav-controls-prevSection-small {
            background-position: -200px -199px;
        }

        .proof-nav-controls i.nav-controls-prevPage-small {
            background-position: -220px -199px;
        }

        .proof-nav-controls i.nav-controls-pause-small {
            background-position: -240px -199px;
        }

        .proof-nav-controls i.nav-controls-play-small {
            background-position: -260px -199px;
        }

        .proof-nav-controls i.nav-controls-nextPage-small {
            background-position: -280px -199px;
        }

        .proof-nav-controls i.nav-controls-nextSection-small {
            background-position: -300px -199px;
        }

        .proof-nav-controls i.nav-controls-lastSection-small {
            background-position: -320px -199px;
        }

    .proof-nav-controls .builder-paging-input,
    .proof-nav-controls .nav-buttons-left,
    .proof-nav-controls .builder-slider-container,
    .proof-nav-controls .nav-buttons-right {
        display: inline-block;
        line-height: 30px;
        margin-right: 10px;
        float: left;
    }

    .proof-nav-controls .nav-buttons-right {
        float: right;
        margin-right: 5px;
    }

    .proof-nav-controls .builder-paging-input {
        margin-left: 5px;
    }

    .proof-nav-controls .builder-slider-container {
        width: 340px;
        height: 26px;
        position: absolute;
        padding: 0;
        overflow: visible;
    }

        .proof-nav-controls .builder-slider-container.no-zoom {
            width: 360px;
        }

    .proof-nav-controls .ui-slider {
        height: 20px;
        background-color: #1B1B1B;
        border: 0px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        overflow: visible;
        margin-right: -17px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .proof-nav-controls .ui-slider-handle {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        -webkit-background-clip: padding-box;
        -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.952941) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.901961) 0px 2px 4px 0px;
        box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.952941) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.901961) 0px 2px 4px 0px;
        background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(217, 217, 217) 100%);
        position: absolute;
        cursor: pointer;
        z-index: 2;
        top: 7px;
        height: 16px;
        width: 16px;
        background-color: #D9D9D9;
    }

.proof-zoom {
    display: inline-block;
}

.proof-zoom-input {
    width: 23px;
    margin-top: 5px;
    padding-left: 1px;
}

.proof-nav-controls .proof-zoom-slider.ui-slider {
    width: 20px;
    height: 172px;
    margin-top: -18px;
}

.proof-zoom-slider-container {
    height: 150px;
    width: 20px;
    position: absolute;
    display: block;
    margin-top: -187px;
    margin-left: 107px;
}

.proof-zoom-slider .ui-slider-handle {
    margin-left: 2px;
    top: auto;
}

.proof-reset {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: -455px;
    margin-left: 650px;
    display: block;
    cursor: pointer;
}

    .proof-reset i {
        height: 30px;
        width: 30px;
        margin: 5px;
        display: block;
        background: url(../../MP4/images/sprite-icons-large-dark.png) -109px -509px no-repeat;
    }

    .proof-reset:hover i {
        background: url(../../MP4/images/sprite-icons-large-dark.png) -159px -509px no-repeat;
    }

.proof-rotate.right i {
    background-position: -180px -178px;
}

.proof-rotate.left i {
    background-position: -200px -178px;
}
/* ---------------------------- MP v6 ----------------------------------- */

.select_style {
    width: 122px;
    height: 30px;
    overflow: hidden;
    background: url(../images/drop.png) no-repeat;
    /*border:1px solid #ccc;*/
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5px;
    float: left;
    margin-left: 5px;
}

    .select_style select {
        padding: 5px;
        background: transparent;
        width: 124px;
        font-size: 12px;
        border: none;
        height: 30px;
        -webkit-appearance: none; /*for Webkit browsers*/
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.mediaTypeSpan {
    position: absolute;
    margin: 6px 0 0 9px;
    width: 98px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.select_arrow
{
	float:left;background: url(../images/drop.png) no-repeat scroll -102px 0px transparent; width:20px; height:30px; margin:0 0 0 -3px;
}*/

.expireInput {
    height: 26px;
    width: 50px;
    margin-left: -2px;
    text-align: center;
    color: gray;
    line-height: 26px;
}

.noneExpireInput {
    height: 26px;
    width: 48px;
    margin-left: -2px;
    text-align: center;
    color: gray;
    line-height: 26px;
    *width: 42px;
}

.searchInput {
    margin: 0 4px -10px -10px;
    *margin: 0 4px -4px -10px;
}

.link_p {
    position: relative;
    margin: -23px 0 -2px 217px;
    *margin: -23px 0 -5px 217px;
}

.colorGray {
    color: #CCCCCC;
}

.hackPosition {
    *position: relative;
}
/*------------------------------ Download Overlay Begin ---------------------*/
.downloadSetupInstructionSection {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000000
}

.downloadSetupInstructionSectionSub, .downloadSetupInstructionSectionSucceed {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.downloadSetupInstructionSectionMock {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.downloadSetupInstructionSectionContent {
    z-index: 1;
    background-color: #fff;
    border-radius: 5px;
    padding: 18px;
    text-align: center;
    margin: 70px auto;
    position: relative;
    min-height: 615px;
    width: 810px;
    max-height: 950px;
}

    .downloadSetupInstructionSectionContent a {
        text-decoration: underline;
    }

        .downloadSetupInstructionSectionContent a:hover {
            cursor: pointer;
        }

    .downloadSetupInstructionSectionContent label {
        display: inline-block;
        height: 20px;
    }

.setupInstruction-header {
    font-weight: lighter;
    margin-top: -6px;
    font-size: 22px;
    position: absolute;
    right: 15px;
}

.setupInstruction-headerBtns {
    float: right;
    width: 50px;
}

a.setupInstruction-printIcon {
    width: 22px;
    height: 17px;
    float: left;
    margin-top: 5px;
    background-image: url(../images/print-icon.png)
}

a.setupInstruction-closeBtn {
    color: #DDDDDD;
    float: right;
    font-weight: bold;
    text-decoration: none;
}

.setupInstruction-content1, .setupInstruction-content2, .setupInstruction-content3, .setupInstruction-eDocSuccessFullySent {
    text-align: left;
    padding: 0px 10px;
}

.setupInstruction-eDocSuccessFullySent {
    padding-top: 10px;
}

    .setupInstruction-content1 h3, .setupInstruction-content2 h3, .setupInstruction-content3 h3, .setupInstruction-eDocSuccessFullySent h3 {
        font-weight: lighter;
        font-size: 20px;
        color: #00B9F1;
    }

.setupInstruction-marginL-27 {
    margin-left: 27px;
}

.setupInstruction-height-30 {
    height: 30px;
}

.setupInstruction-height-65 {
    height: 65px;
}

.setupInstruction-width-60 {
    width: 60px;
}

.setupInstruction-width-140 {
    width: 100px;
}

.setupInstruction-width-180 {
    width: 180px;
}

.setupInstruction-width-215 {
    width: 215px;
}

.setupInstruction-padding-left-20 {
    padding-left: 20px;
}

.setupInstruction-textAlign-L {
    text-align: left;
    display: inline-block;
}

.setupInstruction-content1-appTable {
    border-radius: 5px;
    background-color: #eee;
    height: 225px;
    margin-left: 27px;
    padding: 0px 15px;
}

.setupInstruction-icon-win {
    background-image: url(../images/window.png);
    height: 34px;
    width: 34px;
}

.setupInstruction-icon-win-new {
    background-image: url(../images/window-new.png);
    height: 31px;
    width: 34px;
}

.setupInstruction-icon-mac {
    background-image: url(../images/mac-osx-icon.png);
    height: 34px;
    width: 34px;
}

.setupInstruction-icon-android {
    background-image: url(../images/android-icon.png);
    height: 34px;
    width: 34px;
}

.setupInstruction-icon-ios {
    background-image: url(../images/ios-icon.png);
    height: 27px;
    width: 40px;
}

.setupInstruction-icon-kindle {
    background-image: url(../images/kindle-icon.png);
    height: 36px;
    width: 40px;
}

.setupInstruction-icon-amazon {
    background-image: url(../images/amazon.png);
    height: 34px;
    width: 34px;
}

.setupInstruction-downloadBtn, .setupInstructionSucceed-closeBtn {
    border-radius: 6px;
    font-size: 22px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 380px;
}

.setupInstructionSucceed-closeBtn {
    border-radius: 6px;
    font-size: 22px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 600px;
}

    .setupInstruction-downloadBtn:hover, .setupInstructionSucceed-closeBtn:hover {
        cursor: pointer;
    }

    .setupInstruction-downloadBtn table, .setupInstructionSucceed-closeBtn table {
        width: 100%;
        height: 100%;
    }

        .setupInstruction-downloadBtn table td, .setupInstructionSucceed-closeBtn table td {
            height: 100%;
            vertical-align: middle;
        }

        .setupInstructionSucceed-closeBtn table td {
            width: 100%;
        }

.setupInstruction-downloadBtn-icon {
    background-image: url(../Images/download-big-icon.png);
    height: 36px;
    width: 41px;
    display: inline-block;
    position: relative;
    top: 12px;
}

input.setupInstruction-emailBox, input.setupInstruction-emailBox2 {
    width: 350px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

input.setupInstruction-emailBox-hide {
    display: none;
}

input.setupInstruction-checkBox, input.setupInstruction-checkBox2 {
    margin-top: -3px;
}

.body-overflow-y-hidden {
    overflow-y: hidden;
}

.setupInstruction-emailSection {
    margin-left: 35px;
    text-align: left;
}

.setupInstruction-registerAdobeId-container {
    width: 380px;
    margin-bottom: 10px;
}

.setupInstruction-registerAdobeId-middle {
    vertical-align: bottom;
}

.setupInstruction-registerAdobeId-textLeft {
    text-align: left;
}

.setupInstruction-downloadNotice {
    color: red;
}

.setupInstruction-existingUSer {
    float: left;
    width: 400px;
    margin-bottom: 15px;
    margin-top: 20px;
    position: relative;
    height: 100%;
}

.setupInstruction-existingUSer-title {
    font-weight: lighter;
    font-size: 22px;
}

.setupInstruction-existingUSer-subtitle {
    font-weight: lighter;
    font-size: 20px;
    color: #00B9F1;
    text-align: left;
}

.setupInstruction-existingUSer-content {
    text-align: left;
    margin-left: 27px;
}

.setupInstruction-existingUSer-downArrow {
    margin-bottom: 8px;
}

.setupInstruction-newUSer {
    float: left;
    width: 400px;
    margin-bottom: 15px;
    margin-top: 20px;
    border-left: 1px solid #ddd;
}

.setupInstruction-newUSer-title {
    font-weight: lighter;
    font-size: 22px;
}
/*------------------------------Download Overlay End ------------------------*/
/*------------------------------to fix the An abundance of white space surrounding the thumbnail of non-proof---------------------------------------*/
#seeInside table {
    height: auto !important;
}
/*------------------------------Start to fix user editor content style-----------------------------------*/
#customHomePage {
    word-break: break-word;
}

    #customHomePage p,
    #helpCenter-supportInformation p,
    #productDetail-description p,
    #helpCenter-supportInformation1 p {
        margin: 0px;
    }

    #customHomePage h1, #customHomePage h2, #customHomePage h3, #customHomePage h4, #customHomePage h5, #customHomePage h6,
    .contentTitle1, .contentTitle2, .contentTitle3, .contentTitle4, .contentTitle5, .contentTitle6 {
        margin: 0px;
        padding: 0px;
        color: #000;
        background: #fff;
        text-indent: 0px;
        border: none;
        text-align: left;
    }

.contentTitle1 {
    font-size: 200%;
    font-weight: 900;
}

.contentTitle2 {
    font-size: 150%;
    font-weight: 800;
}

.contentTitle3 {
    font-size: 118%;
    font-weight: 700;
}

.contentTitle4 {
    font-size: 101%;
    font-weight: 600;
}

.contentTitle5 {
    font-size: 96%;
    font-weight: 500;
}

.contentTitle6 {
    font-size: 75%;
    font-weight: 400;
}

#helpCenter-supportInformation {
    word-wrap: break-word;
}

div.message-overlay.fixPopupDiv p iframe {
    height: 314px;
}

/*------------------------------End to fix user editor content style-------------------------------------*/
/*------------------------------Dev to fix the category-products word wrap---------------------------*/
div#category-products wbr {
    display: none;
}
/*------------------------------Dev to fix the category-products word wrap---------------------------*/
/*---Dev to fix the issue that "The font style is incorrect in MP(Order status & Order flow) when CKEditor enabled"---*/
body:not(.mmo-beta) #orderHistory {
    font: 14.4px arial, verdana, sans-serif;
}
/*---End to fix the issue that "The font style is incorrect in MP(Order status & Order flow) when CKEditor enabled"---*/
/*---Dev to fix the issue that "The font style is incorrect in MP(Order status & Order flow) when CKEditor enabled"---*/
body:not(.mmo-beta) #orderHistory {
    font: 14.4px arial, verdana, sans-serif;
}
/*---Dev to fix the bug 10046 that "The position of the custom fields are changed after uploading the image for the vdd in landscape layout"---*/
#vdpContainer .vdpEditor .vdpEditorElementContainers div.vdpInputContainer:nth-child(3) {
    clear: both;
}
/*---Fond-Dev to fix the bug 11984 that the prompt ovewflow id too right in the login frame---*/
#login-username + .textInputInvalid + .validationErrorPopupContainer {
    margin-left: 80px !important;
}

#login-password + .textInputInvalid + .validationErrorPopupContainer {
    margin-left: 135px !important;
}

img.rotate90 {
    transform: rotate(90deg);
    margin-right: 5px;
}

#account-address-verification {
    height: 1000px;
}

.packageEstimate {
    width: 50%;
    display: inline-block;
    text-align: center;
}

/*--- ORDER CANCELLATION ---*/
#orderCancellationQuestionAnswersMain {
    padding: 0;
    border-radius: 10px;
}

.mmo-c-orderCancellation-footer-header {
    background: #f5f5f5;
    display: flex;
    padding: 8px 8px;
    font-family: Roboto;
    font-size: 16px;
    color: #424242;
}

.mmo-c-orderCancellation-header {
    border-bottom: 1px solid #e0e0e0;
    justify-content: space-between;
    align-items: center;
}
    .mmo-c-orderCancellation-header h4 {
        font-size: 1em;
        color: #353738;
        margin: 0;
        border-bottom: none;
    }

.mmo-c-orderCancellation-footer {
    border-top: 1px solid #e0e0e0;
    gap: 8px;
    justify-content: right;
}

.mmo-orderCancellation--validationMessage {
    color: red;
    text-align: center;
    padding: 8px;
}

.mmo-c-orderCancellation-body {
    padding: 10px;
}

.mmo-c-menu--successfullyCancelled-body,
.mmo-c-menu--unableToCancelOrder-body {
    border-radius: 10px 10px 0 0;
    background: white;
    min-height: 120px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: center;
}
    .mmo-c-menu--unableToCancelOrder-body .message-warning {
        background-position: center;
        background-size: contain;
    }

.mmo-c-orderCancellation-question {
    font-weight: bold;
}

.mmo-c-orderCancellation-answers {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mmo-c-orderCancellation-answer {
    display: flex;
    gap: 8px;
}
#orderCancellationQuestionAnswers .mmo-c-orderCancellation-answer label {
    margin: 0 !important;
    height: auto;
}

.mmo-c-orderCancellation--messagePanel {
    border: 1px solid #d8d8d8;
    background-color: #eee;
    color: #2f2f2f;
    text-align: center;
    margin: 24px;
    padding: 18px;
}
    .mmo-c-orderCancellation--messagePanel p.mmo-orderCancellation--title {
        color: #D0312D;
        font-weight: bold;
        margin-top: 0;
    }
    .mmo-c-orderCancellation--messagePanel p.mmo-orderCancellation--message {
        margin: 0;
    }

body.mmo-beta a.buttonPrimaryLg.greenButtonColor {
    background: var(--secondary-color) !important;
}