@import url(https://fonts.googleapis.com/css?family=Vollkorn|Berkshire+Swash|Raleway|Raleway|Raleway);

body .visible-farnborough { display:none !important; } 
body .hidden-farnborough { display:inherit !important; } 
body.shop_farnborough .hidden-farnborough { display:none !important; }
body.shop_farnborough .visible-farnborough { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	color: #ffffff;
	font-family: 'Vollkorn';
	font-size: 16px;
}
h1 {
	color: #d79315;
	font-family: 'Berkshire Swash';
}
h2 {
	color: #d79315;
	font-family: 'Raleway';
}
h3 {
	color: #d79315;
	font-family: 'Raleway';
}
h4 {
	color: #ffffff;
	font-family: 'Raleway';
	font-weight: normal;
}
body {
	background-color: #0c0909;

	background-image:none;

	background-attachment: fixed;
	background-size: contain;
}

header, #mobile-header {
	background-color: #181212;

	background-image:none;
	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/* DISPLAY NONES ----------------------------------------------- */
.home .mod_postcode_box .btn-group,
.home .mod_postcode_box .btn-group,
.row_mods,
.row_phones,
.home h1,
.home-about,
#body-bottom-hr,
.social_media_links,
.social_media_links .btn small{
    display: none !important;
}

.home .social_media_links {
 	display: block !important;   
}
    
/* GENERAL / WIDTHING ----------------------------------------------- */

[class^="icon-"], [class*=" icon-"] { /* icons */
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);  
}

.ui-widget>.ui-widget-content {
 	border-radius: 0;   
    background: #291e1e;
    color: #fff;
    border: none;
}

.well, #container, select {
    border: none;
    box-shadow: none;
    border-radius: 0; 
}
#container {
    width: 100%;
    padding: 0;
}

.home .social_media_links,
#body,
footer .row-fluid,
.postcodeContents,
header .ct_header_row,
header .navbar,
#responsive-food-menu .navbar-inner,
.ct_details_bar_content {
    max-width: 1170px;
    margin: 0 auto;
}

#body {
 	padding: 20px;   
}

input, textarea {
	border-radius: 0 !important;
    border: none !important;
}

.home #body {
 	max-width: 100%;  
    padding: 0;   
}

.home .elementOuterWrap {
 	max-width: 1680px;
    margin: 0 auto;
}

.website-image {
    text-align: center;   
}

.home .input-append .add-on, .home .input-append .btn, .home .input-append .btn-group {
    margin-left: 0;   
}

.mod_postcode_box .lead {
    font-family: "Berkshire Swash", cursive;
}

.handwriting {
 	font-family: "Dancing Script", cursive;   
}

.btn,
.home .elementImg a button,
.home .bannerElement button,
.home .input-append input {
 	font-family: "Vollkorn", serif;   
}

body {
 	padding-bottom: 0;   
}

/* BROWN BACKGROUND */
header,
.mod_postcode_box {
 	background: #181212;
    border-bottom: 2px solid #d79315;
    margin: 0;
}

#container {
    background: #181212;
}

form legend {
 	color: #fff;   
}

.red {
 	color: #de1a22;   
}

em,
.gold {
 	color: #d79315;   
}

.well {
 	background: #1f1717;
    color: #fff;
}

.table-bordered,
.table-bordered th, 
.table-bordered td {
    border-color: #4e3d3d;
    border-radius: 0;
}

.social_media_links .btn-group {
 	text-align: center;   
    margin: 50px 0;
}

.social_media_links .btn,
.social_media_links .btn:hover,
.social_media_links .btn:focus {
 	background: none;
    width: 40px !important;
}

.btn-group.extended a.btn {
    box-sizing: content-box;   
}

/* NEWS PAGE ----------------------------------------------- */

.page_news #body {
 	margin: 20px auto;
    background: #231a1a;
}

.page_news #body > h1 {
    text-align: center;
    line-height: 2;
}

.page_news a,
.page_news a:hover,
.page_news a:focus {
 	text-decoration: none;   
}

