﻿/*
    Theme Name: AuctionWorx - Drop Shadow
    Author: RainWorx Software
    Description: The standard 'default' theme has been modified to remove the full width
    navigation and add a surrounding drop shadow effect.

    CSS DIRECTORY
	1. Bootstrap 3 Theme Changes - Bootstrap specific rules for this theme
	2. AuctionWorx Specific CSS - Non-Bootstrap rules
*/

/* Slick Slider*/
#biji-banners {
    /*position: absolute;
    width: 90%;
    left: 5%;*/
}

/* fix for drop downs*/
.dropdown-menu a[role="menuitem"] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.dropdown-menu a[role="menuitem"] span:first-child {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
    margin-right: 2em;
}

.biji-dropdown .btn {
    border-radius: 0;
    border: 2px solid #7e7e7e;
}

.biji-band{

}

a {
    color: #7e7e7e;
}

.badge {
    background-color: #00ADEF;
}
#biji-banners img {
    /*transform: scale(0.5);*/
}
.slick-center img {
    /*transform: scale(1) !important*/
    
}

.slick-slide {
    margin-left: 5px;
    margin-right: 5px;
}

.after-banners {
    /*margin-top: 420px;*/
}

/********************************************/
/********* Bootstrap 3 Theme Changes ********/
/********************************************/

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.container {
    /*box-shadow: 0 4px 30px 6px rgba(0,0,0,0.15);*/
}

.modal-body {
    min-height: 100px;
    max-height: 350px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.vcenter {
  	float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
  }

.vbase {
  	float:none;
    display:inline-block;
    vertical-align:baseline;
    margin-right:-4px;
  }


@media (min-height: 600px) {
    .modal-body {
        max-height: 550px;
    }
}

@media (min-height: 800px) {
    .modal-body {
        max-height: 750px;
    }
}

@media (min-height: 1000px) {
    .modal-body {
        max-height: 850px;
    }
}

@media (min-height: 1200px) {
    .modal-body {
        max-height: 1050px;
    }
}

.navbar {
    background: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px;
    /*border-top: 2px solid #ebebeb;*/
    z-index: 10;
}

    .navbar > .navbar-collapse > .navbar-inner > .container {
        /*background-color: #00adef;*/
        font-weight: bold;
        
    }

        .navbar > .navbar-collapse > .navbar-inner > .container a {
            font-weight: bold;
        }



@media(max-width:768px) {
    .navbar {
        background-color: #00adef;
    }
}

.navbar-btn.btn-xs {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}


.navbar-default .navbar-nav > li > a:hover {
    color: #7e7e7e;
}

.navbar-default .navbar-text {
    color: #ccc;
}

.panel > .table > tbody:first-child td {
    border-top: 1px solid #dddddd;
}

.row {
    /*background-color: #f8f8f8;*/
    padding-top: 5px;
}

    .row > .row {
        margin-left: 0px;
        margin-right: 0px;
    }

.thumbnail {
    margin-bottom: 20px;
    border-radius: 0px;
}


.panel  {
    border-radius: 0px;
}

.well {
    border-radius: 0px;
}

.breadcrumb {
     border-radius: 0px;
}

.thumbnail, .panel {
    background-color: #f8f8f8;
    overflow: hidden;
}

/******************************************/
/******** AuctionWorx Specific CSS ********/
/******************************************/

body {
    background-color: #ededed;
}

hr {
    border-top: 1px solid #999;
}

li > hr {
    margin: 0px;
    padding: 0px;
}

select {
    font-size: 16px;
}

@media (max-width: 444px) {
    #recaptcha_challenge_image {
        display: block;
        float: left;
        width: 200px !important;
    }

    .recaptcha_table #recaptcha_image {
        margin: 0 !important;
        width: 200px !important;
        background: none;
    }

    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {
        background: none !important;
    }

    #recaptcha_widget_div {
        border: 1px solid #ccc;
    }
}

