@import url(//fonts.googleapis.com/css?family=Raleway);

/*@charset "utf-8";*/

* {
    margin: 0 auto;
    padding: 0;
}

*:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-width: 0px;
}

img {
    border-width: 0px;
}

form {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    font-size: 100%;
}

p, a, td, th, input, select, textarea, div {
    font-family: Arial, Helvetica, sans-serif;
}

p {
    font-size: 85%;
    color: #494949;
    line-height: 1.7em;
    padding: 0px;
    margin: 0px;
}

p a {
    color: #0eafd1;
    text-decoration: none;
}

p a:hover {
    color: #0eafd1;
    text-decoration: underline;
}

.clear {
    clear: both;
}

#skype_pnh_container, #skype_plugin_object, #skype_highlighting_settings {
    display: none !important;
}

/*--------------- End Basic Styles ---------------*/
/*--------------- Header Section ---------------*/
#header {
    float: left;
    width: 100%;
    height: 97px;
    /*  background:url(../images/shared/header-rear.jpg) repeat-x center top;*/
}

#header_inside {
    width: 990px;
    height: 97px;
    margin: 0 auto;
}

/********** Logo **********/
#branding {
    float: left;
    overflow: hidden;
    width: 194px;
    height: 97px;
}

#branding h1 {
    background: url(../images/en/spreengs-logo.png) no-repeat center center;
    text-indent: -9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    #branding h1 {
        background-image: url(../images/en/spreengs-logo@2x.png);
        background-size: 194px 97px;
    }
}

#branding a {
    display: block;
    width: 194px;
    height: 97px;
}

/********** Header Menu **********/
.nav {
    float: left;
}

.nav ul ul {
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    width: 310px;
    padding-left: 25px;
}

.nav ul {
    padding: 0;
    margin: 17px 0px 3px 10px;
    list-style: none;
    position: relative;
    display: inline-table;
    z-index: 300;
}

.nav ul:after {
    content: "";
    clear: both;
    display: block;
}

.nav ul li {
    float: left;
    border-radius: 15px;
    margin: 0 1px;
    border: 1px solid transparent;
    position: relative;
}

.nav ul li:hover {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, f3f3f3 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #efefef 0%, #f3f3f3 100%);
    border: 1px solid #ebebeb;
}

.nav ul li:hover a {
    color: #504c4b;
}

.nav > ul > li > a {
    font-family: 'Raleway', sans-serif;
}

.nav ul li a {
    display: block;
    padding: 28px 12px;
    color: #504c4b;
    text-decoration: none;
    font-size: 84%;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.nav ul li a span {
    font-weight: bold;
}

.nav ul li:hover a span {
    color: #0eafd1;
}

.nav ul li.selected a span {
    color: #0eafd1;
}

.nav ul ul {
    background: #f3f3f3;
    border-radius: 0px;
    padding: 15px 5px;
    margin: 0;
    position: absolute;
    top: 60px;
    width: 310px;
    border: 1px solid #ebebeb;
    border-top: none;
    right: -1px;
    border-radius: 15px 0 15px 15px;
    z-index: 100;
    display: inline !important;
}

.nav ul ul li {
    float: none;
    float: left;
    position: relative;
    width: 153px;
    margin: 0px;
    border-width: 1px !important;
}

.nav ul ul li:hover {
    background: none;
    border-color: transparent;
}

.nav ul ul li a {
    padding: 1.5px 0px;
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: 0em;
    font-size: 75%;
}

.nav ul ul li a:hover {
    color: #0eafd1;
}

.nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.seeall a {
    color: #0eafd1 !important;
    background: url(../images/en/seeall-arrow.gif) no-repeat 70px center;
}

/********** Log In **********/
.login input {
    background-color: #f9f9f9;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    height: 20px;
    margin: 2% 0;
    width: 160px;
    color: #494949;
    font-size: 90%;
    float: right;
    padding: 0 5px;
}

.login .button {
    background-color: #737373;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    width: auto;
    height: auto;
    padding: 5px 10%;
}

.login {
    background-image: none !important;
}

.login li {
    width: 240px !important;
    color: #696969 !important;
    font-size: 75% !important;
    text-align: left !important;
    float: left !important;
}

.login li label {
    line-height: 2.5em !important;
}

.login li a {
    width: auto !important;
    font-size: 1em !important;
    color: #0eafd1 !important;
    margin: 0 !important;

}

/********** Sign In **********/
#sign_in {
    float: right;
    list-style: none;
    margin: 33px 2px 2px 0;
}

#sign_in li ul {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear, visibility 0.2s linear;
    z-index: 100;
}

#sign_in li {
    float: left;
    position: relative;
    z-index: 300;
    border-radius: 15px;
    border: 1px solid transparent;
    margin: 0 5px;
    padding: 18px 10px 22px 10px;
}

#sign_in li > a {
    display: block;
    text-decoration: none;
    font-size: 79%;
    letter-spacing: 0.65px;
    color: #504C4B;
    font-weight: normal;
    text-align: right;
}

#sign_in li:hover {
    background: #f8f8f8;
    background: linear-gradient(top, #efefef 0%, f8f8f8 80%);
    background: -moz-linear-gradient(top, #efefef 0%, #f8f8f8 80%);
    background: -webkit-linear-gradient(top, #efefef 0%, #f8f8f8 80%);
    border: 1px solid #ebebeb;
}

#sign_in li a span {
    color: #0eafd1;
    font-weight: bold;
}

#sign_in li:hover ul {
    visibility: visible;
    opacity: 1;
}

#sign_in li ul {
    float: left;
    border: 1px solid #ebebeb;
    border-top: none;
    list-style: none;
    position: absolute;
    right: -1px;
    top: 61px;
    background: #f8f8f8 url(../images/en/signin-@3x.png) no-repeat 15px center;
    background-size: 79px 89px;
    padding: 10px 10px 10px 100px;
    border-radius: 15px 0 15px 15px;
    width: 245px;
    padding: 15px 10px;
}

#sign_in li ul li {
    text-align: right;
    width: 160px;
    float: right;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0;
}

#sign_in li ul li:hover {
    border: 0;
    background: none;
}

#sign_in li ul li a {
    font-size: 0.75em;
    letter-spacing: 0.65px;
    color: #504C4B;
    font-weight: normal;
    padding: 1px 0px;
    width: 130px;
}

#sign_in li ul li:hover a {
    color: #0eafd1;
    border-color: transparent;
    background: none;
}

/********** Shopping Cart **********/
#shopping_cart {
    float: right;
    width: 44px;
    height: 44px;
    margin-top:38px;
    border: 1px solid #f3f3f3;
    border-radius: 35px;
    -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}

#shopping_cart:hover {
    border: 1px solid #9bcbd5;
}

#shopping_cart a {
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
    background-color: #f7f7f7;
    border-radius: 35px;
}

#shopping_cart a img {
    margin-top: 12px;
    margin-left: 6px;
    width:32px;
    height:22px;
}

#shopping_cart span {
    width: 24px;
    height: 24px;
    background-color: #0db0d1;
    color: #fff;
    display: block;
    border-radius: 20px;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 32px;
    left: 25px;
    text-align: center;
    line-height: 23px;
    font-size: 0.7em;
}

/*--------------- End Header Section ---------------*/
/*--------------- Image Header Section ---------------*/
#image_header {
    float: left;
    width: 100%;
    height: 450px;
}

#in_image_header {
    float: left;
    width: 100%;
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
}

/*--------------- End Image Header Section ---------------*/
#body {
    float: left;
    width: 100%;
}

#body_inside {
    width: 990px;
    margin: 0 auto;
    position: relative;
    padding-top: 40px;
}

#in_body_inside {
    width: 990px;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
}

/*--------------- Home Section ---------------*/
.home_blocks {
    float: left;
    width: 100%;
}

.home_blocks div {
    float: left;
    width: 44%;
    width: 43% \9;
    padding: 3%;
}

.home_blocks h3 {
    font-size: 95%;
    padding-bottom: 15px;
    font-weight: normal;
}

.home_blocks p {
    font-size: 85%;
}

/*--------------- End Home Section ---------------*/
#thin {
    float: left;
    width: 25%;
}

#thin div {
    text-align: center;
    margin: 5px 0;
}

#thick {
    float: left;
    width: 90%;
    padding: 2% 5%;
}

#inside_area {
    float: left;
    width: 75%;
    min-height: 450px;
    height: auto !important;
    height: 450px;
}

/*--------------- Title and Tree Section ---------------*/
#tree {
    float: left;
    width: 89%;
    padding: 0 5.5%;
    font-size: 71%;
    color: #c1c1c1;
    text-align: right;

}

#tree span {
    color: #0eafd1;
}

#tree a {
    color: #c1c1c1;
    text-decoration: none;
}

#tree a:hover {
    color: #0eafd1;
    text-decoration: none;
}

#title {
    float: left;
    width: 90%;
    padding: 0 5% 10px;
    border-bottom: 1px solid #f3f3f3;
}

#title h2 {
    font-family: "Raleway", sans-serif;
    float: left;
    font-size: 150%;
    font-weight: normal;
    color: #605b5a;
    text-transform: uppercase;

}

#title span {
    float: left;
    font-style: italic;
    color: #504c4b;
    font-size: 80%;
    padding: 13px 0 0 20px;
    display: block;
}

#title strong {
    color: #0eafd1;
}

/*--------------- End Title and Tree Section ---------------*/
/*--------------- Products Details Section ---------------*/
#whatandhow {
    float: left;
    clear: left;
    width: auto !important;
    text-align: left;
    margin-top: 50px;
}

#whatandhow div {
    display: inline-block;
}

