* {
    padding: 0;
    margin: 0
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

a:focus {
    -moz-outline-style: none
}

:focus {
    outline: 0
}

button,input,select,textarea {
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
    margin: 0
}

input[type=reset],input[type=submit],input[type=button],button {
    -webkit-appearance: button
}

textarea {
    resize: none;
    overflow: auto
}

fieldset {
    border: 0
}

button,input {
    line-height: normal
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

*:first-child+html button {
    overflow: visible
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

.ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,blockquote {
    display: block
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .aminclearfix,*:first-child+html .amin.clearfix {
    zoom: 1
}

.aminclearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .aminclearfix,*:first-child+html .aminclearfix {
    zoom: 1
}

@font-face {
    font-family: 'Nassim';
    src: url('../Font/nassim-bold-webfont.eot');
    src: url('../Font/nassim-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../Font/nassim-bold-webfont.woff') format('woff'),url('../Font/nassim-bold-webfont.ttf') format('truetype'),url('../Font/nassim-bold-webfont.svg#BBCNassimBold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'b yekan';
    src: url('../Font/BYekan.eot?#') format('eot'),url('../Font/BYekan.woff') format('woff'),url('../Font/BYekan.ttf') format('truetype')
}

html {
    background: #f0f0f0 url(../Images/BitKala/background.png) repeat-x
}

body {
    font: 14px/20px b yekan,Nassim,Trebuchet MS,Arial;
    color: #040404
}

a {
    text-decoration: none;
    color: #040404
}

a:hover {
    text-decoration: underline
}

button,input,select,textarea {
    font: 14px/20px b yekan,Nassim,Trebuchet MS,Arial
}

#account .center textarea {
      width: 200px !important;
       float: right;
}
textarea {
    width: 260px;
    height: 76px;
    font-size: 14px;
    line-height: 19px;
    padding: 5px 19px;
    margin: 0 0 10px 0;
    background: url(../Images/BitKala/text.png) repeat-x bottom;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   
}

.container {
    width: 960px;
    margin: 0 auto
}

.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 12px;
    line-height: 34px;
    height: 34px;
    color: #fff;
    background: url(../Images/BitKala/button.png) repeat-x;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.membershipButton {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    color: #fff;
    background: url(../Images/BitKala/button.png) repeat-x;
    border: 0;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.button:hover {
    text-decoration: none
}

.button.big {
    width: 100%;
    height: 38px;
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    background: url(../Images/BitKala/button-big.png) repeat-x
}

.button.gray {
    background: url(../Images/BitKala/button-gray.png) repeat-x;
    cursor: default
}

span.button {
    cursor: default
}

.button span {
    display: block;
    height: 34px;
    padding: 0 20px 0 30px;
    background: url(../Images/BitKala/arrow-white.png) no-repeat 15px center
}

.button.big span {
    height: 45px;
    font-size: 28px
}

.notification {
    position: relative;
    width: 900px;
    font-size: 14px;
    line-height: 22px;
    color: #111;
    padding: 6px 30px;
    margin: 10px 0 -25px 0;
    background: #fefefe url(../Images/BitKala/notification.png) repeat-x left bottom;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.notification.red,.notification li.red {
    color: #dc351f
}

.notification.green,.notification li.green {
    color: #719b01
}

.notification.blue,.notification li.blue {
    color: #4666ad
}

.notification.orange,.notification li.orange {
    color: #e79b0f
}

.notification .close {
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 23px;
    height: 25px;
    background: url(../Images/BitKala/notification-close.png)
}

.recommend {
    height: 37px;
    padding: 0 30px;
    margin: 15px 0 20px 0;
    background: url(../Images/BitKala/recommend.png)
}

.recommend ul {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 37px;
    height: 37px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3)
}

.recommend ul li {
    display: block;
    float: left;
    text-align: right;
    width: 50%;
    height: 37px;
    overflow: hidden
}

.recommend ul li:first-child {
    text-align: left
}

.recommend ul li img {
    display: inline;
    margin: 10px 8px 0 0
}

.recommend ul li a.link-google-plus {
    display: inline-block;
    margin-top: 4px
}

.newsletter {
    font-size: 12px
}

.newsletter form,.newsletter form p {
    background: #fff;
    border: 1px solid #dfdfdf;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px*/
}

.newsletter div.loader {
    float: left;
    width: 50px;
    height: 41px;
    border: 0
}

.newsletter div.loader img {
    display: block;
    margin: 12px auto 0 auto
}

.newsletter button {
    float: left;
    width: 50px;
    height: 41px;
    background: url(../Images/BitKala/button-purple.png) repeat-x;
    border: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer
}

.newsletter button span {
    display: block;
    width: 50px;
    height: 41px;
    background: url(../Images/BitKala/arrow-white.png) no-repeat center center
}

.newsletter .text {
    margin-right: 5px;
    width: 170px;
    height: 41px;
    font-size: 13px;
    line-height: 41px;
    color: #000;
    border: 0;
    background: #fff
}

.newsletter .alert-success {
    color: #719b01
}

.newsletter input:disabled {
    color: #888
}

.jquery-selectbox {
    position: relative;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    color: #111;
    padding: 0 19px;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 0
}

.jquery-selectbox.selecthover {
    -webkit-border-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 700
}

.jquery-selectbox .jquery-selectbox-currentItem {
    white-space: nowrap;
    display: block;
    margin: 0 0 0 50px;
    overflow: hidden;
    cursor: pointer
}

.jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 38px;
    left: -1px;
    width: 100%;
    background: #eee;
    border: 1px solid #e0e0e0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000
}

.jquery-selectbox .jquery-selectbox-moreButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 38px;
    background: url(../Images/BitKala/selectbox-light.png) no-repeat center center;
    border-right: 1px solid #e0e0e0;
    cursor: pointer
}

.jquery-selectbox .jquery-selectbox-item {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    cursor: pointer;
    overflow: hidden
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
    color: #888
}

.tabs li {
    float: right;
    margin: 0 0 0 3px
}

.tabs li a,.tabs li span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#sidebar .tabs li a,#sidebar .tabs li span {
    background: url(../Images/BitKala/tabs.png) repeat-x;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px
}

.tabs li:hover a,.tabs .current a {
    text-decoration: none;
    color: #111;
    background: #fff
}

.tabs.single li {
    float: none;
    margin: 0
}

.tabs.single span {
    width: 170px;
    padding: 0 30px
}

.pagination {
    padding: 10px 0
}

.pagination ol li {
    float: left;
    padding: 0 3px;
    text-align: center;
    font: 700 12px/16px b yekan,Arial
}

.pagination ol li a,.pagination ol li span {
    display: block;
    color: #888;
    width: 16px;
    height: 16px
}

.pagination ol li span {
    color: #fff;
    background: #a7aee0
}

.pagination ol li a:hover {
    text-decoration: none;
    color: #111
}

.pagination ol li .arrow {
    background: url(../Images/BitKala/pagination.png)
}

.pagination ol li .arrow.next {
    background-position: 0 0
}

.pagination ol li .arrow.next:hover {
    background-position: -16px 0
}

.pagination ol li .arrow.prev {
    background-position: 0 -16px
}

.pagination ol li .arrow.prev:hover {
    background-position: -16px -16px
}

.pagination ol li .arrow.first {
    background-position: 0 -48px
}

.pagination ol li .arrow.first:hover {
    background-position: -16px -48px
}

.pagination ol li .arrow.last {
    background-position: 0 -32px
}

.pagination ol li .arrow.last:hover {
    background-position: -16px -32px
}

.cities {
    display: none;
    position: absolute;
    height: 200px;
    z-index: 1;
    padding: 10px 0;
    margin: 0 0 -10px 0;
    background: #111 url(../Images/BitKala/cities.png) repeat-x left bottom;
    border: 1px solid #111;
    -webkit-box-shadow: inset 0 0 0 1px #646464;
    -moz-box-shadow: inset 0 0 0 1px #646464;
    box-shadow: inset 0 0 0 1px #646464;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.cities .top {
    padding: 0 0 6px 0;
    margin: 0 10px 10px 10px;
    border-bottom: 1px solid #444
}

.cities .top .close {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(../Images/BitKala/dialog-close.png)
}

.cities .top .title {
    display: block;
    float: right;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff
}

.cities ul {
    float: left;
    width: 137px;
    padding: 0 10px;
    border-left: 1px solid #373737;
    border-right: 1px solid #101010
}

.cities .first {
    border-left: 0
}

.cities .last {
    border-right: 0
}

.cities ul li {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 0;
    border-bottom: 1px dotted #444
}

.cities ul li a {
    display: block;
    color: #888
}

.cities ul li a:hover {
    text-decoration: none;
    color: #fff
}

.scrollable .thumb {
    width: 13px;
    height: 40px;
    background: url(../Images/BitKala/thumb.png) 0 0;
    cursor: pointer
}

.scrollable {
    position: relative;
    width: 600px;
    height: 365px
}

.scrollable .viewport {
    float: right;
    position: relative;
    width: 550px;
    height: 365px;
    overflow: hidden
}

.scrollable .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 550px
}

