body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333; /* default colour of all text*/
  background-color: #fff;
}

/* the sites coloured horizontal line */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 2px solid #C00;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #999;
}

#mainBackground {
  background-color: #fff;
  padding-right: 15px;
  padding-left: 15px;
  width:auto;
  vertical-align:top;
  border-radius: 4px;
  top:0;
  margin-left:0px;
  margin-bottom:15px;
}

/* default colour of text*/
a {
  color:#333;
  text-decoration: none;
}
/* defualt colour of hover text*/
a:hover,
a:focus {
  color: #C00;
  text-decoration: none;
}

/*######CATEGORY LISTING ON HOME PAGE BOF######*/
.categoryHeadingImage {
  text-decoration: none;
  font-size:14px;
  font-style:normal;
  font-weight:normal;
  vertical-align:bottom;
  text-align:center;
  background-color:#eee;
  border-bottom:1px solid #ccc;
  margin:4px;
  border-radius:4px;
}

.categoryHeadingImage a {
  color:#333;
  text-decoration: none;
}

.categoryHeadingNoImage {
  text-decoration: none;
  font-size:14px;
  font-style:normal;
  font-weight:normal;
  vertical-align:middle;
  text-align:center;
  background-color:#eee;
  border-bottom:1px solid #ccc;
  margin-top:100px;
  padding-left:4px;
  padding-right:4px;
  border-radius:4px;
}

.categoryHeadingNoImage a {
  color:#333;
  text-decoration: none;
}


.categoryBox {
  margin-bottom:20px;
  background-color:#fff;
  border:1px solid #ccc;/* the colour of the borders on all panels*/
  border-radius:4px;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
  box-shadow:0 1px 1px rgba(0,0,0,0.05);
  vertical-align:middle;
  text-align:center;
  -webkit-transition: border .5s ease-in-out;
-o-transition: border .5s ease-in-out;
transition: border .5s ease-in-out;
height:210px;
}

.categoryBox:hover {
  border:1px solid #000;/* the colour of the borders on all panels*/
}
/*######CATEGORY LISTING ON HOME PAGE EOF######*/

/*###NAVBAR BOF###*/
.nav-home{
background-color:transparent;
color:#fff;
padding:0px;
font-size:20px;
vertical-align:middle;
margin-top:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
}

.nav-home:hover{
background-color:transparent;
color:#C00;
  -webkit-transition: .3s;
  transition: .3s;
  font-size:20px;
}

.nav-links {
color:#fff;
padding:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
text-align:left;
padding:0px;
font-size:14px;
vertical-align:middle;
}

.nav-links a{
color:#fff;
padding:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
text-align:left;
padding:0px;
font-size:14px;
vertical-align:middle;
}

.nav-links hover{
color:#C00;
background-color:transparent;
-webkit-transition: .3s;
transition: .3s;
}

.nav-checkout{
background-color:transparent;
color:#fff;
padding:0px;
font-size:22px;
vertical-align:middle;
margin-top:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
}

.nav-checkout:hover{
background-color:transparent;
color:#C00;
  -webkit-transition: .3s;
  transition: .3s;
}

.navbar-default {
  background-color:#333;
  border:none;
  color: #fff;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top:0;
  z-index:1000;
  width:100%;
}

/* colour of nav text*/
.navbar-default .navbar-text {
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}
/* colour of nav hover background*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:#fff;
  background-color:transparent;
}

/* this gives you the hover panel colour*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color:#f00;
  background-color:transparent;
}

/*###NAVBAR MOBILE BOF###*/
.navbar-default .navbar-toggle .icon-bar { /* this sets the colour of the icon*/
  background-color: #fff;
}

/* MOBILE*/
@media (max-width: 767px) { /* this sets the colour of the drop down menu MOBILE ONLY*/
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	
  }
}
/*###NAVBAR MOBILE EOF###*/
/*###Dropdown menus BOF###*/
.dropdown-header { /* colour of text */
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color:#fff;
  white-space: nowrap;
}
/*###Dropdown menus EOF###*/
/*###NAVBAR EOF###*/