.page_news article p {
 	margin: 20px 0;   
}

.page_news #body .span4 img {
	text-align: center;
    border: 2px solid rgba(74,58,58,1);
    box-shadow: 10px 10px 0px 0px rgba(74,58,58,1);
}
.page_news #body .row-fluid {
 	 display: flex;
      align-items: center;
      justify-content: center;
}

.page_news .btn-gold {
 	margin-right: 6px;   
}


/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */
.modal {
    border-radius: 0;
    border: 1px solid #130d0d;
    box-shadow: 10px 10px 0px 0px rgba(74,58,58,1);
}

.modal-header,
.modal-footer {
    background: #1f1717;
    box-shadow: none;
}

#responsive-food-menu.affix,
.modal-header  {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #d79315;
}
.modal-footer {
    border-radius: 0;
    border: none;
    border-top: 2px solid #d79315;
}
.modal-body {
 	background: #130d0d;
    color: #fff;
}

.alert {
    background: #3c2626;
    text-align: center;
    border: none;
    text-shadow: none;
	border-radius: 0;
    color: #fff;
}
.alert-error, .alert-danger {
	background: #af0707;
}
.alert-warning {
	background: #b76e00;
}
.alert-success {
	background: #008004;
}
.alert-info {
	background: #087ab3;
}

/* HEADER / NAV BAR ----------------------------------------------- */

header {
 	padding: 35px 0;   
	box-shadow: 0px 6px 37px -16px rgba(0,0,0,0.53);
}

header .navbar .brand {
 	text-shadow: none;
    float: right;
}


.ct_user_status {
 	margin-left: 10px;  
}

.ct_user_status small {
    font-size: 16px;   
}

.ct_details_bar * {
 	display: inline-block; 
    color: #705252;
}

.ct_details_bar > * {
 	float: right;   
}

.ct_details_bar img {
 	margin-right: 5px;   
}

.ct_highlight {
    color: #9a7575;
}

#opening-status {
 	text-transform: capitalize;   
    padding-right: 0;
}

.status-OPEN {
    color: #64cc4f!important;
}
.status-CLOSED {
    color: #c04b4b !important
}

.navbar .main-menu ul {
 	float: right;   
    background: #3c2626;
    border-radius: 0;
}

.navbar .main-menu li, .navbar .nav a { /*navbar center */
    display: inline-block;
    float: none;
}
.navbar .nav { 
    text-align: center;
    float: none;
    margin: 0;
}   

.navbar-inner { /* style nav bar */
    background: none;
    border: none;
    padding: 0;
}

.nav-collapse {
 	float: right;   
}

.navbar .nav>li>a, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a /*style nav links*/ {
    background: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 21px;
    color: #fff;
    padding: 10px 12px 10px;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #d79315;
    background: none;
}

.navbar .nav>li.active,
.navbar .nav>li.active:hover,
.navbar .nav>li.active:focus {
 	border-bottom: 2px solid #d79315;  
}

.navbar .nav>.active>a, 
.navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus { /* remove default active link box-shadow */
	box-shadow: none;   
    background: none;
    padding: 0;
}

.navbar .nav>li.active {
    margin: 0 20px;
}

.navbar .btn-navbar { /*mobile navbar burger */
    text-shadow: none;
    box-shadow: none;
    padding: 10px;
    margin-bottom: 5px;
    
    background: none;
    color: #fff;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus  {
    background: none;
}

.navbar .btn-navbar:hover .icon-bar,
.navbar .btn-navbar:focus .icon-bar{
 	background: #d79315;  
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;  
}
.navbar .nav li.dropdown>a:hover .caret, 
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #d79315;
    border-bottom-color: #d79315;    
}

.uk-offcanvas-bar {
	background: #291e1e;
}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {

}

.dropdown-menu li {
	width: 100%;
    text-align: center;
}
.dropdown-menu>li:hover, .dropdown-menu>li:focus {
	background: none;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background: none;
    color: #d79315;
}