.scrollable .scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px
}

.scrollable .track {
    position: relative;
    width: 19px;
    height: 365px;
    background: url(../Images/BitKala/scrollbar.png)
}

.scrollable .thumb {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 3px
}

.scrollable .disable {
    display: none
}

#top {
    font-size: 12px;
    color: #fff
}

#top a {
    color: #fff;
    padding: 0px 2px 0 2px;
}

#top a:hover {
    text-decoration: none;
    color: #ffc
}

#top .logo {
    display: block;
    float: right;
    width: 300px;
    height: 55px;
    margin: 12px 0 0 0;
    padding: 0;
    background: url(../Images/BitKala/logo-typo.png) no-repeat center bottom
}

#top .user {
    float: left;
    width: 300px;
    line-height: 37px;
    margin-top: 25px
}

#top .user .cart {
    float: left;
    width: 250px;
    text-align: left;
    padding: 0 0 0 40px;
    background: url(../Images/BitKala/cart.png) no-repeat left center
}

#top .user ul {
    float: left
}

#top .user ul li {
    float: left;
    padding: 0 3px
}

#top nav {
    float: left
}

#top nav ul {
    float: left;
    padding: 5px 0 0 0
}

#top nav ul li {
    float: left;
    padding: 0 5px 0 0
}

#top nav ul li a {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    background: url(../Images/BitKala/subnavigation.png) repeat-x left top
}

#top nav ul li a:hover {
    text-decoration: none;
    background-position: 0 -32px
}

#top nav .city {
    display: block;
    float: right;
    width: 140px;
    height: 37px;
    font-size: 14px;
    line-height: 37px;
    color: black;
    padding: 0 20px;
    background: white url(../Images/BitKala/selectbox.png) no-repeat 20px center;
    border: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius: 5px;
    margin-top: 25px
}

#top img {
    float: right
}

#featured {
    clear: both;
    padding: 25px 0 0 0
}

#featured .tab {
    position: relative;
    padding: 20px 10px 20px 20px;
    background: #fff;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0;
    border-radius: 5px;
    border-top-right-radius: 0
}

#featured .tab .thumb {
    position: relative;
    float: left;
    width: 440px;
    height: 300px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

#featured .tab .thumb img {
    display: block
}

#featured .tab .thumb .price {
    display: block;
    position: absolute;
    top: 10px;
    right: -12px;
    width: 145px;
    height: 86px;
    font-weight: 400;
    font-size: 24px;
    line-height: 74px;
    padding: 0 30px;
    color: #fff;
    background: url(../Images/BitKala/featured-price.png)
}

#featured .tab .thumb .percent {
    display: block;
    position: absolute;
    top: 10px;
    right: -12px;
    width: 60px;
    height: 86px;
    font-weight: 400;
    font-size: 33px;
    line-height: 74px;
    padding: 0 25px 0 35px;
    color: #fff;
    background: url(../Images/BitKala/featured-percent.png)
}

#featured .tab .thumb .share {
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 39px;
    height: 74px;
    padding: 5px 0 0 0;
    background: url(../Images/BitKala/share.png)
}

#featured .tab .thumb .share li {
    font: 0/0 a;
    padding: 3px 0 0 0
}

#featured .tab .thumb .share li a {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto
}

#featured .tab .thumb .share .facebook a {
    background: url(../Images/BitKala/share-facebook.png)
}

#featured .tab .thumb .share .twitter a {
    background: url(../Images/BitKala/share-twitter.png)
}

#featured .tab .thumb .share .cloob a {
    background: url(../Images/BitKala/share-cloob.gif)
}

#featured .tab .thumb .share .email a {
    background: url(../Images/BitKala/share-email.png)
}

#featured .tab .info {
    float: left;
    width: 460px;
    padding: 0 0 0 30px
}

#featured .tab .info .details {
    float: left;
    width: 325px;
    padding: 0 20px 0 0
}

#featured .tab .info .details h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #040404;
    padding: 0 0 10px 0
}

#featured .tab .info .details p {
    padding: 0 0 20px 0
}

#featured .tab .info .details .first {
    color: #dc351f
}

#featured .tab .info .details .price {
    position: absolute;
    left: 480px;
    bottom: 20px
}

#featured .tab .info .details .price li {
    float: left;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 10px 15px;
    border-left: 3px solid #ccc
}

#featured .tab .info .details .price li:first-child {
    border: 0
}

#featured .tab .info .details .price li span {
    display: block;
    font-size: 14px
}

#featured .tab .info .column {
    float: left;
    width: 115px;
    text-align: center
}

#featured .tab .info .column>ul {
    font-weight: 400;
    color: #111;
    margin: 0 0 7px 0;
    background: #efefef;
    border: 1px solid #d4d2d2;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#featured .tab .info .column>ul>li {
    padding: 10px 0;
    border-top: 1px solid #fff
}

#featured .tab .info .column>ul>li:first-child {
    border-top: 0;
    border-bottom: 1px solid #d4d2d2
}

#featured .tab .info .column ul li span {
    display: block;
    padding: 2px 0
}

#featured .tab .info .column ul li .green {
    color: #749503
}

#featured .tab .info .column ul li .number {
    font-size: 48px;
    line-height: 50px;
   
}

#featured .tab .info .column ul li .time {
    font-size: 20px;
    line-height: 30px;
    color: #dc351f
}

