﻿@charset "utf-8";

.facebookLogIn {
    display: none
}


/* Bootstrap columns */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}
.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}
.row:before,.row:after{content:" ";display:table;}
.row:after{clear:both;}
.row:before,.row:after{content:" ";display:table;}
.row:after{clear:both;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.cseol-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    position:relative;min-height:1px;padding-left:15px;padding-right:15px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left;}
.col-xs-1{width:8.333333333333332%;}
.col-xs-2{width:16.666666666666664%;}
.col-xs-3{width:25%;}
.col-xs-4{width:33.33333333333333%;}
.col-xs-5{width:41.66666666666667%;}
.col-xs-6{width:50%;}
.col-xs-7{width:58.333333333333336%;}
.col-xs-8{width:66.66666666666666%;}
.col-xs-9{width:75%;}
.col-xs-10{width:83.33333333333334%;}
.col-xs-11{width:91.66666666666666%;}
.col-xs-12{width:100%;}
@media (min-width:768px){.container{max-width:750px;} .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left;} .col-sm-1{width:8.333333333333332%;} .col-sm-2{width:16.666666666666664%;} .col-sm-3{width:25%;} .col-sm-4{width:33.33333333333333%;} .col-sm-5{width:41.66666666666667%;} .col-sm-6{width:50%;} .col-sm-7{width:58.333333333333336%;} .col-sm-8{width:66.66666666666666%;} .col-sm-9{width:75%;} .col-sm-10{width:83.33333333333334%;} .col-sm-11{width:91.66666666666666%;} .col-sm-12{width:100%;} .col-sm-push-1{left:8.333333333333332%;} .col-sm-push-2{left:16.666666666666664%;} .col-sm-push-3{left:25%;} .col-sm-push-4{left:33.33333333333333%;} .col-sm-push-5{left:41.66666666666667%;} .col-sm-push-6{left:50%;} .col-sm-push-7{left:58.333333333333336%;} .col-sm-push-8{left:66.66666666666666%;} .col-sm-push-9{left:75%;} .col-sm-push-10{left:83.33333333333334%;} .col-sm-push-11{left:91.66666666666666%;} .col-sm-pull-1{right:8.333333333333332%;} .col-sm-pull-2{right:16.666666666666664%;} .col-sm-pull-3{right:25%;} .col-sm-pull-4{right:33.33333333333333%;} .col-sm-pull-5{right:41.66666666666667%;} .col-sm-pull-6{right:50%;} .col-sm-pull-7{right:58.333333333333336%;} .col-sm-pull-8{right:66.66666666666666%;} .col-sm-pull-9{right:75%;} .col-sm-pull-10{right:83.33333333333334%;} .col-sm-pull-11{right:91.66666666666666%;} .col-sm-offset-1{margin-left:8.333333333333332%;} .col-sm-offset-2{margin-left:16.666666666666664%;} .col-sm-offset-3{margin-left:25%;} .col-sm-offset-4{margin-left:33.33333333333333%;} .col-sm-offset-5{margin-left:41.66666666666667%;} .col-sm-offset-6{margin-left:50%;} .col-sm-offset-7{margin-left:58.333333333333336%;} .col-sm-offset-8{margin-left:66.66666666666666%;} .col-sm-offset-9{margin-left:75%;} .col-sm-offset-10{margin-left:83.33333333333334%;} .col-sm-offset-11{margin-left:91.66666666666666%;}}@media (min-width:992px){.container{max-width:970px;} .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left;} .col-md-1{width:8.333333333333332%;} .col-md-2{width:16.666666666666664%;} .col-md-3{width:25%;} .col-md-4{width:33.33333333333333%;} .col-md-5{width:41.66666666666667%;} .col-md-6{width:50%;} .col-md-7{width:58.333333333333336%;} .col-md-8{width:66.66666666666666%;} .col-md-9{width:75%;} .col-md-10{width:83.33333333333334%;} .col-md-11{width:91.66666666666666%;} .col-md-12{width:100%;} .col-md-push-0{left:auto;} .col-md-push-1{left:8.333333333333332%;} .col-md-push-2{left:16.666666666666664%;} .col-md-push-3{left:25%;} .col-md-push-4{left:33.33333333333333%;} .col-md-push-5{left:41.66666666666667%;} .col-md-push-6{left:50%;} .col-md-push-7{left:58.333333333333336%;} .col-md-push-8{left:66.66666666666666%;} .col-md-push-9{left:75%;} .col-md-push-10{left:83.33333333333334%;} .col-md-push-11{left:91.66666666666666%;} .col-md-pull-0{right:auto;} .col-md-pull-1{right:8.333333333333332%;} .col-md-pull-2{right:16.666666666666664%;} .col-md-pull-3{right:25%;} .col-md-pull-4{right:33.33333333333333%;} .col-md-pull-5{right:41.66666666666667%;} .col-md-pull-6{right:50%;} .col-md-pull-7{right:58.333333333333336%;} .col-md-pull-8{right:66.66666666666666%;} .col-md-pull-9{right:75%;} .col-md-pull-10{right:83.33333333333334%;} .col-md-pull-11{right:91.66666666666666%;} .col-md-offset-0{margin-left:0;} .col-md-offset-1{margin-left:8.333333333333332%;} .col-md-offset-2{margin-left:16.666666666666664%;} .col-md-offset-3{margin-left:25%;} .col-md-offset-4{margin-left:33.33333333333333%;} .col-md-offset-5{margin-left:41.66666666666667%;} .col-md-offset-6{margin-left:50%;} .col-md-offset-7{margin-left:58.333333333333336%;} .col-md-offset-8{margin-left:66.66666666666666%;} .col-md-offset-9{margin-left:75%;} .col-md-offset-10{margin-left:83.33333333333334%;} .col-md-offset-11{margin-left:91.66666666666666%;}}@media (min-width:1200px){.container{max-width:1170px;} .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left;} .col-lg-1{width:8.333333333333332%;} .col-lg-2{width:16.666666666666664%;} .col-lg-3{width:25%;} .col-lg-4{width:33.33333333333333%;} .col-lg-5{width:41.66666666666667%;} .col-lg-6{width:50%;} .col-lg-7{width:58.333333333333336%;} .col-lg-8{width:66.66666666666666%;} .col-lg-9{width:75%;} .col-lg-10{width:83.33333333333334%;} .col-lg-11{width:91.66666666666666%;} .col-lg-12{width:100%;} .col-lg-push-0{left:auto;} .col-lg-push-1{left:8.333333333333332%;} .col-lg-push-2{left:16.666666666666664%;} .col-lg-push-3{left:25%;} .col-lg-push-4{left:33.33333333333333%;} .col-lg-push-5{left:41.66666666666667%;} .col-lg-push-6{left:50%;} .col-lg-push-7{left:58.333333333333336%;} .col-lg-push-8{left:66.66666666666666%;} .col-lg-push-9{left:75%;} .col-lg-push-10{left:83.33333333333334%;} .col-lg-push-11{left:91.66666666666666%;} .col-lg-pull-0{right:auto;} .col-lg-pull-1{right:8.333333333333332%;} .col-lg-pull-2{right:16.666666666666664%;} .col-lg-pull-3{right:25%;} .col-lg-pull-4{right:33.33333333333333%;} .col-lg-pull-5{right:41.66666666666667%;} .col-lg-pull-6{right:50%;} .col-lg-pull-7{right:58.333333333333336%;} .col-lg-pull-8{right:66.66666666666666%;} .col-lg-pull-9{right:75%;} .col-lg-pull-10{right:83.33333333333334%;} .col-lg-pull-11{right:91.66666666666666%;} .col-lg-offset-0{margin-left:0;} .col-lg-offset-1{margin-left:8.333333333333332%;} .col-lg-offset-2{margin-left:16.666666666666664%;} .col-lg-offset-3{margin-left:25%;} .col-lg-offset-4{margin-left:33.33333333333333%;} .col-lg-offset-5{margin-left:41.66666666666667%;} .col-lg-offset-6{margin-left:50%;} .col-lg-offset-7{margin-left:58.333333333333336%;} .col-lg-offset-8{margin-left:66.66666666666666%;} .col-lg-offset-9{margin-left:75%;} .col-lg-offset-10{margin-left:83.33333333333334%;} .col-lg-offset-11{margin-left:91.66666666666666%;}}table{max-width:100%;background-color:transparent;}