.modal .dropdown-menu>li>a:hover,
.modal .dropdown-menu>li>a:focus {
    background: #1f1717;
}

#responsive-food-menu {
	background: #1f1717;
}
.navbar .brand {
    color: #fff;
    text-shadow: none;
}

.popover {
    background: #291e1e;
    color: #fff;
    border-radius: 0;
}
.popover-title {
    background: #3c2626;
    color: #fff;
}
.popover-content {
    background: #291e1e;
    color: #fff;
}


/* CT DETAILS BAR --------------------- */

.ct_details_bar {
 	margin-bottom: 20px;   
}

.ct_details_bar a:hover,
.ct_details_bar a:focus {
 	color: #ad8585; 
}

/* SLIDESHOW  ----------------------------------------------- */

#myCarousel {
 	padding: 168px 0;  
    background-image: url("/myimages/238/zpos-bg-Vindaloo_SlideBG.jpg");
    background-size: cover;
    background-position: center;
    margin: 0;
}
.carousel-inner img {
    margin: 0 auto;
}

.carousel-control {
 	background: none;
    border: none;
    top: 90%;
}

/* POSTCODE BOX  ----------------------------------------------- */

.mod_postcode_box {
    border-top: 2px solid #d79315;   
    padding: 0;
    background-color: #181212 !important;
    background-image:  url("/myimages/238/Vindaloo_postcodeCorner.jpg"), url("/myimages/238/zpos-bg-Vindaloo_postcodeBG.jpg"); 
    background-size: auto, contain;
    background-repeat: no-repeat;
    background-position: 99.5% 10%, left top;
}

.mod_postcode_box .postcodeContents {
    margin: 40px auto !important;    
}


.mod_postcode_box .lead,
.mod_postcode_box .col3 {
 	text-align: left;   
}

.mod_postcode_box .lead {
    color: #d79315;
    font-size: 75px;
    text-transform: capitalize;
    margin:0 0 15px 0;
    line-height: 1.2;
}

.mod_postcode_box .col3 small {
 	font-size: 20px;
    color: #fff;
}

.postcodeContents {
 	overflow: hidden;
}

.home .input-append {
 	width: 100%;   
    margin: 0;
}
.home .input-append > * {
 	display: block; 
}

.home .input-append input,
.home .input-append .dropdown-menu {
    max-width: 500px;
    width: 100% !important;
    padding: 0;
}


.home .input-append input,
.home .input-append .dropdown-menu l {
 	border-radius: 0;
    border: none;
    height: 58px;
    font-size: 20px;
    margin-bottom: 15px;
}