/********** Wrapper Table **********/
#detatls_table {
    width: 370px;
    margin: 0;
    float: right;
}

#detatls_table td {
    padding: 10px 5px 10px 0;
}

/********** Choose Size **********/
#choose_size {
    margin-left: 0;
    float: left;
    width: 100%;
}

#choose_size li {
    list-style: none;
    padding: 5px 0;
    margin: 5px 0;
    position: relative;
    height: 45px;
}

#choose_size li p {
    color: #494949;
}

#choose_size li em {
    float: right;
    text-align: center;
    padding-right: 0px;
    padding: 12px 0px;
}

#choose_size li strong {
    font-size: 120%;
    font-style: normal;
}

.old {
    font-weight: normal;
    text-decoration: line-through;
    color: #f6270b;
}

/********** Send Card **********/
.userRow {
    margin-left: 0;
    padding: 10px 0;
}

.send_card li {
    list-style: none;
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin: 0 4% 0 0;
}

.send_card li:last-child {
    margin: 0;
     float:right;
}

.send_card div {
    font-size: 85%;
    font-weight: bold;
    position: relative;
    height: 65px;
}



/********** Login Or Signup **********/
.button_default {
    width: auto;
    height: auto;
    background-color: #fff;
    color: #494949;
    font-size: 80%;
    padding: 15px 60px 15px 12px;
    margin: 10% 5px;
    border-radius: 5px;
    border: 1px solid #bdbcbe;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    line-height: 1.5em;
    float: right;
    background: url(../images/shared/login.jpg) no-repeat right top;

}

.button_default:hover {
    border: 2px solid #0eafd1;
    color: #0eafd1;
    padding: 15px 60px 15px 10px;
}

/********** Shipping Select **********/
.shipping_select1 {
    background-color: #f9f9f9;
    border: 2px solid #c8c8c8;
    padding: 7px 10px;
    width: 350px;
    border-radius: 5px;
    margin: 10px 0 0 20px;
}

.shipping_select2 {
    background-color: #f9f9f9;
    border: 2px solid #c8c8c8;
    padding: 7px 10px;
    width: 350px;
    border-radius: 5px;
    margin: 10px 0 0 20px;
}

.delivery-details a {
    color: #0eafd1;
    font-size: 80%;
    margin: 5px 0 5px 20px;
    display: block;
    text-decoration: underline;
}

.delivery-details a:hover {
    color: #0eafd1;
    text-decoration: none;
}

/********** Add Cart **********/
#add_cart {
    float: left;
    width: 99%;
    margin-top: 5%;
}

#add_cart ul {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#add_cart li {
    list-style: none;
    width: 100%;
    float: left;
}

#add_cart p {
    float: left;
    width: 50%;
    font-size: 75%;
}

#add_cart .quantity {
    width: 35%;
}

#add_cart label {
    height: 20px;
    float: left;
    font-weight: bold;
    padding: 20px 5px 0 0;
}

#add_cart #price label:first-of-type,
#add_cart #sticker-price label:first-of-type {
    display: inline-block;
    font-size: 14px;
}

.quantity > input {
    border: medium none;
    color: #0eafd1;
    text-align: center;
    width: 25px;
    font-weight: bold;
}

.quantity > a {
    background-color: #0eafd1;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    width: 16px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 5px;
}

.quantity > a:hover {
    background-color: #009fc1;
    text-decoration: none;
}

#add_cart select {
    float: left;
    width: 45%;
    margin: 0 5%;
    padding: 2px;
    height: 27px;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    text-align: center;
}

#add_cart .button {
    
    width: 100%;
    padding: 20px 0;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    width: 95%;
    background-color: #f3b20f;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    height: 60px;
    float: right;
}

#add_cart .button:hover {
    background:#f3be5a;
}

/********** Item Added to Cart **********/
.item_added {
    position: relative;
    right: 0px;
    top: 0px;
    background: url(../images/en/added-to-cart.png) no-repeat right center;
     background-size: 21px;
    width: 130px;
    height: 25px;
    float: right;
    padding: 10px 10px 0 0;
    color: #97c562;
    font-size: 75%;
    line-height: 1.3em;
}

.item_added a {
    color: #97c562;
    text-decoration: underline;
}

/********** Look Like **********/
#look_like {
    border: none;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 20px;
    float: left;
    width: 100%;
    position: relative;
}

#look_like span {
    width: 40%;
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
    position: absolute;
    top: -10px;
    background-color: #fff;
}

#look_like ul {
    width: 100%;
    text-align: center;
}

#look_like li {
    list-style: none;
    width: 132px;
    display: inline-block;
    padding: 15px 5px 5px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #fff;
}

#look_like li:hover {
    border: 1px solid #ddd !important;
    border-radius: 20px;
    background: #f8f8f8;
    background: linear-gradient(top, #e7e7e7 0%, fbfbfb 80%);
    background: -moz-linear-gradient(top, #e7e7e7 0%, #fbfbfb 80%);
    background: -webkit-linear-gradient(top, #e7e7e7 0%, #fbfbfb 80%);
}

#look_like li a {
    display: block;
    width: 100px;
    height: 145px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center top;
}

#look_like li label {
    font-size: 70%;
    line-height: 1em;
    visibility: hidden;
    height: 30px;
    display: block;
    margin-top: 10px;
}

#look_like li:hover label {
    color: #0eafd1;
    visibility: visible;
}

/*--------------- End Products Details Section ---------------*/
/*--------------- Products Section ---------------*/
#products {
    float: left;
    padding-left: 1%;
    padding-bottom: 20px;
}

#products li {
    list-style: none;
    float: left;
    width: 105px;
    margin: 10px 10px 10px 0;
    height: 155px;
    padding: 15px 23px;
    position: relative;
    border: 1px solid transparent;
}

#products li:hover {
    border: 1px solid #ddd;
    border-radius: 20px 20px 0 0;
    background: #f8f8f8;
    background: linear-gradient(top, #e7e7e7 0%, fbfbfb 80%);
    background: -moz-linear-gradient(top, #e7e7e7 0%, #fbfbfb 80%);
    background: -webkit-linear-gradient(top, #e7e7e7 0%, #fbfbfb 80%);
}

#products a {
    display: block;
    width: 100px;
    height: 155px;
    background-position: center center;
    background-repeat: no-repeat;
}

#products li:hover .hover {
    visibility: visible;
    opacity: 1;
}

#products li .availabel {
    float: right;
}

#products li h2 {
    font-size: 70%;
    padding-bottom: 10px;
    color: #414141;
    text-align: center;
    font-weight: normal;
}

.hover {
    position: absolute;
    height: 35px;
    width: 129px;
    bottom: -33px;
    left: -1px;
    padding: 5px 11px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 20px 20px;
    background: #f8f8f8;
    background: linear-gradient(top, #fbfbfb 0%, e7e7e7 80%);
    background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 80%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 80%);
    z-index: 200;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s linear, visibility 0.1s linear;
}

#products li img {
    margin-top: 137px;
     width:100%;
}

/*--------------- End Products Section ---------------*/
/*--------------- New Customer Section ---------------*/
#new_customer td {
    vertical-align: top;
    padding-right: 40px;
}

#new_customer p {
    clear: left;
}

#new_customer p[class="blue"] {
    font-size: 70%;
}

#new_customer a {
    color: #0eafd1;
    text-decoration: underline;
}

#new_customer a:hover {
    color: #0eafd1;
    text-decoration: none;
}

#new_customer label {
    float: left;
    clear: left;
    font-size: 90%;
}

#new_customer input {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0 10px;
    padding: 10px 10px;
    width: 350px;
}

#new_customer select {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 25px 0 10px;
    padding: 10px 10px;
    width: 370px;
}

#new_customer input[type="checkbox"] {
    float: left;
    border: none;
    margin: 3px 5px 0 0;
    padding: 0px;
    width: auto;
}

#new_verification {
    float: left;
    width: 500px !important;
    margin-top: 25px !important;
    clear: both;
}

#new_verification .g-recaptcha {
    float: left;
    clear: both;
}

#new_verification img {
    float: left;
}

#new_verification p {
    clear: none;
    float: left;
    font-size: 75%;
    height: 57px;
    line-height: 1.7;
    margin-left: 20px;
    width: 185px;
}

#new_verification input {
    float: left;
    clear: none;
    width: 140px;
    margin: 4px 83px 4px 0 !important;
    padding: 10px 4px;
    font-size: 80%;
    color: #494949;
    text-align: center;
}

#new_customer .button {
    float: left;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    margin: 20px 0 4px 0 !important;
    padding: 10px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
    clear: both;
}

#new_verification .button:hover {
    background-color: #0eafd1;
}

#new_customer .button:hover {
    background-color: #0eafd1;
}

#f_pass {
    margin-top: 53px;
}

/*--------------- End New Customer Section ---------------*/
#change_password {
    float: left;
    width: 380px;
}

#change_password label {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: bold;
}

#change_password input {
    background-color: #f9f9f9;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    clear: left;
    float: left;
    margin: 10px 0 15px;
    padding: 10px 10px;
    width: 358px;
}

#change_password .button {
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    clear: right;
    float: right;
    margin: 10px 0 15px;
    padding: 10px 10px;
    width: auto;
    cursor: pointer;
}

#change_password .button:hover {
    background-color: #0eafd1;
}

#change_password em {
    color: #D10000;
    float: right;
    font-size: 84%;
    margin-top: -19px;
}

/*--------------- Cart Page Section ---------------*/
#cart_table {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

#cart_table th {
    font-size: 100%;
    padding: 5px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#cart_table td {
    font-size: 80%;
    color: #494949;
    padding: 5px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#cart_table td img {
    width: 70px;
    border: 1px solid #f5f5f5;
}

