/*Alex Beaton */

/*----------------------------------------
CONTENT
-------------------------------------------*/
html{
    
}
body {
	font:normal 12px/1.5   "Century Gothic",arial, Helvetica, sans-serif;
	background: #262626 url(images/background.jpg) repeat scroll center top;
	margin:0px auto;
	color:#000000;
}
#doc{
	margin:0px auto;
    width:750px;     /* actual width of content box */
	background: url(images/bodBack.jpg) repeat-y scroll top;
        /* background: url(images/head.jpg) repeat scroll center bottom; */
}

#hd {
	background: #1b3a58 url(images/head.jpg) repeat scroll center top;
	width: 750px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	z-index:auto;
}
#searchDiv {
	margin-left: 50%;
	position: absolute;
	top: 10px;
	left: -400px;
	width: 220px;
	height: 30px;
	padding: 0px;
	z-index:12;
}

th, td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



#yui-main{
	background: url(images/bodBack.jpg) repeat-y scroll top;

}
#yui-main .yui-b {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 430px;
	}
       
#flashHdr {
        background: #fff;
        float: right;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

#sidebar {
	float: left;	
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	width: 300px;
	}
	

#ft {
	background: url(images/head.jpg) repeat scroll center top;
	padding: 20px 0 20px 0;
	margin: 0px; 
	text-align: center;
	font-size: 85%;
	text-transform: uppercase;
	color:#73a7ba;
}
#ft a{color:#000;}
td span.contentSml { 
	font-weight:normal;
	font-size: 77%;
	padding:0;
	margin:0;
}
input[type=text],input[type=password],textarea{
width:auto;
}

form table {  background-color: #fff;}


a {	
		color: #22587E;
}
A:hover {
    	COLOR: #5C2423;
		text-decoration: underline;
}
.content,
#galleryText{
		color: #000;
		text-align: left;
		list-style: inside;
		font-size:110%;
}
.contentHi {
		color: #000;
}	
.contentSml {
		font-size:85%; 
		color: #000;
}	
.contentHiSml {
		font-size:93%;  
 		color: #000;
}	
.titleLrg{
	font-size:200%;
	color: #22587E;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 0 0px;
	
}
#modNews h3,
.titleSml{
		font-size:130%; 
		font-weight:bold;
		color: #000;
}
h3 a,
.titleSml a{
		text-decoration: none;
}
.titleSml a:hover{
		text-decoration: underline;
}
/*----------------------------------------
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 li{    list-style: square url(images/bullet1.gif) outside;}

.content ul ul {
		list-style: circle url(images/bullet2.gif) 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 {
		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 #666;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #666;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
}
.banner {
		border:0;margin: 0 0 6px 4px;
}
.optionBox {/*used in gallery select */
		font-size:85%;  
		color: #000000;
		background-color: #ddd;
}




/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
		font-size:105%;
		font-weight:bold;
		margin: 0px 0px 0px 0px;
		padding: 13px 0px 0px 10px;
		text-align: left;
		letter-spacing:0px;
                text-decoration: none;
		text-transform:uppercase;
		
}

#vNav li{
           display: inline;
}

#vNav a{
	display: block;
	float: left;
        text-align: left;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 20px 6px;
	text-decoration: none;
	
}
#vNav a:hover{
		color: #A07155;

}

/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
		position:relative;
		text-align:left;
		margin:6px 0;padding:0;
}
#modNews .item{
	   margin:2px 0px;
	   position:relative;
	   padding:3px;
	   height: auto;
}
#modNews a .item{
    display:block;
    text-decoration:none;
    cursor: pointer;
}
#modNews a:hover .item{
	background-color:#EFF9FF;
}

#modNews img.iconImg{
   position:absolute;
   margin:2px;
   left: 6px;
}
#modNews h3 a {
   text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
   margin:0px;

}
#modNews small {
   color: #5C2423;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
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;}




/* Sticky Nav and Blog Nav */



#stickyNav li {   display: inline;}
/* Sticky Nav and Blog Nav */
#blogBox,
#stickyBox{
		font:bold 11px/14px "Century Gothic", "trebuchet ms" arial, Helvetica, sans-serif;
		margin:0px 0px 20px 8px;
		text-align:left;
		padding:0;
		letter-spacing:0px;
        border-bottom:1px dashed #ccc;
		z-index:6;

}
#stickyBox{height:22px;}
#blogBox{
   float:right;
   width: 160px;
}

#blogBox a,
#stickyNav a{ 
	display: block; 
    background:transparent url(images/icon-stickyUp.gif) no-repeat left center; 
    width:auto;
	padding: 4px 4px 0 14px;  
	color: #6F4B30; 
	text-decoration: none; 
	margin:3px;
}
#stickyNav a{ 
	padding: 0px 2px 0 12px;  
	float:left;
		z-index:6;
}

#blogBox a:hover,
#stickyNav a:hover{
	color: #369;
	padding: 0 1px 0 13px;  
	background:transparent url(images/icon-stickyOver.gif) no-repeat left center; 
}
#blogBox a:hover{padding: 4px 2px 0 14px;  }

/*----------------------------------------
S I D E B A R - NewsSm, CalendarSm
-------------------------------------------*/
/*albumssm, newssm, calendar sm, basket, login text header */
h3 span{ 
    line-height:100%;
	color: #602521;
	padding:0;margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
}