/* CSS Document */

div,table,tr,td,input {	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
}

#panelOrders { /* Disable My Account Sidebar on beelivery */
    display:none
}

body {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    font-size:16px;
    margin:0;
}

img {
    border:0
}

a img {
    outline:none
}


.termsBox {
    margin-right: 40px;
    margin-top: 40px;
    padding: 40px;
    font-size: 20px;
    display: inline-block;
    background: #FF6600;
    color: white;
    text-align: center
}

    .termsBox:hover {
        background-color: blue;
        cursor: pointer;
    }


.calendarFrame
{
    border-right: #add8e6 thin solid;
    border-top: #add8e6 thin solid;
    border-left: #add8e6 thin solid;
    border-bottom: #add8e6 thin solid;
}

.calendarMonthYear
{
    color: #ffffff;
    font-weight: normal;
    background-color: #335ea8;
    letter-spacing: 1px;
    height: 30px;
}

.calendarDay
{
    color: #ffffff;
    font-weight: normal;
    background-color: #6fa1d9;
}

.highlightday
{
    color: #ffffff;
    background-position: center center;
    background-image: url(/assets/images/event.gif);
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    height: 20px;
}

.highlightday2
{
    color: #ffffff;
    background-position: center center;
    background-image: url(/assets/images/event2.gif);
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    height: 20px;
}