/*###FOOTER BOF###*/
/* Footer Panel Background */
.footer {
background: #333;
}

/* Extra footer panel below the footer  eg Latest version and Oscommerce info */
.footer-extra {
background: #666;
color: #fff;
font-size:12px;
}
/* Linked text colour*/
.footer-extra A {
color: #fff;
}

/*.Headings in the footer. eg Customer Services, How to Contact, Informtion etc*/ 
.footerHeading {
padding: 0;
margin: 0;
font-size: 16px;
color: #F30;
padding-bottom: 10px;
margin-bottom: 10px;
text-transform: uppercase;
}

/* verical line colour between contact and customer service infom in the footer */ 
.contact {
color:#fff;/* colour of text in the panel under the heading*/
font-size:12px;
}

.information {
color:#fff;/* colour of text in the panel under the heading*/
}

.information a {
color:#fff;/* colour of text in the panel under the heading*/
}
.information hover {
color:#900;/* colour of text in the panel under the heading*/
}

/*###FOOTER EOF###*/

/* ##### BUTTONS BOF */

/* MOBILE*/
@media (max-width: 480px) {
.searchbox {
  color: #fff;
  background-color:#900;
  width:280px;
  vertical-align:middle;
  height:0px;
  top:2px;
  
}
}
/* DESKTOP*/
@media (min-width: 480px) {
.searchbox {
  color: #fff;
  background-color:transparent;
  width:240px;
  vertical-align:middle;
  height:0px;
  top:2px;
}
}
/* search icon button*/
.btn-search { /*colour of icon background*/
  color: #fff;
  background-color:#666;
  vertical-align:middle;
  margin:0px;
  width:40px;
  text-align:center;
}

.btn-search:hover {
  color: #900;
  background-color:#666;
  -webkit-transition: .3s;
  transition: .3s;
}
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
  color: #fff;
  background-color:#900;
  border-color:#f00;
}
/* search icon button eof*/
/* PHONE BUTTON BOF */
.btn-call-now{
background-color:transparent;
color:#fff;
padding:0px;
font-size:28px;
width:40px;
height:40px;
vertical-align:middle;
margin-top:5px;
margin-left:4px;
margin-right:0px;
text-align:center;
}
.btn-call-now:hover{
background-color:transparent;
color:#900;
  -webkit-transition: .3s;
  transition: .3s;
  font-size:32px;
}
/* PHONE BUTTON EOF */
/* SHOPPING CART BUTTON BOF */
/* MOBILE*/
@media (max-width: 480px) {
.btn-shopping-cart{
background-color:transparent;
color:#fff;
padding:0px;
font-size:28px;
width:50px;
height:40px;
vertical-align:middle;
margin-top:4px;
margin-left:4px;
margin-right:0px;
text-align:center;
}
.btn-call-now:hover{
background-color:transparent;
color:#900;
  -webkit-transition: .3s;
  transition: .3s;
  font-size:32px;
}
}
/* SHOPPING CART BUTTON EOF */


/*######PRICING BOF######*/
.listingPrice {
  color:#333;
  text-decoration: none;
  font-size:18px;
  font-style:normal;
  font-weight:bold;
}

.listingPriceWas {
  color:#333;
  text-decoration: none;
  font-size:14px;
  text-decoration:line-through;
  font-weight:bold;
}
.listingSpecialPrice {
  color:#F00;
  text-decoration: none;
  font-size:18px;
  font-style:normal;
  font-weight:bold;
}
.listingRRPrice {
  color:#333;
  text-decoration: none;
  font-size:14px;
  font-style:normal;
  font-weight:normal;
}

/*######PRICING EOF######*/

/*######## I DONT HAVE TO CHANGE ANY OF THIS FORM HERE ONWARDS ######*/
/* The default button bof */
.btn-default{
background-color:#eee;
}

.btn-default:hover{
background-color:#ccc;
}
/* The default button eof */
.btn-view{
background-color:#eee;
width:100%;
}

.btn-view:hover{
background-color:#ccc;
}