#cart_table td strong {
    font-size: 130%;
    display: block;
    margin-bottom: 5px;
}

#cart_table td b {
    display: block;
    padding: 7px 0;
    font-weight: normal;
    text-decoration: underline;
}

#cart_table td em {
    color: #0eafd1;
}

#cart_table td span {
    color: #0eafd1;
    font-size: 105%;
}

#cart_table td a {
    color: #f6270b;
    text-decoration: underline;
}

#cart_table td select {
    width: 100%;
    text-align: center;
    border: none;
    padding: 2px 0 2px 15px;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
}

#cart_table td option {
    text-align: center;
}

/********** Cart Label **********/
#address_label {
    width: 245px;
    padding: 10px 20px;
    float: left;
    background-color: #f9f9f9;
    border: 1px #e9e9e9 solid;
    margin: 2% 0;
    color: #494949;
    position: relative;
    height: 243px;
}

/********** Shipping Method Label **********/
#shipping_method_label {
    width: 245px;
    padding: 10px 20px;
    float: left;
    background-color: #f9f9f9;
    border: 1px #e9e9e9 solid;
    margin: 2% 1.7% 2% 0;
    color: #494949;
    position: relative;
    height: 243px;
}

#shipping_method_label img {
    border: 1px solid #E9E9E9;
    margin-top: 6px;
}

/********** Special Note **********/
#special_note textarea {
    width: 97.5%;;
    height: 80px;
    padding: 10px;
    margin: 1% 0 0;
    border: 1px #e9e9e9 solid;
    color: #494949;
    font-size: 80%;
}

#special_note div {
    width: 97.5%;;
    padding: 10px;
    margin: 1% 0 0;
    border: 1px #e9e9e9 solid;
    color: #494949;
    font-size: 100%;
}

/********** Discount **********/
#discount p {
    float: left;
    font-size: 80%;
}

#discount {
    width: 245px;
    padding: 12px 20px;
    float: left;
    background-color: #f9f9f9;
    border: 1px #e9e9e9 solid;
    margin: 2% 1.52% 0;
    color: #494949;
}

#discount input {
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    height: 25px;
    text-align: center;
    width: 163px;
    border-radius: 5px;
    margin: 10px 2px 0 0;
}

#discount .button {
    background-color: #878787;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 75%;
    font-weight: normal;
    height: auto;
    padding: 5px 2%;
    width: 50px;
    cursor: pointer;
}

#discount .button:hover {
    background-color: #0eafd1;
}

/********** Payment **********/
#payment {
    width: 245px;
    padding: 10px 20px;
    float: left;
    background-color: #f9f9f9;
    border: 1px #e9e9e9 solid;
    margin: 1% 1.52%;
    color: #494949;
}

#payment p {
    font-size: 75%;
}

#payment input[type="radio"] {
    height: 25px;
    width: 14px;
    vertical-align: middle;
}

#payment img {
    vertical-align: middle;
    float: right;
}

#payment span {
    color: #888;
    font-size: 55%;
}

/********** Order Summary **********/
#order_summary {
    float: right;
    width: 245px;
    padding: 10px 20px;
    background-color: #f0f0f0;
    border: 1px #e9e9e9 solid;
    margin: 2% 0;
    color: #494949;
    height: 243px;
}

#order_summary td {
    font-size: 80%;
    line-height: 1.5em;
    padding: 3px 1%;
}

#order_summary em {
    color: #888;
    font-size: 70%;
    display: block;
    margin: 5% 0 0;
}

#order_summary span {
    color: #0eafd1;
    font-size: 75%;
    display: block;
    margin: 5% 0 0;
}

#total {
    text-align: right;
    padding: 10px 0 10px 0;
    line-height: 2em;
    font-weight: bold;

}

#button {
    float: left;
    clear: left;
    width: 100%;
    text-align: right;
}

#button input {
    background-color: #878787;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 84%;
    font-weight: bold;
    height: auto;
    padding: 6px 2.35%;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}

#button input:hover {
    background-color: #0eafd1;
}

#button a {
    background-color: #878787;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 84%;
    font-weight: bold;
    height: auto;
    padding: 6px 2.35%;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}
#button a:hover {
    background-color: #979797;
}
/*--------------- End Cart Page Section ---------------*/
/*--------------- Contact Section ---------------*/
.contact {
    width: 28%;
    height: 220px;
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
    padding: 0 1.5%;
    margin-right: 3%;
    margin-right: 1% \9;
    float: left;
}

.contact:nth-child(3) {
    margin-right: 0;
}

#contact p {
    float: left;
    clear: left;
}

#contact label {
    float: left;
    clear: left;
    font-size: 90%;
}

#contact input {
    float: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 8.5% 10px 0;
    padding: 10px 11px;
    width: 380px;
    color: #494949;
    font-size: 90%;
}

#contact select {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 8.5% 10px 0;
    padding: 10px 10px;
    width: 404px;
}

#contact input:nth-child(even) {
    margin-right: 0;
}

#contact textarea {
    float: right;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 5px 20px 0;
    padding: 7px 10px;
    width: 861px;
    height: 135px;
    color: #494949;
    font-size: 90%;
}

#verification {
    float: right;
    clear: both;
    width: 377px;
    margin-right: 5px;
}

#verification img {
    float: left;
}

#verification input {
    float: left;
    width: 140px;
    clear: none;
    margin: 4px 10px !important;
    padding: 10px 4px;
    font-size: 80%;
    color: #494949;
    text-align: center;
}

#verification .button {
    float: right;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    margin: 4px 0 !important;
    padding: 10px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
}

#verification .button:hover {
    background-color: #0eafd1;
}

/*--------------- End Contact Section ---------------*/
/*--------------- Shipping Address Section ---------------*/
#address_blocks {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

#address_blocks li {
    list-style: none;
    float: left;
    width: 30%;
    margin: 2% 3% 2% 0;
    height: 205px;
    position: relative;
}

#address_blocks li strong {
    font-size: 125%;
}

#address_blocks p {
    font-size: 80%;
}

#address_blocks li div {
    float: left;
    position: absolute;
    bottom: 0;
    width: 90%;
}

#address_blocks li a[class="shipto"] {
    float: left;
    padding: 5px 10px;
    width: 90%;
    background-color: #0eafd1;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin: 4px 0 !important;
    text-align: center;
    text-decoration: none;
}

#address_blocks li a:nth-child(2) {
    margin-right: 6% !important;
}

#address_blocks li a {
    float: left;
    padding: 5px 10px;
    width: 38%;
    background-color: #737373;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin: 0 !important;
    text-align: center;
    text-decoration: none;
}

#address_blocks li a:hover {
    background-color: #0eafd1;
}

/********** Add Address Blocks **********/
#add_address_blocks {
    float: left;
    width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e7e7e7;
}

#add_address_blocks li {
    list-style: none;
    float: left;
    width: 30%;
    margin: 2% 3% 2% 0;
    height: 175px;
    position: relative;
}

#add_address_blocks li strong {
    font-size: 125%;
}

#add_address_blocks li p {
    font-size: 80%;
}

#add_address_blocks li a {
    float: left;
    padding: 7px 10px;
    width: 25%;
    background-color: #737373;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin: 4px 5% 0 0 !important;
    text-align: center;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 35%;
}

#add_address_blocks li a.advise {
    position: absolute;
    bottom: 0;
    left: 0;
}

#add_address_blocks li a:hover {
    background-color: #0eafd1;
}

/********** Shipping Address **********/
#shipping_address li {
    list-style: none;
    float: left;
    margin-right: 80px;
}

#shipping_address li:nth-child(even) {
    margin-right: 0px;
}

.empty {
    margin: 35px 0 15px;
    padding: 19px 10px;
    width: 330px;
}

#shipping_address label {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: bold;
    color: #555;
}

#shipping_address input {
    background-color: #f9f9f9;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    clear: left;
    float: left;
    margin: 10px 0 15px;
    padding: 10px 10px;
    width: 380px;
}

#shipping_address select {
    background-color: #f9f9f9;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    clear: left;
    float: left;
    margin: 10px 0 15px;
    padding: 9px 10px;
    width: 405px;
}

#add_verification {
    float: right;
    clear: both;
    width: 460px;
    margin-right: 5px;
}

#add_verification img {
    float: left;
}

#add_verification input {
    float: left;
    width: 140px;
    clear: none;
    margin: 4px 10px !important;
    padding: 10px 4px;
    font-size: 80%;
    color: #494949;
    text-align: center;
}

#add_verification .button {
    float: right;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    margin: 4px 0 !important;
    padding: 10px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
}

#add_verification .button:hover {
    background-color: #0eafd1;
}
a.advise.new {
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 80%;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 3px 2.35% !important;
    text-decoration: none !important;
    width: 70px;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
      margin-left:5px;
}



a.advise {
    background-color: #009cbd !important;
}
a.advise.gray {
    background-color: #878787 !important;
}
a.advise:hover {
    background-color: #0eafd1 !important;
}
a.advise.gray:hover {
    background-color: #979797 !important;
}

input.advise {
    background-color: #009cbd !important;
}

input.advise:hover {
    background-color: #0eafd1 !important;
}

/********** for delete **********/
table.shipping_address td {
    padding: 10px;
}

table.shipping_address p {
    color: #888;
}

table.shipping_address strong {
    font-size: 140%;
    font-weight: normal;
    color: #494949;
}

table.shipping_address a {
    color: #494949;
    font-size: 75%;
    text-decoration: none;
}

table.shipping_address a.red {
    color: #f6270b;
}