.highlightday A:link {
    color: white;
    text-decoration: none
}

.highlightday A:visited {
    color: white;
    text-decoration: none
}

.highlightday A:active {
    color: white;
    text-decoration: none
}

.highlightday A:hover {
    color: white;
    text-decoration: none;
    font-weight: 900
}

.highlightday2 A:link {
    color: black;
    text-decoration: none
}

.highlightday2 A:visited {
    color: black;
    text-decoration: none
}

.highlightday2 A:active {
    color: black;
    text-decoration: none
}

.highlightday2 A:hover {
    color: black;
    text-decoration: none;
    font-weight: 900
}

.normalday
{
    text-align: center;
    height: 20px;
}




#cartBadge {
    position: absolute;
    margin-left: 43px;
    margin-top: 37px;
    min-width: 30px;
    text-align: center;
    white-space: nowrap;
}

.logo_container img {
    width: 292px;
    height: 85px;
}

.content {
    width: 85%;
    margin: 20px auto 20px auto;
}

/*
*===HEADERS===
*/

.main_title {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    font-size:60px;
    font-weight:400;
    margin:0;
    font-weight:700
}

.blue_title {
    width: 100%;
    color: #f60;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}

.sub_title,.orderDetailsTitle,.text_largeblue {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    color:#ff7f19;
    font-size:30px;
    margin:0;
    font-weight:700
}

.row2text h1 {
	line-height:65px;
	
	
	}
/*
*===ALL PAGES===
*/


.textboxUpper
{
    text-transform: uppercase;
}


.text-black {
    color:#000
}

.text-blue {
    color:#377ECE
}

.text-white {
    color:#fff
}

a.text-white {
    color:#fff
}

a.text-white:visited {
    color:#fff
}
a.text-white:hover {
    color: white;
}

.rowexpandable {
    width:100%;
}

.rowcontent {
	margin:auto;
	overflow:hidden;
	width:90%
}



/*
*===BUTTONS===
*/


/*  Login and Register Boxes */

.popupbuttonRegister {
    cursor: pointer;
}

.popupbuttonLogin {
    cursor: pointer;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
     margin-top: -200px;
}

* html .jqmOverlay {
	display:none;
}
.mainButton, .buttonbig1 {
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 15px;
    background-color: #FF6600;
    border: 1px solid #FFF;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    border-radius: 8px;
}

    .mainButton:hover, .buttonbig1:hover {
        background-color: #ff7d3e;
        color: #ffffff;
    }
.mainButton:disabled {
    opacity: 0.5;
    background-color: #ff7f19;
    color: black;
}

.checkbox4 {
    display: inline-block;
}



.linevert
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D6D6D6;	
}

/*
*---Facebook SignIn Button, 100% ---
*/ 
 
