/* Charlie Allen 814 */

/*------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------*/
html {
	text-align:center;
	background: #000 url(images/bgRepeatingX.jpg) repeat-x scroll center top;
}
body {
	color:#ebc5a3;
	background: url(images/bgRepeatingY.gif) repeat-y scroll center top;
	font-family: "trebuchet ms";
}
#outer {
	background: url(images/bgHeader.jpg) no-repeat scroll center top;
	margin: 0;
	padding:0;	
}

#hd{
	position: relative;
	height:175px; 
	padding-bottom: 1.0em;
	margin: 0 0 0 0px;
}
div#charlie{
        position:absolute;
        width:470px;
        height:641px;
        left:-20px;          
        
}

#hd h1 {display:none;}

#yui-main{
 	position:relative;
	padding:0 0px;
	z-index:2;
}
#mainContent{
	min-height: 470px; 
	height: auto;
	_height:  470px; /*ie Hack */
	padding:0 14px;
}
#yui-main .yui-b {
	min-height: 420px; 
	height: auto;
	margin: 0;
	_height:  420px; /*ie Hack */
}
#sidebar{
	padding-top:240px;
}

#ft {
	font-size: 85%;
	letter-spacing:1px;
	padding: 1em 3em;
	margin: 1em 0 0 0; 
	text-align: right;
	height: auto;
	color: #eb643e;
	background: #6b1200;
	border-bottom:4px solid #594131;
}

#ft a{
	color: #eb643e;
	text-decoration: none;
}
#ft a:hover {
	color: #fff;
}


div .yui-u .banner {
	margin-bottom: 10px;
}
#flashLogo{   
	position:absolute;
	top:120px;
	right:0px;
	z-index:0;
}
#flashPic {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 950px;
	height: 280px;
}
div#nav{
	position: absolute;
	top: 178px;
	right: 0px;		
	margin: 0 5px;
	padding: 0;
	width:auto;
}
div#contentSub{
	left:112px;
	padding: 0;
	width: 225px;
}
.yui-b .banner {
   border:0px solid #EBDCCA;
	margin-bottom: 6px;
}
div#smallbannerLeft{float:left;}
div#smallbannerRight{float:right; margin-right:40px;}
/*  ------------------   base.css, part of YUI's CSS Foundation  ------------------------ */
h1 {	font-size:138.5%;}
h2 {	font-size:123.1%; }
h3 {	font-size:108%;  }
h1,h2,h3 {	margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym { 	border-bottom:1px dotted #000;	cursor:help;} 
em {	font-style:italic;}
blockquote{	margin:1em;}
dl dd {	margin-left:1em;}
th {	font-weight:bold;	text-align:center;}
caption {	margin-bottom:.5em;	text-align:center;}
p,fieldset,table {	margin-bottom:1em;}
form{	margin:2px;	padding:6px;}
th,td {     border:0;     padding:.1em; } 
td{     text-align:left;}
/*   --------------- end yui base (modified)  --------------------- */

/*----------------------------------------
CONTENT
-------------------------------------------*/
a {	
	color: #FF491F;
}
A:hover {
	COLOR: #fff;
	text-decoration: underline;
}
.content,
#galleryText{
	text-align: justify;
	list-style: inside;
	font-family: "Trebuchet MS";
	font-size:100%;
}
.contentHi {
    font-style:italic;
}	
.contentSml,	
.contentHiSml {
	font-size:93%;  
}	
.titleLrg{
	font-size:300%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height: 150%;
	color: #eb3a16;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0 0 0px 0;
text-align: center;
}
table .titleLrg {
	border-bottom: none;
font-size: 130%;
line-height: 105%;
text-align: left;
text-transform: none;

}
#modNews h3,
.titleSml{
	font-size:123.1%; 
	font-weight:bold;
}
h3 a,
.titleSml a{
	text-decoration: none;
}
.titleSml a:hover{
	text-decoration: underline;
}
#breadtrail{
	font-size:90%;
	margin:0 0 10px 0;
	padding:4px;
	background:#130100;
}
/*----------------------------------------
Contact Form
-------------------------------------------*/
fieldset{
     border: 1px solid #AD4611;
     padding:8px;
     width: auto;
}
legend{
     padding: 2px 6px;
     font-weight:bold;
}
label{
     width: 8em;
     float: left;
     text-align: right;
     margin-right: 0.5em;
     display: block;
}
input{
     color: #000000;
     background: #fff;
     border: 1px inset #AD4611;
}