table.shipping_address a.red:hover {
    color: #f6270b;
}

table.shipping_address b {
    letter-spacing: 0.5px;
}

table.shipping_address a:hover {
    color: #000;
    text-decoration: underline;
}

table.shipping_address tr:first-child {
    border-bottom: 2px solid #e3e3e3;
}

table.shipping_address tr:nth-child(even) {
    background-color: #f7f7f7;
}

/*--------------- End Shipping Address Section ---------------*/
/*--------------- Edit Profile Section ---------------*/
#profile p {
    float: left;
    clear: left;
    margin: 10px 0 9px;
    padding: 3px 0px;
}

#profile div {
    float: left;
}

#profile label {
    float: left;
    clear: left;
    font-size: 90%;
    font-weight: bold;
}

#profile input {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0 10px;
    padding: 10px 10px;
    width: 380px;
}

#profile input[type="radio"] {
    width: 15px;
    height: 34px;
    margin: 0;
    padding: 0px;
    clear: none;
    float: none;
    vertical-align: middle;
    border: 0;
}

#profile select {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0 10px;
    padding: 9px 10px;
    width: 404px;
}

.month {
    width: 172px !important;
    margin-right: 15px !important;
}

.day {
    clear: none !important;
    width: 80px !important;
    margin-right: 15px !important;
}

.year {
    clear: none !important;
    width: 120px !important;
}

#edit_verification {
    float: right !important;
    width: 396px !important;
    margin: 25px 2px 0;
}

#edit_verification img {
    float: left;
    margin-bottom: 5px;
}

#edit_verification input {
    float: left;
    width: 136px;
    clear: none;
    margin: 4px 10px !important;
    padding: 10px;
    font-size: 75%;
    color: #494949;
    text-align: center;
}

#edit_verification .button {
    float: right;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    margin: 4px 9px !important;
    padding: 10px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
}

#edit_verification .button:hover {
    background-color: #0eafd1;
}

/*--------------- End Profile Section ---------------*/
/*--------------- Track Order Section ---------------*/
#track-orders {
}

#track-orders td {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 5px;
    vertical-align: top;
}

#track-orders td a {
    color: #0eafd1;
    text-decoration: underline;
}

#track-orders td td {
    border-right: none;
    border-bottom: none;
    padding: 5px 5px;
    vertical-align: middle;
}

#track-orders tr:nth-child(odd) {
    background-color: #F9F9F9;
}

#track-orders tr tr {
    background-color: transparent !important;
}

#track-orders td td:first-child {
    width: 60px;
    padding-left: 0;
}

#track-orders td:first-child {
    width: 225px;
    padding-left: 50px;
}

#track-orders p {
    line-height: 1.2em;
    font-size: 75%;
}

#track-orders td td p {
    font-size: 70%;
}

#track-orders em {
    font-size: 90%;
    font-style: normal;
}

#track-orders strong {
    font-size: 110%;
    line-height: 1.5em;
}

#track-orders b {
    font-size: 130%;
    line-height: 1.5em;
}

#track-orders img {
    width: 100%;
}

.delivered {
    color: #0e6ad1;
}

.shipped {
    color: #94c660;
}

.orders_placed {
    float: right;
}

.orders_placed {
    margin-bottom: 10px;
    display: block;
}

.orders_placed select {
    width: 150px;
    height: 25px;
    line-height: 25px;
    padding: 2px 5px;
}

/*--------------- End Track Order Section ---------------*/
/*--------------- Checkout Form Section ---------------*/
.cardt {
    border: 1px solid #e9e9e9;
    float: left;
    padding: 40px 10px;
    height: 183px;
    margin: 2% 0 2% 10px;
}

#checkout_form .hp {
    display: none;
}

#checkout_form > div {
    float: left;
}

#checkout_form > div:nth-child(1) {
    margin-right: 86px;
}

#checkout_form fieldset {
    border: none;
}

#checkout_form .exdate {
    padding: 26px 0px;
}

#checkout_form label {
    clear: left;
    float: left;
    font-size: 90%;
    font-weight: bold;
}

#checkout_form input {
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    clear: left;
    float: left;
    margin: 5px 0 15px;
    padding: 10px;
    width: 380px;
}

.co_list {
    clear: left !important;
    margin: 5px 0 15px !important;
    padding: 9px !important;
    width: 400px !important;
}

#checkout_form select {
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 5px 0 15px;
    padding: 10px;
    width: 100%;
    text-align: left;
}

.buy {
    background-color: #737373 !important;
    border: medium none !important;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right !important;
    font-size: 80%;
    font-weight: normal;
    margin: 4px 0 4px 9px !important;
    padding: 10px 20px !important;
    width: auto !important;
    text-transform: capitalize !important;
}

.buy:hover {
    background-color: #0eafd1 !important;
}

/*--------------- End Checkout Form Section ---------------*/
/*--------------- Navig Section ---------------*/
.navig {
    height: 36px;
    float: left;
    width: 90%;
    margin: 0 5% 2% 5%;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    line-height: 36px;
    word-spacing: 10px;
    background: linear-gradient(top, #fff 0%, #efefef 100%);
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
    text-align: center;
}

.navig a:hover {
    text-decoration: none;
}

.navig .disabled {
    color: #bfbebe;
}

.navig .select {
    color: #bfbebe;
}

/*--------------- End Navig Section ---------------*/
/*--------------- Footer Section ---------------*/
#footer {
    float: left;
    width: 100%;
    height: 276px;
    background: #f2f2f2 url(../images/shared/footer-rear.jpg) repeat center top;
}

#footer_img {
    width: 100%;
    height: 225px;
    background: transparent url(../images/shared/footer-img.jpg) no-repeat center top;
    border-top: 4px #dfdfdf solid;
    padding-top: 39px;
}

#footer_inside {
    width: 960px;
    height: 190px;
    margin: 0 auto;
    padding-bottom: 16px;
}

/********** Footer Links **********/
.footer_links {
    float: left;
    list-style: none;
    width: 19%;
}
.footer_links li {
    font-size: 75%;
    font-weight: bold;
    line-height: 1.35em;
}

.footer_links li a {
    font-weight: normal;
    color: #464646;
    text-decoration: none;
}

.footer_links li a:hover {
    color: #0EAFD1;
    padding-left: 1px;
}

/********** Footer Side **********/
#footer_side {
    float: right;
    width: 20%;
}

#social {
    float: right;
    width: 100%;
}

#social img {
    float: left;
    width: 16%;
    padding-bottom: 1px;
}

#social img:hover {
    padding-top: 1px;
    padding-bottom: 0px;
}

#footer_block {
    float: right;
    width: 78%;
    margin: 10% 5%;
    border: 1px solid #b8b8b8;
    background-color: #fff;
    padding: 10% 7.5%;
    border-radius: 10px;
}

#footer_block p {
    font-size: 70%;
    line-height: 1.2em;
}

#footer_block p a {
    color: #494949;
}

/********** Footer Phrase **********/
#footer_phrase {
    float: left;
    color: #848484;
    margin-top: 21px;
}

#footer_phrase img {
    vertical-align: middle;
     width: 21px;
     height:auto;
}

/********** Copyright **********/
#copyright {
    width: 100%;
    height: 30px;
    background-color: #636363;
    background-color: rgba(99, 99, 99, 0.2);
}

#copyright p {
    width: 990px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 72%;
}

/*--------------- End Footer Section ---------------*/
/*--------------- Text Editor Styles ---------------*/
.blue {
    color: #0eafd1;
}

.red {
    color: #f6270b;
}

.gray {
    color: #888;
}

.sub_title {
    font-size: 115% !important;
    line-height: 1.25em;
    font-weight: bold;
    padding: 13px 0;
    float: left;
    width: 100%;
}

.sub_title span {
    background-color: #0db0d1;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    float: left;
    clear: both;
    font-size: 0.85em;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    margin-right: 5px;
    font-weight: normal;
}
#detatls_table .sub_title {
    padding:0 10px 0 30px;
    position: relative;
    margin-bottom:20px;
    line-height:1em;
    width:auto;
}
#detatls_table .sub_title span {
    position:absolute;
    left: 0;
    top:0px;
   margin-right: 0px;
}
#choose_size li {
    margin:0;
}
.personalize.successBtn {
    background-color:#97c562 !important;
    text-align:left;
    font-weight:bold;
}
.personalize.successBtn:before {
    content:"";
    display:inline-block;
    margin:0 10px 0 20px;
    width:26px;
    height:16px;
    background:url(../images/shared/ok.png) no-repeat center center;
    background-size: 100%;
}
/*--------------- End Text Editor Styles ---------------*/
/*--------------- Header Image Styles ---------------*/
#wrapper {
    background-color: #fff;
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.caroufredsel_wrapper {
    left: 50% !important;
    margin-left: -800px !important;
}

#carousel img {
    display: block;
    float: left;
    margin: 0 2px;
    width: 1600px;
    height: 450px;
}

#prev, #next {
    display: block;
    height: 450px;
    width: 50%;
    top: 0;
    position: absolute;
}

#prev:hover, #next:hover {
}

#prev {
    left: -495px;
}

#next {
    right: -495px;
}

#pager {
    margin-left: -470px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35;
}

#pager:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#pager a {
    border: 2px solid #fff;
    border-radius: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
}

#pager a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#pager a span {
    display: none;
}

#pager a.selected {
    background-color: #fff;
}

/*--------------- End Header Image Styles ---------------*/
/*--------------- Tabs Section ---------------*/
#Tabs {
    float: left;
    width: 480px;
}

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

#Tabs ul li {
    display: inline-block;
    clear: none;
    float: left;
    height: 24px;
}

