Subversion Repositories SmartDukaan

@font-face { font-family: 'LeagueGothicRegular' !important; src: url('/fonts/androidland/League_Gothic-webfont.ttf') font-weight: normal !important; font-style: normal !important; }>
        @font-face {
    font-family: 'myriad';
    src: url('/fonts/androidland/MYRIADPRO-REGULAR.OTF');
}

@font-face {
    font-family: 'myriad-pro-thin';
    src: url('/fonts/androidland/MyriadSetPro-Thin.ttf');
}

@font-face {
    font-family: 'myriad-pro-bold';
    src: url('/fonts/androidland/MyriadSetPro-Bold.ttf');
}

#main-banners {
        cursor: default;
        height: 370px;
        overflow: hidden;
        position: relative;
        width: 940px;
        border-bottom : 1px solid grey;
}
.main-container {
   background-color: #FFFFFF;
   box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);
   color: #444444;
   margin: auto;
   padding: 10px 10px 0;
   width: 940px;
   float: none;
}
.main-background {
   background-color: #E1E1E1;
   width: auto;
}

#product-info {
background: none repeat scroll 0 0 #feef30;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color : grey;
}

.gosf-text {
text-align: center;
padding-top: 40px;
font-size: 35px;
font-family: 'myriad-pro-thin';
letter-spacing: 3px;
}


#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
}
.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(/images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(/images/button-next.png) no-repeat;
}

#main-gosf {
        position: relative;
        width: 700px;
        margin: 50px auto 0 auto;
        padding: 0 0 0 25px;
}

#counter {
        width: 700px;
        height: 145px;
        margin: 55px auto 0 auto;
        font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
        font-size: 92px;
        color: #272727;
        text-shadow: 0 1px 0 #fff;
        overflow: hidden;
        vertical-align: baseline;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: normal;
        padding: 0;
        border: 0;
}

.countDays, .countHours, .countMinutes, .countSeconds {
        float: left;
        width: 102px;
        height: 138px;
        padding-left: 36px;
        background: #e7e7e7;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.07)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07)); 
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07)); 
        background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
        background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
        border: 1px solid #ccc;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow:
                0 2px 3px 0 rgba(255,255,255,.2) inset,
                0 2px 2px 0 rgba(0,0,0,.1);
        -webkit-box-shadow:
                0 2px 3px 0 rgba(255,255,255,.2) inset,
                0 2px 2px 0 rgba(0,0,0,.1);
        box-shadow:
                0 2px 3px 0 rgba(255,255,255,.2) inset,
                0 2px 2px 0 rgba(0,0,0,.1);
}

.points {
        float: left;
        width: 40px;
        margin: 0;
        font-family: Georgia, serif;
        font-size: 44px;
        font-weight: bold;
        text-align: center;
        line-height: 138px;
        text-shadow: none;
}

.position {
        position: relative;
        float: left;
        width: 35px;
        height: 92px;
        margin: 8px 0 0 0;
}

.digit {
        position: absolute;
        top: 0;
        left: 0;
}

.boxName {
        float: left;
        width: 80px;
        margin: -5px 0 0 7px;
        font-size: 36px;
        color: #a6a6a6;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.Hours { margin-left: 5px; }

.Seconds { margin-left: 2px; }


#gosf-form {
        position: relative;
        margin: 40px auto 0 auto;
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        padding: 0;
        border: 0;
}

.gosf-email {
        width: 498px;
        height: 35px;
        padding: 0 15px;
        background: #f1f1f1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.02)), to(rgba(0,0,0,.02)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02)); 
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02)); 
        background-image: -o-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
        background-image: linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
        border: 1px solid #cbcbcb;
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #b3b2b2;
        font-style: italic;
}

.email:focus {
        outline: 0;
        border: 1px solid #c0c0c0;
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
}

