/*
 *  1.   GENERAL
 *  2.   HEADER
 * 	3.   HOME PAGE
 *  4.   PRODUCTS PAGE
 *  5.   CATEGORY PRODUCT LISTING
 *  6.   BUTTONS
 *  7.   TAB NAVIGATION
 *  98.  TEXTBOX GLOW
 *  99.  FOOTER
 *  100. EXTRA BREAKPOINT
 */

/*====== 1.0 GENERAL ========================================= */

body{
	background-color:#dadcdb;
}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.no-padding{
	padding: 0px;
}

.nav-padding{
	padding-left:15px;
}


footer hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ffffff;
    margin: 1em 0;
    padding: 0; 
}


.google-maps {
    position: relative;
    padding-bottom: 50%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    /*height: 100% !important;*/
    /*height: 250px;*/
}



/*======== 2.0 HEADER ======================================== */

/* top */
#top{
	/*background-color:#6526ac;*/
	background-color:#dadcdb;
	/*border-bottom: 1px solid #521991;*/
	margin: 0 0 0 0;
	min-height: 20px;
}

#top-links {
	padding-top: 1px;
}

#top .btn-link, #top-links li, #top-links a {
	color: #FFFFFF;
	text-shadow: none;
	text-decoration: none;
}

#top .btn-link:hover, #top-links a:hover {
	color: #CCCCCC;
}

#top .container {
	background-color:#6526ac;
	padding: 1px 15px;
	height: 28px;
}

.container{
	background-color: #FFFFFF;
}

#search .btn-lg {
	line-height: 18px;
	padding: 10px 15px;
}

#menu {
	border-color: #55a073 #55a073 #55a073;
	background: #77c195; /* Old browsers */
	background: -moz-linear-gradient(top, #77c195 0%, #55a073 87%, #48bf78 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c195), color-stop(87%,#55a073), color-stop(100%,#48bf78)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77c195 0%,#55a073 87%,#48bf78 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77c195 0%,#55a073 87%,#48bf78 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #77c195 0%,#55a073 87%,#48bf78 100%); /* IE10+ */
	background: linear-gradient(to bottom, #77c195 0%,#55a073 87%,#48bf78 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c195', endColorstr='#48bf78',GradientType=0 ); /* IE6-9 */
}




/*======== 3.0 HOME ======================================== */

.home-ad-box{
	border: 1px solid #999;
	height: 190px;
	margin-top: 10px;
	padding:10px;
}

.home-ad-box-right{
	border: 1px solid #999;
	padding:10px;
}

.btn-home-page { 
  color: #ffffff; 
  background-color: #76707D; 
  border-color: #4A494F; 
} 
 
.btn-home-page:hover, 
.btn-home-page:focus, 
.btn-home-page:active, 
.btn-home-page.active, 
.open .dropdown-toggle.btn-home-page { 
  color: #ffffff; 
  background-color: #ACA9B0; 
  border-color: #4A494F; 
} 
 
.btn-home-page:active, 
.btn-home-page.active, 
.open .dropdown-toggle.btn-home-page { 
  background-image: none; 
} 
 
.btn-home-page.disabled, 
.btn-home-page[disabled], 
fieldset[disabled] .btn-home-page, 
.btn-home-page.disabled:hover, 
.btn-home-page[disabled]:hover, 
fieldset[disabled] .btn-home-page:hover, 
.btn-home-page.disabled:focus, 
.btn-home-page[disabled]:focus, 
fieldset[disabled] .btn-home-page:focus, 
.btn-home-page.disabled:active, 
.btn-home-page[disabled]:active, 
fieldset[disabled] .btn-home-page:active, 
.btn-home-page.disabled.active, 
.btn-home-page[disabled].active, 
fieldset[disabled] .btn-home-page.active { 
  background-color: #76707D; 
  border-color: #4A494F; 
} 
 
.btn-home-page .badge { 
  color: #76707D; 
  background-color: #ffffff; 
}


.btn-subscribe { 
  color: #ffffff; 
  background-color: #479155; 
  border-color: #337820; 
} 
 
.btn-subscribe:hover, 
.btn-subscribe:focus, 
.btn-subscribe:active, 
.btn-subscribe.active, 
.open .dropdown-toggle.btn-subscribe { 
  color: #ffffff; 
  background-color: #3A703E; 
  border-color: #337820; 
} 
 
.btn-subscribe:active, 
.btn-subscribe.active, 
.open .dropdown-toggle.btn-subscribe { 
  background-image: none; 
} 
 
.btn-subscribe.disabled, 
.btn-subscribe[disabled], 
fieldset[disabled] .btn-subscribe, 
.btn-subscribe.disabled:hover, 
.btn-subscribe[disabled]:hover, 
fieldset[disabled] .btn-subscribe:hover, 
.btn-subscribe.disabled:focus, 
.btn-subscribe[disabled]:focus, 
fieldset[disabled] .btn-subscribe:focus, 
.btn-subscribe.disabled:active, 
.btn-subscribe[disabled]:active, 
fieldset[disabled] .btn-subscribe:active, 
.btn-subscribe.disabled.active, 
.btn-subscribe[disabled].active, 
fieldset[disabled] .btn-subscribe.active { 
  background-color: #479155; 
  border-color: #337820; 
} 
 
.btn-subscribe .badge { 
  color: #479155; 
  background-color: #ffffff; 
}





/*======== 4.0 CATEGORIES PAGE (PRODUCTS) ======================================== */

.categories-box{
	border: 1px solid #B2B2B2;
	height: 290px;
	margin-top: 10px;
	padding: 0px;
}




/*======== 5.0 CATEGORIES PRODUCTS LISTING ======================================== */

.product-thumb .button-group button {
	width: 100%;
}

.product-thumb .button-group button + button {
	width: 100%;
}






/*======== 6.0 BUTTONS ======================================== */

.btn-purple { 
  color: #ffffff; 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-purple .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}







/*======== 7.0 TAB NAVIGATION ======================================== */

/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}
.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;
   /* box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);*/
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
   /* box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);*/
}