#Tabs ul li a {
    position: relative;
    margin-top: 17px;
    display: block;
    margin-right: -1px;
    line-height: 25px;
    padding: 0px 15px;
    background: #f0f0f0;
    z-index: 9999;
    border: 1px solid #c8c8c8;
    border-bottom: 0px;
    font-size: 80%;
    /* The following four lines are to make the top left and top right corners of each tab rounded. */
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    /* end of rounded borders */
    color: #494949;
    text-decoration: none;
    font-weight: normal;
}

#Tabs ul li.active a {
    color: #0eafd1;
    line-height: 29px;
    margin-top: 16px;
    font-size: 90%;

    background: #fff;
    background: linear-gradient(top, #f3f3f3 0%, #fff 100%);
    background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #fff 100%);
}

#Tabs ul li a:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #f3f3f3;
    color: #0eafd1;
}

#Tabs #Content_Area {
    padding: 15px;
    clear: both;
    overflow: hidden;
    line-height: 19px;
    position: relative;
    top: 20px;
    z-index: 5;
    min-height: 150px;
    height: auto !important;
    overflow: hidden;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #C8C8C8;

    background: #fff;
    /*background: linear-gradient(top, #fff 50%, #f3f3f3 100%);  
    background: -moz-linear-gradient(top, #fff 50%, #f3f3f3 100%); 
    background: -webkit-linear-gradient(top, #fff 50%,#f3f3f3 100%); */
}

/*--------------- End Tabs Section ---------------*/
/*--------------- Select Customize Card Section ---------------*/
.send_card span {
    position: absolute;
    right: 0;
    width: 100%;
    padding: 20px 0;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    background: #878787;
    border-radius: 5px;
    height: 20px;
}

.send_card li div:hover span {
    background: #0db0d1;

}

.send_card input {
    position: absolute;
    right: 0;
    margin: 0;
    width: 100%;
    height: 60px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.send_card input[type="radio"] + span {
    /*the span element that immediately follow the radio button */
    visibility: hidden; /*temporarily hide the "YES" label*/
    background: #0DB0D1;
}

.send_card input[type="radio"]:checked + span {
    visibility: visible; /*show the "YES" label only if the radio button is checked*/
}


/*--------------- End Select Customize Card Section ---------------*/
.send_card .
.send_card .dd span {
    padding: 28px 0 12px;
}

/*--------------- Select Size Card Section ---------------*/
#choose_size span {
    position: absolute;
    right: 0;
    top: 0;
    width: 345px;
    height: 45px;
    padding: 5px 10px;
    line-height: 25px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
}

#choose_size li:hover span {
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
}

#choose_size input {
    position: absolute;
    right: 0;
    margin: 0;
    width: 100%;
    height: 50px;
    width: 25px \9;
    /*hide the radio button*/
    filter: alpha(opacity=100) \9 !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

#choose_size input[type="radio"] + span {
    /*the span element that immediately follow the radio button */
    visibility: hidden; /*temporarily hide the "YES" label*/
    background: #0DB0D1;
    border: transparent;
}

#choose_size input[type="radio"] + span p {
    color: #fff !important;
}

#choose_size input[type="radio"]:checked + span {
    visibility: visible; /*show the "YES" label only if the radio button is checked*/
}


#choose_size .inactive p {
    color: #b7b7b7;
}

#choose_size .inactive p b {
    color: #b7b7b7;
}

#choose_size li:hover span.inactive {
    border: 1px solid #fff;
    background-color: #fff;
}

/*--------------- End Select Size Card Section ---------------*/
/*--------------- Select Shipping Method Card Section ---------------*/
#ship_method li {
    float: left;
    width: 100%;
    position: relative;
    height: 73px;
    list-style: none;
    margin-bottom: 5px;
}

#ship_method span {
    position: absolute;
    right: 0;
    top: 0;
    width: 98%;
    height: 62px;
    padding: 5px 1%;
    line-height: 25px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
}

#ship_method li:hover span {
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
}

#ship_method li img {
    border: 1px solid #fff;
     height:60px;
}

#ship_method li:hover img {
    border: 1px solid #e9e9e9;
}

#ship_method li p {
    float: left;
    font-size: 100%;
    display: block;
    margin-right: 30px;
    line-height: 65px;
}

#ship_method li em {
    float: right;
    font-style: normal;
    font-size: 100%;
    line-height: 65px;
    margin-right: 10px;
}

#ship_method input {
    position: absolute;
    right: 0;
    margin: 0;
    width: 100%;
    height: 65px;
    width: 25px \9;
    /*hide the radio button*/
    filter: alpha(opacity=100) \9 !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

#ship_method input[type="radio"] + span {
    /*the span element that immediately follow the radio button */
    visibility: hidden; /*temporarily hide the "YES" label*/
    background: #0DB0D1;
    border: transparent;
}

#ship_method input[type="radio"] + span p {
    color: #fff !important;
}

#ship_method input[type="radio"] + span em {
    color: #fff !important;
}

#ship_method input[type="radio"]:checked + span {
    visibility: visible; /*show the "YES" label only if the radio button is checked*/
}


.ship_method_buttoon {
    background-color: #878787;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 75%;
    height: auto;
    padding: 10px 2%;
    width: auto;
    margin-top: 15px;
}

.ship_method_buttoon:hover {
    background-color: #0eafd1;
}

/*--------------- Select Shipping Method Card Section ---------------*/
/*--------------- Career Section ---------------*/
#career div {
    float: left;
    margin-right: 85px;
    margin: 0 20px \9;
}

#career div:nth-child(2n+2) {
    margin-right: 0;
}

#career label {
    float: left;
    clear: left;
    font-size: 90%;
    font-weight: bold;
}

#career input {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0 10px;
    padding: 11px 9px;
    width: 380px;
}

#career select {
    float: left;
    clear: left;
    background-color: #F9F9F9;
    border: 1px solid #C8C8C8;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0 10px;
    padding: 9px 10px;
    width: 404px;
}

#career_verification {
    float: right !important;
    width: 396px !important;
    margin: 25px 2px 0;
}

#career_verification img {
    float: left;
    margin-bottom: 5px;
}

#career_verification input {
    float: left;
    width: 136px;
    clear: none;
    margin: 4px 10px !important;
    padding: 10px;
    font-size: 75%;
    color: #494949;
    text-align: center;
}

.upload_file {
    float: left;
    clear: left;
    margin: 10px 0;
    background: url(../images/en/browse.gif) no-repeat center center;
    background: url(../images/en/browse-ie.gif) no-repeat center center \9;
    width: 402px;
    height: 38px;
    position: relative;
    margin: 10px 0 \9 !important;
}

.upload_file p {
    width: 278px;
    height: 38px;
    padding: 0 5px;
    position: absolute;
    left: 0;
    overflow: hidden;
    line-height: 35px;
}

#career input[type="file"] {
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    opacity: 0;
    position: absolute;
    right: 0;
    width: 225px
}

#career .button {
    float: right;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
}

#career .button:hover {
    background-color: #0eafd1;
}

#job_position {
    width: 100%;
    float: left;
}

#job_position li {
    list-style: none;
    float: left;
    position: relative;
    width: 370px;
    height: 130px;
    padding: 1% 1.5%;
    margin: 0 10% 1% 0;
    margin: 0 5% 1% 0 \9;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
}

#job_position li:nth-child(2n+2) {
    margin-right: 0;
}

#job_position li a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 200;
    top: 0;
    left: 0;
}

#job_position li label {
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
    color: #0eafd1;
    font-size: 90%;
}

#job_position li p {
    font-size: 70%;
    line-height: 1.3em;
}

#job_position li em {
    float: right;
    font-size: 70%;
    color: #666;
    position: absolute;
    bottom: 0;
    right: 0;
}

#job_position li:hover em {
    color: #0eafd1;
}

#job_verification {
    float: right !important;
    margin: 10px 0 0 !important;
    width: 400px;
    text-align: right;
}

#job_verification .g-recaptcha,
#job_verification > div {
    float: right;
    clear: both;
}

#job_verification img {
    float: left;
}

#job_verification p {
    clear: none;
    float: left;
    font-size: 75%;
    height: 57px;
    line-height: 1.7;
    margin-left: 20px;
    width: 185px;
}

#job_verification input {
    clear: none;
    color: #494949;
    float: left;
    font-size: 80%;
    margin: 4px 15px 4px 0 !important;
    padding: 10px 4px;
    text-align: center;
    width: 140px;
}

#job_verification .button {
    background-color: #737373;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 80%;
    font-weight: normal;
    margin: 20px 0 !important;
    padding: 10px;
    width: auto;
    float: right;
    clear: both;
}

/*--------------- Career Section ---------------*/
/*--------------- Select We Card It Section ---------------*/
#choose_wecard li {
    float: left;
    width: 43%;
    position: relative;
    height: 73px;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 7%;
}

#choose_wecard span {
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 57px;
    padding: 5px 1%;
    line-height: 25px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
}

#choose_wecard li:hover span {
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
}

#choose_wecard li:hover span.inactive {
    border: 1px solid #fff;
    background-color: #fff;
}

.img {
    width: 54px;
    height: 55px;
    margin-right: 30px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
   /* background-color: #ccc !important;*/
}

#choose_wecard li:hover img {
    border: 1px solid #e9e9e9;
}

#choose_wecard li p {
    float: left;
    font-size: 66%;
    display: block;
    line-height: 18px;
}

#choose_wecard li em {
    font-size: 100%;
    color: #f5711f;
}

#choose_wecard li em.uploaded {
    color: #0eafd1 !important;
}