.buttonLoginFacebook {
    height: 23px;
    cursor: pointer;
    display:block;
    text-align:center;
        width: 245px;
    padding: 15px;
    background-color:#135eff;
    border:1px solid #FFF;
	text-decoration:none;
	background-image:url(../images/icon_facebooklogin_white.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
    color: white;
    content: "Login with Facebook";
}
.buttonLoginFacebook:after {
    content: "Login with Facebook";
}
.buttonLoginFacebook:hover {
	background-color:#FF7F19;   	
	color:black;
}
a.buttonLoginFacebook:active, a.buttonLoginFacebook:visited,
a.buttonLoginFacebook:link {
    color:#fff;    
}




/*  -----  */






.headerimage {
    float:left;
    position:relative;
    background:#fe7f00;
    background-image:url(../images/beebkg.png);
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height:404px;
    background-position:bottom right;
    background-color:#fe7f00
}

.logo_container {
	display:block;
	float:left;
	padding:5px;
	padding-left: 15px;
}

.rowmobilenav {
    display:block;
    font-size:20px;
    background-color:#fff;
    width:100%;
    float:left;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#FE7F00
}

.buttonmobilenav {
	margin:auto;
	overflow:hidden;
	width:90%;
	background-image:url(../images/chevron.png);
	background-repeat:no-repeat;
	background-position:right;
	line-height:50px;
	text-align:center;
	color:#000
}

.buttonmobilenav:hover {
    color:#FF7F19;
    text-decoration:none;
    font-weight:400
}

.buttonnavend {
    border-bottom-width:0;
    border-bottom-style:solid;
    border-bottom-color:#FFF
}

.navbar_container {
	float:right;
	padding:17px;
	width:430px;
	position:absolute;
	right:0
}

.navbar_social {
    float:right;
    padding-left:10px
}

.navbar_mobile {
    float:right;
    padding-left:10px;
    display:none
}

.navbar_links {
    color:#FFF;
    float:right;
    line-height:55px
}

.helpbutton {
    padding-right:7px;
    float:left;
    text-align:center;
    height:55px;
    display:block;
    padding-left: 7px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF
}

.signupbutton {
    padding-right:7px;
    float:left;
    text-align:center;
    height:55px;
    display:block
}

.loginbutton {
    padding-left:7px;
    padding-right:10px;
    float:left;
    text-align:center;
    height:55px;
    display:block;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
}

.navbar_links a:link {
    color:#FFF;
    text-decoration:none;
    font-weight:400
}

.navbar_links a:visited {
    color:#FFF;
    text-decoration:none;
    font-weight:400
}

.navbar_links a:hover {
    color:#f79521;
    text-decoration:none;
    font-weight:400
}

.navbar_links a:active {
    color:#fff;
    text-decoration:none;
    font-weight:400
}

/*
*===FOOTER===
*/


.footercontent {
	margin:auto;
	width:90%;
	padding-top:10px;
	color:#fff
}

.footercolumn {
    width:31%;
    float:left;
    padding:1%;
    text-align:center
}

.footersocial {
    width:100%;
    float:left;
    text-align:center
}

.footersocial img {
    padding:3px
}

.footerend {
	width:98%;
	float:left;
	text-align:center;
	padding:10px;
	color:#666
}

/*
*===INDEX===
*/

.searchcontainer {
    margin-left:10%;
    clear:both;
    padding-top:50px;
    width:40%
}


.searchbar input {
    width: 100%;
    font-size: 30px;
    border: none;
}

.searchbar {
    font-size: 30px;
    margin: 10px;
    position: relative;
}
.searchbar_text {
    float:left
}

.searchbar_button {
    right:5px;
    top:5px;
    position:absolute
}

.anythingbeelivered {
    margin-left:5%;
    width:802px;
    padding-top:2%
}

.row2 {
    background-color:#232228;
    height:404px;
    width:100%;
    float:left;
    background-image:url(../images/speedy.jpg);
    background-size:cover;
    background-position:top
}

.row2content {
	margin:auto;
	height:380px;
	width:90%;
	padding-top:10px;
	color:#fff
}

.row2text {
	float:right;
	height:340px;
	width:50%;
	text-align:center;
	margin-top:10px
}

.row3 {
    background-color:#4568BF;
    height:404px;
    width:100%;
    float:left;
    background-image:url(../images/phonebkg.png);
    background-size:cover;
    background-position:top
}

.row3content {
	margin:auto;
	height:394px;
	width:90%;
	padding-top:10px;
	color:#fff
}

.row3text {
    float:left;
    height:370px;
    width:48%;
    text-align:center;
    margin-top:10px
}

.row3text img {
    width:40%;
    max-width:250px;
    height:auto;
    float:none;
    padding-left:1%;
    padding-top:1%
}

.row4 {
    background-color:#F2F2F2;
    height:404px;
    width:100%;
    float:left;
    background-image:url(../images/collectivemap.png);
    background-size:cover;
    background-repeat:repeat-x;
    background-position:bottom
}

.rowGrey {
    float: left; width: 100%; height: 200px; background-color: #222; padding-top: 52px;
}

.row4content {
	margin:auto;
	height:380px;
	width:90%;
	padding-top:10px;
	color:#fff
}

.row4text {
    float:left;
    height:340px;
    width:48%;
    text-align:center;
    margin-top:10px
}

.row4text2 {
    float:right;
    height:365px;
    width:48%;
    text-align:center;
    padding-top:20px
}

.row4text2 a {
       margin: 0 auto 0 auto;
}

.row4content img {
    margin:auto;
    width:99%;
    height:auto;
    max-width:480px
}


/* Front page */


.bubble
{
    position: relative;
    width: 250px;
    padding: 0px;
    background: #FF6600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bubble:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FF6600 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 110px;
}


.rowFrontPageTop {
    background: url(/images/backgrounds/Overhead.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-bottom: 100px;
    min-height: 60%;
}

.rowGetTheApp {
    background: white;
    height: 300px;
    text-align: center;
    height: 404px;
}

.frontPageSearchBarButton {
    height: 70px;
    background-color: #FF6600;
    top: 0;
    right: 0;
}


.searchBar {
    width: 600px;
    display: inline-block;
}

.frontPageTopLogo {
    width: 600px;
    height: auto;
}

.headingTitle1 {
    padding-top: 75px;
    font-size: 58px;
    color: white
}

.headingTitle2 {
    padding-top: 10px;
    padding-bottom: 18px;
    font-size: 58px;
    color: white
}

.headingTitle3 {
    padding-top: 30px;
    font-size: 20px;
    color: white;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
   
}

.rowAppTitle1 {
    padding-top: 80px;
    font-size: 50px;
    color: #FF6600;
    font-weight: bold
}

.rowAppTitle2 {
    padding-top: 13px;
    font-size: 17px;
    color: black;
    font-weight: bold;
}

.countrySelector {
    cursor: pointer;
    position: absolute;
    top: 26px;
}

#countries-dd {
    box-shadow: 0 0.1875rem 0.6875rem #686868;
    border-radius: 2px;
    position: absolute;
    width: 80px;
    top: 30px;
    left: 0;
    list-style: none;
    background-color: white;
    padding: 0;
    margin: 0;
    max-height: 280px;
    overflow-y: auto;
}

    #countries-dd li {
        padding: 0;
        margin: 0;
    }

    #countries-dd li:hover {
        background-color: #f5f6f8;
    }