.submit {
        width: 140px;
        height: 37px;
        margin: 0 0 0 5px;
        padding: 0;
        background: #888;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1)); 
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1)); 
        background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
        background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
        border: 1px solid #636363;
        -moz-box-shadow:
                0 1px 2px 0 rgba(253,252,252,.35) inset,
                0 -1px 2px 0 rgba(0,0,0,.15) inset;
        -webkit-box-shadow:
                0 1px 2px 0 rgba(253,252,252,.35) inset,
                0 -1px 2px 0 rgba(0,0,0,.15) inset;
        box-shadow:
                0 1px 2px 0 rgba(253,252,252,.35) inset,
                0 -1px 2px 0 rgba(0,0,0,.15) inset;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.35);
        line-height: 13px;
        cursor: pointer;
}

.submit:hover {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
        background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
        background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1)); 
        background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1)); 
        background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
        background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
}

.submit:active {
        -moz-box-shadow:
                0 1px 2px 0 rgba(0,0,0,.15) inset,
                0 3px 13px 3px rgba(0,0,0,.3) inset;
        -webkit-box-shadow:
                0 1px 2px 0 rgba(0,0,0,.15) inset,
                0 3px 13px 3px rgba(0,0,0,.3) inset;
        box-shadow:
                0 1px 2px 0 rgba(0,0,0,.15) inset,
                0 3px 13px 3px rgba(0,0,0,.3) inset;
        color: #ddd;
}

.popup {
        position: absolute;
        top: 45px;
        left: 0;
        width: 140px;
        padding: 10px;
        background: #e7e7e7;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #888;
}

.social-media-arrow {
        position: absolute;
        top: 125px;
        right: -95px;
        width: 108px;
        height: 256px;
        background: url(/images/social-media-arrow.png) top left no-repeat;
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        top: 0px;
        background-repeat: no-repeat;
        background-position: top left;
        margin: 0;
        padding: 0;
        border: 0;
}

.facebook {
        width: 32px;
        height: 32px;
        background: url(/images/facebook-gosf.png);
}

.twitter {
        width: 32px;
        height: 32px;
        background: url(/images/twitter-gosf.png);
}

.gd-row{
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        display: block;
        position: relative;
        padding: 0px;
        border: 0px none;
        height: 50px;
        margin: 0px;
        min-height: 100px;
}

.gd-col {
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        float: left;
        position: relative;
        margin: 0px;
        padding: 0px;
        border: 0px none
}

.text-container {
        font-size: 22px;
        line-height: 85px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        box-sizing: border-box;
        overflow: hidden;
        text-align: center;
        height: 85px;
        color: rgb(51, 51, 51);
        background-color: rgb(15, 69, 160);
        margin: 15px 0px 0px;
        padding: 0px;
        border: 0px none;
        width: 940px;
}

.text-container-inner {
        line-height: normal;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        vertical-align: baseline;
        margin: 0;
        padding: 0;
        border: 0;
}

.gosf-products {
        width : 100%;
        height : 300px;
        margin-top: 30px;
}

.gosf-product-box{
        min-height: 256px;
        height: 157px;
        padding-left: 10px;
        padding-right: 10px;
}

.gosf-product-image {
        border-left-width: 5px;
        padding-right: 4px;
}


.gosf-product-title{
        font-weight: bold;
        color: black;
}

.gosf-product-description{
        font-family: "Lucida Grande","Arial Unicode MS",sans-serif;
        text-align : ceneter;
}

.gosf-final-text{
        font-size: 22px;
        font-family : myriad-pro-thin;
        padding-bottom :20px;
        padding-top: 10px;
        text-align : center;
        letter-spacing :3px;
}

#msg{
        position: fixed;
        top: 40%;
        border: 1px solid #2978C1;
        font-size: 18px;
        box-shadow: #2978C1 0 0 30px 1px;
        background-color: white;
        color: #666;
        display: none;
        line-height:25px;
        margin-left:320px;
        padding:10px;
        z-index:99;
}