/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/
ul,
ul li{ 
	list-style-type: none;
	margin:0px;
}
ul,
ul li{/*for mozilla positioning */
	padding-left: 0; 
	margin-bottom: 0px; 
}
/* ul formating in content */
.content ul{
	list-style: square outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ul ul,
.content ul li{    
	list-style: square outside;
}
.content ol{
	list-style: decimal outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ol ol{
	list-style: lower-alpha outside;
}

/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight,
.picRightBrd  {
	float: right;
	margin: 1px 1px 1px 6px;
}
.picLeft,
.picLeftBrd {
	float: left;
	margin: 1px 6px 1px 1px;
}
.picRightBrd,
.picLeftBrd {
	border: 1px solid #AD4611;
}
.iconImg{
	margin: 2px 8px 6px 0px;
	border:1px solid #AD4611;
}
.banner {
	border:0;
	margin: 0;
}
.optionBox {/*used in gallery select */
	font-size:85%;  
	color: #000000;
	background-color: #fff;
	padding:0;
	border:0px;
}
input.btn {
	background-color: #6F0D02;
	font-size: 85%;
	border: 1px solid #AD4611;
	color: #fff;
	margin: 3px 0 0 3px;
	font-weight: bold;
	text-transform: uppercase;
}
/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
	position: absolute;
	left: 450px;
	top: 150px;
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size:138.5%;
	font-weight:normal;
	line-height:100%;
	text-align: right;
	width: auto;
	margin: 0;	
	padding 0px;
	z-index: 10;
}

#vNav li a{
	float: left;
	text-align: left;
	color: #ff652f;
	text-decoration: none;
	text-transform: lowercase;
	padding:7px 18px 8px 18px;
	margin:0;
}
#vNav a:hover{
	color: #6d1d00;
	background: #a97d57 url(images/bgNav.gif) repeat-x scroll left top;
}
#vNav li {   /*for horizontal navigation: display: inline;*/
	display: inline;
}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
}
#modNews .item{
	margin:2px 0px;
	position:relative;
	padding:0.8em;
	border-bottom: 1px dotted #AA0F00;
	height: auto;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;
color: #fff;
}
#modNews p{
	text-decoration: none;
}
#modNews a:hover .item{
	background:#430B00;
color: #EB3A16;
}
#modNews img.iconImg{
	display: none;
}
#modNews h3 a {
	font-size:123.1%; 
	text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
	margin:0px;
}

#modNews .item p{
color: #ebc5a3;
}
#modNews small {
   color: #BF420B;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ 
	width:auto;
    margin:6px 0;
}
#modGallery.copy{ }
#modGallery.iconImg{}
#modGall li {  display: inline;}

/* ----------------------------------------------------------------
Sticky Nav and Blog Nav
-------------------------------------------------------------------- */

#stickyNav li{   
	display: inline;
}
#stickyBox{
	font:normal 11px/10px Arial, Helvetica, sans-serif;
	margin:10px 0 15px 0;
	text-align:left;
	padding:0;
	height:18px;	
	border-bottom: 1px dashed #cb9c59;
}

#stickyNav a{ 
	float:left;
	display: block; 
	padding: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#565C1F;
	border-left:5px solid #DE7B10;
}