/************* Header *************/
.awe-logo, .awe-logo-small {
    padding: 5px 0px;
    text-align: left;
}

    .awe-logo img {
        margin: 0px;
    }

    .awe-logo-small img {
        margin: 0px;
    }

.awe-search-row {
    background: transparent;
    border: 0px;
    margin-bottom: 0px;
    margin-top: -20px;
}

    .awe-search-row form {
        margin-right: -15px;
    }

    .awe-search-row > .container {
        background: #ebebeb;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

#searchbar {
    border:2px solid #7e7e7e;
    background-color: #FFFFFF;
}

#searchbar input {
    border: none;
}

#searchbar button {
    border: none;
}


@media (max-width: 767px) {
    .awe-user-nav .navbar-text {
        margin: 0;
        padding: 10px 15px;
    }

    .awe-user-nav li {
        overflow: hidden;
    }

    .awe-user-nav .navbar-btn {
        margin-left: 15px;
    }
}

/************* Footer *************/
/*.awe-footer {
    background: transparent;
    padding-top: 0px;
}

    .awe-footer > .container {
        padding-top: 5px;
        background: #ebebeb;
        box-shadow: 0 4px 30px 2px rgba(0,0,0,0.15);
        border-top: 1px solid #ccc;
    }*/

body > .awe-footer {
    margin-bottom: 20px;
}

.rw-icon {
    bottom: 0px;
    margin: 5px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 225px;
}
/************* General Elements*************/

.awe-hidden {
    display: none;
}

.awe-section-title {
    font-weight: bold;
}

.awe-table-wrap {
    white-space: nowrap;
}

.awe-form-required::after {
    color: red;
    content: ' *';
}

.awe-help-tips {
    color: #000;
    display: none;
    margin-top: 5px;
}

.awe-full-image {
    margin: 0px auto;
    margin-bottom: 5px;
}