/* Tab Content */
.tab-pane {
    background: #F5F5F5;
    /*box-shadow: 0 0 4px rgba(0,0,0,.4);*/
    border-radius: 0;
    /*text-align: center;*/
    padding: 10px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}





/*======== 8.0 NEWSLETTER HOME PAGE ======================================== */

#newsletterbox {
	background-color: #f5f5f5;
	border: 10px solid #e4e4e4;
}
#newsletterbox .white-border {
border: 1px solid #fff;
}
.newsletterbox-wrap {
background: url("images/enews-ribbon.png") no-repeat scroll left top transparent;
margin: -17px -18px;
overflow: hidden;
padding: 45px 30px 40px;
text-align: center;
text-shadow: 1px 1px #fff;
}

.newsletterbox-wrap h4 {
text-align: center;
}

.newsletterbox-wrap p {
margin: 0 35px 20px;
text-align: center;
}
.newsletterbox-wrap input[type="email"] {
background: url("images/enews.png") no-repeat scroll left center #fff;
box-shadow: 0 0 5px #ccc inset;
color: #999;
font-family: 'proxima-nova',sans-serif;
font-size: 12px;
margin: 0 5px;
padding: 15px 0 15px 45px;
width: 40%;
}

.newsletterbox-wrap input[type="submit"] {
box-shadow: 0 1px 1px #a24a1d;
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
text-transform: uppercase;
}






