@import 'pages.css';
 

body {
 font-size:62.5%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:#f9f9e1 url(/images/bg.gif) repeat;
 color:#898a8e;}

hr {
 display:none;}

html,body,#container {
/* height: 100%;*/}

* {
 margin:0;
 padding:0;
 list-style:none;}


/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.nomargin{
 margin:0 !important;}

.error{
 color:#FF0000 !important;
 font-weight: bold;
 }


/* FORMS
----------------------------------------------------------------------------------------*/
fieldset{
 border:none;}
 
fieldset br{
 clear:left;}

fieldset label{
 display:block;
 margin: 5px 6px 0 0;
 float:left;}

input.text{
 border:1px solid #AAA9A9;
 height:15px;
 font-size:11px;
 padding:2px;
 margin: 0 6px 7px 0;
 background:#FFF;} 

fieldset input{
 vertical-align:middle;} 

fieldset  span.note{
 width: 240px;
 float:left;
 font-size:0.9em;
 color:#989898;}

fieldset select{
 font-size:1.1em;}

/* LINKS
--------------------------------------------------------------------------------------*/
a img{
 border:none;}

a:focus{
 outline:none;}

a,a:visited{
 color:#8FBA70;
 text-decoration:none;}

a:hover{
 text-decoration:underline;}

a span{
 text-decoration:underline;}


/* HEADINGS
--------------------------------------------------------------------------------------*/
h2{
 color:#898A8A;
 font-size:1.1em;
 margin: 0 0 2px 0;}

h2.main{
 font-size:1.2em;
 margin: 0 0 10px 0;}

h3{
 background:#c3c2b5;
 color:#FFF;
 font-size:1.1em;
 padding: 4px 0 4px 15px;}

.header-replace{
 text-indent:-99999px;
 overflow:hidden;
 display:block;}

.green-header{
 background: #e9e9e4;
 border:1px solid #dbdada;
 padding: 9px 10px 5px 18px;
 margin: 0 0 5px 0;}

.green-header a{
 float:right;
 background:url(/images/icon_arrow.gif) no-repeat right 3px;
 padding: 0 8px 0 0;
 font-weight:bold;}

.green-header h2{
 height: 15px;}


/* PAGE STRUCTURE
--------------------------------------------------------------------------------------*/
#container{
 width: 759px;
 background:url(/images/bg_container.png) repeat-y top left;
 padding: 0 14px;
 margin: 0 auto;}

#header{
 height: 109px;
 width: 100%;
 position:relative;
 background:#fff;}

#content{
 background:#FFF url(/images/bg_sidebar.gif) repeat-y top left;
 margin: 0 0 8px 0;
 position:relative;}

#footer{
 clear:both;
 padding: 8px 10px 47px 10px;
 margin: 0 6px;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 border-top: 6px solid #88B566;}

/* HEADER
--------------------------------------------------------------------------------------*/
.logo{
  height: 109px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  float:left;
}

.logo_qb {
  background:url(/images/logo_qb.gif) no-repeat;
  width: 145px;
}

.logo_cb {
  background:url(/images/logo_cb.gif) no-repeat;
  width: 176px;
}

.logo_rp {
  background:url(/images/logo_rp.gif) no-repeat;
  width: 179px;
}

.header-right{
 float:right;
 font-family:Arial, Helvetica, sans-serif;}

.shoppingcart{
 background:#F2F4DB url(/images/bg_shoppingcart.gif) no-repeat bottom left;
 width:228px;
 min-height:49px;
 height:auto !important;
 height:49px;
 line-height:1.2em;
 margin: 0 0 28px 0;
 padding: 3px 0 0 7px;} 

.shoppingcart img.cart{
 float:left;
 margin:5px 5px 0 0;}

.shoppingcart .items{
 width: 108px;
 float:left;
 border-right:1px solid #CCCACA;
 padding: 6px 0 0 0;
 min-height:38px;
 height:auto !important;
 height:38px;}

.shoppingcart .items a{
 color:#898a8e !important;
 font-family:Verdana, Arial, Helvetica, sans-serif;}

.shoppingcart ul{
 float:left;
 width: 70px;
 padding: 2px 0 0 12px;}

.shoppingcart ul li{
 padding: 0 0 3px 0;}