/*
*===TRACKING===
*/

.trackingrow {
	height:404px;
	width:100%;
	position:relative;
}

.trackingsearchrow {
	
	float:left;
	width:100%;
	text-align:center;
	position: absolute;
    left: 0px;
    top: 50px;
	
}

.trackingsearchcontainer {
	clear:both;
	width:50%;
	margin:auto;
}

.trackingsearchcontainer h2{
	padding-bottom:10px;
	}

/*
*===ABOUT US===
*/

.aboutusrow {
	background-color:#232228;
	height:404px;
	width:100%;
	float:left;
	background-image:url(../images/aboutcity.jpg);
	background-size:cover;
	background-position:top;
	position:relative;
}

.aboutustextrow {
	
	float:left;
	width:100%;
	text-align:center;
	position: absolute;
    left: 0px;
    bottom: 30px;
	
}

.rowabout {
	margin:auto;
	overflow:hidden;
	width:90%;
	color:#fff;
	padding-top:20px;
	text-align:center;
}

.rowpress {
	margin:auto;
	overflow:hidden;
	width:90%;
	color:#fff;
	padding-top:20px;
	text-align:center;
}
.staffprofile {
	float:left;
	width:100%;
	margin-bottom:10px;
	}

/*
*===HELP CENTRE===
*/
#faqs { 





 }
#faqs h5	{
	cursor:pointer;
	color:#FFF;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:21px;
	margin:0;
	font-weight:700;
	background-color: #FF7F19;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
 }
#faqs h5.active	{
	



}

#faqs h6	{
	cursor:pointer;
	color:#000;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:17px;
	margin:0;
	font-weight:700;
	

 }
#faqs h6.active	{
	color:#FF7F19;

}


#faqs div   { position:relative;
    top: 0px;
    left: 0px;
}
#faqs div p	{ padding:0; margin-bottom:15px; }