.home .input-append .dropdown-menu {
    position: relative;
    display: block;
    float: none;   
    margin: 0 auto;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.home .input-append .dropdown-menu li {
 	display: inline-block;   
    max-width: 242px;
}

.home .input-append .dropdown-menu li a {
 	padding: 25px 0;   
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}

.home .bannerElement button,
.home .order-collection {
 	background: #ba6a03; 
    color: #fff;
}

.home .bannerElement button {
 	font-weight: bold;   
}

.home .order-collection {
    margin-left: 15px;   
}

.homeAboutSection .order-collection:hover,
.homeAboutSection .order-collection:focus,
.home .bannerElement button:hover,
.home .bannerElement button:focus,
.home .order-collection a:hover,
.home .order-collection a:focus {
 	 background: #8e5000;     
}

.btn-gold,
.home .elementImg a button,
.home .order-home-delivery {
    background: #d79315;
    color: #fff;
    text-decoration: none;
}

.btn-gold:hover, .btn-gold:focus, 
.homeAboutSection .order-home-delivery:hover,
.homeAboutSection .order-home-delivery:focus,
.home .elementImg a button:hover,
.home .elementImg a button:focus,
.home .order-home-delivery a:hover,
.home .order-home-delivery a:focus {
    background: #b17300;
    color: #fff;
}

.home .bannerElement > * {
    display: inline-block;
}

.elementDesc {
 	width: 50%; 
    text-align: left;
}

/* ----- HOME BANNER ELEMENTS ------- */

.homeBannerSection {
    position: relative;
 	padding: 60px 10px;   
    box-sizing: border-box; 
    background: #110d0d;
}

.home .elementInnerWrap {
	position: absolute;   
}

.home .elementImg {
 	border: 4px solid #cc822d;
	box-shadow: 10px 10px 0px 0px rgba(74,58,58,1);
    position: absolute;
    background: #cc822d;
    top: 17px;
    left: -100px;
}
.home .elementImg a button {
    position: absolute;
    left: 10px;
    bottom: 10px;  
    
}

.page_news .btn,
.home .elementImg a button {
    padding: 12px 18px 9px;
    border: none;
   	border-radius: 0;
}

.home .elementImg img {
 	transition: 0.3s;   
    overflow: hidden;
}
.home .elementImg img:hover,
.home .elementImg img:focus {
 	transform: scale(0.98);   
}


.homeBannerSection .elementOuterWrap > div  {
    text-align: right;
}

.bannerElement .elementInnerWrap {
 	position: relative;
    height: 381px;
    width: 700px;
    border: 1px solid #cd812d;
    background: #181212; 
    
    background-image: url("/myimages/238/Vindaloo_postcodeCorner.jpg"), url("/myimages/238/Vindaloo_sectionBottomCorner.jpg");
    background-size: auto, auto;
    background-repeat: no-repeat;
    background-position: 98% 5%, 98% 95%;
}

hr{
    border-color: #241b1b;   
}

.bannerElement hr {
 	width: 240px;  
}
.bannerElement .elementDesc {
 	color: #fff;   
    margin: 70px 0 0 263px;
}
.bannerElement h2 {
    color: #cc822d;
}

.home .bannerElement button {
 	margin-top: 20px;   
    padding: 14px 18px 10px;
    border: none;
}

.homeAboutSection,
.loyaltyPointsSection {
    box-sizing: border-box;
 	padding: 60px 115px;
    background-color: #0c0909;
}

.homeAboutSection * {
 	text-align: center;   
}

.homeAboutSection .elementOuterWrap {
 	padding: 110px 10px;   
    background-color: #181212;
    background-image: url("/myimages/238/zpos-bg-Vindaloo_About_DishBottomLeft.png"), url("/myimages/238/zpos-bg-Vindaloo_About_DishTopRight.png"), url("/myimages/238/zpos-bg-Vindaloo_AboutBG.jpg");
    background-size: auto, auto, auto;
    background-repeat: no-repeat;
    background-position: 0% 0%, 100% 0%, center;

}

.homeAboutSection .elementOuterWrap > * {
 	max-width: 650px;   
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.homeAboutSection h1 {
 	display: block;   
    font-size: 56px;
    line-height: 1;
}

.homeAboutSection  p {
 	margin: 50px auto !important;
    font-size: 18px;
}

.homeAboutSection .handwriting {
 	font-size: 37px;   
}

.homeAboutSection button {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 23px 35px 20px;
}

.homeAboutSection .order-collection {
    float: left;
}
.homeAboutSection .order-home-delivery {
    float: right;
}

.loyaltyPointsSection {
    padding: 160px 20px;
 	background: url("/myimages/238/zpos-bg-Vindaloo_homeLP_Bg.jpg");   
    background-size: cover;
    background-repeat: no-repeat;
}

.loyaltyPointsSection .elementOuterWrap {
 	max-width: 1250px;   
}

.loyaltyPointsSection .element3 {
    text-align: right;  
}
	
/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */
.btn, .btn-group, .btn-group>.btn:first-child, .btn-group>.btn:last-child {
    text-shadow: none;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.btn-default {

}
.btn-default:hover, .btn-default:focus {

}
.btn-primary {

}
.btn-primary:hover, .btn-primary:focus {
  
}
.btn-success {
  	background: #088008;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
 	background: #045604;
}
.text-success {
	color: #02c502;
}
.btn-danger {
 	background: #9a0000;  
}
.btn-danger:hover, .btn-danger:focus {
	background: #7b0000;
}
.text-error {
  	color: #ff7d7b;
}
.btn-warning {
	background: #d45800;
}
.btn-warning:hover, .btn-warning:focus {
  	background: #943d00; 
}
.text-warning {
   	color: #ec8e00;
}
.btn-info {
    background: #0a88e2;
}
.btn-info:hover, .btn-info:focus, .modal .btn-group.open .btn-info.dropdown-toggle  {
 	background: #0060a5;
}
.text-info {
   	color: #2eb3f5;
}
.text-muted, .muted {
    color: #a5a5a5;
}
.btn-inverse {
    background: #543838;
}
.btn-inverse:hover, .btn-inverse:focus {
    background: #331f1f;
}

a,
a:hover,
a:focus,
h1 small, .home footer a, .home footer a:hover, .home footer a:focus,
.ui-widget-content a,
.ui-widget-content a:hover,
.ui-widget-content a:focus,
.btn-link,
.btn-link:hover,
.btn-link:focus {
   color: #d2a3a3;
}
    
/* CHECKOUT MODAL STYLING  ----------------------------------------------- */

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background: #d79315;
    color: #181212;
}
.loyaltypoints_box .row-credits .well { /* border around counters */
    border: 1px solid #1f1717;
    background: #fff;
    color: #000;
}
.loyaltypoints_box .row-credits { /*points counter */
 	   
}
.loyaltypoints_box .ui-widget-header {
    border: none;
    background: #1f1717;
    color: #fff;
   
}
.loyaltypoints_box .col-equals .ui-widget-header, .loyaltypoints_box .col-equals .well {
    border: none;
   	background: none;
}

.loyaltypoints_box .btn-link,
.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
   color: #181212; 
}

/* MENU PAGE  ----------------------------------------------- */

.navbar-search {
	margin-right: 15px;
}

.nav-list>.active>a,
.menu-selection .alert,  .menu-selection .alert h3, .how-im-ordering, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #d79315;
    color: #181212;
}