#stickyNav a:hover{
	border-left:5px solid #FFBF4F;
	color:#000;
	margin:0 2px 0 0;
}
* html #stickyBox ul li{
	margin-top:25px;
}
 #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
}
* html #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
} 
#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: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#222;
	border-left:2px solid #BADDFE;
}
#stickyBox ul li ul li a:hover{
	border-left:2px solid #FFBF4F;
}
#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:#A0BBCC;
   color:#003;
}
/*----------------------------------------
A L B U M S
-------------------------------------------*/
#albumsBox{ /*controls number of albumSm columns*/
	margin:0 0 6px 0;
	padding:0;
	clear:both;
	height:58px;
	border-bottom:1px dotted #555;
}
#albumsBox p{ /*album titles */
	display:none;
	font:normal 10px/10px arial, san-serif;
	color:#000;
	margin:0 0 0 4px;
}
#albumsBox img {
	width:48px;
	height:48px;
    border:1px solid #777;
    margin:0 4px 0 0;
}
#albumsBox h3{
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0;
}
.albumImg{
    border:0px solid #555;
    padding-right:4px;
}
#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}
/*-----------------------------------------------------------------------------------------------------
S I D E B A R - NewsSm, CalendarSm
------------------------------------------------------------------------------------------------------*/

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	font-size: 200%;
font-weight:normal;
	text-transform:lowercase;
	color: #fff;
	letter-spacing: 1px;

}

#calendarSmlBox,
#newsSmlBox{
	font-size:90%;
	margin:0px 0px 10px 0px;
	text-align:left;
	padding:0;
	position: relative;
	background-color:#9d1104;
	border: 2px solid #ad4611;
}
#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	display: inline;
	color:#fff;
}
#calendarSmlBox p{position:absolute; right:10px;margin:0px; padding:0;}
#newsSmlBox p{margin:0 0 0 6px;}

#calendarSmlBox h3 {/* calendarSm header */
	margin: 7px 7px 5px 7px;
	height: 32px;
	padding: 0px 0 0 5px;
	background: url(images/newsSml.jpg) no-repeat scroll left top;
}
#newsSmlBox h3{ /* newsSm header */
	height: 32px;
	margin: 7px 7px 5px 7px;
	padding: 0px 0 0 5px;
	background: url(images/newsSml.jpg) no-repeat scroll left top;
}

#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:2px 0 4px 2px;
	padding: 0px 0 0 10px;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
#calendarSmlBox a,
#newsSml a{ 
	padding: 7px 5px; 
	margin: 5px;
	display: block;
	color: #f77548; 
	text-decoration: none;
	background: #770d03;
}
#calendarSmlBox h5 a{
	background:none;
	padding: 2px 4px; 
	margin: 0px 2px ;
	text-align:right;
	color:#000
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #fff;
	background: #4F0700;
}
#newsSmlBox ul, #calendarSmlBox ul {
	padding: 0px;
	margin: 2px;
}
/*-----------------------------------------------------------------------------------------------------
C A L E N D A R  and  C H E C K O U T
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	color: #000;
	width: 98%;
	margin: 0px;
	font-size:93%;
}
.calendarBox td,
.checkoutBox td{	padding: 3px;}


.checkoutOdd,
.calendarOdd{

	background-color: #DFAC53;

}
.checkoutEven,
.calendarEven{
	background-color: #F4C776;

}
.calendarHdr td,
.checkoutHdr{
	color: #ff652f;
	padding:6px;
	text-transform:uppercase;
	background-color: #000;
	text-align:center;
}

/*----------------------------------------
L O G I N
-------------------------------------------*/
#accountInfo{
	font-size:85%;
	color:#EBDCCA;
	text-align:right;
	z-index:15;
	position: absolute;
	top: 7px;
	right: 150px;
	text-align:right;
	padding:0px;
}
#accountInfo ul {
	text-align:left;
}
#accountInfo li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	float: left;
}

#accountInfo a{text-decoration:none;color:#db5b25;}
#accountInfo a:hover{text-decoration:underline; color:#FFA841;}