.shoppingcart  a{
 color:#898a8e !important;}

.header-right .search{
 color:#FFF;
 font-size:1.1em;
 text-transform:uppercase;}

.header-right .search input{
 vertical-align:top;}

/* MAIN NAVIGATION
--------------------------------------------------------------------------------------*/
ul#main-nav{
 padding: 8px 0 8px 18px;
 background:#88b566;
 position:relative;
 white-space: nowrap;
}

ul#main-nav li{
 padding: 0 28px 0 0;
 display:inline;
 font-weight:bold;
 font-size:1.1em;}

ul#main-nav li.last{
 padding:0;}

ul#main-nav li a{
 color:#fff !important;}

ul#main-nav li.active a,
ul#main-nav li a:hover{
 color:#f9f9e1 !important;
 text-decoration:none;}
 
/* CONTENT
--------------------------------------------------------------------------------------*/
.content-plain{
 background:#FFF !important;
 padding: 20px 34px;}

#content-wrapper{
 background:url(/images/bg_sidebarnavbottom.gif) no-repeat bottom left;}

#content p{
 padding: 0 0 17px 0;
 position:relative;
 font-size:1.1em;}
 
#sidebar{
 width: 185px;
 float:left;
 position:relative;
 margin: 0 1px 0 0;
 min-height:85px;
 height:auto !important;
 height:85px;}

ul#side-nav{
 padding: 16px 0 0 0;
 font-size:1.1em;}

ul#side-nav li{
 margin: 0 0 9px 0;}

ul#side-nav li a,
ul#side-nav li span.title{
 display:block;
 padding: 2px 0 2px 24px;
 font-weight:bold;
 text-transform:none;
 color:#FFF !important;}

ul#side-nav li a:hover,
ul#side-nav li a.active{
background:#FFF url(/images/icon_arrow.gif) no-repeat 15px 5px;
color:#8AB667 !important;
text-decoration:none;}

ul#side-nav li ul li{
 margin: 0 0 2px 0;}

ul#side-nav li ul li a{
 font-weight:normal;
 padding: 2px 0 2px 34px;
 
 font-family:Arial, Helvetica, sans-serif;}

ul#side-nav li ul li a:hover,
ul#side-nav li ul li a.active{
 background-position: 15px 4px !important;}

ul#side-nav li span{
 color:#ff7f04;
 text-decoration:none;
 text-transform:uppercase;}

.queenbeeluv{
 background:#F2F4DC;
 margin: 150px 0 0 0;
 padding: 0 0 7px 0;
 border-bottom: 8px solid #E5EBC9;}

.queenbeeluv h3{
 background:#E5EBC9;
 height:22px;
 background:none;
 padding: 4px 0 0 10px;}

.queenbeeluv h3 span{
 background:url(/images/queenbeeluv.gif) no-repeat top left;
 width: 132px;
 height:18px;
 text-indent:-9999px;
 display:block;
 overflow:hidden;}

.queenbeeluv p{
 padding: 7px 11px !important;}

.queenbeeluv p a.title{
 text-transform:uppercase;
 font-weight:bold;
 display:block;}

#content-left{
 width: 572px;
 float:left;}

.banner-main{
 margin: 0 0 7px 0;}

.banner-bottom{
 padding: 0 0 0 5px;}
 
/* BUTTON BOTTOM
--------------------------------------------------------------------------------------*/
#buttons-bottom{
 clear:both;
 margin: 0 0 11px 0;} 

#buttons-bottom a{
 margin: 0 0 0 6px;}

/* FOOTER
--------------------------------------------------------------------------------------*/
#footer .newsletter{
 width: 300px;
 float:left;}
 
#footer .newsletter p{
 font-weight:bold;
 padding: 0 0 5px 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;}

#footer .newsletter input{
 vertical-align:top;}
 
#footer .copyright{
 float:right;
 width: auto;
 font-size:1.1em;
 line-height:1.3em;
 padding: 0 14px 0 0;}

#footer ul{
 clear:both;
 font-size:1.1em;
 padding: 12px 0 0 110px;}

#footer ul li{
 display:inline;
 padding: 0 2px;}

#footer ul li a{
 color:#909191 !important;
 text-decoration:underline;}
 
#shadow-bottom {
 width: 787px;
 height: 11px;
 background:url(/images/shadow-bottom.png) no-repeat top left;
 margin: 0 auto;}