/*======== 98.0 TEXTBOX GLOW ====================================== */
.form-control:focus {
  border-color: #9900FF;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}




/*======== 99.0 FOOTER ====================================== */
footer {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #303030;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
}



















/*======== 100.0 XTRA BREAKPOINT ====================================== */

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 480px) and (max-width: 768px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left; }

  .col-ms-1 {
    width: 8.33333%; }

  .col-ms-2 {
    width: 16.66667%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-4 {
    width: 33.33333%; }

  .col-ms-5 {
    width: 41.66667%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-7 {
    width: 58.33333%; }

  .col-ms-8 {
    width: 66.66667%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-10 {
    width: 83.33333%; }

  .col-ms-11 {
    width: 91.66667%; }

  .col-ms-12 {
    width: 100%; }

  .col-ms-push-1 {
    left: 8.33333%; }

  .col-ms-push-2 {
    left: 16.66667%; }

  .col-ms-push-3 {
    left: 25%; }

  .col-ms-push-4 {
    left: 33.33333%; }

  .col-ms-push-5 {
    left: 41.66667%; }

  .col-ms-push-6 {
    left: 50%; }

  .col-ms-push-7 {
    left: 58.33333%; }

  .col-ms-push-8 {
    left: 66.66667%; }

  .col-ms-push-9 {
    left: 75%; }

  .col-ms-push-10 {
    left: 83.33333%; }

  .col-ms-push-11 {
    left: 91.66667%; }

  .col-ms-pull-1 {
    right: 8.33333%; }

  .col-ms-pull-2 {
    right: 16.66667%; }

  .col-ms-pull-3 {
    right: 25%; }

  .col-ms-pull-4 {
    right: 33.33333%; }

  .col-ms-pull-5 {
    right: 41.66667%; }

  .col-ms-pull-6 {
    right: 50%; }

  .col-ms-pull-7 {
    right: 58.33333%; }

  .col-ms-pull-8 {
    right: 66.66667%; }

  .col-ms-pull-9 {
    right: 75%; }

  .col-ms-pull-10 {
    right: 83.33333%; }

  .col-ms-pull-11 {
    right: 91.66667%; }

  .col-ms-offset-1 {
    margin-left: 8.33333%; }

  .col-ms-offset-2 {
    margin-left: 16.66667%; }

  .col-ms-offset-3 {
    margin-left: 25%; }

  .col-ms-offset-4 {
    margin-left: 33.33333%; }

  .col-ms-offset-5 {
    margin-left: 41.66667%; }

  .col-ms-offset-6 {
    margin-left: 50%; }

  .col-ms-offset-7 {
    margin-left: 58.33333%; }

  .col-ms-offset-8 {
    margin-left: 66.66667%; }

  .col-ms-offset-9 {
    margin-left: 75%; }

  .col-ms-offset-10 {
    margin-left: 83.33333%; }

  .col-ms-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; } }


img#ndis {
	height: 100px;
	margin-top:10px;
}


@media (max-width: 991px) {
	img#ndis {
		height: 70px;
		margin-top:10px;
	} 
}






#example1 {
  border: 2px solid #ccc;
  background: url('http://www.equip4living.com.au/images/leef-banner-change-name.jpg');
  background-size: 100%;
  width: 100%;
  padding-top: 36.38333%;
  height: 0;
  repeat-x:none;
  position:relative;
  margin-bottom: 20px;
}


#example2 {
  border: 2px solid #ccc;
  background: url('http://www.equip4living.com.au/images/leef-banner-mobile-change-name.jpg');
  background-size: 100%;
  width: 100%;
  padding-top: 146.00123%;
  height: 0;
  repeat-x:none;
  position:relative;
  margin-bottom: 20px;
}
#example1 {
    
  display:none;  
}


#example2 {
    
  display:none;  
}



@media only screen and (min-width: 660px) {
    #example1 {
        display:block;  
    }

    #example2 {
        display:none;  
    } 
}

@media only screen and (max-width: 659px) {
    #example1 {
        display:none;  
    }

    #example2 {
        display:block;  
    } 
}

.btnBanner {
	position: absolute;
	top: 65%;
	left: 4.3%;
	background-color: #6caadd;
	color: white;
	font-size: 25px;
	padding: 8px 24px;
	border: none;
	cursor: pointer;
	border-radius: 14px !important;
	width: 220px;
	box-shadow: 4px 4px 3px #888888;
}
.btnBanner2 {
	position: absolute;
	top: 82%;
	left: 4.3%;
	background-color: #6caadd;
	color: white;
	font-size: 25px;
	padding: 8px 24px;
	border: none;
	cursor: pointer;
	border-radius: 14px !important;
	width: 220px;
	box-shadow: 4px 4px 3px #888888;
}
.btnBanner3 {
	position: absolute;
	top: 65%;
	left: 27.3%;
	background-color: #6caadd;
	color: white;
	font-size: 25px;
	padding: 8px 24px;
	border: none;
	cursor: pointer;
	border-radius: 14px !important;
	width: 220px;
	box-shadow: 4px 4px 3px #888888;
}
.btnBanner4 {
	position: absolute;
	top: 82%;
	left: 27.3%;
	background-color: #6caadd;
	color: white;
	font-size: 25px;
	padding: 8px 4px;
	border: none;
	cursor: pointer;
	border-radius: 14px !important;
	width: 220px;
	box-shadow: 4px 4px 3px #888888;
}
.btnBanner5 {
	position: absolute;
	top: 48%;
	left: 27.3%;
	background-color: #6caadd;
	color: white;
	font-size: 25px;
	padding: 8px 4px;
	border: none;
	cursor: pointer;
	border-radius: 14px !important;
	width: 220px;
	box-shadow: 4px 4px 3px #888888;
}

