html,body {
    height:100%;
    margin:0;
    padding:0;
    background-color:#ffffff;
	text-align:center;
	color:#868686;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size:11px;
 }
 
h1, h2, h3, h4, h5, h6, p, ul, ol, fieldset, cite, div.meta, .vcard img, #breadcrumbs {
padding:0 0px;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
 
img 
{
border-style:none;
}

a:link
{
	color:#868686;
	/*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
	font-size:11px;
	text-decoration:none;
}

a:hover
{
    color:#868686;
    /*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
	font-size:11px;
	text-decoration:underline;
}

a:visited
{
    color:#868686;
	/*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
	font-size:11px;
	text-decoration:none;
}

.hidden {
  display: none;
}

.clearfix {
display:block;
}

#container {
    width:960px;
    height: 500px;
    position: absolute;
    top: 46%;
    left: 50%;
    margin-left: -480px;
    margin-top: -310px;
    padding:0px;
    text-align:left;
    clear:left;
	}

#logo
{
  display:block;
  height:26px;
  left:50px;
  position:absolute;
  top:63px;
  width:82px;
	z-index:50;
}

#header {
  margin-bottom:10px;
}       
#menu{
	position:absolute;
}
.collectionsMenu{
	position:absolute;
	padding:8px;
	background-color:#FFF;
	left:626px;
	line-height:20px;  
	top:27px;
	right:-20px;
	padding-top:2px; 
	z-index:30;   
	
}
.collectionsMenu a{
	text-transform:uppercase;	
	padding:0px !important;
}
#menu img
{
  border-style: none;
  padding-right:18px;
}         
#menu ul li{
	display:inline;
}                
/*
#menu ul li .menu{
	display:none;
}
#menu ul li:hover .menu{
	display:block;
} 
*/
#menu a{
	padding-right:20px;
	position:relative;  
	color:#3d3d3d;   
	font-size:11px;
}
#menu a:hover{
	color:#989898;
}
#menu a .menu{
	position:absolute;   
	left:0px;
	top:0px;
}
#header #menu{
  float:left;
  padding:0 0 0 577px;
  margin-top:62px;
  margin-bottom:20px;
  width:auto;
}

.imagegalleryheader
{
  font-weight:bold;
  font-size:100%;
  color:#666666;
  padding-left:58px;
  margin-top:20px;
 }
 
#content
 {
  width:960px;
  height:475px;
	margin-top:105px;
  background-repeat:no-repeat;
  overflow:auto;
 }

 .homepage
 {
  background: url(../images/bnb_hero.jpg);
	height:560px !important;
 }
 
  .standard
 {
  background: url(../images/bnb_bg.jpg);
 }
  
 #contentleft
  {
  float:left;
  margin-left:55px;
  padding-top:15px;
  width:450px;
  text-align:justify; 
  position: absolute; 
  /*bottom: 0;
  margin-bottom:-75px;
  */
  
  background: url(../images/textback_left.png);
  background-position: -10px;   
  background-repeat:repeat-y;  
  }
  
  #contentright
  {
  float:right;
  position: relative; 
  padding-top:10px;
  width:450px;
  padding-right:47px;
  background: url(../images/textback_right.png);
  background-position: 100px;   
  background-repeat:repeat-y;  

  }
  
#contentright p{
	margin-right:20px;
	/*font-family:Helvetica, Arial;*/
	line-height:17px;
}
  .centerrightcontent
  {
   padding-left:113px;
  
   }

.centerrightcontent a{
	text-decoration:underline;
}
.centerrightcontent a:hover{
	text-decoration:none;
}

/* Wish I could fix this with divs but the scroll js doesn't allow for nested divs so had*/
/* to use tables*/

td.leftinnercontent
{
	width:180px;
	padding-right:15px;
	padding-left:0px !important;
	vertical-align:text-top;
	text-align:left !important;
	margin-left:10px;
	float:left;
}              
.toplink,
.bottomlink{
	margin-left:10px;
}


td.rightinnercontent
{
 	width:200px;
	vertical-align:text-top;
	text-align:left !important;
	float:left;
}

/* Scroll styles */
.toplink{cursor:pointer; color:#666; padding-left:1px;margin-bottom: 5px;}
.bottomlink{cursor:pointer; color:#666; padding-left:1px; margin-top: 5px;}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; height:375px;}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {}
.newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:95px; width:300px; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {height:75px}

/*Helper styles*/

.floatright { 
	float: right;
	padding-top:21px;
 }


.hide{
	display:none;
}
h4{
	text-transform:uppercase;
	font-size:12px;
}
.stockists span{
	color:#BBB;
}
.faint{
	color:#EEE;
}
.contact span{
	color:#AAA;
}
a.active{
	color:#CCC !important;
}