#choose_wecard input {
    position: absolute;
    right: 0;
    margin: 0;
    width: 100%;
    height: 65px;
    width: 25px \9;
    /*hide the radio button*/
    filter: alpha(opacity=100) \9 !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

#choose_wecard input[type="radio"] + span {
    /*the span element that immediately follow the radio button */
    visibility: hidden; /*temporarily hide the "YES" label*/
    background: #0DB0D1;
    border: transparent;
}

#choose_wecard input[type="radio"] + span p {
    color: #fff !important;
}

#choose_wecard input[type="radio"] + span em {
    color: #fff !important;
}

#choose_wecard input[type="radio"]:checked + span {
    visibility: visible; /*show the "YES" label only if the radio button is checked*/
}

.choose_wecard_buttoon {
    background-color: #878787;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-size: 75%;
    font-weight: bold;
    height: auto;
    padding: 10px 30px;
    width: auto;
    margin: 25px auto 0;
}

.choose_wecard_buttoon:hover {
    background-color: #0eafd1;
}

/*--------------- End Select We Card It Section ---------------*/
/*--------------- Upload Manager Section ---------------*/
.uploadcard {
    border-radius: 10px;
    border: 1px solid #0eafd1;
    padding: 5px;
}

.uploadcard img {
    width: 40%;
}

.uploadcard a {
    color: #0eafd1;
    font-size: 80%;
    text-decoration: underline;
}

.uploadcard a:hover {
    color: #0eafd1;
    text-decoration: none;
}

.uploadcard table {
    width: 100%;
}

.uploadcard td:first-child {
    text-align: center;
}

#uploadlist {
    float: left;
    width: 80%;
    padding: 2% 10%;
    border-radius: 10px;
    border: 1px solid #0eafd1;
}

#uploadlist table {
    width: 70%;
    float: left;
}

#uploadlist th {
    text-align: left;
    padding: 5px 0px;
    color: #2bb3d3;
    font-size: 130%;
}

#uploadlist td {
    text-align: left;
    padding: 3px 10px;
}

#uploadlist td a {
    color: #c91e01;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    background: url(../css/upload/classicTheme/delete.jpg) no-repeat left center;
    padding-left: 15px;

}

.finish {
    width: 100%;
}

.finish a {
    background-color: #0eafd1;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 90%;
    font-weight: normal;
    margin: 4px 0 !important;
    padding: 10px 15px;
    width: auto;
    text-decoration: none;
}

.finish a:hover {
    background-color: #30c8ec;
    color: #fff;
}

#inportantnotes {
    float: left;
    width: 100%;
}

/*--------------- End Upload Manager Section ---------------*/
/*--------------- Your Account Page Section ---------------*/
#your_account_page {
    padding-top: 35px;
}

#your_account_page li {
    float: left;
    list-style: none;
    position: relative;
    width: 445px;
    height: 90px;
    margin-bottom: 70px;
}

#your_account_page li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 200;
}

#your_account_page li div {
    float: left;
    width: 100px;
    height: 90px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 84px 87px;
}

#your_account_page li label {
    display: block;
    font-size: 100%;
    margin-bottom: 10px;
}

#your_account_page li:hover label strong {
    color: #0eafd1;
}

#your_account_page li span {
    color: #0eafd1;
}

#your_account_page li p {
    color: #505050;
    font-style: italic;
    line-height: 1.4em;
}

/*--------------- End Your Account Page Section ---------------*/
/*--------------- Send a Gift Section ---------------*/
#giftd {
    float: right;
    font-size: 10pt;
    margin-right: 20px;
    padding: 4px 0 0 27px;
    line-height: 27px;
    position: relative;
}

#giftd a {
    color: #0EAFD1;
    font-size: 90%;
    font-weight: normal;
    padding: 0;
    background-color: transparent;
}

#giftd a:hover {
    text-decoration: underline;
}

#send_gift span {
    position: absolute;
    left: 0;
    width: 25px;
    padding: 2px 0;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
}

#send_gift input {
    position: absolute;
    left: 0;
    margin: 0;
    width: 25px;
    height: 25px;
    width: 25px \9;
    /*hide the radio button*/
    filter: alpha(opacity=100) \9 !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 900;
}

#send_gift input[type="checkbox"] + span {
    /*the span element that immediately follow the radio button */
    visibility: hidden; /*temporarily hide the "YES" label*/
}

#send_gift input[type="checkbox"]:checked + span {
    visibility: visible; /*show the "YES" label only if the radio button is checked*/
}

.gg span:after {
    content: url(../images/shared/mcheck.gif); /*if CSS are disbled span elements are not displayed*/
    visibility: hidden \9 !important;
}

.gg input[type="checkbox"] + span:after {
    content: url(../images/shared/mchecked.gif); /*if CSS are disbled span elements are not displayed*/
}

/*--------------- End Send a Gift Section ---------------*/

#choose_size span.inactive:hover:before {
    content: "Not Available";
    position: absolute;
    background-color: #0Db0d1;
    background-color: rgba(13, 176, 209, 0.75);
    color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
    padding: 3px 7px;
    top: -20px;
    left: -20px;
    border-radius: 3px;
}

#choose_size span.inactive {
    cursor: pointer;
}

/*--------------- Resellers Locator Section ---------------*/
.resellers_locator li {
    list-style: none;
    width: 31.9%;
    float: left;
    margin: 0.5%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);
    padding: 0.5px;
    height: 130px;
}

.resellers_locator li {
}

.resellers_locator li div {
    float: left;
    padding: 2% 0 2% 4%;
    width: 73%;
}

.resellers_locator li div.flag {
    width: 23% !important;
    padding: 2% 0;
}

.resellers_locator li div.flag img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.resellers_locator label {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #959595;
}

.resellers_locator h2 {
    color: #605b5a;
    font-size: 14px;
}

.resellers_locator p {
    font-size: 12px;
    line-height: 16px;
    color: #888;
}

.resellers_locator a {
    line-height: 16px;
    font-size: 11px;
    color: #0eafd1;
    text-decoration: none;
}

.resellers_locator a:hover {
    color: #0eafd1;
    text-decoration: underline;
}

.elbdk-eya {
    position: relative;
    width: 23%;
    display: inline-block;
    padding: 20px 35px;
    margin: 45px 33% 15px;
    background-color: #878787;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}

.elbdk-eya:hover {
    background-color: #0db0d1;
}

.back-list {
    float: left;
    color: #71c4d2;
    display: inline-block;
    font-size: 18px;
    margin: 15px;
    text-decoration: none;
}

.back-list:before {
    content: url(../images/en/back.png);
    margin-right: 5px;
    vertical-align: sub;
}

/*--------------- End Resellers Locator Section ---------------*/
/*--------------- Wecrdit Section ---------------*/
.ccard-we {
    float: right;
    border: 1px solid #988199;
    width: 265px;
    height: 185px;
    padding: 15px 10px;
    margin-bottom: 18px;
    text-align: center;
}

.ccard-we label {
    display: block;
}

.ccard-we img {
    margin: 18px 0;
}

.ccard-we p {
    line-height: 1.4em;
}

/*--------------- End Wecrdit Section ---------------*/
.menu_title {
    float: none !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    color: #0eafd1;
    font-size: 90%;
    text-transform: uppercase;
}

.divider {
    width: 93% !important;
    border-bottom: 1px solid transparent !important;
    height: 1px;
    margin: 10px 0 !important;
    padding: 10px 0 0 !important;
    overflow: hidden;
    float: none !important;
    clear: left;
    display: block;
    border-radius: 0px !important;
}

/*--------------- End Wecrdit Section ---------------*/
.filters {
    float: right;
    width: 25%;
}

.filters ul {
    float: left;
    width: 80%;
    border: 1px solid #f3f3f3;
    padding: 10%;
    border-radius: 5px;
}

.filters li {
    display: block;
    float: left;
    width: 100%;
    color: #494949;
    font-size: 75%;
    line-height: 1.7em;
    margin-bottom: 15px;
    border-bottom: 1px dashed #f3f3f3;
    padding-bottom: 10px;

}

.filters label {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    color: #0eafd1;
    font-size: 120%;
    background-color: #f3f3f3;
    padding: 5px 10px;
}

.filters input {
    float: left;
    clear: left;
    height: 15px;
    width: 15px;
    margin: 3px 10px;
}

.filters span {
    float: left;
}

.filters .button {
    float: left;
    background-color: #737373;
    color: #fff;
    border-radius: 5px;
    margin: 4px 0 !important;
    padding: 15px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
    line-height: 0;
}

.filters .button:hover {
    background-color: #0eafd1;
}

.filters .reset {
    float: left;
    clear: none;
    background-color: transparent;
    color: #0eafd1;

    border: none;
    margin: 4px 5px !important;
    padding: 15px;
    width: auto;
    border: none;
    font-weight: normal;
    font-size: 80%;
    cursor: pointer;
    line-height: 0;

}

.filters .reset:hover {
    text-decoration: underline;
}

.slider.slider-image {
    padding-top: 50px;
    height: 385px;
}

.ahref a {
    color: #0eafd1;
    display: block;
    font-size: 11px;
    margin: 5px 20px 5px 0;
    text-decoration: underline;
}

.ahref a:hover {
    text-decoration: none;
}
/*================================================== 
Extra 
==================================================*/
.launch_btn {
    width:90%;
    padding:12px 20px;
    background-color:#0db0d1;
    color:#fff;
    border-radius: 5px;
    font-size:17px;
    text-align:center;
    display:inline-block !important;
    margin-bottom:15px;
    cursor:pointer;
}
.launch_btn.in {
    width:auto;
}
#launch_btn:hover {
    background-color:#00a0c1;
}
#designerDiv > label {
    display:block;
    width: 100%;
    font-size:12px;
    color:#494949;
    padding:10px 0;
    cursor:pointer;
}
#designerDiv > label input {
    margin-right: 10px;
    vertical-align:middle;
}
#cardselectoption li {
    list-style:none;
    width:41%;
    padding:2%;
    margin:2%;
    display:inline-block;
    float:left;
    border:1px solid #1ba037;
    border-radius: 5px;
    text-align:center;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