.how-im-ordering * {
 	color: #271d1d;  
}

.how-im-ordering small, .how-im-ordering small:hover, .how-im-ordering small:focus {
    color: #1f1717;
}

#responsive-food-menu .text-info {
    color: #d79315;
}	
.navbar .brand {
    padding: 10px 20px 10px 35px;
}

#basket-container {
    border: none;
    color: #fff;
}

#basket-container .text-info {
    color: ;
}
#basket-container .text-error {
    color: ;
}
#basket-container .text-success {
    color: ;
}

.modal .media-body {
    text-align: center;
}
.modal .media-body ul {
    text-align: center;
    list-style: none;
    margin: 0;
}
.modal ul {
    text-align: center;
    list-style: none;
    border-radius: 0;
}
.modal small, .modalsmall, .media-body ul li {
    font-size: 15px;
}

#order-empty {
     margin-bottom: ;
}

.row-product:hover, .row-product:focus {
 	background: transparent;   
}

.menu-selection {
    
}

.menu-selection h1 {
    text-align: center;  
    line-height: 110px;
    font-size: 50px;
}

.ui-tabs-nav, .ui-tabs-menu, .ui-state-default, .ui-state-active {
    border: none !important;
}

/* menu background */
.ui-tabs-menu {
	background: none;
    color: #fff;
}

.ui-tabs-menu * {
 	color: #fff;   
}
/* menu nav bg */
.ui-tabs-nav {
	background: ; 
}

.ui-state-default {
	background: none !important;
    border-radius: 0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff;
}

.ui-tabs-vertical .ui-tabs-nav li:hover span,
.ui-tabs-vertical .ui-tabs-nav li:focus span,
.ui-state-active *, .ui-state-default:hover, .ui-state-default:focus {
	color: #d79315 !important;
    font-weight: bold;
}