#loginBox,
#logoutBox {
	margin:0px 4px 4px 4px;
	text-align:right;
	padding: 8px;
	color:#fff;
	background:#5F3729;
}
#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;
	margin: 3px 0 3px 3px;
}
li#login{position:relative;}
li#signup a,
li#login a,
li#closeBtn a,
li#infoBtn a{
	padding-left:12px;
	text-decoration:none;
}
li#signup a{background: transparent url(images/icon_add.gif) no-repeat scroll left center;}
li#login a{background: transparent url(images/icon_user.gif) no-repeat scroll left center;}
li#closeBtn a{background: transparent url(images/icon_close.gif) no-repeat scroll left center;}
li#infoBtn a{background: transparent url(images/icon_info.gif) no-repeat scroll left center;}

ul#loginForm {
	position: absolute;
	top: 14px;
	right:-4px;
	border: 1px solid #C09457;
	padding-bottom:2px;
	color:#fff;
	opacity: .94;
	filter: alpha(opacity=94);
	background: #5F3729;
}
ul#loginForm .formInput{
	display:block;
	border:2px solid #fff;
	width:140px;
}
#loginForm li a,
#loginForm li {
	z-index: 100;

}
.js-clickable {
	cursor: pointer;
	text-decoration: underline;

}
#loginTab {
	z-index: 101;
	position: absolute;
	top: -19px;
	right: -1px;
	background:#5F3729;
	padding: 3px;
	width: 44px;
	text-align: center;
	border: 1px solid #C09457;
	border-bottom: 0px;
}
/*color for forgotten password form */
 input.content {
	color: #000;
}
#accessDenied{
	display:block;
	color:yellow;
	width:500px;
	margin-top:40px;
}
/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:red;
}

#basketBox{
	font-size:93%;
	margin:0px 0px 10px 0px;
	text-align:center;
	width: 258px;
	position: relative;
	border: 1px solid #ab732f;
}
#basketBox h3 span{
	font-size:131%; color:#000000;
}

.btn,
.basketBtn{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:2px;
	border:1px solid #00657E;
	background-color:#00657E;
	margin:0px 0 1px 1px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
/*-----------------------------------------------------------------------------------------------------
RELATED PRODUCTS
-------------------------------------------------------------------------------------------------------*/
#relatedProd{
	border-top: 1px single #8EC0CF;
	margin:16px 0 0 0px;
	padding:10px 0 0 20px;
	color:#fff;
}
#relatedProd .titleLrg{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	display:block;		
	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:#333;
	border-bottom:1px dotted #dedede;
	display:block;
	padding:2px;
}
#relatedProd p {
	display:block;	
	margin:0 0 1px 0;
}
#relatedProd .titleSml{  /* product name */
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:4px 0 1px 0;
	display:block;	
}
#relatedProd .relatedDescr{  /* product description*/
}
#relatedProd .relatedDetails{  /* product details*/
	display:inline;
}

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

}
#addressBook legend{
	font:bold 12px/14px arial, san serif;
	padding:2px;
	color:#666666;
}
fieldset{
	margin:4px 0 2px 0;
}

/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search {
	margin-left: 50%;
	position: absolute;
	top: 235px;
	left: 50px;
	width: 310px;
	height: 30px;
	padding: 0px;
	z-index:12;
}
#searchResults h2{
	margin:.25em 0px;
	font-size:123.1%;
}
#searchResults h3{
	margin:0;
	font-style:italic;
}
#search .formInput{ 
	width:200px;
	color:#000;
	border:1px solid #A7AF6D;
	font-size:85%;
	height:1.5em;

}
#search_btn{ 
	 font-size:85%;   
	 margin-left:2px;
	 padding:1px 2px;
	 cursor:auto;

}
#searchResults span.contentHi a{
	font-size:85%;    
	text-decoration:none;
}
dl{
	margin:0 0 4px 6px;
	padding:6px;
	border-bottom:1px dotted #ccc;
}
dt{
	font-size:93%;    
             
}
dd{
	font-size:85%;     
	margin:0;
}
dd img{
	height:40px;
	float:left ;
	margin:0 10px 0 0px;
}




/* Hides from IE-mac \*/
* html #pointsLeaders li {height: 1%;}
#pointsLeaders li {display: block;}
/* End hide from IE-mac */