/* BUTTON BIG CONTINUE, bof*/
.btn-primary{
background-image:-webkit-linear-gradient(#8a9196, #7a8288 60%, #70787d);
background-image:linear-gradient(#8a9196, #7a8288 60%, #70787d);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a9196', endColorstr='#ff70787d', GradientType=0);
filter:none;
}

.btn-primary:hover{
background-image:-webkit-linear-gradient(#404448, #4e5458 40%, #585e62);
background-image:linear-gradient(#404448, #4e5458 40%, #585e62);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff404448', endColorstr='#ff585e62', GradientType=0);
filter:none;
}
/* BUTTON CONTINUE eof*/
/* BUTTON SIGN IN, CONTINUE, CONTACT US bof*/
/*MOBILE*/
@media (max-width: 480px) {
.btn-success{/* buy now button*/
background-image:-webkit-linear-gradient(#78cc78, #62c462 60%, #53be53);
background-image:linear-gradient(#78cc78, #62c462 60%, #53be53);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
filter:none;
width:100%;
}

.btn-success:hover{
background-image:-webkit-linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-image:linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0);
filter:none;
}
}
/*DESKTOP*/
@media (min-width: 480px) {
.btn-success{/* buy now button*/
background-image:-webkit-linear-gradient(#78cc78, #62c462 60%, #53be53);
background-image:linear-gradient(#78cc78, #62c462 60%, #53be53);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
filter:none;
width:33%;
}

.btn-success:hover{
background-image:-webkit-linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-image:linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0);
filter:none;
}
}
/* BUTTON SIGN IN eof*/
.btn-buynow{/* buy now button*/
background-image:-webkit-linear-gradient(#78cc78, #62c462 60%, #53be53);
background-image:linear-gradient(#78cc78, #62c462 60%, #53be53);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
filter:none;
color:#fff;
}
.btn-buynow:hover{
background-image:-webkit-linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-image:linear-gradient(#2f7d2f, #379337 40%, #3da23d);
background-repeat:no-repeat;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0);
filter:none;
color:#fff;
}

/* SPECIALS LINK */
.btn-specialsLink{
  background-color:#c00;
  width:100%;
  padding: 5px 7px;
  border: 1px solid transparent;
  border-radius: 2px;
  color:#fff;
  border-color:#eee;
  opacity:1;
  
}

.btn-specialsLink:hover{
  background-color:#900;
  color:#fff;
  opacity:1;
}
/*###Product Info page - name, oem, pricing etc. BOF###*/
.productDetails {
margin-left:14px;
}

.productImageHolder {
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
-webkit-transition: border .5s ease-in-out;
-o-transition: border .5s ease-in-out;
transition: border .5s ease-in-out;
}
/*###Product Info page - name, oem, pricing etc. EOF###*/
/*###Product Listing BOF###*/
/* Border colour for both list and grid views */
.productHolder {
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
-webkit-transition: border .5s ease-in-out;
-o-transition: border .5s ease-in-out;
transition: border .5s ease-in-out;
min-height:200px;
}

.productHolder:hover {
border: 1px solid #333;;
}

/* View as list */
/* Background colour */
.item.list-group-item {
float: none;
width: 100%;
background-color: #fff;
border: none;
}
/*###Product Listing EOF###*/
/* ##### PANELS SHOWN IN THE COLUMNS BOF */
.panel-default {
  border-color: #333;
}
.panel-default > .panel-heading {
  color:#333;;/* heading text colour*/
  background-color: #eee;
  border-color:;
}

.panel{ /* the colour of the categories. search center panel*/
margin-bottom:20px;
background-color:#fff;
border:1px solid #ccc;/* the colour of the borders on all panels*/
border-radius:4px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
box-shadow:0 1px 1px rgba(0,0,0,0.05)}

.panel-info { /* new customer panel */
  border-color: #ccc;
}
.panel-info > .panel-heading { /* panel headings for deliver address heading panels in order_history.php */
  color: #333;
  background-color: #eee;
  border-color: #ccc;

}

.panel-warning > .panel-heading {/* panel headings for billing address heading in order_history.php */
  color: #333;
  background-color: #eee;
  border-color: #ccc;
}

/* ##### PANELS EOF */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color:#666;
  border-color: #666;
}