.ui-tabs-nav li.ui-tabs-active span {
 	border-bottom: 2px solid #d79315 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:focus, .ui-state-active a:hover,
.ui-state-default:hover a, .ui-state-default:focus a{
    color: #fff ;
}

/* menu list */
.ui-tabs-vertical .ui-tabs-panel {
 	color: ;   
}

.row-odd {
 	background: transparent;   
}

.menu .media-heading {
    font-size: 20px;
    line-height: 1.4;
}

.modal-body .media-body {
    padding: 20px;
}
.modal-body .media-heading {
    font-size: 24px;
    line-height: 2;
}
.modal-body .caret {
 	border-top-color: ;
    border-bottom-color: ;   
}

.modal-body .btn-danger .caret,
.modal-body .btn-success .caret,
.modal-body .btn-info .caret {
    border-top-color: ;
    border-bottom-color: ;
}

/*contact headers */
.ui-widget-header {
    background: #3a2929;
    color: #fff;
    border: none;
    border-radius: 0;
}

.contact-us [class^="icon-"], .contact-us [class*=" icon-"] {  
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png); 
}

.contact-us .box-contact-information {
 	margin-bottom: 20px;   
}


/* MEMBERS  ----------------------------------------------- */
.hero-unit, 
.jumbotron-order-complete,
.sidebar-nav .nav-list>li.active>a:hover,
.sidebar-nav .nav-list>li.active>a:focus {
	background: #d79315;
    color: #181212;
}
.hero-unit a,.hero-unit a:hover, .hero-unit a:focus {
	color: #580000;
}

.sidebar-nav .nav-list>li>a, .sidebar-nav .nav-list .nav-header {
	text-shadow: none;
    color: #fff;
}

.sidebar-nav .nav-list>li.active>a {
 	color: #000;   
}

.sidebar-nav .nav-list li a [class^="icon-"], .sidebar-nav .nav-list li a [class*=" icon-"] {   
    background-image: 
}
.sidebar-nav .nav>li>a:hover, .sidebar-nav .nav>li>a:focus {
	background: #4a3131;
}
.sidebar-nav .nav-list li a:hover [class^="icon-"], .sidebar-nav .nav-list li a:hover [class*=" icon-"],
.sidebar-nav .nav-list li a:focus [class^="icon-"], .sidebar-nav .nav-list li a:focus [class*=" icon-"] {
 	background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);   
}

.sidebar-nav .nav-list li.active a [class^="icon-"], 
.sidebar-nav .nav-list li.active a [class*=" icon-"]  {
 	background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png);   
}

/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {
	padding: 50px;
    color: #000;
}
.jumbotron-order-complete .text-warning {
	color: #000;
}

/* ADDITIONAL CHANGES  ----------------------------------------------- */
.well-login, .voucher_box {
 	background: #312121;
    color: #fff;  
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
 	background: transparent;   
}
.alert-error.well-large h1 {
 	color: #fff;   
}

.table-striped tbody>tr:nth-child(odd)>td, 
.table-striped tbody>tr:nth-child(odd)>th {
 	background: none !important;   
}

/* 404  ----------------------------------------------- */
.page_error-404 .text-error,
.page_error-404 h2,
.page_error-404 h3{
	color: #fff;
}

.page_error-404 #body .alert-error {
 	padding: 50px;   
}

/* CONTACT PAGE  ----------------------------------------------- */

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header, #info-company-information {
    text-align: center;
}
.page_information .page-header {
    border: none; 

}
.page_information .official-document {
    font-family: "Arial", sans-serif;   
}
    
/* REVIEW PAGE  ----------------------------------------------- */
.page-review-order {
 	background: none !important;
    color: #fff;
}

.page-review-order #frmReviewOrder,
.page-review-order .lead {
	color: #fff !important;
}

footer {
    margin: 0;
    padding: 55px 0;
    background: #110d0d;
    border-top: 2px solid #d79315;
}

footer *,
footer .muted {
    color: #fff;
}

footer a,
footer a:hover,
footer a:focus {
	color: #9a7575;	   
}

/* NEWS PAGE  ----------------------------------------------- */