#cardselectoption li a {    
    color:#1ba037;
    text-decoration:none;
    font-size:14px;
}
#cardselectoption li:hover {
    background-color: #1ba037;
}
#cardselectoption li:hover a {
    color:#fff;
}

.personalize {
    background-color: #878787;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    padding: 18px 0;
    text-align: center;
    width: 100%;
    font-size: 85%;
    cursor:pointer;
    font-weight: 700;
    border:none !important;
}
.personalize:hover ,.personalize:focus,.personalize:active{
    background-color:#10a0c1;
    border:none;
}

.designerBtns {
    background-color: #0db0d1;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    float: left;
    padding: 10px 25px;
    text-align: center;
    cursor:pointer;
}
.designerBtns:hover {
    background-color:#10a0c1;
}
.designerBtns.gray {
    background-color: #878787;
}
.designerBtns.gray:hover {
    background-color: #979797 !important;
}

#cboxClose {
    background:none !important;
     text-indent:0 !important;
     font-size:0;
}
#cboxClose:before {
    content: "";
     display:inline-block;
     width:20px;
     height: 20px;
     background:url(../images/shared/close.png) no-repeat center center;
     background-size:100%;
}
#cboxClose:hover::before
{
     background:url(../images/shared/close1.png) no-repeat center center;
    background-size: 100%;
}
.quantity.inside {
    display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
}
.quantity.inside a {
    text-decoration: none !important;
    color: #fff !important;
}

#pp_loader_div {
    background-color: #fff;
    display: block;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}
#pp_loader_div img {
    position: absolute;
    top: 50%;
}





.aa span:before,
.paa span:before,
.pbb span:before,
.wbb span:before,
.bb span:before,
.cc span:before,
.ppc span:before ,
.dd span:before {
    display: block;
    line-height:14px;
}

.aa span em,
.paa span em,
.pbb span em,
.bb span em,
.wbb span em,
.cc span em,
.ppc span em,
.dd span em {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}

.paa span,.pbb span,.wbb span {
       padding: 19px 0 22px;
}

.paa span:before {
    content: "Leave It Blank "; /*if CSS are disbled span elements are not displayed*/
}

.paa input[type="radio"] + span:before {
   content: "Leave It Blank "; /*if CSS are disbled span elements are not displayed*/
}



.pbb span:before {
     content: "OK, Let's Do It "; /*if CSS are disbled span elements are not displayed*/
}

.pbb input[type="radio"] + span:before {
    content: "OK, Let's Do It "; /*if CSS are disbled span elements are not displayed*/
}

.wbb input[type="radio"] + span:before {
    content: "Upload Now"; /*if CSS are disbled span elements are not displayed*/
}
.wbb span:before {
     content: "Upload Now"; /*if CSS are disbled span elements are not displayed*/
}

.cc span:before {
    content: "Yes"; /*if CSS are disbled span elements are not displayed*/
}

.dd span:before {
    content: "No"; /*if CSS are disbled span elements are not displayed*/
}

.cc input[type="radio"] + span:before {
    content: "Yes"; /*if CSS are disbled span elements are not displayed*/
}

.dd input[type="radio"] + span:before {
    content: "No"; /*if CSS are disbled span elements are not displayed*/
}


/* New card css */

#colorbox{
    position: fixed!important;
    top: 40px!important;
}
.display-none{
    display:none;
}
.clear-both{
    clear:both;
}
.pcv-dialog{
    text-align:center;
    margin:0 auto;
}
.pcv-dialog h2{
    padding: 20px;
    text-align:center;
    margin:0 auto;
}
.btn-upload button {
    background-color: #009CBD;
    color: #ffffff;
    border: none;
    text-align:center;
    padding: 12px;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}
.btn-upload button :hover {
    text-align:center;
    background-color:grey;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 12px;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

.btn-default{
    background-color: #009CBD;
    color: #ffffff;
    border: none;
    text-align:center;
    padding: 12px;
    border-radius: 5px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}  
.pp_image_div {
    padding: 10px;
    background-color: #ffffff;
    width: 80%;
    min-height: 250px;
    max-height: 500px;
    float: none;
    margin: 0 auto;
    text-align:center;
    top: 60px;
    position: relative;
    overflow-y: scroll;
}
  
#pp_upload_image_div,#pp_upload_video_div {
    z-index: 10000010;
    position: fixed;
    padding: 0px;
    margin: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    color: rgb(0, 0, 0);
    border: none;
    background: rgba(0, 0, 0, 0.701961);
    cursor: default;
    right: 0px;
    bottom: 0px;
}
.dropzone{
    float: left;
    display: inline-flex;
    min-height:300px;
    width: 96%;
    overflow-y: auto;
    border-radius: 5px;
    background-color: #ddd;
    margin: 10px;
    flex-wrap: wrap;
}

/* New card css */
#card_preview_contents
{
    height: auto;
    /*width: 1152px;*/
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
.line
{
    width: 100%;
}
.card_mid
{
    background-color: #fff;
    width: auto;
    /* margin: 0px auto; */
    height: auto;
    padding: 0% 18%;
    float: left;
    padding-bottom: 30px;
}
.card_mid h1
{
    /*font-size: 150%;*/
    font-size: 100%;
    color: #595959;
    text-align:center;
    margin: 25px 0px;
    font-weight: 100;
}
.card_mid h3,.card_sec_ul li,.green_div h4
{
  /*  font-size: 100%;*/
     font-size: 84%;
    color: #595959;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 16px;
    width: 100%;
    float: left;
}

.vid_head
{
    font-size: 85%;
    color: #595959;
    margin: 5px 0px 0px 0px;
}
.card_mid .card_frst_ul{
    width: 100%;
    margin: 0px 0px;
    padding: 0% 0% 2% 0px ;
}
.card_mid .card_frst_ul li{
    list-style-type: none;;
    display: inline-block;
    text-align: center; 
}
.card_mid .card_frst_ul li a
{
    text-decoration: none;
    float: left;
    width: 100%;
}
.card_mid .card_frst_ul li a img
{
    width: auto;
    height: 85px;
    margin: 0px auto;
}
.frst
{
    width: 30%;
    padding: 10px 0px;
}
.mid
{
    padding:0px 0px;
    width: 40%;
    padding: 10px 0px 10px 0px;
}
.last{
     width: 28%;
     padding: 10px 0px 10px 0px;
}
.frst:hover,.mid:hover,.last:hover
{
    background-color: #f8f8f8;
    border-radius: 3px;
}
.green_div
{
    width: auto;
    height: auto;
    background-color: #ddf1ee;
    border: 2px solid #bbe3dd;
    border-radius: 3px;
    padding:20px 20px;
    margin-top: 25px;
    float: left;
}
.card_sec_ul
{
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding:0px;
    float: left;
}
.card_sec_ul li,.green_div h4
{
    margin-bottom: 0px !important;
}
.card_sec_ul li
{
    margin: 0px;
    padding:0px;
    display: block;
    list-style-type: none;
}


.vid_logo
{
    float: left;
}
.fileUpload {
    position: relative;
    float: right;
    cursor: pointer;
    right: -32px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
   
}
.add_btn
{
    background-color: #6ac8d2;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 60px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
}
.add_btn:hover
{
    background-color: #84D9E3;
}
.submit_1:hover
{
    background-color:#9dd185;
}
.green:hover{
     background-color:#9dd185;
}
.yellow:hover{
     background-color:#EFCB87;
}
.last_1
{
    float: right;
    padding-top: 116px;
}
.card_mid .card_upload li{
    list-style-type: none;;
    display: inline-block;
    text-align: center !important;  
}
.frst_2
{
    width: 20%;
}
/*.card_upload_head{
    margin-left:20px;
}*/
/*.card_upload_head1{
    margin-left:30px;
}*/
#list
{
    border: 2px solid #ccc;
    border-radius: 4px;
    margin-top: 0px;
    width: 100%;
    float: left;
    padding: 15px 15px;
}

#list span {
    background-color: #e95a36;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 2px 0px;
    border-radius: 100%;
    z-index: 999;
    position: absolute;
    right: -9px;
    top: -9px;
    width: 18px;
    text-align: center;
}
.cancel
{
    background-color: #e95a36;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 100%;
}
#list ul
{
    width: 100%;
    min-height:240px;
    margin: 0px;
    padding: 0px;
}


