/*----------------------------------------
CONTENT
-------------------------------------------*/
body {
		font:normal 12px/14px "trebuchet ms", Arial, Helvetica, sans-serif;
		color:#fff;
	    background:#572202 url(../images/bgLeft.jpg) no-repeat fixed left 100px;
}
form{
		margin:0;
		padding:0;
}
ul{
	list-style: square outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}
ul ul {
	list-style: circle outside;
}
ol{
	list-style: decimal outside;
        margin:4px 0 6px 0;
        padding:0 0 0 20px;
        text-align:left;
}ol ol{
	list-style: lower-alpha outside;

}
h1{
display:none;
}

strong{	font-weight: bold;}


* html hr { clear:both}
a {	
		color: #CFFFFE;
}


A:hover {
    	COLOR: #1FFFFB;
		text-decoration: underline;
}
.content,
#galleryText{
		font: normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: justify;
		list-style: inside;
}
.contentHi {
		font: italic 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #ededed;
}	
.contentSml {
		font: normal 10px/13px Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/13px Arial, Helvetica, sans-serif;
 		color: #fff;
		text-align: left;
}	
.titleLrg{
		font: bold 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 15px 0px;
}
.titleSml{
		font: bold 16px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
}
.titleSml a{
		color: #fff;
		text-decoration: none;
}
.titleSml a:hover{
		color: #F8B62E;
		text-decoration: underline;
}


/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight {
		float: right;
		margin: 1px 1px 1px 6px;
}
.picLeft {
		float: left;
		margin: 1px 6px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 6px;
		border: 1px solid #3483AB;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #3483AB;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
}
.banner {
	  border:1px solid #3483AB;
          margin: 0 0 7px 0;
}
.optionBox {/*used in gallery select */
		font: normal 14px/18px  "trebuchet ms", Helvetica, sans-serif;
		color: #000000;
		background-color: #ddd;

}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modProducts,
#modNews{
    position:relative;
    text-align:left:
}
#modProducts .item,
#modNews .item{
   margin:4px;
   padding:4px;
   padding-left:74px;
   border-bottom:1px dashed #df9339;
   min-height: 70px; /*relative to the height of the icons*/
   height: auto;
   _height: 70px; /*ie Hack - relative to the height of the icons*/
}
#modProducts img.iconImg,
#modNews img.iconImg{
   position:absolute;
   left:8px;
   margin:2px;
}
#modProducts img.iconImg{
   border:1px solid #003;
}
#modProducts h3 a,
#modNews h3 a {
   font:bold 18px/24px "trebuchet ms";
   text-decoration: none;
}
#modProducts .item p, #modProducts .item h3, #modProducts span, #modProducts .optionBox,
#modNews .item p, #modNews .item h3, #modNews .item small{
   margin:0px;
}
#modProducts small,
#modNews small {
   color: #369;
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ //the width of this will determine the # of columns
	width:auto;
        margin:6px 0;
}
#modGallery.copy{ //format gallery description text
}
#modGallery.iconImg{ //format gallery description text
}
#modGall li {  display: inline;}


/*----------------------------------------
A L B U M S
-------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0 0 6px 0;
	padding:0;
	clear:both;
    height:350px;

}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font:normal 10px/10px arial, san-serif;
	color:#fff;
	margin:0 0 0 4px;
}
#albumsBox img {
	width:60px;
	height:60px;
    border:1px solid #828E78;
    margin:0 4px 0 0;
}
#albumsBox h3{ /*albumssm header */
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	padding:0;
	margin:3px;
        float:left;
}
#albums a img{
	border: 1px solid #fff;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #CFFFFE; 
	margin:0px 1px 0 1px;
}

.albumImg{ /*main album cvr display */
    border:1px solid #828E78;
    margin:0 4px 1px 0;
}
#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}



/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/

#albums,
#modGall,
#calendarSml,#calendarSml1,#calendarSml2, /* 1=Current Presales, 2=Upcoming Presales for Calendar v2 */ 
#newsSml,
#blogNav,
#stickyNav,
#vNav { /* sets list style to none */
		list-style-type: none;
		margin:0px;
}

#albumsBox ul,
#modGallery ul,
#calendarSmlBox ul,
#newsSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}

/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font:bold 16px/18px "Trebuchet MS", Helvetica, sans-serif;
		margin:38px 0px 2px 336px;
		text-align: left;
                text-transform:uppercase;
		letter-spacing:0px;
                z-index:20;

}
ul#vNav a{ 
                text-align: left;
		color: #fff; 
		text-decoration: none; 
		padding: 0 10px;

              
}
ul#vNav a:hover{
		color: #F8B62E;


}
#vNav li, #stickyNav li {  display: inline;}
/* Sticky Nav and Blog Nav */
#blogBox{
   width:110px;
   float:right;
   margin:0 0 6px 6px;
   font:bold 11px/14px arial;
}
#blogBox a{
   display:block;
   border:1px dashed #ddd;
   margin:4px 0;
   padding:2px 3px;
 }
#blogBox a:hover{
   border:1px solid #fff;
   background:#cc945b;
   color:#003;
}