@media only screen and (max-width: 1200px) {

.btnBanner, .btnBanner2, .btnBanner3, .btnBanner4, .btnBanner5 {
	font-size: 18px !important;
	padding: 8px 1px !important;
	border-radius: 15px !important;
	width: 190px !important;
}


}


@media only screen and (max-width: 1000px) {

.btnBanner, .btnBanner2, .btnBanner3, .btnBanner4, .btnBanner5 {
	font-size: 15px !important;
	padding: 6px 1px !important;
	border-radius: 12px !important;
	width: 160px !important;
}


}


@media only screen and (max-width: 900px) {

.btnBanner, .btnBanner2, .btnBanner3, .btnBanner4, .btnBanner5 {
	font-size: 14px !important;
	padding: 6px 1px !important;
	border-radius: 12px !important;
	width: 130px !important;
}


}


@media only screen and (max-width: 700px) {

.btnBanner, .btnBanner2, .btnBanner3, .btnBanner4, .btnBanner5 {
	font-size: 13px !important;
	padding: 6px 1px !important;
	border-radius: 10px !important;
	width: 110px !important;
}


}






.btnBannerMobile {
    position: absolute;
    top: 32%;
    left: 8.3%;
    background-color: #6caadd;
    color: white;
    font-size: 19px;
    padding: 16px 4px;
    border: none;
    cursor: pointer;
    border-radius: 14px !important;
    width: 230px;
    box-shadow: 4px 4px 3px #888888;
}
.btnBannerMobile2 {
    position: absolute;
    top: 32%;
    left: 54.3%;
    background-color: #6caadd;
    color: white;
    font-size: 19px;
    padding: 16px 4px;
    border: none;
    cursor: pointer;
    border-radius: 14px !important;
    width: 230px;
    box-shadow: 4px 4px 3px #888888;
}

.btnBannerMobile3 {
    position: absolute;
    top: 40%;
    left: 8.3%;
    background-color: #6caadd;
    color: white;
    font-size: 19px;
    padding: 16px 4px;
    border: none;
    cursor: pointer;
    border-radius: 14px !important;
    width: 230px;
    box-shadow: 4px 4px 3px #888888;
}
.btnBannerMobile4 {
    position: absolute;
    top: 40%;
    left: 54.3%;
    background-color: #6caadd;
    color: white;
    font-size: 19px;
    padding: 16px 4px;
    border: none;
    cursor: pointer;
    border-radius: 14px !important;
    width: 230px;
    box-shadow: 4px 4px 3px #888888;
}
.btnBannerMobile5 {
    position: absolute;
    top: 23.7%;
    left: 54.3%;
    background-color: #6caadd;
    color: white;
    font-size: 19px;
    padding: 16px 4px;
    border: none;
    cursor: pointer;
    border-radius: 14px !important;
    width: 230px;
    box-shadow: 4px 4px 3px #888888;
}


@media only screen and (max-width: 900px) {

    .btnBannerMobile, .btnBannerMobile2, .btnBannerMobile3, .btnBannerMobile4, .btnBannerMobile5 {
    	font-size: 14px !important;
    	padding: 12px 1px !important;
    	border-radius: 11px !important;
    	width: 190px !important;
    }

}

@media only screen and (max-width: 500px) {

    .btnBannerMobile, .btnBannerMobile2, .btnBannerMobile3, .btnBannerMobile4, .btnBannerMobile5 {
    	font-size: 14px !important;
    	padding: 8px 1px !important;
    	border-radius: 9px !important;
    	width: 150px !important;
    }

}

@media only screen and (max-width: 400px) {

    .btnBannerMobile, .btnBannerMobile2, .btnBannerMobile3, .btnBannerMobile4, .btnBannerMobile5 {
    	font-size: 12px !important;
    	padding: 4px 1px !important;
    	border-radius: 5px !important;
    	width: 120px !important;
    }

}