#featured .tab .info .column ul li ul li {
    float: left;
    width: 33%;
    font-size: 12px
}

#content {
    padding: 20px 0 60px 0
}

#content.inner {
    padding: 25px 0 60px 0
}

#sidebar {
    float: left;
    width: 237px;
    margin: 6px 5px 0 0
}

#sidebar .background {
    padding: 20px 10px;
    background: #fff
}

#sidebar .box {
    text-align: center;
    padding: 30px 0;
    margin: 0 0 20px 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#sidebar .box.purple {
    font-size: 13px;
    color: #fff;
    background: #7580cd url(../Images/BitKala/purple.png) repeat-x left bottom
}

#sidebar .box.purple span {
    display: block;
    padding: 3px 0
}

#sidebar .box.purple span.phone {
    margin-top: 10px;
    font-size: 24px
}

#sidebar .box.purple a.email {
    font-size: 17px
}

#sidebar .box.purple strong {
    display: block;
    font-size: 20px
}

#sidebar .box.purple a {
    color: #fff
}

#sidebar .newsletter {
    color: #111;
    margin: 0 0 20px 0
}

#sidebar .newsletter p {
    padding: 10px 0 0 0
}

#sidebar .deals .item {
    padding: 15px 0;
    border-top: 1px solid #ccc
}

#sidebar .deals .item:first-child {
    padding: 0 0 15px 0;
    border: 0
}

#sidebar .deals .item h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 5px 0
}

#sidebar .deals .item p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px 0
}

#sidebar .deals .item img {
    display: block;
    float: left;
    width: 100px;
    height: 70px;
    margin: 0 10px 0 0
}

#sidebar .deals .item .info {
    float: left;
    width: 100px;
    text-align: center;
    font-weight: 400
}

#sidebar .deals .item .info .percent {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #dc351f
}

#sidebar .deals .item .info .price {
    display: block;
    font-size: 12px;
    line-height: 14px
}

#sidebar .deals .item .info .button {
    width: 100px
}

#sidebar .deals .item .info .button span {
    padding: 0 0 0 10px;
    text-align: center
}

#sidebar .deals .bottom {
    display: block;
    height: 38px;
    font-weight: 400;
    line-height: 38px;
    color: #111;
    padding: 0 30px;
    margin: 0 0 20px 0;
    background: #ccc;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

#sidebar .deals .bottom:hover {
    text-decoration: none
}

#sidebar .deals .bottom span {
    display: block;
    float: right
}

#sidebar .deals .bottom .arrow {
    float: left;
    width: 16px;
    height: 16px;
    margin: 10px 0 0 -10px;
    background: url(../Images/BitKala/pagination.png) -16px -16px
}

#main {
    float: right;
    width: 714px;
    margin-top: 10px
}

#main.full {
    float: none;
    width: 960px
}

#main .background {
    height: auto !important;
    min-height: 850px;
    overflow: hidden;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#main .background.tabbed {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

#main h2 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    padding: 10px 0
}

#main h1 {
    font-weight: 400;
    padding: 5px 0
}

#main #deal h1 {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 0 5px 0;
    font-weight: 100
}

#main #deal h2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #dc351f
}

#main .successitem {
    padding: 5px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc
}

#main .successitem .thumb {
    float: left;
    position: relative;
    width: 290px;
    height: 195px;
    margin: 0 20px 0 0
}

#main .successitem .thumb .price {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 94px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .successitem .info {
    float: left;
    width: 360px;
    padding: 10px 0
}

#main .successitem .info h3 {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 5px 0
}

#main .successitem .info p {
    padding: 0 0 13px 0
}

#main .successitem .info .first {
    color: #dc351f
}

#main .successitem .info .price {
    float: left
}

#main .successitem .info .price li {
    float: left;
    text-align: center;
    padding: 10px;
    border-left: 2px solid #ccc
}

#main .successitem .info .price li:first-child {
    border: 0
}

#main .successitem .info .price li span {
    display: block
}

#main .successitem .thumb .percent {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 35px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 10px 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .successitem .prices {
    float: left;
    width: 210px;
    height: 185px;
    padding: 10px 5px 10px 10px;
    margin: -5px 0 -5px 30px;
    border-left: 1px solid #ccc
}

#main .successitem .prices dl {
    padding: 10px 0 0 0
}

#main .successitem .prices dl dt,#main .successitem .prices dl dd {
    float: right;
    line-height: 25px;
    border-top: 2px solid #ccc
}

#main .successitem .prices dl dt.first,#main .successitem .prices dl dd.first {
    border: 0
}

#main .successitem .prices dl dd {
    width: 120px;
    font-size: 18px;
    padding: 10px 10px 10px 0
}

#main .successitem .prices dl .total {
    color: #dc351f
}

#main .successitem .prices dl dt {
    width: 80px;
    height: 25px;
    padding: 10px 0;
    overflow: hidden
}

#main .checkoutsuccessitem {
    padding: 5px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc
}

#main .checkoutsuccessitem .thumb {
    float: right;
    position: relative;
    width: 130px;
    height: 110px;
    margin: 0 0 0 20px
}

#main .checkoutsuccessitem .thumb .price {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 94px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .checkoutsuccessitem .info {
    float: right;
    width: 520px;
    padding: 10px 0
}

#main .checkoutsuccessitem .info h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 0 5px 0
}

#main .checkoutsuccessitem .info p {
    padding: 0 0 13px 0
}

#main .checkoutsuccessitem .info .first {
    color: #dc351f
}

#main .checkoutsuccessitem .info .price {
    float: left
}

#main .checkoutsuccessitem .info .price li {
    float: left;
    text-align: center;
    padding: 10px;
    border-left: 2px solid #ccc
}

#main .checkoutsuccessitem .info .price li:first-child {
    border: 0
}

#main .checkoutsuccessitem .info .price li span {
    display: block
}

#main .checkoutsuccessitem .thumb .percent {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 35px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 10px 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .checkoutsuccessitem .prices {
    float: right;
    width: 210px;
    padding: 10px 10px 10px 0;
    margin: -5px 30px -5px 0;
    border-right: 1px solid #ccc
}

#main .checkoutsuccessitem .prices dl {
    padding: 10px 0 0 0
}

#main .checkoutsuccessitem .prices dl dt,#main .checkoutsuccessitem .prices dl dd {
    float: right;
    line-height: 25px;
    height: 25px;
    border-top: 2px solid #ccc
}

#main .checkoutsuccessitem .prices dl dt.first,#main .checkoutsuccessitem .prices dl dd.first {
    border: 0
}

#main .checkoutsuccessitem .prices dl dd {
    width: 120px;
    font-size: 18px;
    padding: 10px 10px 10px 0
}

#main .checkoutsuccessitem .prices dl .total {
    color: #dc351f
}

#main .checkoutsuccessitem .prices dl dt {
    width: 80px;
    height: 25px;
    padding: 10px 0;
    overflow: hidden
}

#main .item {
    padding: 5px 12px 25px 0;
    margin-top: 20px;
    width: 300px;
    float: right
}

#main .item .thumb {
    width: 300px;
    height: 182px;
    margin: 0
}

#main .item .thumb img {
    display: block
}