@media (max-width: 1700px) {
 	  .homeAboutSection .elementOuterWrap {
        background-size: 25%, 25%, auto;
        background-position: 0% 100%, 100% 0%, center;   
      }
}

@media (max-width: 1680px) {
	.homeBannerSection .elementOuterWrap > div {
        transform: scale(0.9);
    }
    
    .mod_postcode_box {
        box-sizing: border-box; 
        padding: 0 60px;
    }
}

@media (max-width: 1600px) {
	.homeBannerSection .elementOuterWrap > .bannerElement {
        text-align: center;
        margin: 0 auto;
        float: none;
        display: block;
        transform: scale(1);
        
        width: 800px;
        overflow: auto;
    }
    
    .homeBannerSection .elementOuterWrap > .bannerElement.element1 {
     	margin-bottom: 20px;   
    }
    
    .homeBannerSection .elementOuterWrap .elementInnerWrap {
        margin: 0 auto;
        float: right;
        clear: both;
    }
}

@media (max-width: 1240px) {
    
    .loyaltyPointsSection {
     	padding: 60px 20px;   
    }
    
    .loyaltyPointsSection .elementOuterWrap > div {
        text-align: center;   
    } 
    
    .loyaltyPointsSection .elementOuterWrap > div.vindaloo-badge {
     	display: none;   
    }

    .bannerElement .elementInnerWrap {
        display: block;
		float: right;  
    }
    .loyaltyPointsSection .elementOuterWrap > div.element3 {
     	width: 800px;  
        margin: 0 auto;
        float: none;
    }
}

@media (max-width: 1200px) {
 	header {
     	box-sizing: border-box;
        padding: 35px 20px 15px;
    }
    .header .navbar .brand {
       padding-right: 20px; 
    }
    
    #opening-status {
     	padding: 14px 10px 12px 0;
    }
    
    footer {
        padding: 55px 20px;
    }
    
    .postcodeContents .span6 {
     	width: 100%;
    }
    
    .mod_postcode_box {
        background-image: url(/myimages/238/Vindaloo_postcodeCorner.jpg);
    }
    
    .mod_postcode_box .lead, 
    .mod_postcode_box .col3 {
     	text-align: center;   
        margin: 0;
    }
    
    .postcodeContents > .span6 {
        margin: 0 0 20px 0;
    }
    
    .homeAboutSection,
    .loyaltyPointsSection {
     	padding: 60px;   
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    .ct_details_bar .span6 {
     	width: 100%;
        margin: 0;
        text-align: center !important;
        float: none;
    }
    .nav-collapse .dropdown-menu a {
     	padding: 10px 0;   
    }
    .nav-collapse,
    .nav-collapse li {
        width: 100%;
        display: block;
    }	
    
    .loyaltyPointsSection .elementOuterWrap > div.element3{
     	transform: scale(0.85);
    }
    
    .navbar .nav>li.active {
     	margin: 0;   
    }
    .navbar .main-menu ul {
     	float: none;   
    }
    
    .nav-collapse .nav>li>a:hover, 
    .nav-collapse .nav>li>a:focus, 
    .nav-collapse .dropdown-menu a:hover, 
    .nav-collapse .dropdown-menu a:focus {
     	background: none;   
    }
}

@media (max-width: 840px) {
    .homeBannerSection .elementOuterWrap > .bannerElement {
        transform: scale(0.9);
        margin: 0;
    }
}

