/*Theme Name: Buyrite Sales
Theme URI: http://joihn.buyrite.ie
Description: Buyrite.ie Sales Site
Version: 1.0
Author: John Lehane
Author URI: www.stormweb.ie
Tags: Tags to locate your theme in the WordPress theme repository
*/

/* IE7 & IE8 Browser Alert */

.warning {
  position:relative; 
  top:2px; 
  width:100%; 
  height:40px; 
  background-color:#fff; 
  margin-top:0px; 
  padding:4px; 
  border-bottom: solid 2px #000066; } 
  
/* Background Image */

html, body {
  /*background-image: url('../assets/images/bg.jpg');*/
  background: #ffffff url('images/bg.jpg') fixed;  }
  
h1, h2, h3, h4, h5, h6 {
  	color: #418B94;
}   

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    color: #418B94; }
  
/* Header Navigation */
    
.headerlinks {
  padding:24px 0 0 0; }

.headerlinks a {
  padding:0 0.6rem 0 0;
  color:#ffffff;
  font-weight:bold; }
   
.headerlinks a:hover {
  color:#F13768; }   
  
.headerbanner {
  padding:0 0 0 0; }
  
.headernav {
  padding:20px 0 0 0; }
  
.headernav .button {
  margin:0 0.3rem 0 0.3rem; 
  font-size: 0.72rem; 
  padding-left: 3.4rem;
  padding-right: 3.4rem; }
  
button.tiny, .button.tiny {
  font-size: 0.7875rem; }
 
.sitecontent {
  padding:1.0rem 0 0 0; } 

/* Navigation */ 

.menu-header-menu-container ul li {
	display: inline;
	text-transform:uppercase;
	 }
.menu-header-menu-container ul li a {
	color:white;
	font-size:0.85rem;
}	
  
/* Navigation Button Color */ 

button, .button { 
  background-color: #82B3B9;
  padding-top: 0.64rem;
  padding-bottom: 0.64rem; }

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #4EA8B1; }
	
button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
	
/* Member Login Button */

.memblogin { 
  background-color: #C56F18; }	
  
.memblogin:hover { 
  background-color: #E3801C; }    

.memblogin {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
} 

/* Join now button */

.joinnow {
  background-color: #7D9631; }	

.joinnow:hover {
  background-color: #88A435; }	  
  
/* Callback now button */

.callback {
  background-color: #E3801C; }  

.callback:hover {
  background-color: #E79543; }  
  
/* Mobile Navigation Menu Color */ 
  
.top-bar { 
  background: #418B94; }
  
.top-bar.expanded .title-area { 
  background: #418B94; }
  
.top-bar.expanded .toggle-topbar a { 
  color: #ffffff; }

.top-bar-section ul li > a {
    background: #90BBC1; }
	  
.top-bar-section ul li:hover > a {
    background: #4EA8B1;
    color: white; }
	
.top-bar-section ul li.active > a {
    background: #4EA8B1;
    color: white; }   
  
/* Home Page Panel Color */

.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #90BBC1;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: -moz-linear-gradient(right, #418B94 0%, #90BBC1 100%);
  background: -webkit-linear-gradient(right, #418B94 0%, #90BBC1 100%);
  background: linear-gradient(to right, #418B94 0%, #90BBC1 100%); } 

.panel.callout.radius {
    -webkit-border-radius: 6px;
    border-radius: 6px; }  
  
.panel.callout h4 {  
  color:#fff; }
  
.panel.callout a {  
  color:#fff; }
  
.panel.callout a:hover {
  text-decoration:underline; }
  
.panel.callout, .panel.callout p {  
  color:#fff; } 
  
.panel.radius {
    -webkit-border-radius: 6px;
    border-radius: 6px; } 

.panelheader {
  padding: 0;
  margin-top:1.0rem;
  margin-bottom: 0rem;
  background: #fff; }	   
  
/* Link Styles */
a {
  color: #008cba;
  text-decoration: none;
  line-height: inherit; }
a:hover, a:focus {
  color: #0078a0; }
  
a img {
  border: none; } 
 
/* Site Content BG Color */  
.sitecontent {
  background:#ffffff; }  
  
/* Footer BG Color */    
footer {
  color:#666666; }
  
footer a {
  color:#666666; } 
  
footer a:hover {
  color:#666666;
  text-decoration:underline; }
  
/* Category Styles */   

.catimage {
  margin:0 10px 0 0; }
  
/*Font Sizes  */

p {
  font-size: 0.92rem;
  }
ul,
ol,
dl {
  font-size: 0.92rem;  
  }
ul.f-dropdown li {
	padding:0.4rem;
	} 
.accordion dd > a {
      /*background: #CFD500;*/
      background: #B5B900;
      color: #ffffff;
      font-weight:bold;
	padding: 0.6rem;
}
.accordion dd > a:hover {
	background: #AAAE00;
}
.accordion .content.active {
      background: #F2F2F2; }

.scrollingtext ul {
    margin-left: 0rem;
}