#main .item .info {
    width: 270px;
    padding: 10px 15px 8px;
    background-color: #f3f3f3
}

#main .item .info h3 {
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 5px 0;
    font-weight: 400
}

#main .item .info p {
    padding: 0 0 13px 0
}

#main .item .info .first {
    color: #dc351f
}

    #main .item .info .price {
        float: left;
        margin-right: 10px;
        font-size: 17px;
        color: #c77400
    }

#main .item .info .retail-price {
    float: left;
    color: #888;
    text-decoration: line-through
}

#main .itemsmall {
    padding: 5px 22px 25px 0;
    margin-top: 20px;
    width: 200px;
    float: right
}

#main .itemsmallbanner {
    padding: 0 10px 15px 0;
    margin-top: 20px;
    width: 220px;
    height: 170px;
    float: right;
    background-size: 220px 170px;
    background-repeat: no-repeat
}

#main .itemsmallbanner .thumb {
    width: 220px;
    height: 170px;
    margin: 0
}

#main .itemsmallbanner .thumb h3 {
    color: white;
    padding-top: 64.5px;
    text-align: center;
    font-size: 28px;
    font-weight: 100
}

#main .itemsmallbanner a:hover {
    text-decoration: none
}

#main .itemsmallbanner .overlay {
    position: relative;
    top: 0;
    width: 220px;
    height: 170px;
    background: #2b86ed;
    opacity: .7
}

#main .itemsmallbanner:hover .overlay {
    background: #333;
    opacity: .7
}

#main .itemsmallbanner .overlaytravel {
    position: relative;
    top: 0;
    width: 220px;
    height: 170px;
    background: #e81936;
    opacity: .7
}

#main .itemsmallbanner:hover .overlaytravel {
    background: #333;
    opacity: .7
}

#main .itemsmallbanner .overlayservice {
    position: relative;
    top: 0;
    width: 220px;
    height: 170px;
    background: #31a67e;
    opacity: .7
}

#main .itemsmallbanner:hover .overlayservice {
    background: #333;
    opacity: .7
}

#main .itemsmall .thumb {
    width: 200px;
    height: 136px;
    margin: 0
}

#main .itemsmall .thumb img {
    display: block
}

#main .itemsmall .thumb .price {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 94px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .itemsmall .thumb .percent {
    display: block;
    position: absolute;
    top: 10px;
    right: -1px;
    width: 35px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 10px 0 20px;
    background: url(../Images/BitKala/price.png)
}

#main .itemsmall .info {
    width: 170px;
    padding: 10px 15px 8px;
    background-color: #f3f3f3
}

#main .itemsmall .info h3 {
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 5px 0;
    font-weight: 400
}

#main .itemsmall .info p {
    padding: 0 0 13px 0
}

#main .itemsmall .info .first {
    color: #dc351f
}

#main .itemsmall .info .price {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #96cf00
}

#main .itemsmall .info .retail-price {
    float: left;
    color: #888;
    text-decoration: line-through
}

#main .itemsmall .prices {
    float: left;
    width: 210px;
    height: 185px;
    padding: 10px 5px 10px 10px;
    margin: -5px 0 -5px 30px;
    border-left: 1px solid #ccc
}

#main .itemsmall .prices dl {
    padding: 10px 0 0 0
}

#main .itemsmall .prices dl dt,#main .itemsmall .prices dl dd {
    float: right;
    line-height: 25px;
    border-top: 2px solid #ccc
}

#main .itemsmall .prices dl dt.first,#main .itemsmall .prices dl dd.first {
    border: 0
}

#main .itemsmall .prices dl dd {
    width: 120px;
    font-size: 18px;
    padding: 10px 10px 10px 0
}

#main .itemsmall .prices dl .total {
    color: #dc351f
}

#main .itemsmall .prices dl dt {
    width: 80px;
    height: 25px;
    padding: 10px 0;
    overflow: hidden
}

#main .description-box {
    padding: 30px 0
}

#main .description-box .invite {
    float: left;
    width: 300px;
    margin: 0 20px 0 0
}

#main .description-box .invite h5 {
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 10px 0
}

#main .description-box .invite div {
    padding: 0 0 20px 0
}

#main .description-box .invite label {
    display: block;
    padding: 0 0 3px 0
}

#main .description-box .invite input[type=text],#main .description-box .invite input[type=email] {
    width: 230px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#main .description-box .invite input[type=submit] {
    width: 130px
}

#main .description-box .invite .share {
    font-size: 12px;
    line-height: 16px
}

#main .description-box .invite .share img {
    vertical-align: middle;
    margin: 0 0 0 5px
}

#main .description-box .info-text {
    float: left;
    width: 620px;
    font-size: 14px;
    line-height: 24px
}

#main .description-box .info-text h4 {
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 10px 0
}

#main .description-box .info-text p {
    padding: 0 0 25px 0
}

#main .description-box .info-text .button {
    width: 200px;
    text-align: center
}

#deal #slideshow {
    background: #efefef;
    border: 1px solid #d4d2d2;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#deal #slideshow .images {
    float: left;
    position: relative;
    width: 440px;
    height: 300px;
    margin: -1px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 13px rgba(0,0,0,0.4);
    box-shadow: 0 0 13px rgba(0,0,0,0.4)
}

#deal #slideshow .images .price {
    display: block;
    position: absolute;
    top: 10px;
    right: -12px;
    width: 145px;
    height: 86px;
    font-weight: 400;
    font-size: 24px;
    line-height: 74px;
    padding: 0 30px;
    color: #fff;
    background: url(../Images/BitKala/featured-price.png)
}

#deal #slideshow .images .percent {
    display: block;
    position: absolute;
    top: 10px;
    right: -12px;
    width: 60px;
    height: 86px;
    font-weight: 400;
    font-size: 33px;
    line-height: 74px;
    padding: 0 25px 0 35px;
    color: #fff;
    background: url(../Images/BitKala/featured-percent.png)
}

#deal #slideshow .images ul {
    position: relative;
    width: 440px;
    height: 300px
}

#deal #slideshow .images ul li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 300px
}

#deal #slideshow .images ul li img {
    display: block;
    width: 440px;
    height: 300px
}

#deal #slideshow .info {
    float: right;
    width: 205px;
    padding: 10px 10px 0 0
}

#deal #slideshow .info .price {
    padding: 8px 0;
    border-bottom: 1px solid #ccc
}

#deal #slideshow .info .price li {
    float: left;
    width: 48%;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    border-left: 3px solid #ccc
}

#deal #slideshow .info .price li:first-child {
    border: 0
}

#deal #slideshow .info .price li span {
    display: block;
    font-size: 14px
}

#deal #slideshow .info .sold {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 8px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc
}

#deal #slideshow .info .sold span {
    display: block
}

#deal #slideshow .info .sold .number {
    font-size: 48px;
    line-height: 50px
}

#deal #slideshow .info .sold .enough {
    color: #749503
}

#deal #slideshow .info .sold ul li {
    float: left;
    width: 48%
}

#deal #slideshow .info .sold ul .green {
    color: #749503;
    border-right: 2px solid #749503
}

#deal #slideshow .info .time {
    text-align: center;
    border-top: 1px solid #fff;
    padding: 8px 0 0 0
}