#list ul li
{
    list-style-type: none;
    display: inline-block;
    margin: 10px 10px 0px 10px;
    width: 150px;
    height: 105px;
    position: relative;
    background-color:#000;
}
#list ul li a
{
    text-decoration: none;
}
#list ul li img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0px auto;
    max-width: 100%;
}
.upload_info
{
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.upload_info h3
{
    font-size: 80% !important;
    color: #595959 !important;
    margin-bottom: 5px !important;
    font-weight: 400 !important;
    padding: 0px 30px;
}
.submit_div
{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.submit_1
{
    background-color: #93cc78;
    color: #fff;
    font-weight: 700;
    font-size: 100%;
    height: 40px;
    border: none;
    padding: 0px 50px 4px 50px;
    border-radius: 8px;
    cursor: pointer;
}
.submit_1 img
{
    height: 16px;
    margin-right: 8px;
    margin-top: 5px;
}
.frst_1 img
{
    float: left;
    margin-right: 15px !important;
}
.pre-img img {
    width:auto;
    height:100px;
}
.frst_1 span{
    font-size:150%;
    color: #595a5a;
    margin-top: 35px;
    font-weight: 700;
    float: left;
}
.notes{
    padding: 0px 50px;
    float: left;
    margin-top: 10px;
}
.imp_notes
{
    color: #595959;
    font-size: 100%;
    margin-bottom: 5px;
    
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
 background-color: rgba(255,255,255,0.5);  /*dim the background*/
}
.overlay h1
{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 26px 0px !important;
}
.thumb_vid
{
    width: 100%;
    height: 100%;
}
.prev_mid
{
    float: none;
    text-align: center;
    padding: 0px 60px;
    width: 480px !important;
    height: 272px !important;
}
.yellow,.green
{
    padding: 10px 35px;
    font-size: 85%;
    font-weight: 700;
    color: #fff;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.yellow:hover,.yellow:active,.yellow:focus,.green:focus,.green:active,.green:hover
{
    text-decoration: none;
}
.yellow 
{
    float: left !important;
    background-color: #f3be5a;
}
.green
{
    float: right !important;
    background-color: #93cc78;
}
.preview_buttons
{
    margin: 20px 0px 20px 0px;
    float: left;
    width: 100%;
}
.line_2{
    width: 100%;
    position: relative;
    padding-right: 0px;
    height: 6px;
    border-radius: 2px;
}


/* video css */
#cards_vid video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
#cards_vid video::-webkit-media-controls-play-button {}

#cards_vid video::-webkit-media-controls-volume-slider {}

#cards_vid video::-webkit-media-controls-mute-button {}

#cards_vid video::-webkit-media-controls-timeline {}

#cards_vid video::-webkit-media-controls-current-time-display {}

/* big video */
.play_icon
{
    position: absolute;
    top: 0%;
    right: 0%;
    width: 120px;   
}
.big_vid
{
    position: relative;
}

.display-none{
    display:none;
}
.clear-both{
    clear:both;
}
.up_inner
{
    padding: 0% 11%;
}



#slider_preveiw
{
    margin-top: 25px !important;
}

/*input[type=checkbox] {
  display: none;
}
.checkbox label:before {
  border-radius: 3px;
}
input[type=checkbox]:checked + label:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
    line-height: 15px;
}
*/

.checkall
{
    background-color: #009cbd !important;border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-size: 75%;
    font-weight: bold;
    height: auto;
    padding: 10px 30px;
    width: auto;
    margin: 25px auto 0;"
}

.checkall:hover
{
    background-color: #0eafd1 !important;
}

#myvideo
{
    height: 272px ;
    width: 480px ;
    background-color: #fff !important;
    border: 1px solid #ccc;

}


#pp_preview_div .card_frst_ul{
    margin: 0px 0px;
    padding: 0% 0% 2% 4% ;
    text-align: left;
}
#pp_preview_div .card_frst_ul li{
    list-style-type: none;;
    display: inline-block;
    text-align: center; 
}
#pp_preview_div .card_frst_ul li a
{
    text-decoration: none;
    float: left;
    width: 100%;
}
#pp_preview_div .card_frst_ul li a img
{
    width: auto;
    /*height: 100px;*/  
    height: 85px;
    margin: 0px auto;
}

/* css change 4-11-16 */

@media(max-width: 2560px) and (min-width: 2500px){
    #card_preview_contents {
        width: 2260px;
    }
    .card_mid
    {
        padding: 0% 30%;
    }
    .prev_mid
    {
        float: none;
    }

}

@media(max-width: 1920px) and (min-width: 1900px){
    #card_preview_contents
    {
        width: 1665px;

    }
     .prev_mid
    {
        float: none;
    }
    .card_mid
    {
        padding: 0% 23%;
    }
}

/*.upper-canvas 
{
    background: url("https://wishacupcake.cachefly.net/wp-content/uploads/2015/07/chocolate-truffle-cake-dark-chocolate-cake-chocolate-sponge-cake.jpg?x88157") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

}*/


.loader
{
    width: 50px !important;
    height: auto !important;
}
@media screen and (min-width 420px) and (max-width 1280px){
.nav ul {
    margin: 17px 0px 3px 10px!important;
   
}
}

#address_blocks li a[class="shipto"]:hover{
    background-color:#009cbd!important;
}
#shipping_method_label img{
    max-width:100%;
}

/* new changes  2-12-2016 */
/* .pp-uses-scroll
{
    height: 250px !important;
}

.pp-tab-div1
{
    height: 80% !important;
} */
.pp-pack{
      height: 100% !important;
}
.new_class
{
    margin-bottom: 0px !important;
}
.new_new
{
    margin-top: 0px !important;
}

 .coll_list{
    width: 44%;
    float: left;
    display: block;
    margin-right: 40px;
    margin-bottom: 16px;
  }
  .coll_name{
      width:100%;
     margin-top:5px;
  }
  .coll_img img{
      max-width:100%;
      height:157px;
  }
  
.ef {
 -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) !important;
 transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) !important;
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #0eafd1 4%) !important;
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #0eafd1 4%) !important;
 background-position: -200px 0 !important;
 background-size: 0 100% !important;
 background-repeat: no-repeat !important;
 padding: 0px 10px 0px 10px !important;
 height: 45px !important;
}

.ef:focus{
  box-shadow: none;
  outline: none;

}
.ef:active,.ef:focus,.ef:hover{
   border:1px solid #0eafd1 !important; 
 
}

.efff
{
  background-color: #fff !important;
  height: 45px !important
}
.efff:active,.efff:focus,.efff:hover{
   border:1px solid #0eafd1 !important; 
 
}


.ef:focus::-webkit-input-placeholder {
    -webkit-transition: all 0.3s ease-in-out ;
  transition: all 0.3s ease-in-out;
  color: #0eafd1;
  font-size: 11px;
  -webkit-transform: translateY(-15px) !important;
  transform: translateY(-15px) !important;
  visibility: visible !important;
}

.ef_lab
{
    font-size: 75% !important;
    font-weight: 400 !important; 
    padding: 10px 10px !important;
    height: auto !important;
}
.eff 
{
    height: 135px !important;
    padding: 20px 12px !important;
    color: #999 !important;
}
#contact input
{
    color: #999 !important;
}
.arrow_login{
    width: 10px;
}
/*---------------------------*/
select#expiration_month {
    float: left;
    width: 31%;
    margin: 5px 12px;
}
select#expiration_year {
    float: left;
    width: 31%;
}
#checkout_form .exdate {
    padding: 18px 10px;
    color: #aaa;
    font-weight: lighter;

}

/*select#expiration_month{
    color: black;
}*/
select.unselected{
    color: gray;
}


 select {
            color: #aaa; /* default unselected color */
    }

    select:focus {
            color: #000; /* color when focused */
    }

    select:checked{
            color:#000; /* color when selected but not focused */
    }

    select option{
        color:#000;
    }

 .upload_vid{
   background-color: #6ac8d2;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 10px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    
	}
.franserv_btn{
	padding: 20px 20px 20px 20px;
    color: #FFF!important;
    text-align: center;
    background: #878787;
    border-radius: 5px;
	line-height: 20px;
    float: right;
    cursor: pointer;
	font-size: 85%;
    border: none;
    font-weight: bold;
	width: 132px;
    margin-bottom: 10px;
	text-decoration: none!important;
}
.franserv_btn:hover  {
	    background: #0db0d1;
}
.head_text {
    font-family: "Raleway", sans-serif;
    float: left;
    font-size: 97%;
    font-weight: normal;
    color: #605b5a;
    text-transform: uppercase;
    margin-top: 50px;
    margin-left: 11%;
    width: 100%;
}
@-moz-document url-prefix() {
 .head_text {
   
    margin-left: 5%;
    width: 95%;
}
}
.card_design
{
    background-color: #fff;
    width: auto;
    height: auto;
    padding: 0 20px;
    padding-bottom: 30px;
}
.card_design h1
{
    font-size: 100%;
    color: #595959;
    text-align: center;
    margin: 0 auto;
    padding: 28px;
    font-weight: 100;
}
.upload_templete  {
	border: 1px solid #c3c3c3;
    height: 400px;
    margin: 0 auto;
    
}
.upload_templete   .select_file{
	opacity: 1;
    background-image: url(../images/spritemap.png);
    background-repeat: no-repeat;
    background-position: center  center;
    width: 100%;
    height: 100%;
   
	}
.upload_process{
  width: 100%;
  height: 100%;
  z-index: 10;
    margin: 0 auto;
  background-color: rgba(255,255,255,0.5); 
}
.upload_process h1{
	
	text-align: center;
	margin: 0 auto;
}
.upload_process h1 b
{
	top: 29%;
    left: 48%;
    font-size: 161%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}

.upload_loader{
    width:300px;
}

.comp_temp {
	padding: 20px 20px 20px 20px;
	color: #FFF!important;
	text-align: center;
	background: #94cc78;
	border-radius: 5px;
	float: right;
	cursor: pointer;
	font-size: 85%;
    border: none;
    font-weight: bold;
	width: 132px;
	margin-bottom: 10px;
	text-decoration: none!important;
	line-height: 20px;

}
.comp_temp:hover{
     background-color:#9dd185;
}
/*--------------------*/
.site_logo{
    width: 280px;
    max-height: 30px;
    float:right;
    margin-left: 7px;
	margin-top: -5px;

}
.site_logo img {
    width: 100%;
    height: 100%;
	margin:0px!important;
}


#upload_templete_process{
	    position: relative;
}