#calendarSmlBox,
#basketBox,
#newsSmlBox{
    position:relative;
    margin:0px 0px 6px 0px;
    text-align:left;
    padding:2px 6px ;
}
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
	font:normal 10px/10px arial;
	color:#ab3b45;
	letter-spacing:1px;
}
#calendarSmlBox h5 a{ /* more dates*/
   margin:0;
   padding:0;
   color:#641C20;
   text-align:right;
   border:0px none;
   text-transform:uppercase;
}
#newsSml p{display:none;}
#calendarSmlBox p{ /* location */
    color:#5F4823;
    margin:0;
    padding-left: 40px;
    display:inline;
}

#newsSml li,
#calendarSmlBox li{   
	position:relative; border-bottom:1px solid #BFA377;
}
#calendarSmlBox a,
#newsSml a{ 
	display: block;
	padding: 2px 4px; 
	margin: 0;
	color: #000; 
	text-decoration: none;
    background:transparent url(images/grid-light.gif);
}
#calendarSmlBox a:hover,
#newsSml li a:hover{
    background: #F5F1EE;
    color:#111;	
}
/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search{ 
    margin:6px 0;
}
#searchResults h2{
     margin:8px 0px;
}

#searchResults h3{
     margin:0 0 4px 6px;
     font-style:italic;
}
#search .formInput{ 
	width:110px;
	background: #dccdc6 url(images/iconBDD-10.gif) no-repeat scroll 2px center;
	padding-left:20px;  
	color:#000;
	border:1px solid #8d655c;
	font:normal 11px/13px "Trebuchet MS", arial, helvetica;
}
#search_btn{ 
	 font:bold 10px/10px arial, helvetica;      
	 margin-left:2px;
	 padding:1px 2px;
	 cursor:auto;
}
#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;
}

/*----------------------------------------
L O G I N
-------------------------------------------*/

#loginBox,
#logoutBox {
        position:absolute;
        z-index:3;
        top:266px;
        left:50%;
        width:190px;
        font-size:85%;
		margin-left:210px;
		text-align:right;
		padding: 4px;
        color:#602423;
        text-transform:lowercase;
}
#logoutBox{top:290px;	margin-left:250px;text-align:left;}
#loginBox h3,
#logoutBox h3{font-size:110%; margin:0;padding:0;}
#loginBox{
	text-align:right;
}
#loginBox strong{
	letter-spacing:1px;
}
#loginBox .formInput{
	width:100px;
}
#login .btn{
        font:normal 10px/12px arial; 
        padding:0em 1em;
        color:#000; 
        margin: 1px   
}

ul#loginForm {
	position: absolute;
	top: 14px;
	right:-4px;
	border: 1px solid #fff;
	padding-bottom:2px;
	color:#fff;
}
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;

}

/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd{
    background:#dedfdf;
	padding:4px;
}
.checkoutEven,
.calendarEven{
	padding:4px;
}
.calendarHdr,
.checkoutHdr{
	color: #fff;
	background-color: #293946;
	padding:2px 4px;
	text-align:center;
}


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

}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font-size: 93%;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 4px;
}
#albumsBox img {
	width:60px;
	height:60px;
    border:1px solid #828E78;
    margin:0 2px 0 0;
}
#albumsBox h3{ /*albumssm header */
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	padding:0;
	margin:0px;
    float:left;
}
#albums a img{
	border: 1px solid #fff;
	margin:1px 2px;
}
#albums a:hover img{
	border: 2px solid #194562; 
	margin:0px 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;
}

/*----------------------------------------
PRODUCTS
-------------------------------------------*/
#modProducts{
    position:relative;
    font: normal 11px/14px "Century Gothic",arial, Helvetica, sans-serif;
    text-align:left;
}
/*#modProducts .item{
   margin:4px;
   padding:4px;
   border:0px solid #ccc;
   padding-left: 70px; /*relative to the width of the icons
   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{
   position:absolute;
   margin:2px;
   left:8px;
}*/


#modProducts .item{
   margin:4px;
   padding:4px;
   border:0px solid #ccc;
   padding-left: 10px; /*relative to the width of the icons*/
   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{
float: left;
   margin:2px 20px 10px 0px;
   left:8px;
}






#modProducts h3 a {
   text-decoration: none;
}
#modProducts .item p, #modProducts .item h3, #modProducts span, #modProducts .optionBox,{
   margin:0px;
}
#modProducts small {
   color: #369;
}


/* RELATED PRODUCTS */

#relatedProd{
    border-top:1px dotted #184262;
	margin:150px 0 0 0px;
    padding:10px 0 0 20px;
}
#relatedProd .titleLrg{
	display:block;		
    color: #333;
    letter-spacing: 1px;
	padding: 0;
	margin: 0 0px 8px 0px;
    text-transform: uppercase;
}
#relatedProd .contentSml{ /* content span*/
    COLOR:#333;
    border-bottom:1px dotted #dedede;
    display:block;
    padding:2px;
}
#relatedProd p {
        display:block;	
        margin:0 0 1px 0;
}
#relatedProd .titleSml{  /* product name */
	letter-spacing:1px;
    margin:4px 0 1px 0;
    display:block;	
}

#relatedProd .relatedDetails, #relatedProd .relatedQty{  /* product details*/
        display:inline;
}

#relatedProd .btn,
#relatedProd .optionBox{
    text-transform:uppercase;
	margin: 4px 0 0 2px;
	text-align:left;
	padding:1px;
    border:1px solid #000;
}
#relatedProd img{
	width:42px;
    float:left;
    border:1px solid #000;
    margin: 0 8px 4px 0;
}