#deal #slideshow .info .time span {
    display: block;
    font-size: 24px;
    line-height: 28px;
    color: #dc351f
}

#deal #slideshow .info .time ul {
    width: 130px;
    margin: 0 auto
}

#deal #slideshow .info .time ul li {
    float: left;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px
}

#deal .checks {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc
}

#deal .checks section {
    float: left;
    width: 335px
}

#deal .checks section.highlights {
    width: 330px;
    margin-left: 25px
}

#deal .checks section h3 {
    font-size: 19px;
    line-height: 20px;
    color: #dc351f;
    margin-bottom: 10px
}

#deal .checks section ul {
    padding: 0 20px 0 0
}

#deal .checks section ul li {
    padding: 2px 0;
    list-style: square
}

#price-button-label {
    float: right;
    margin-left: 10px
}

#deal .description {
    padding: 0 0 20px 0
}

#deal .description p {
    padding: 0 0 20px 0
}

#deal .buy {
    font-size: 18px;
    line-height: 45px;
    padding: 0 0 50px 0
}

#deal .buy strong {
    display: block;
    float: right;
    padding: 0 0 0 60px
}

#deal .buy .button {
    float: right;
    width: 240px;
    display: block
}

#deal .contact {
    font-size: 14px;
    line-height: 22px
}

#deal .contact .entry {
    float: left;
    width: 215px;
    padding: 0 20px 0 0
}

#deal .contact .entry h4,#deal .contact .entry h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

#deal .contact .entry h4 {
    padding: 0 0 10px 0
}

#deal .contact .entry a {
    color: #7580cd
}

#deal .contact .map {
    float: left;
    border: 1px solid #e78faa
}

#deal .contact .map iframe {
    display: block
}

#checkout {
    padding: 20px 0 0 0
}

#invite h1,#coupon h1,#checkout h1,#checkout h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    background: url(../Images/BitKala/divider.png) repeat-x left bottom
}

#checkout .table {
    width: 100%;
    margin: 0 0 10px 0
}

#checkout .table .width {
    width: 140px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #dc351f;
    text-align: center
}

#checkout .table thead th {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-align: center
}

#checkout .table tr td {
    padding: 5px;
    background: #fcfcfc;
    border: 1px solid #ccc
}

#checkout .table tr td .jquery-selectbox {
    width: 70px;
    margin: 0 auto;
    text-align: right
}

#checkout .table tr td img {
    float: right;
    width: 160px;
    height: 110px;
    margin: 0 0 0 10px
}

#checkout .table tr td h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0 0
}

#checkout .table tr td h5 {
    font-size: 14px;
    font-weight: 400;
    color: #dc351f
}

.continue-shopping {
    margin-top: 10px;
    text-align: left
}

.continue-shopping .button {
    display: block;
    height: 41px;
    line-height: 41px;
    border: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer
}

.continue-shopping .button.continue {
    /*float: left;*/
    width: 175px;
    background: url(../Images/BitKala/button-purple.png) repeat-x
}

.continue-shopping .finish {
    float: right;
    width: 210px;
    background: url(../Images/BitKala/button-big.png) repeat-x
}

.continue-shopping .button span {
    display: block;
    text-align: right;
    height: 41px
}

.continue-shopping .button.continue span {
    width: 110px;
    font-size: 14px;
    background: url(../Images/BitKala/arrow-white.png) no-repeat center left
}

.continue-shopping .button.finish span {
    width: 145px;
    font-size: 20px;
    background: url(../Images/BitKala/arrow-white-down.png) no-repeat center left
}

#checkout .total-table,#main .total-table {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    padding: 10px 30px;
    background: #efefef;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc
}

#checkout .total-table .total,#main .total {
    float: left;
    font-size: 18px;
    color: #dc351f
}

#checkout .total-table .intotal,#main .intotal {
    float: right
}

#main .subtotal {
    float: left;
    font-size: 18px
}

#checkout .forms {
    padding: 5px 0 100px 0
}

#checkout .forms .gift {
    padding: 0 0 20px 0
}

#checkout #discount-summary span#discount-title {
    display: block
}

#checkout .forms .gift span {
    display: block;
    padding: 10px;
    margin: 0 0 10px 0
}

#checkout .forms .gift span.gift-title {
    padding: 10px 50px 10px 10px;
    background: url(../Images/BitKala/gift.gif) no-repeat right center
}

#checkout .forms section {
    float: right;
    width: 300px
}

#checkout .forms section.first {
    margin: 55px 90px 180px 115px
}

#checkout .forms #gift-message section.first {
    margin: 0 90px 0 180px
}

#checkout .forms section h6 {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 5px 0
}

#checkout .forms section>h6 {
    padding: 0 0 25px 0
}

#checkout .forms section label {
    display: block;
    padding: 0 0 5px 0
}

#checkout .forms section label.price,#checkout .forms section label.invalid {
    color: #dc351f
}

#checkout .forms section label.price {
    font-size: 16px
}

#checkout .forms  section  input[name=address] {
    width: 260px;
    height: 38px !important;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    margin: 0 0 10px 0;
    background: url(../Images/BitKala/texwt.png) !important;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#checkout .forms section input[type=text],#checkout .forms section input[type=password],#checkout .forms section input[type=email] {
    width: 260px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    margin: 0 0 10px 0;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#checkout .forms section input[type=text].invalid,#checkout .forms section input[type=password].invalid,#checkout .forms section input[type=email].invalid {
    border-color: #dc351f
}

#checkout .forms section>div {
    padding: 0 0 25px 0
}

#checkout .forms section .button {
    width: 100px;
    text-align: center;
    margin: 0 0 10px 0
}

#checkout .btn-login {
    font-size: 18px
}

#checkout .forms section #coupon-add,#checkout .forms section #coupon-remove {
    width: 100px
}

#checkout .forms section input.button[type=submit] {
    font-size: 25px;
    width: 220px
}

#checkout .forms section ul {
    padding: 0 0 20px 0
}

#checkout .forms section ul li {
    padding: 3px 0
}

#checkout .forms section .gray {
    color: #888
}

#checkout .forms section .gray .two ul {
    float: left;
    padding: 0;
    width: 50%
}

#coupon {
    padding: 20px 0 0 0
}

#coupon.gift {
    background: url('../Images/BitKala/bg-gift-voucher.jpg') no-repeat left top;
    padding-top: 255px
}

#coupon .successitem {
    background: #fcfcfc
}

#coupon .successitem .coupon dl {
    padding: 3px 0 0 0
}

#coupon .successitem .coupon dl dd,#coupon .successitem .coupon dl dt {
    float: right;
    line-height: 25px;
    padding: 6px 0;
    border-top: 2px solid #ccc
}

#coupon .successitem .coupon dl .first,#coupon .successitem .coupon dl .first {
    border: 0
}

#coupon .successitem .coupon dl dd {
    width: 470px
}

#coupon .successitem .coupon dl dt {
    width: 140px
}

#coupon .successitem .coupon dl .price,#coupon .successitem .coupon dl .title {
    font-weight: 400;
    font-size: 18px
}

#coupon .successitem .coupon dl .red {
    color: #dc351f
}

#coupon .cut {
    display: block;
    margin: 20px 0
}