.input-validation-error {
    background-color: #f2dede;
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #b94a48;
}

    .input-validation-error:focus {
        border-color: #953b39;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    }

.validation-summary-errors /* The summary of validation errors - display at the top of a form */ {
    background-color: #f2dede;
    border-radius: 4px;
    color: #b94a48;
    padding: 15px;
}

    .validation-summary-errors li {
        display: block;
        margin-bottom: -1px;
        padding: 10px 15px;
        position: relative;
    }

.field-validation-error {
    color: #8a1f11;
}


.awe-inline-width {
    width: 100px;
}

/************* Category&Region Navigation Menus for media max-width=767 */

.awe-dropmenu {
    margin-bottom: 10px;
}

.awe-mynav, .awe-browsenav {
    width: 100%;
}

/************* Banners *************/

.awe-banner-top {
    margin-bottom: 10px;
    text-align: center;
}

    .awe-banner-top img {
        margin: 0px auto;
    }

.awe-banner-left {
    margin-bottom: 10px;
}

.awe-banner-bottom {
    clear: both;
    margin-bottom: 10px;
}

/************* Homepage Gallery *************/

.awe-gallery-text {
    background-color: #F2F2F2;
    height: 75px;
    overflow: hidden;
    padding: 3px;

}

    .awe-gallery-text h4 {
        margin-top: 0px;
        padding-top: 0px;
        color: #7e7e7e;
    }

.awe-gallery-thumbnail {
    height: 160px;
    margin: 10px auto;
}

    .awe-gallery-thumbnail img {
        margin: 0px auto;
    }

    .awe-gallery-thumbnail div {
        margin: 0px auto;
    }

.awe-gallery-details {
    height: 45px;
    margin: 3px 3px 0px 3px;
    padding: 3px;
}

    .awe-gallery-details button {
        margin-top: 3px;
    }

    .awe-gallery-details div {
        clear: left;
        float: left;
    }

.awe-gallery-price {
    font-size: larger;
    font-weight: bold;
    line-height: 21px;
    margin: 0px;
    padding: 0px;
}

.awe-gallery-qtytime {
    margin-top: -3px;
}


/************* Listing Display - Browse, Search, MyAccount *************/
.awe-listing-row-container {
    margin: 10px;
}

.awe-listing-row {
    width: 100%;
}

    .awe-listing-row td {
    }

    .awe-listing-row tr {
        border: none;
    }

    .awe-listing-row h4 {
        margin: 0px;
        padding: 3px 0px;
    }

.awe-listing-title {
    font-size: large;
}

.awe-listing-row-full {
    vertical-align: top;
    width: 100%;
    word-break: normal;
}

.awe-listing-row-thumb {
    padding-right: 10px;
    text-align: left;
    vertical-align: top;
    min-width: 75px;
}

    .awe-listing-row-thumb > a > .img-responsive {
        width: 100%;
    }

.awe-listingtype-pos {
    position: absolute;
    right: 1px;
    top: 1px;
}

.awe-listingbutton-pos {
    vertical-align: bottom;
}

    .awe-listingbutton-pos button {
        width: 120px;
        float: right;
    }

.awe-listing-row-ship {
    vertical-align: bottom;
}

.awe-listing-row-data {
    position: relative;
    vertical-align: top;
    white-space: nowrap;
}

.awe-shipping-modal {
    margin-bottom: 0px;
}

.awe-shipping-modal-footer {
    margin-top: 0px;
}


/************* No Photo Placeholders *************/

.awe-no-photo-thumbnail {
    background: #ebebeb;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #999;
    font-size: 100%;
    height: 150px;
    text-align: center;
    width: 150px;
}

.awe-no-photo-thumbnail-xs {
    background: #ebebeb;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #999;
    font-size: 75%;
    padding: 10px 0px;
    text-align: center;
}

.awe-no-photo-thumbnail img {
    padding-top: 50px;
}

.awe-no-photo {
    background: #ebebeb;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #999;
    font-size: 100%;
    margin: 0px auto 10px auto;
    padding-bottom: 25%;
    padding-top: 25%;
    text-align: center;
}

/************* Listing Decorations *************/

/************* Listing Decorations *************/

.awe-sunburst-container {
    position: relative;
}

.awe-sunburst-image {
    display: none !important;
}

.awe-sunburst-text {
    background: repeating-linear-gradient( 45deg, #00ADEF, #00ADEF 10px, #0B69D8 10px, #0B69D8 20px );
    background: -webkit-repeating-linear-gradient( 45deg, #00ADEF, #00ADEF 10px, #0B69D8 10px, #0B69D8 20px );
    background: -moz-repeating-linear-gradient( 45deg, #00ADEF, #00ADEF 10px, #0B69D8 10px, #0B69D8 20px );
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    color: #FFE4E1;
    font-size: 16px;
    font-weight: bold;
    left: -25px;
    letter-spacing: 2px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 12px;
    transform: rotate(-45deg);
    width: 100px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*for IE*/
}

.awe-sunburst-image-sm {
    display: none !important;
}

.awe-sunburst-text-sm {
    background: repeating-linear-gradient( 45deg, #CD2626, #CD2626 10px, #b22222 10px, #b22222 20px );
    background: -webkit-repeating-linear-gradient( 45deg, #CD2626, #CD2626 10px, #b22222 10px, #b22222 20px );
    background: -moz-repeating-linear-gradient( 45deg, #CD2626, #CD2626 10px, #b22222 10px, #b22222 20px );
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    color: #FFE4E1;
    font-size: 8px;
    left: -20px;
    letter-spacing: 1px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 8px;
    transform: rotate(-45deg);
    width: 68px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5); /*for IE*/
}

.awe-sunburst-decoration {
    display: none;
}

.awe-highlight {
    /*background-color: #fff200;*/
    border: 4px solid #ffa07a;
    margin-bottom: 14px;
}


/************* Listing Detail Page *************/

.awe-thumbnail-scroll {
    margin: 10px;
    overflow-x: scroll;
    white-space: nowrap;
}

.awe-action-table td {
    width: 50%;
}


.awe-carousel-img-container {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.awe-youtube-iframe {
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
}

.awe-listing-description img {
    /* copied from standard bootstrap .img-responsive definition */
    display: block;
    height: auto;
    max-width: 100%;
}

.awe-listing-description, .awe-listing-detail-title, .awe-listing-detail-sub {
    overflow: hidden;
}

.awe-listing-detail-title {
    margin-top: 0px;
}

.awe-listing-detail-title-sm-xs {
    margin-top: 0px;
}

.awe-alert-compact {
    padding: 5px;
}

.awe-listing-detail-sub {
    padding-bottom: 2px;
}

@media only screen and (max-width: 600px) {
    #iFrameYouTube {
        width: 75%;
        height: 75%;
        margin: 0 auto;
    }
}

/************* My Account *************/

.awe-btngroup-margins {
    margin-left: -25px;
    white-space: nowrap;
}

.awe-winning-key {
    color: green;
    font-weight: bold;
    padding-right: 10px;
}

.awe-winning-reserve-key {
    color: orange;
    font-weight: bold;
    padding-right: 10px;
}

.awe-not-winning-key {
    color: red;
    font-weight: bold;
    padding-right: 10px;
}

#SubmitPayPal {
    background-image: url('../Content/Images/paypalbutton-1.gif');
    background-position: right;
    padding-right: 5px;
}

.awe-percent-input {
    width: 60px;
}

.awe-filter-options {
    margin-bottom: 10px;
}

    .awe-filter-options > .row > .form-group > .form-control > label {
        margin-right: -10px;
        font-weight: normal;
    }

/************* Feedback & Star Ratings *************/
.awe-feedback-table td {
    text-align: left;
}

.stars-off {
    float: left;
    margin-bottom: 2px;
    width: 80px;
}

.stars-off, .stars-on {
    background: url(../Content/Images/General/jquery.ui.stars.gif) repeat-x 0 -32px;
    height: 16px;
    position: relative;
}

.stars-on {
    background-position: 0 -48px;
    position: absolute;
}

.stars-on-1 {
    width: 16px;
}

.stars-on-2 {
    width: 32px;
}

.stars-on-3 {
    width: 48px;
}

.stars-on-4 {
    width: 64px;
}

.stars-on-5 {
    width: 80px;
}

/************* Create / Edit Listing & Image Uploading *************/
DIV.ProgressBar {
    border: 1px solid black;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    height: .75em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
    width: 100px;
    zoom: 1;
}

    DIV.ProgressBar DIV {
        background-color: Green;
        font-size: 1pt;
        height: 100%;
        float: left;
    }

SPAN.asyncUploader OBJECT {
    left: 10px;
    position: relative;
    top: 5px;
}

.imagecontainer {
    border: 1px solid transparent;
    float: left;
    height: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}

.imagecontainer-highlight {
    background-color: #CCC;
    border: 1px solid grey;
    float: left;
    height: 150px;
    margin-right: 10px;
    width: 150px;
}

.awe-thumb-delete {
    float: right;
    margin-top: -22px;
    position: relative;
    z-index: 1;
}

.awe-thumb-rotate-CW {
    float: left;
    margin-top: -22px;
    position: relative;
    z-index: 1;
}

.awe-thumb-rotate-CCW {
    float: left;
    margin-top: -22px;
    position: relative;
    z-index: 1;
}

.awe-thumb-busy {
    background-color: #000;
    filter: alpha(opacity=40); /* msie */
    opacity: 0.4;
}

.awe-thumb-buttons-hide {
    display: none;
}

.awe-category-group {
    display: inline;
}

h3 .awe-additional-shipping {
    color: #fff;
}

@media (max-width: 992px) {
    .awe-shipping-spacer {
        margin-bottom: 15px;
    }
}
/************* Search *************/

#awe-listing-search-category-container .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

/************* SiteMap *************/

.awe-sitemap-list li {
    list-style: none;
    margin-left: -20px;
    text-align: left;
}