.rowbacknav {
	height:90px;
	color:#fff;
	background-color:#FF7F19;
	width:100%;
	float:left;
	line-height:90px;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:60px;
	margin:0;
	font-weight:700;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff
}

.rowhelpnav {
	color:#FFF;
	display:block;
	font-size:20px;
	background-color:#FF7F19;
	width:100%;
	float:left;
	height:50px;
	line-height:50px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff
}

.rowhelpnav:hover {
    color:#000;
    text-decoration:none;
    font-weight:400
}

.buttonrowcontent {
	margin:auto;
	overflow:hidden;
	width:90%;
	background-image:url(../images/chevron_white.png);
	background-repeat:no-repeat;
	background-position:right
}

.rowcontact {
	margin:auto;
	overflow:hidden;
	width:90%;
	color:#fff;
	padding-top:20px
}

.rowhelptextnav {
    float:left;
    width:100%;
    text-align:left;
    padding-top:20px
}

.rowhelptext {
    float:left;
    width:100%;
    text-align:left;
    padding-top:20px
}

.helpimagerow {
	height:250px;
	width:100%;
	float:left;
	background-size:cover;
	background-position:bottom;
	position:relative;
	background-repeat: no-repeat;
}

.rowcontact a:link {
    color:#FFF;
   
   
}

.rowcontact a:visited {
    color:#FFF;
    
   
}

.rowcontact a:hover {
    color:#000;
   
    
}

.rowcontact a:active {
    color:#fff;
   
}




/*
*---Facebook SignIn Button, 50%---
*/ 
 