#stickyBox{
		font:bold 11px/13px arial, Helvetica, sans-serif;
		margin:4px 0px 6px 350px;
		text-align:left;
                text-transform:uppercase;
		letter-spacing:0px;
}
ul#stickyNav a{ 
	padding: 2px;  
	color: #70D1FC; 
	text-decoration: none; 
	margin:0 6px;
}

#stickyNav a:hover{
       color:#F8B62E;
       margin:0 6px;
       padding:0px 2px 4px 2px;  
}
#stickyBox ul li ul {
	position:absolute;
	top:74px;
	left:360px;
}
* html #stickyBox ul li ul {
	position:absolute;
	top:74px;
	left:360px;
	width: 400px;
} 
#stickyBox ul li ul li {
	display:inline;
} 
#stickyBox ul li ul li a{
	font:normal 9px/10px arial, Helvetica, sans-serif;
	float:left;
	display: block; 
	padding: 2px 14px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#fff;
}

#stickyBox ul li ul li a:hover{
    padding: 1px 14px; 
    margin:0 2px 0 0; 
}
li #sticky11236 a{background: transparent url(../images/icons/iconBDD-4.gif) no-repeat scroll left center;}
li #sticky11238 a{background: transparent url(../images/icons/iconBDD-7.gif) no-repeat scroll left center;}
li #sticky11240 a{background: transparent url(../images/icons/iconBDD-12.gif) no-repeat scroll left center;}
li #sticky11239 a{background: transparent url(../images/icons/iconBDD-9.gif) no-repeat scroll left center;}
li #sticky11241 a{background: transparent url(../images/icons/iconBDD-6.gif) no-repeat scroll left center;}


/*----------------------------------------
S I D E B A R - NewsSm, CalendarSm
-------------------------------------------*/

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
}

#calendarSmlBox,
#newsSmlBox{
	font:normal 11px/15px "trebuchet ms", Helvetica, sans-serif;
	margin:0px 0px 14px 0px;
	text-align:left;
	padding:0px 0 4px 0;
	color:#fff;
	width: 100%;
        border-bottom:1px dashed #df9339;
}
#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	display: inline;
	color:#ddd;
	margin:0 4px 0 0px;
	padding: 0 4px;
}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	text-indent:-9999px;
	margin:0px 0 5px 0;
	height:32px;
}
#newsSmlBox h3{	/* newsSm header img*/
        background:transparent url(../images/newsSml_BDD.gif) no-repeat scroll 5px top;
} 
#calendarSmlBox h3{	/* calendarSm header img*/
        background: transparent url(../images/calendarSml_BDD.gif) no-repeat scroll 5px top;
} 
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
        text-align:center;
        text-transform:uppercase;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFA841;
	letter-spacing:1px;
}
#calendarSmlBox ul{padding:0;margin:0;}
#calendarSmlBox h5 a, #calendarSmlBox h5 a:hover{
   margin:0px;
   line-height:6px;
   background:transparent;
   border:none;
   padding:0px;
   text-align:right;
   text-transform:uppercase;
   letter-spacing:1px;
}
#calendarSmlBox h5 a:hover{color:#EE9438;}
#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 6px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #fff; 
        background:#5492b7 url(../images/bgNewsItems.gif) repeat-x scroll left bottom;
        border:1px solid #003 ;
	text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #fff;
 	background:#EC9236 url(../images/bgNewsItems2.gif) repeat-x scroll left bottom;}

/*----------------------------------------
L O G I N
-------------------------------------------*/
#accountInfo{
  font:normal 10px/12px  Arial, Helvetica, sans-serif;
  text-align:right;
}
#accountInfo a{text-decoration:none;}
#accountInfo a:hover{text-decoration:underline; color:#FFA841;}

#loginBox,
#logoutBox {
	margin:0px 4px 4px 4px;
	text-align:right;
	padding: 8px;
}

#loginBox{
	text-align:right;
}
#loginBox strong{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
#loginBox .formInput{
	font:normal 10px/13px Arial, Helvetica, sans-serif;
	width:110px;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}
li#3crowns a{
        padding-left:12px;
        text-decoration:none;
        background: transparent url(../images/icons/iconBDD-5.gif) no-repeat scroll left center;}
li#login a{
        padding-left:12px;
        text-decoration:none;
        background: transparent url(../images/icons/iconBDD-8.gif) no-repeat scroll left center;}
li#closeBtn a{
		padding-left:12px;
        text-decoration:none;
        background: transparent url(../images/icons/iconBDD-15.gif) no-repeat scroll left center;}

/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	color: #fff;
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd,
.checkoutOdd td,
.calendarOdd td{
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #b66222;
	padding:2px 4px;
}
.checkoutEven,
.calendarEven,
.checkoutEven td,
.calendarEven td{
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #a24914;
	padding:2px 4px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 13px/16px "trebuchet ms", Helvetica, sans-serif;
	color: #fff;
	padding:0 2px 0 2px;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#FFE900;
}

