@import url(//fonts.googleapis.com/css?family=Lato:400|Open+Sans:400,300|Oswald:400);

/* black = #1C1C1C */
/* black hover / background = #3C3C3C */
/* backgrounds = #F3F3F3 */
/* lines / boxes etc  = #CCCCCC and hover #999999 */
/* text = #3C3C3C */

/* green = #72AB32 */
/* greenhover / background = #95C065 */



/*websafe colours : http://thinkbob.com/pages/colors.html*/

body {
    font-family:Open Sans, Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px; /*do not change EVER*/
    margin-top:50px; /* this creates the space for the black top header*/
}

a { color: #111 ;text-decoration: none; }
a:hover,a:focus,a:active { color: #5D5D5D; text-decoration: none; }
a:focus,a:active { overflow: hidden; }

.breadcrumb a {color: #111;text-decoration: none;}
.breadcrumb a:hover, a:focus, a:active {color: #5D5D5D;text-decoration: none;}
.breadcrumb a:focus, a:active {overflow: hidden;}

.green { color: #72AB32 !important;}
.white { color: #FFFFFF !important;}
.red { color: #C01316 !important;}
.orange { color: #FFC000 !important;}
.blue { color: #337AB7 !important; }
.gold { color: #eaa12c !important; }
.black { color: #1C1C1C !important; }
.grey { color: #3C3C3C !important; }
.purple {color: #5E486F !important;}


p {
    margin: 0 0 15px;
}

.pointer { cursor:pointer;}

select.input-sm {
    height: 38px;
    font-size: 14px;
    border-color: #ccc;
    vertical-align: middle;
        display: inline-block;
}
/*this causes images to go full screen on smaller devices NB*/
@media only screen and (min-device-width : 320px) {
	.img-responsive {  
        margin-left: auto;
        margin-right: auto; 
        }
    .img-fullwidth {
       min-width: 100%;
    }

}


@media (max-width: 767px) {
  .text-sm-center {
    text-align: center !important;
  } 
}

@media (max-width: 991px) {
    .searchbox .input-group-lg {
        margin-bottom: 5px;
    }
}




 /*@media all and (max-width:480px) {
        .btn-xs-block { width: 100%; display:block; }
    }*/   


      .img-list { /*this is used on default pages to show an image in a list - keeps the size right*/
            display: block;
            margin-left: auto;
            margin-right: auto ;
            margin: 10px;
            max-height: 400px; /*the max-height, width and objectfit scales teh image correctly*/
            width: 100%;
            object-fit:scale-down; 
         }

      .img-border{
          padding:4px;
          
      }

    .icon::before, i::before {
	    z-index: 10;
	    margin: 0;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome,tinymce-small,Arial; /*tinymce required OTHERWISE TINYMCE ICONS DO NOT SHOW*/
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: translate(0, 0);
    }
    .icon::before {
        margin: 0 0.4em 0 0;
    }

    .icon_home::before {content: "\f015"; }
    .icon_wine::before {content: "\f000";}
    .icon_winery::before {content: "\f041";}
    .icon_time::before {content: "\f017"; }
    .icon_email::before {content: "\f0e0"; }
    .icon_reads::before {content: "\f06e"; }
    .icon_comments::before {content: "\f086"; }/*075*/
    .icon_phone::before {content: "\f095"; }
    .icon_mobile::before {content: "\f10b"; }
    .icon_fax::before {content: "\f1ac"; }
    .icon_url::before {content: "\f015"; }
    .icon_map::before {content: "\f041"; }
    .icon_map_folded::before {content: "\f279"; }
    .icon_cart::before {content: "\f07a"; }
    .icon_cartplus::before {content: "\f217"; }
    .icon_learn::before {content: "\f19d"; }
    .icon_trade::before {content: "\f0e3"; }
    .icon_photo::before {content: "\f083"; }
    .icon_video::before {content: "\f03d"; }
    .icon_news::before {content: "\f0a1"; }
    .icon_diary::before {content: "\f073"; }
    .icon_bars::before {content: "\f0c9"; }
    .icon_tour::before {content: "\f1b9"; }
    .icon_member::before {content: "\f007"; }
    .icon_info::before {content: "\f05a"; }
    .icon_submit::before {content: "\f067"; }
    .icon_eat::before {content: "\f0f5"; }
    .icon_sleep::before {content: "\f236"; }
    .icon_do::before {content: "\f1e5"; }
    .icon_taste::before {content: "\f000"; }
    .icon_search::before {content: "\f002"; }
    .icon_services::before {content: "\f013"; }
    .icon_advertising::before {content: "\f091"; }
    .icon_spotlight::before {content: "\f0eb"; }
    .icon_chevron_right::before {content: "\f105"; }
    .icon_chevron_left::before {content: "\f105"; }
    .icon_ok::before {content: "\f00c"; }
    .icon_page::before {content: "\f15b"; }
    .icon_page_o::before {content: "\f016"; }
    .icon_coffee::before {content: "\f0f4"; }
    .icon_supplier::before {content: "\f0d1"; }
    .icon_youtube::before {content: "\f167"; }
    .icon_facebook::before {content: "\f09a"; }
    .icon_twitter::before {content: "\f099"; }
    .icon_googleplus::before {content: "\f0d5"; }
    .icon_pinterest::before {content: "\f231"; }
    .icon_instagram::before {content: "\f16d"; }
    .icon_linkedin::before { content: "\f08c";}
    .icon_caret_down::before {content: "\f0d7"; }
    .icon_caret_right::before {content: "\f0da"; }
    .icon_circle::before {content: "\f111"; }
    .icon_stats::before {content:  "\f201"; }
    .icon_help::before {content:  "\f059"; }
    .icon_pdf::before {content:  "\f1C1"; }
    .icon_pdf{font-size:x-large; margin-top:5px; color:#72AB32;}
    .icon_disabled::before {content:  "\f193"; }
    .icon_groups::before {content:  "\f0c0"; }
    .icon_female::before {content:  "\f182"; }
    .icon_male::before {content:  "\f183"; }
    .icon_child::before {content:  "\f1ae"; }
    .icon_menu::before {content:  "\f0c9"; }
    .icon_globe::before {content:  "\f0ac"; }
    .icon_job::before {content:  "\f0b1"; }
    .icon_scissors::before {content:  "\f0c4"; }
    .icon_industry::before {content:  "\f275"; }
    .icon_wrench::before {content:  "\f0ad"; }
    .icon_truck::before{ content: "\f48b";}
    .icon_tiktok::before { content: "\e07b";}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px dotted #d7d7d7;
}

.tooltip-inner {
    padding:6px 8px;
     white-space:pre-wrap; /* this allows html in tooltip text*/
}
.tooltip-arrow {
    border-bottom-color: #fff; 

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Oswald;
}

h1, .h1 {
    font-size: 2em;
    line-height: 1.05em;
}
h2, .h2 {
    font-size: 2em;
    line-height:1.05em;
}

h3, .h3 {
    font-size: 22px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 15px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 2px;
    margin-bottom: 2px;
}

h3.header_line {
  position: relative;
  text-align: center;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}

h3.header_line span {
  padding: 0 15px;
  position: relative;
  z-index: 1;
  font-size: 0.8em;
  text-transform: uppercase;
}

h3.header_line:before {
  background: #636363;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h3.header_line:before {
  left: 0;
}


.label_tag  {
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: 300;
    font-family: Oswald;
    line-height: 0.95em;

}

.col-no-padding {
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb {
    margin-bottom: 30px;
    border-radius: 0px;
}

/*BOXES - searchbox, featurebar & links bar*/

 #featurebar, #linksbar {
     /*border-left:solid 1px #F3F3F3;*/
}

.searchbox {
   padding: 15px 0;
   font-family: Oswald;
   font-size:1.6em;
   vertical-align:middle;
   background: #e4e3e3;
}
.searchbox .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    border-radius: 0px;
}
.searchbox .form-control {
    font-size: 15px;
    border: 0px solid #e0e0e0;
    border-radius: 0px;
}
.searchbox select {
    margin-bottom: 2px;
}
.searchbox .checkbox {
        display: inline-block; 
}
.searchbox .checkbox input[type=checkbox] {
        position: initial; 
        margin-left: 0; 
}

.searchbox .row div {
        padding-left: 7px; 
        padding-right: 7px; 
}


.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bebebe;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bebebe;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bebebe;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bebebe;
}
.form-control:-ms-input-placeholder { /* Microsoft Edge */
   color:    #bebebe;
}
.searchbox .btn-lg {
    font-size: 13px;
    border: 0px ;
    border-radius: 3px;
    line-height: 2;
    padding: 9px 10px;
    text-transform: uppercase;
    color: #333;
    margin-top: 1px;
    margin-bottom: 1px;
}

.btn-huge {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size:1.55em;
}

.commentbox {
   padding : 20px 0px;
   font-size:2em;
   margin-top: 15px;
   vertical-align:middle;
    border-top: 1px dotted #d7d7d7;
    border-bottom: 1px dotted #d7d7d7;}

#disqus_thread {
    margin-top: 20px;
}

.box_grey {
    background-color: #f5f5f5;
    padding: 15px;
}

/*headings at the top of search & detail pages - should be <h1 heading>*/
.heading {
    margin-top:5px;
    margin-bottom:0px;
    font-weight: 300;
    font-family: Oswald;
    line-height: 1.05em;
}

.subheading {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 1.2em;
    font-weight: 300;
    font-family: Oswald;
}

.small {
    font-size:70%;
}
 
/*main / content section of pages*/
        #main {
            margin-top: 10px;
            margin-bottom: 40px;
        }

   /*author, date & social buttons etc line on detail pages*/  
     
        .item { padding: 2px 0 2px 0; margin : 0 ; font-size: 0.86em; text-align:left; position:relative; color: #777; line-height: 1.1em;}
        a.item, a.featureitem {color: #777; }
        a.item:hover,  a.featureitem:hover {color: #666; }

        .info {
            font-size: 0.88em;
            display:block;
            margin-top : 5px;
            margin-bottom : 20px;
            padding: 6px 0 6px 0;
            vertical-align:middle;
            border-top: 1px dotted #d7d7d7;
            border-bottom: 1px dotted #d7d7d7;
        }



/*image intro text and detail  on search and detail pages*/
        .list_image {
            /*padding-left: 0;
            padding-right: 0;*/
            text-align: left !important;
        }

        .list_text {
            padding-top:5px;
            padding-bottom:5px;
        }
        .intro {
            display: block;
            margin-top: 6px;
            margin-bottom: 6px;
            font-size: 0.9em;
            line-height: 1.35em;
        }

            .intro_detail {
            display:block;
            margin-top : 10px;
            margin-bottom : 25px;
            font-size: 0.97em;
            border-left:1px solid #CCCCCC;
            padding-left:10px;

        }
        .detail {
            display:block;
            margin-top : 10px;
            margin-bottom : 20px;
            font-size: 1em;
            line-height:1.42em;
        }

        .lbl_featured {
            background: #72AB32;
            padding: 5px 10px;
            color: #ffffff;
            font-size: 1.2em;
            font-weight: 300;
            font-family: Oswald;
            line-height: 2.5em;
        }

         .featured {
            margin-bottom: 30px;
            background: #1C1C1C;
            color: #ffffff;
        }

       
        .featured:hover, .featured:focus, .featured:active
         {
            background: #333;
            color: #fff;
        }

        .featured_text {
            padding: 20px 25px;
        }


        .box {
            margin-bottom: 20px;
            padding:6px;
             /*border-bottom:1px dotted #7D7D7D;*/ 
        }

        .box:hover, .box:focus, .box:active
         {
            /*background: #ffffff;
            border-left:3px solid #7D7D7D;*/     
            color:#1c1c1c;
           padding:6px;

        }

        .box_featured {
            border-bottom:2px solid #1C1C1C;
        }

       
        /*.box_featured:hover, .box_featured:focus, .box_featured:active
         {
            background: #333;
            color: #e1e1e1;
        }*/

         .listbox {
           border-top:1px solid #CCCCCC;
           margin-top:10px;
          
      }

        .social{
            display:block;
            float:right;
            text-align:right;
            padding:10px 10px 0 0 ;
             
        }

        blockquote {
            font-size: 1em;
            font-style: italic;
        }
        .caption{
            font-size: 0.8em;
        }

/*LIST BARS STUFF listheader is at the top - listtitle is each section - listitem is each item*/

   
    .listsheader {
        font-family: Oswald;
        font-weight: 800;
        font-size: 1.4em;
        color:#333;
        z-index: 10;
        padding:4px 0px;
        margin-bottom: 7px;
        text-transform: uppercase;
        text-align:center;
    }

    .listtitle {
        font-family: Oswald;
        border-bottom: 1px solid #636363;
        font-weight: 400;
        margin: 5px 0 15px 0;
        padding-bottom: 5px;
        text-transform: uppercase;
        font-size: 1.3em;
        text-align:center;
    }


     .listitem { font-size: .95em; text-align:left; padding: 0 0 3px 14px; position:relative; display: inline-block;} 

     /*.listitem:before {
          position: absolute;
          font-family: 'FontAwesome';
          font-size: inherit;
          left:-3px;
          top: 0;
          content: "\f111";
}*/
    
    
     /* LINKSBAR & FEATUREBAR*/

        .linksbox {
            background-color:#FFFFFF;
            border: 1px dotted #d7d7d7;
            margin-bottom:25px;
            /*margin-left: 10px;*/
            vertical-align:middle;
            padding: 15px;
        }

        .linksheading { margin : 0 0 15px 0; font-size: 1.5em; line-height: 1.4em; padding-bottom:3px; font-weight: 300; font-family: Oswald; border-bottom: 2px solid #444; text-align:left;}
        .linkssubheading { margin : 0; font-size: 1.2em; font-weight: 300; line-height: 1.2em; font-family: Oswald;}
        .linksitem { margin : 0 ; font-size: .9em; text-align:left; position:relative;}

        .featurebox {
            background-color:#FFFFFF;
            border: 1px dotted #d7d7d7;
            margin-bottom:25px;
            vertical-align:middle;
            padding: 15px;
        }
        .featureheading { margin : 0 0 15px 0; font-size: 1.5em; line-height: 1.4em; padding-bottom:5px; font-weight: 300; font-family: Oswald; border-bottom: 3px solid #444; text-align:left;}
        .featuresubheading { margin : 0; font-size: 1.2em; font-weight: 300; line-height: 1.2em; font-family: Oswald;}
        .featureitem {padding: 6px 0 3px 0; margin : 0 ; font-size: 0.86em; text-align:left; position:relative;  color: #666; line-height: 1.1em;}
                        
        .featuresocial{text-align: center;font-size:1.7em;}


    .btn {
        border-radius: 0px;
        padding: 8px 12px;
        transition: background-color 1s ease;
        font-family: Oswald;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .btn:hover, .btn:focus, .btn-home.active {
        background: #222 !important;
        color: #FFFFFF  !important;
    }

    .btn-black, btn-black:visited {
        background: #111 !important;
        color: #ffffff  !important;
        border-radius:0;
        position:relative;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
    }
   
    .btn-black:hover, btn-black:focus, btn-black:active {
        background: #666 !important;
        color: #ffffff  !important;
        border-radius:0;
        position:relative;
    }


     .btn-green, btn-green:visited {
        background: #72AB32 !important;
        vertical-align:middle;
        color: #ffffff !important;
        border-radius:0;
        position:relative;
    }
   
    .btn-green:hover, btn-green:focus, btn-green:active {
        background: #95C065 !important;
        color: #ffffff !important;
        border-radius:0;
        position:relative;
    }


        .btn-success {
        background-color: #72AB32;
        border-color: #568026;
    }

    .btn-default {
        border: 0px;
    }

    .btn-md {
        padding: 12px 2px;
        font-size: 0.7em;
    }

    /*custom save and send (email) and search buttons that put the icon in teh button - use btn-black btn-send*/

    .btn-send:before {
    content: "\f0e0"; 
    font-family: FontAwesome;
    font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

     .btn-save:before {
    content: "\f044"; 
    font-family: FontAwesome;
    font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

     .btn-map:before {
    content: "\f041"; 
    font-family: FontAwesome;
    font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

      .btn-event:before {
    content: "\f073"; 
    font-family: FontAwesome;
    font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

    .btn-cart, .btn-cartadded {
          color: white;
	      cursor: pointer;
        }

     .btn-cart   {    
            background: #eb7c28 url(//shop.wine.co.za/images/icon_cart_new.png) no-repeat 5% 50%;
	        padding-left: 40px;

        }

        .btn-cartadded   {
          
            background: #555 url(//shop.wine.co.za/images/icon_cart_added_new.png) no-repeat 5% 50%;
	        padding-right: 10px;
        }
         .btn-cartadded:hover, .btn-cartadded:focus, .cartadded-cart:active {
            background: #222 url(//shop.wine.co.za/images/icon_cart_added_new.png) no-repeat 5% 50%;
            color: #ffffff  !important;
    }

     /*.btn-search:before {
    content: "\f002"; 
    font-family: FontAwesome;
    left:-10px;
    position:relative;
    top:0;
}*/

    .btn-enquiry:before {
    content: "\f003"; 
    font-family: FontAwesome;
     font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

     .btn-comment:before {
    content: "\f15b"; 
    font-family: FontAwesome;
     font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

     .btn-back:before {
    content: "\f04a"; 
    font-family: FontAwesome;
     font-size:large;
    left:-10px;
    position:relative;
    top:0;
}

    .btn-flex .btn:first-child {
        text-align: center; 
    }


 .btn-search {
     background: #1C1C1C;
        color: #ffffff  !important;
        border-radius:0;
        position:relative;
        cursor:pointer;
        margin-left:4px;
}


    .btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open > .dropdown-toggle.btn-search {
         background: #72AB32 !important;
        color: #FFFFFF  !important;
        border-radius:0;
        position:relative;
       
    }

    .btn-sm {
        padding: 3px 10px;
    }

    /* WEBSITE SECTION COLOUR SCHEME */

.menuactive_news,
.menuactive_diary,
.menuactive_ads,
.menuactive_shop, 
.menuactive_buy,
.menuactive_wine,
.menuactive_winery,
.menuactive_,
.menuactive_people,
.menuactive_tour {
    color: #fff !important;
}

    .news_theme, .menuactive_news {
        background-color: #166BA2 !important;
    }
    .diary_theme, .menuactive_diary {
        background-color: #1691BE !important;
    }
    .ads_theme, .menuactive_ads {
        background-color: #35C69E !important;
    }
    .shop_theme, .menuactive_shop, .menuactive_buy {
        background-color: #30AD72 !important;
    }
    .winery_theme, .menuactive_winery, .menuactive_  {
        background-color: #5E486F !important;
    }
    .wine_theme, .menuactive_wine, .menuactive_ {
        background-color: #7E6194 !important;
    }
    .contact_theme,  .menuactive_people {
        background-color: #EB7C28 !important;
    }
    .agent_theme, .menuactive_ {
        background-color: #7C98F4 !important;
    }
    .tour_theme, .menuactive_tour {
        background-color: #F4B735 !important;
    }
    .eat_theme, .menuactive_eat {
        background-color: #149CDE !important;
    }
    .sleep_theme, .menuactive_sleep {
        background-color: #A8BC38 !important;
    }
    .do_theme, .menuactive_do {
        background-color: #FF5349 !important;
    }
    .taste_theme, .menuactive_taste {
        background-color: #7874C9 !important;
    }
    .photos_theme {
        background-color: #942C2C !important;
    }
    .videos_theme {
        background-color: #C43939 !important;
    }
    .wedding_theme {
        background-color: #EC3E80 !important;
    }

    /*fixes small radio buttons so that they dont scrunch up*/
    .radiobox label {
        margin-left:5px;
        margin-right:15px;
        font-weight:lighter;
    }

      .checkbox .btn, .checkbox-inline .btn {
    padding-left: 2em;
    min-width: 8em;
    background-color:#E4E3E3;
    }
    .checkbox label, .checkbox-inline label {
    text-align: left;
    padding-left: 0.5em;
    }
    .checkbox input[type="checkbox"]{
        float:none;
    }

    .searchbox .checkbox .btn {
    background-color:#fff;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 2px;
    }




    /*.checkbox label {
        margin-left:5px;
        margin-right:15px;
        font-weight:lighter;
    }*/

    /*makes checkboxes bigger*/
    input[type="checkbox"] {
      transform:scale(1.5, 1.5);
    }

    /*makes radio buttons bigger*/
    input[type="radio"] {
      transform:scale(1.2, 1.2);
    }

    
       /*used for the help modal popups*/
         .help{
        cursor:help;
        }
         .help:after {
            font-family: FontAwesome;
            font-size:1em;
            content:  "\f059";
            display:block;
            color:#72AB32;
             cursor:pointer;
             padding-left:5px;
}
        /*and make the modal popup look better*/
        .modal-header{
            background-color:#72AB32;
        }
        .modal-title{
            color:#FFF;
            font-size: 1.8em;
            font-family: Oswald;
            font-variant:small-caps;
        }
        .modal-footer .btn-primary {
            background-color:#72AB32;
            border-color: #72AB32;
            width:20%;
        }
        .modal-footer {
            padding-top: 15px;
            padding-bottom: 15px;
        }
         .loading {
            background: #1C1C1C;  
            display: none;       
            position: absolute;   
            top: 0;                 
            right: 0;               
            bottom: 0;
            left: 0;
            width:100%;
            height:100%;
            opacity: 0.5;
            z-index: 999;
            background-image:url('//services.wine.co.za/images/loading/default.gif');
            background-repeat:no-repeat;
            background-position:center;
    }
        

         .borderleft {
             border-left:1px solid #C3C3C3;
         }

 /*WINES IN SHOP & FIND*/

        .wine_variety_white  {
            color: #72AB32;
            text-align:right;
            padding-right:5px;
        }

        .wine_variety_red, .wine_variety_rose {
            color: #C01316;
            text-align:right;
            padding-right:5px;
        }

        .wine_variety_dessert, .wine_variety_fortified, .wine_variety_spirit{
            color: #1C1C1C;
            text-align:right;
            padding-right:5px;
        }
          .wine_variety_cap_classique, .wine_variety_sparkling{
            color: #98712E;
            text-align:right;
            padding-right:5px;
        }


         /*.wine_variety_white :after {
            color: #72AB32;
            content: url('/images/white-24.jpg');
            float:right;
            padding-left:10px;
                }
        .wine_variety_red :after  {
            color: #C01316;
            content: url('/images/red-24.jpg');
            
            padding-left:10px;
        }*/

        .shop {
            background-color:#F3F3F3;
            font-family: Oswald;
            vertical-align:middle;
            border:1px solid #CCCCCC;
            padding:5px;
            margin-top:15px;
             
        }
        

        /*.bottleshot {
        height: 400px;
        }


        .bottleshot  .img-responsive {
        display:block;
        width: auto;
        max-height: 100%;
        }*/


        .shop_price {
            color: #30AD72;
            font-size: 1.4em;
            font-weight: 300;
            font-family: Oswald;
        }


        /*http://tobiasahlin.com/spinkit/*/
        /*.spinner {
          width: 40px;
          height: 40px;
          margin: 100px auto;
          background-color: #333;

          border-radius: 100%;  
          -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
          animation: sk-scaleout 1.0s infinite ease-in-out;
        }

        @-webkit-keyframes sk-scaleout {
          0% { -webkit-transform: scale(0) }
          100% {
            -webkit-transform: scale(1.0);
            opacity: 0;
          }
        }

        @keyframes sk-scaleout {
          0% { 
            -webkit-transform: scale(0);
            transform: scale(0);
          } 100% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 0;
          }
        }*/

  

.thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
    margin-bottom: 0px;
}
.thumbnail .caption {
    position: absolute;
    margin-left: auto;
    margin-right: 15px;
    background-color: #000;
    color: #fff;
    padding: 6px;
    bottom: 20px;
    margin-bottom: 0px;
    font-size: 1em;
}
.thumbnail:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


.winery_menu {
    margin-top: 10px;
    margin-bottom: 30px !important;
    background-color: #5E486F !important;
    border-radius: 0px;
}

.winery_menu .navbar-brand {
    font-size: 14px;
}

/*This fixes teh problem where teh datepicker pops behind textboxes etc.*/
.ui-datepicker  {
z-index: 9999 !important;
}