#coupon.gift .cut {
    margin: 5px 0
}

#coupon .columns .column {
    float: left;
    width: 460px
}

#coupon .columns-upper .column {
    float: right;
    width: 400px
}

#coupon .columns-upper img {
    float: right
}

#coupon .columns-upper .column:first-child {
    width: 520px
}

#coupon .columns .column:first-child {
    margin: 0 20px 0 0
}

#coupon .columns .column section {
    position: relative;
    padding: 0 0 40px 0
}

#coupon.gift .columns .column section {
    position: relative;
    padding: 0 0 20px 0
}

#coupon .columns .column section h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    padding: 0 0 10px 0
}

#coupon .columns .column section p {
    padding: 0 0 10px 0
}

#coupon .columns .column section.instructions p {
    padding: 0 0 5px 0
}

#coupon .columns .column section a {
    color: #7580cd
}

#coupon .columns .column section .qrcode {
    position: absolute;
    left: 0;
    bottom: 40px
}

#coupon .columns .column section .map {
    border: 1px solid #ccc;
    padding: 10px
}

#coupon .columns .column section .map iframe {
    display: block
}

@media print {
    html {
        background: 0
    }

    body {
        background: 0
    }

    #top,#footer,.cities {
        visibility: hidden
    }

    #content.inner,.background {
        padding: 0;
        margin: 0
    }

    #coupon,#coupon * {
        visibility: visible
    }

    #coupon,#coupon.gift {
        position: absolute;
        left: 0;
        top: 0
    }

    #coupon .columns .column {
        float: left;
        width: 47%;
        margin-top: 0;
        margin-bottom: 0
    }

    #coupon .item .coupon dl {
        padding: 1mm 0 0 0
    }

    #coupon .item .coupon dl dd,#coupon .item .coupon dl dt {
        float: right;
        line-height: 6mm;
        padding: 2mm 0;
        border-top: 2px solid #ccc
    }

    #coupon .item .coupon dl .first,#coupon .item .coupon dl .first {
        border: 0
    }

    #coupon .cut {
        display: block;
        margin: 2mm 0
    }

    #coupon.gift .cut {
        margin: 0
    }

    #coupon .columns .column section {
        position: relative;
        padding: 0 0 5mm 0
    }

    #coupon .columns .column section.faq {
        display: none
    }

    #coupon.gift .columns .column section {
        position: relative;
        padding: 0 0 5mm 0
    }

    #coupon .columns .column section.instructions {
        max-height: 460px;
        overflow: hidden
    }

    #coupon .columns .column section h3 {
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        padding: 0 0 3mm 0
    }

    #coupon .columns .column section p {
        padding: 0;
        font-size: 9px
    }

    #coupon .columns .column section.instructions p {
        padding: 0
    }

    #coupon .columns .column section .map {
        border: 1px solid #ccc;
        padding: 1mm
    }
}

#invite {
    padding: 20px 0 0 0
}

#invite .invite-box {
    width: 675px;
    padding: 0 0 21px 0;
    margin: 0 auto;
    background: url(../Images/BitKala/invite-shadow.png) no-repeat center bottom
}

#invite .invite-box .inside {
    height: auto !important;
    min-height: 400px;
    height: 400px;
    padding: 30px 50px 50px 50px;
    background: #fff url(../Images/BitKala/invite.jpg) no-repeat 20px center;
    border: 10px solid #f0f0f0
}

#invite .invite-box .inside hgroup {
    float: right;
    text-align: center;
    padding: 0 30px 20px 0
}

#invite .invite-box .inside hgroup h2 {
    font-size: 34px;
    line-height: 40px;
    color: #8cc100;
    font-weight: 400
}

#invite .invite-box .inside hgroup h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400
}

#invite .invite-box .inside hgroup h4 {
    font-size: 20px;
    color: #888;
    font-weight: 400
}

#invite .invite-box .inside hgroup img {
    display: block;
    margin: 0 auto 10px auto
}

#invite .invite-box .inside form {
    clear: both
}

#invite .invite-box .inside input[type=text] {
    width: 230px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#invite .invite-box .inside input[type=submit] {
    width: 100px
}

#invite .invite-box .inside form div {
    padding: 0 0 20px 0
}

#invite .invite-box .inside label {
    display: block;
    padding: 0 0 3px 0
}

#account h1,#cms h1 {
    padding: 20px 0
}

#account .alert-success,#static-welcome .alert-success {
    color: #719b01;
    margin-bottom: 10px
}

#account ul.alert-error,#static-welcome ul.alert-error {
    margin-bottom: 10px
}

#account .tab {
    padding: 0 0 1px 0;
    border-bottom: 1px solid #dfdfdf
}

#account .tab li {
    float: left;
    padding: 0 1px
}

#account img.help {
    height: 40px;
    width: 40px;
    margin-right: 10px
}

#account .tab li a {
    display: block;
    width: 114px;
    height: 42px;
    font-size: 12px;
    line-height: 42px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    background: url(../Images/BitKala/tab-account.png) repeat-x left top;
    border: 1px solid #dfdfdf;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

#account .tab li a:hover,#account .tab .current a {
    height: 44px;
    margin: 0 0 -2px 0;
    background: url(../Images/BitKala/tab-account-current.png) repeat-x left top;
    border-bottom-color: #fff
}

#account .tab li a:hover {
    text-decoration: none
}

#account .center {
    width: 500px;
    padding: 30px 0;
    margin: 0 auto
}

#cms .center {
    padding: 20px 40px 30px 40px;
    margin: 0 auto
}

#account .center .column {
    float: left;
    width: 50%
}

#account .center .button,#cms .center .button {
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 0 30px 0
}

#cms .center input.button {
    display: inline;
    margin-left: 10px
}

#account .center .button .gray,#cms .center .button .gray {
    display: inline;
    margin-left: 10px
}

#account .center input[type=text],#account .center input[type=email],#account .center input[type=password],#cms .center input[type=text],#cms .center input[type=email],#cms .center input[type=password] {
    float: right;
    width: 200px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#account .center .jquery-selectbox,#cms .center .jquery-selectbox {
    float: right;
    width: 60px
}

#account .center label,#cms .center label {
    float: right;
    width: 150px;
    font-size: 14px;
    line-height: 40px;
    display: block
}


#account .center label span,#cms .center label span {
    color: #dc351f
}

#cms span.loader {
    margin: 0
}

#cms span.loader img {
    vertical-align: middle
}

#account .center form>div,#cms .center form>div {
    height: 40px;
    padding: 0 0 20px 0
}

#cms .center form>div.textarea {
    height: auto
}

#account .center h2,#cms .center h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 0 30px 0
}

#account .center h3,#cms .center h3 {
    font-size: 14px;
    padding: 0 0 5px 0;
    font-weight: 400
}

#account .center h4,#cms .center h4 {
    font-size: 14px;
    font-weight: 400
}

#account .center hgroup {
    padding: 0 0 20px 0
}

#account .center p,#cms .center p {
    padding: 0 0 20px 0
}

#account .center .red,#cms .center .red {
    color: #dc351f
}

#account ul.messages,#cms ul.messages {
    margin-bottom: 10px
}

#account .center li.error-msg,#cms .center li.error-msg {
    color: #dc351f
}