@media (max-width: 800px) {
    
    .homeBannerSection {
     	padding: 0 20px;   
    }
    
    .home .elementImg {
        /*
     	top: unset;
   		left: unset;
        */
        top: -90px;
    	left: 0%;
    }
    
    .loyaltyPointsSection .elementOuterWrap > div.element3,
    .homeBannerSection .elementOuterWrap > .bannerElement {
     	width: 100%;
        margin: 100px 0;
        /*margin: 0 auto;*/
        transform: scale(1);
        overflow: visible;
    }
    
    .elementOuterWrap > .bannerElement.element2,
    .homeBannerSection .elementOuterWrap > .bannerElement.element2 {
     	margin-bottom: 60px;   
    }
    
    .elementOuterWrap .elementInnerWrap,
    .homeBannerSection .elementOuterWrap .elementInnerWrap {
        box-sizing: border-box;
        float: none;
        display: block;
        overflow: unset;
        height: auto;  
        width: 100%;
    	transform: scale(1);
        padding: 30px 0;
    }

   	.home .elementImg {
        position: relative;
        max-width: 60%;
        margin: 0 auto;
    }
    
    .home .elementImg img {
     	width: 100%;   
    }
    
    .home .elementDesc {
        display: block;
        float: none;
        margin: -50px auto 0 !important;
        /*margin: 0;*/
        width: 90%;
        text-align: center;
        margin: 30px auto 0;
    }
    .home .bannerElement hr {
     	margin: 0 auto 20px;   
    }
    
    .homeAboutSection .elementOuterWrap {
        background-image: url(/myimages/238/zpos-bg-Vindaloo_AboutBG.jpg);
     	background-size: cover;   
    }
    
    

 
    
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    body {
     	padding: 0;   
    }
    
    .ct_details_bar {
        text-align: center;   
    }
    
    .ct_local_branch_details {
     	margin: 10px 0 0 20px;   
    } 
    .ct_user_status,
    .ct_local_branch_details {
     	text-align: center !important;  
        float: none;
    }
    
    .navbar .nav>li.active {
     	margin: 0;   
    }
    .navbar .nav>li.active, 
    .navbar .nav>li.active:hover, 
    .navbar .nav>li.active:focus {
     	border: none;   
    }
    
    .navbar .nav>li.active a, 
    .navbar .nav>li.active:hover a, 
    .navbar .nav>li.active:focus a {
        border-bottom: 2px solid #d79315;
    }
    
    .navbar .main-menu ul {
     	float: none;   
    }

    #body h1 {
     	text-align: center;  
        line-height: 1.4; 
    }

    footer div, .span4.tr.vendor {
     	margin-top: 10px; 
        text-align: center !important; 
    }
    
    #myCarousel {
     	padding: 60px 20px;   
    }
    .left_column {
     	text-align: center;   
    }
    
    .homeAboutSection .elementOuterWrap {
     	padding: 40px 20px;   
    }
    
    .homeAboutSection .order-home-delivery,
    .homeAboutSection .order-collection {
        float: none;
        width: 100%;
    }
    
    .homeAboutSection .order-home-delivery {
     	margin-bottom: 20px;   
    }
    
    
    .home .input-append .dropdown-menu li {
     	max-width: unset;
        overflow: inherit;
        display: block;
    }
    
    .home .order-home-delivery {
     	margin-bottom: 15px;   
    }
    
    .home .order-collection {
        margin-left: 0;   
    }
    
    .homeAboutSection {
     	padding: 60px 20px;   
    }
    
    .loyaltyPointsSection {
     	padding: 25px 20px;   
    }
    .menu-container .ui-tabs-vertical .ui-tabs-panel {
     	width: 100% !important;   
    }
    .checkout h4, .checkout h5 {
        font-size: 20px !important;
        line-height: 110%;
    }
    .members #frmRegister legend, .members #frmLogin legend {
     	text-align: center;   
    }
    .page_news #body .row-fluid {
     	display: block;  
        text-align: center;
    }
    .contact-us .ui-widget-header,
    .contact-us .box-contact-information .ui-widget-content {
     	text-align: center;   
    }
}

@media (max-width: 630px) {
    .home .input-append .dropdown-menu li {
     	display: block;   
        max-width: unset;
        width: 100%;
    }
    
    .mod_postcode_box .lead {
        font-size: 65px;
        margin-bottom: 20px;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.ct_details_bar {
     	margin: 20px 0;  
    }
    .mod_postcode_box .lead {
        font-size: 50px;
    }
    .menu .row-product .row-variation {
        margin-bottom: 5px;   
    }
    
}
/*CLOSED ON TUESDAY BANNER*/