#basketBox{
   text-align:center;
   padding:6px;
   background:#144F6F;
   border:1px solid #3483AB;
   margin:0 0 6px 0;
}
.btn,
.basketBtn,
.checkoutBtn{
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color:#fff;
        text-transform:uppercase;
	padding:2px;
	border:1px outset #000;
	background-color:#CF750C;
	margin:2px 0 1px 10px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only needed if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px verdana, san-serif;
	margin:0px;
}


/* RELATED PRODUCTS */

#relatedProd{
        border-top:1px solid #fff;
	margin:16px 0 0 0px;
        padding:10px 0 0 20px;
}
#relatedProd .titleLrg{
	font:bold 12px/16px "trebuchet ms", Helvetica, sans-serif;
	display:block;		
        color: #fff;
        letter-spacing: 1px;
	padding: 0;
	margin: 0 0px 8px 0px;
        text-transform: uppercase;
}
#relatedProd .contentSml{ /* content span*/
	font:normal 10px/11px arial, san serif;
        COLOR:#dedede;
        border-bottom:1px dashed #df9339;
        display:block;
        padding:2px;
}
#relatedProd p {
        display:block;	
        margin:0 0 1px 0;
}
#relatedProd .titleSml{  /* product name */
	font:bold 12px/16px "trebuchet ms", Helvetica, sans-serif;
	letter-spacing:1px;
        margin:4px 0 1px 0;
        display:block;	
}
#relatedProd .relatedDescr{  /* product description*/
}
#relatedProd .relatedDetails{  /* product details*/
        display:inline;
}
#relatedProd .relatedQty{  /* product qty*/
        display:inline;
}
#relatedProd .relatedPrice{ /* product price */
}
#relatedProd .btn,
#relatedProd .optionBox{
        font:normal 9px/10px arial, helvetica, sans-serif;
        text-transform:uppercase;
	margin: 4px 0 0 2px;
	text-align:left;
	padding:1px;
        border:1px solid #fff;
}
#relatedProd img{
	width:42px;
        float:left;
        border:1px solid #000;
        margin: 0 8px 4px 0;
}

/* ADDRESS BOOK */
#addressBook{
	font:normal 11px/12px arial, sans-serif;
	padding:2px;
}
#addressBook h1{
	font:bold 13px/14px arial, sans-serif;
	padding:2px;
	letter-spacing:1px;
}
#addressBook h2,
#addressBook h3{
	font:bold 12px/14px arial, sans-serif;
	padding:2px;
	margin:0;

}

fieldset{
	margin:4px 0;
        border:1px solid #dedede;
        padding:8px;

}
legend{
	font:bold 18px/20px "trebuchet ms", sans-serif;
	padding:2px;
	color:#fff;
        letter-spacing:1px;
}
/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search{ 
    text-align:center;
}
#searchResults h2{
     margin:8px 0px;
}

#searchResults h3{
     margin:0 0 4px 6px;
     font-style:italic;
}
#search .formInput{ 
     width:110px;
     background: #fff url(../images/icons/iconBDD-10.gif) no-repeat scroll 2px center;
     padding-left:14px;  
     color:#000;
}
#search_btn{ 
             font:bold 10px/10px arial, helvetica;      
             margin-left:2px;
             padding:1px 2px;
}
#searchResults span.contentHi a{
            font:normal 9px/10px verdana, helvetica;      
            text-decoration:none;
}
dl{
            margin:0 0 4px 6px;
            padding:6px;
            border-bottom:1px dotted #DFC3A7;
}
dt{
            font:bold 12px/14px arial, helvetica;      
             
}
dd{
             font:normal 10px/12px arial, helvetica;      
             margin:0 0 0 0;
}
dd img{
height:40px;
float:left ;
margin:0 10px 0 0px;
}
/*-----------------------------------------------------------------------------------------------------
S T R E E T   T E A M
-------------------------------------------------------------------------------------------------------*/

#pointsLeaders{
	font:normal 10px/11px "trebuchet ms", sans-serif;
	color:#FFFFFF;
	margin:0px 0px 6px 0px;
	border-bottom:1px dashed #df9339;
	padding:2px 0 ;
	position:relative;
        background: transparent url(../images/pointsLeadersBg.gif) scroll no-repeat top center;
}
#pointsLeaders ol{
	padding:2px 1px;
	margin:30px 8px 1px 24px;
	padding-left: 0; 

}
#pointsLeaders li{
	border-bottom:1px dotted #fff;
	padding:1px;
}
#pointsLeaders span{
	float:right;
	margin:-11px 10px 0 0;
	padding:0;
	color:#FFFF99;
	font-weight: bold;
}

div#birthdays{
      padding:2px 3px;
      font:normal 11px/14px "trebuchet ms",sans-serif;

      border-top:1px dashed #df9339;
      margin:4px 0;
}

#birthdays p{
     font:bold 14px/16px "trebuchet ms", sans-serif;
     text-align:center;
}
#birthdays ul{
   font:normal 10px/12px arial;
   padding-left: 0; 
   margin-bottom: 0px; 
   list-style-type: none;
}
#birthdays li{
   padding:0 4px;
}