#account .center li.success-msg,#cms .center li.success-msg {
    color: #719b01
}

#account .center a:not(.selectBox),#cms .center a:not(.selectBox) {
    color: #7580cd
}

#account .pages {
    padding: 20px;
    border-top: 1px solid #ccc
}

#account .pages a {
    display: block;
    height: 20px;
    font: 14px/20px b yekan,Arial;
    color: #7580cd
}

#account .pages .prev {
    float: left;
    padding: 0 0 0 15px;
    background: url(../Images/BitKala/pages-prev.png) no-repeat left center
}

#account .pages .next {
    float: right;
    padding: 0 15px 0 0;
    background: url(../Images/BitKala/pages-next.png) no-repeat right center
}

#account .account-coupons {
    padding: 25px 0 20px 0
}

#account .account-coupons h2 {
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 20px 0
}

#account .account-coupons .item .price {
    float: none
}

#account .account-coupons .item .price li {
    width: 88px;
    padding: 10px 0
}

#account .account-coupons .item .price .red {
    font-size: 14px;
    font-weight: 400;
    color: #dc351f
}

#account .account-coupons .order-top {
    color: #fff;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    margin: 0 0 10px 0;
    background: #7580cd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#account .account-coupons .order-top .left {
    float: left
}

#account .account-coupons .order-top .right {
    float: right;
    font-size: 18px
}

#account .account-coupons .coupon-list {
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
    background: #fcfcfc;
    border: 1px solid #ccc
}

#account .account-coupons .coupon-list thead {
    background: #efefef;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}

#account .account-coupons .coupon-list thead th {
    padding: 10px
}

#account .account-coupons .coupon-list tbody tr td {
    border-top: 1px solid #ccc;
    padding: 10px
}

#account .account-coupons .coupon-list .red {
    color: #dc351f
}

#account .account-coupons .coupon-list .green {
    color: #719b01
}

#account section input[type=text].invalid,#account section input[type=password].invalid,#account section input[type=email].invalid,#cms section input[type=text].invalid,#cms section input[type=password].invalid,#cms section input[type=email].invalid {
    border-color: #dc351f
}

#customer-registration-form ul.alert-error,#edit-account-form ul.alert-error,#login-form ul.alert-error {
    margin-bottom: 20px
}

#merchant-images {
    float: left;
    width: 100%;
    height: 304px;
    overflow: hidden
}

#merchant-images .images {
    width: 640px;
    height: 304px;
    float: left
}

#merchant-images .images ul {
    position: relative;
    width: 640px;
    height: 304px
}

#merchant-images li {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 304px
}

#merchant-images .contact-us-content {
    float: left;
    height: 264px;
    width: 190px;
    padding: 25px 15px 15px 15px;
    background: url('../Images/BitKala/merchant/tileset.png') no-repeat
}

#merchant-images .contact-us-content h2 {
    margin: 0 0 10px 0;
    color: #6e7acc;
    text-shadow: 1px 1px 1px #fff;
    font-size: 20px
}

#merchant-images .contact-us-content p {
    margin: 0 0 20px 0
}

#merchant-images .contact-us-content .button span {
    color: #fff
}

#merchant-validate-contact .alert-success,#merchant-validate-contact .alert-error {
    margin: 0 0 20px 0;
    font-size: 20px
}

#cms .reasons,#cms .brands,#cms .why-love {
    padding: 20px 0;
    float: right
}

#cms .why-love-block {
    float: right;
    width: 280px;
    padding: 0 2px
}

#cms .reasons {
    width: 500px
}

#cms .brands {
    width: 360px
}

#cms h2.merchant-page {
    float: right;
    width: 860px;
    margin: 30px 0 0 0;
    color: #6e7acc;
    text-shadow: 1px 1px 1px #fff;
    font-size: 24px
}

#cms .reasons h3,#cms .brands h3 {
    margin: 0 0 20px 0;
    font-size: 18px
}

#cms .reasons li {
    line-height: 22px;
    padding: 0 0 15px 30px;
    list-style-image: url('../Images/BitKala/merchant/tick.gif');
    list-style-position: inside
}

#footer {
    color: #888
}

#footer a.footer-link {
    cursor: pointer;
    color: #fff;
    display: block;
    width: 190px;
    height: 66px;
    margin: 0;
    padding: 40px 30px 0 0;
    border: 1px solid #3f3f3f;
    background: #272727 url('../Images/BitKala/footer-links.png') no-repeat 0 0;
    overflow: hidden
}

#footer a.footer-blog {
    background-position: -10px -10px
}

#footer a.footer-business {
    background-position: -10px -175px
}

#footer a.footer-media {
    background-position: -10px -286px
}

#footer a.footer-mobile {
    background-position: -10px -90px
}

#footer .bottompage {
    padding: 7px 0;
    background: #111
}

#footer .bottompage .container {
    position: relative
}

#footer .bottompage ul {
    padding: 0 0 0 10px
}

#footer .bottompage ul li {
    float: left;
    width: 220px;
    padding: 0 0 0 20px
}

#footer .bottompage ul li:first-child {
    padding: 0
}

#footer .bottompage nav {
    text-align: center
}

#footer .bottompage nav ul {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0
}

*:first-child+html #footer .bottompage nav ul {
    padding: 20px 0 0 0
}

#footer .bottompage nav ul li {
    width: auto;
    line-height: 14px;
    padding: 0 15px;
    border-right: 1px solid #888
}

#footer .bottompage nav ul li:first-child {
    padding: 0 15px
}

#footer .bottompage nav ul li a {
    font-size: 12px;
    color: #888
}

#footer .toppage .scroll {
    display: block;
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 13px;
    line-height: 40px;
    color: #fff;
    height: 40px;
    padding: 0 20px 0 40px;
    background: #191919 url(../Images/BitKala/top.png) no-repeat 20px center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#footer .toppage .scroll:hover {
    text-decoration: none
}

*:first-child+html #footer .bottompage.checkout .scroll {
    top: -50px
}

#footer .toppage {
    padding: 30px 0 0px;
    background: #191919
}

#footer .toppage.checkout {
    padding: 0 0 10px 0
}

#footer .toppage .container {
    width: 940px;
    position:relative
}

#footer .toppage .column {
    float: left;
    width: 205px;
    padding: 0 0 0 20px
}

#footer .bottompage .column {
    float: left;
    width: 300px;
    padding: 0 0 0 20px
}

#footer .toppage .column:first-child {
    padding: 0
}

#footer .toppage .column h4 {
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

#footer .toppage .column ul li {
    padding: 2px 0
}

#footer .toppage .column ul li a {
    font-size: 12px;
    color: #888
}

#footer .toppage .column ul li a:hover {
    text-decoration: none;
    color: #fff
}

#footer .bottompage .column .follow {
    clear: both;
    /*float: right;*/
    padding: 10px 0
}
#footer .bottompage .column .follow li {
    width:48px;
    float: left;
    padding: 0 0 0 0px
}
#footer .bottompage .column .follow li a {
    float:left
}

#footer .toppage .column .follow {
    clear: both;
    float: right;
    padding: 10px 0
}

#footer .toppage .column .follow li {
    float: left;
    padding: 0 0 0 15px
}

