/*
    Document   : customizations
    Created on : Mar 13, 2014, 11:40:41 AM
    Author     : kislayajeet
    Description:
        Additional customizations to template designers css
*/


/*Save Configuration */

#save_config_message_box {
    letter-spacing: 1px;
    padding: 30px;
    text-align: center;
    color: #D0CFCF !important;
}

/*  Part Links */
.part-links a{
    text-decoration: none;
}

#save_config_link {
    color: #3F3;
}
#messagebox{
    /*    color: #D0CFCF;*/
}
/*For ipad*/
@media screen and (max-width:768px)
{
    #save_config_message_box {
        padding: 1px;
        text-align: center;
        color: #D0CFCF !important;
        overflow-y: auto;
    }
}
/*For iphone*/
@media screen and (max-width:640px)
{
    #save_config_message_box {
        padding: 1px;
        text-align: center;
        width:100%;
        overflow-wrap: break-word;
        overflow-x: hidden;
        color: #D0CFCF !important;

    }
}




.feature_buttom_text_area a

{

    font-size:20px;

    color:#58cb00;

    font-family: 'UbuntuLight';

    margin-top:15px;

}



.feature_left_area a

{

    font-size:20px;

    color:#58cb00;

    font-family: 'UbuntuLight';

    font-weight:100;

    margin-top:15px;

    text-decoration: underline;

}

#recaptcha_area{
    float:right;
}

.mobile_only{
    display: none;
}

.promotion .backbutton {
    width:80%;
}

.promotion  .product_image{
    width:80%;
}
.promotion_header{
    text-align: center;
    color:white;
}
.promotion_header h1{
    color:#58cb00;
    font-size: 4.0em;
}

.promotion_header > .pick_free{

    font-size: 2.0em;
    margin: 20px;
}

.promotion_header > .spend_extra{

    font-size: 1.5em;
    margin: 20px;
}
.promotion_header > .spend_extra span{
    color:#58cb00;
}

.promotion_header .configmainpanel_right_prev_next_cartbutton a{
    // text-align: center;
    width: 60%;
}

.promotion_header .configmainpanel_right_prev_next_cartbutton {
    float: none;
    margin:0 auto;
}

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }

@media all and (min-width: 768px) and (max-width: 1024px) {

    .promotion_header h1{

        font-size: 2.0em;
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton a {
        width: 100%;
        font-size: 2.0em;
        color: white;
        height: 40px
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton a:hover {

        color: black;

    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton {
        width: 30%;
    }

}

@media all and (min-width: 480px) and (max-width: 768px) {



    .promotion_header h1{

        font-size: 2.0em;
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton a {
        width: 100%;
        font-size: 2.0em;
        color: white;
        height: 40px
    }
    .promotion_header .configmainpanel_right_prev_next_cartbutton a:hover {

        color: black;

    }
    .promotion_header .configmainpanel_right_prev_next_cartbutton {
        width: 50%;
    }

    .mobile_only{
        display: block;
    }

    .promotion .gearshop_lefthead{
        width:100%;
    }


}

@media all and (max-width: 480px) {
    .promotion_header h1{

        font-size: 2.0em;
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton a {
        width: 100%;
        font-size: 2.0em;
        color: white;
        height: 40px
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton {
        width: 50%;
    }

    .promotion_header .configmainpanel_right_prev_next_cartbutton a:hover {

        color: black;

    }

    .mobile_only{
        display: block;
    }

    .promotion .backbutton {
        width:50%;
    }
}


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {


}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {

}