.button_50_signFB {
    display:block;
    text-align:center;
    margin:auto;
    width:50%;
    padding:15px;
    background-color:#135eff;
    border:1px solid #FFF;
	text-decoration:none;
	background-image:url(../images/icon_facebooklogin_white.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
    cursor: pointer;
}
.button_50_signFB:hover {
	background-color:#fff; 
	color:#000;
	background-image:url(../images/icon_facebooklogin_black.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;	
	
}
a.button_50_signFB:active, a.button_50_signFB:visited,
a.button_50_signFB:link {
    color:#fff;    
}

a.button_50_signFB:hover {
	color:#000;
	
	}

/*
*---Black Button, 50%---
*/
a.button_black_50{
    color:#fff;
    text-decoration:none;
    font-weight: 400;
}



.button_black_50 {
    display:block;
    text-align:center;
    margin:auto;
    width:50%;
    padding:15px;
    background-color:#000000;
    border:1px solid #FFF;
	color:#fff;
	text-decoration:none;
     cursor:pointer;
}

.button_black_50:hover {
   	color:#000;
    background-color:#fff;}


a.button_black_50_left{
    color:#fff;
    text-decoration:none;
    font-weight: 400;
}



.button_black_50_left {
    display:block;
    text-align:center;
    width:50%;
    padding:15px;
    background-color:#000000;
    border:1px solid #FFF;
	color:#fff;
	text-decoration:none;
     cursor:pointer;
}

.button_black_50_left:hover {
   	color:#000;
    background-color:#fff;}




/*
*===BECOME PARTNER===
*/
.shoprow {
	background-color:#232228;
	height:404px;
	width:100%;
	float:left;
	background-image:url(../images/blurshop.jpg);
	background-size:cover;
	background-position:top;
	position:relative;
}

.shoprow2 {
	background-color:#232228;
	height:404px;
	width:100%;
	float:left;
	background-image:url(../images/drinkbottlesorangeblur.jpg);
	background-size:cover;
	background-position:top;
	position:relative;
}

.shoprow2 p {
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    max-width: 400px;
    font-size: 1.2em;
    color: #fff;
        margin-left: auto;
        margin-right: auto;
            margin-top: 110px;
    background: rgba(0,0,0,0.35);
    padding:30px
}

/*
*===BECOME DRIVER===
*/
.driverrow {
	width:100%;
	position:relative;
}
.driverrow {
	width:100%;
	position:relative;
}
.drivertextrow {
	
	width:100%;
	text-align:center;
	
}


.rowdriver1 {
	margin:auto;
	overflow:hidden;
	width:90%;
	padding-top:20px;
	text-align:center;
}

.rowdriver1 table {
     margin-left: auto;
     margin-right:auto
}

.rowdriver1 td {
    padding-right: 20px;
}
.rowdriver1 input, .rowdriver1 select, .rowdriver1 option {
    padding: 10px;
    font-size: 16px;
}
.rowdriver1 input[type=checkbox] {
    height: 20px;
    width: 20px;
}

.rowdriver2 {
	margin:auto;
	overflow:hidden;
	width:90%;
	text-align:center;
}

.rowdriver2 img {
	float:left;
	
	}
















/*
*===RESPONSIVE/TABLET===
*/


@media only screen and (min-width: 890px) {

    .rowmobilenavcnt {
        display: none!Important;
    }
}



@media only screen and (min-width: 599px) and (max-width: 890px) {

    
    /*.navbar_container {
        width: 80px;
    }*/


.drivertextrow img {
 width:90%;
 height:auto;

}


.trackingsearchcontainer {
	
	width:96%;
	
}



.row2text h1 {
	line-height:40px;
	
	
	}


.rowhelpnav {
   
    display:block;
    font-size:20px;
  
    width:100%;
    float:left;
    height:50px;
    line-height:50px;
   
}

.navbar_mobile {
    display:block
}

.navbar_links {
    display:none
}

.navbar_social {
    display:none
}


.anythingbeelivered img {
    width:97%;
    height:auto
}

.anythingbeelivered {
    margin-left:3%;
    width:97%
}

.searchcontainer {
    float:left;
    clear:both;
    width:50%;
    margin-left:5%
}



.bigtitle {
    font-size:40px
}



.row3text img {
    width:48%;
    height:auto;
    margin:auto
}

.row3 {
    background-color:#fff;
    height:404px;
    width:100%;
    float:left;
    background-image:url(../images/phonebkgtablet.png);
    background-size:cover
}

.row3text img {
    width:98%;
    height:auto;
    padding-bottom:10px
}
.aboutustextrow img {
	width:90%;
	height:auto;

}







}

/*
*===RESPONSIVE/PHONE ===
*/

@media only screen and (max-width: 430px) {
    .logo_container img {
        width: 181px;
        height: 49px;
        margin-top: 9px;
    }

    #buttonCart {
        width: 50px;
        height: 50px;
    }

    #cartBadge {
        margin-left: 26px;
        margin-top: 26px;
        min-width: 30px;
        font-size: 12px;
        white-space: nowrap;
    }
    
    /*.contentcontainer {
        padding-top: 75px!Important;
    }*/

}


@media only screen and (min-width: 150px) and (max-width: 899px) {

   .tlmBox div {
       font-size: 11px;
   }
    .tlmBox {
        padding: 5px!Important;
    }

.drivertextrow img {
 width:90%;
 height:auto;

}
	
.trackingsearchcontainer {
	
	width:96%;
	
}
	
	
	
.navbar_mobile {
    display:block
}

.navbar_links {
    display:none
}

.anythingbeelivered img {
    margin-left:1%;
    width:97%;
    height:auto
}

.anythingbeelivered {
    clear:both;
    margin-left:2%;
    width:95%
}

.navbar_social {
    display:none
}

.headerimage {
    background:#fe7f00;
    background-image:url(../images/beebannerphone.png);
    background-repeat:no-repeat;
    background-size:240px 240px;
    background-position:right bottom
}

.signupbutton {
    padding:9px;
    float:none;
    text-align:center;
    height:20px;
    display:block;
    margin-bottom:5px;
    border:1px solid #ff7f19
}

.loginbutton {
    padding:9px;
    float:none;
    text-align:center;
    height:20px;
    display:block;
    border:1px solid #ff7f19
}

.navbar_links {
    line-height:20px
}

.searchcontainer {
	float:left;
	clear:both;
	margin-left:2%;
	padding-top:20px;
	width:96%
}


.main_title {
    font-size:28px
}


.sub_title,.orderDetailsTitle,.text_largeblue {
    font-size:18px
}

.row3text img {
    width:98%;
    height:auto;
    padding-bottom:10px
}

.row2 {
    display:none
}

.row3 {
    background-color:#fff;
    height:404px;
    width:100%;
    float:left;
    background-image:url(../images/phonebkgphone.png);
    background-size:cover
}

.row4text {
    text-align:center;
    padding-top:20px
}

.row4text2 {
    text-align:center
}
.staffprofile img {
	width:100%;
	height:auto;
	}

.aboutustextrow img {
	width:90%;
	height:auto;

}

.aboutusrow {
	height:200px;

}

	



}

.align-self-center {
    align-self: center;
}