#footer .toppage .column .phone {
    clear: both;
    float: right;
    padding: 5px 0 5px 30px;
    white-space: nowrap;
    background: url(../Images/BitKala/phone.png) no-repeat left center
}

#footer .bottompage .column .phone {
    clear: both;
    float: right;
    padding: 5px 0 5px 30px;
    white-space: nowrap;
    /*background: url(../Images/BitKala/phone.png) no-repeat left center*/
}

#footer .bottompage .column .number {
    /*clear: both;*/
     width:166px;
    font-size: 22px;
    /*line-height: 40px;*/
    color: #7580cd;
    float:left;
    background: url(../Images/BitKala/phone.png) no-repeat left center

}

#footer .toppage .column .number {
    clear: both;
    font-size: 30px;
    line-height: 40px;
    color: #7580cd;

}

#awards {
    display: block;
    margin: 30px auto 0 auto
}

#footer .bottompage .copyright {
    /*text-align: center;*/
    padding: 45px 0px 0px 0px; 
    width:inherit;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/BitKala/overlay.png);
    z-index: 900
}

.ui-dialog {
    position: absolute;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 999
}

.ui-dialog .ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    font: 0/0 s;
    background: url(../Images/BitKala/dialog-close.png)
}

.ui-dialog input[type=text],.ui-dialog input[type=password] {
    width: 230px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    padding: 0 19px;
    background: url(../Images/BitKala/text.png);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-dialog #login h1 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    padding: 0 0 10px 0;
    margin: -20px 0 20px 0;
    background: url(../Images/BitKala/divider.png) repeat-x left bottom
}

.ui-dialog #login form {
    width: 500px
}

.ui-dialog #login label {
    display: block;
    float: right;
    width: 230px
}

.ui-dialog #login input[type=text],.ui-dialog #login input[type=password] {
    float: left
}

.ui-dialog #login .button {
    float: left;
    width: 270px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0
}

.ui-dialog #login p {
    line-height: 38px;
    padding: 0 0 20px 0
}

.ui-dialog #login .first {
    color: #dc351f
}

.ui-dialog #login div {
    line-height: 38px;
    padding: 0 0 20px 0
}

.ui-dialog #login .last span {
    float: right
}

.ui-dialog #welcome h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 54px;
    color: #111;
    padding: 0 0 10px 0;
    margin: -20px 0 20px 0
}

.ui-dialog #welcome h1 span {
    font-weight: 400;
    color: #dc351f
}

.ui-dialog #welcome .first {
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 25px 0
}

.ui-dialog #welcome form {
    padding: 0 0 10px 0
}

.ui-dialog #welcome .newsletter p {
    position: relative
}

.ui-dialog #welcome .newsletter .text {
    width: 192px
}

.ui-dialog #welcome .newsletter button {
    position: relative;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0
}

.ui-dialog #welcome .newsletter button span {
    height: 40px
}

.ui-dialog #welcome form>div {
    float: left;
    width: 280px;
    line-height: 40px;
    padding: 0 0 20px 20px
}

.ui-dialog #welcome form div label {
    display: block;
    font-weight: 400;
    padding: 0 0 5px 0
}

.ui-dialog #welcome form div a {
    font-size: 12px;
    text-decoration: underline;
    color: #999
}

.ui-dialog #welcome form div a:hover {
    text-decoration: none
}

.ui-dialog #welcome form .button {
    width: 280px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0
}

.ui-dialog #welcome .logos,#account .logos {
    text-align: center;
    padding: 20px 0
}

#account ul.prices {
    width: 600px;
    margin: 0 auto
}

.ui-dialog #welcome .prices li,#account .prices li {
    float: left;
    position: relative;
    width: 130px;
    padding: 0 0 10px 0;
    margin: 0 0 0 26px;
    background: url(../Images/BitKala/shadow.png) no-repeat center bottom
}

.ui-dialog #welcome .prices li:first-child,#account .prices li:first-child {
    margin: 0
}

.ui-dialog #welcome .prices li img,#account .prices li img {
    display: block;
    width: 130px;
    height: 105px
}

.ui-dialog #welcome .prices li .price,#account .prices li .price {
    position: absolute;
    top: 10px;
    right: 0;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: url(../Images/BitKala/price.png)
}

.ui-dialog #welcome .prices li .description,#account .prices li .description {
    display: block;
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: url(../Images/BitKala/description.png)
}

.ui-dialog #welcome ul.alert-error {
    float: left;
    width: 560px;
    line-height: 40px;
    padding: 0 0 20px 20px
}

.ui-dialog #products h1 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    padding: 0 0 10px 0;
    margin: -20px 0 20px 0;
    background: url(../Images/BitKala/divider.png) repeat-x left bottom
}

.ui-dialog #products .item {
    width: 538px;
    padding: 5px;
    margin: 0 0 5px 0;
    background: #fcfcfc;
    border: 1px solid #ccc
}

.ui-dialog #products .item .product-description {
    float: left;
    width: 252px;
    padding: 0 0 0 10px
}

.ui-dialog #products .item .product-description h2 {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0 0
}

.ui-dialog #products .item .product-description h3 {
    font-size: 14px;
    font-weight: 400;
    color: #dc351f
}

.ui-dialog #products .item .product-description .price {
    padding: 8px 0 0 0
}

.ui-dialog #products .item .product-description .price li {
    float: left;
    width: 48%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border-left: 2px solid #ccc
}

.ui-dialog #products .item .product-description .price li span {
    display: block;
    font-size: 12px
}

.ui-dialog #products .item .product-description .price li:first-child {
    border: 0;
    color: #dc351f
}

.ui-dialog #products .item .image {
    float: right;
    position: relative;
    width: 130px;
    margin: 0 0 0 14px
}

.ui-dialog #products .item .image img {
    display: block;
    width: 130px;
    height: 105px
}

.ui-dialog #products .item .image .price {
    position: absolute;
    top: 10px;
    right: 0;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: url(../Images/BitKala/price.png)
}

.ui-dialog #products .item .image .description {
    display: block;
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: url(../Images/BitKala/description.png)
}

.ui-dialog #products .item .product-price {
    float: left;
    width: 130px;
    height: 105px;
    padding: 0;
    text-align: center;
    border-right: 1px solid #ccc
}

.ui-dialog #products .item .product-price>span {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #749503;
    padding: 10px 0 5px 0
}

.ui-dialog #products .item .product-price>span.remaining {
    display: block;
    font-size: 14px;
    padding: 0 0 10px 0;
    color: #040404
}

.ui-dialog #products .item .product-price .button {
    width: 110px;
    margin: 0 auto;
    text-align: center
}

input[type=text].invalid,input[type=password].invalid,input[type=email].invalid,textarea.invalid {
    border-color: #dc351f
}

label.invalid {
    color: #dc351f
}

ul.alert-error {
    color: #dc351f
}

ul.alert-success {
    color: #719b01
}

div.alert-info {
    color: #749503
}

.jquery-selectbox .jquery-custom-selectboxes-replaced .invalid {
    border-color: #dc351f
}

#telephone,#postcode {
    direction: ltr;
    text-align: right
}

#map-canvas {
    width: 450px;
    height: 200px
}

.mainTitle a:hover {
    text-decoration: none
}