/* 824 Darren Walters */

/*content*/

html {
		background: transparent url(images/back.gif) repeat-x scroll top;
}

body {
	    height:615px;
		font:normal 12px/14px Century Gothic, Arial, sans serif;
		margin:0;
		padding:0;
		color:#000000;
		scrollbar-3dlight-color:#fff;
		scrollbar-arrow-color:#d47d1e;
		scrollbar-base-color:#815C42;
		scrollbar-darkshadow-color:#83532F;
		scrollbar-face-color:#E9DCD3;
		scrollbar-highlight-color:#FFE6DF;
		scrollbar-shadow-color:#D9AD80;
		scrollbar-track-color:transparent; 
}
form{
		margin:0;
		padding:0;
}

* html hr { clear:both}
a {	
		color: #B05629;
}
A:hover {
    	COLOR: #B05629;
		text-decoration: underline;
}
.content,
#galleryText{
		font: normal 12px/18px Century Gothic, Arial, sans serif;
		color: #000;
		text-align: justify;
		list-style: inside;
}
.contentHi {
		font: italic 12px/14px Century Gothic, Arial, sans serif;
		color: #B9742F;
}	
.contentSml {
		font: normal 11px/12px Century Gothic, Arial, sans serif;
		color: #1E1005;
		text-align: left;
}	
.contentHiSml {
		font: normal 11px/12px Century Gothic, Arial, sans serif;
 		color: #A98C65;
		text-align: left;
}	
.titleLrg{
                position:absolute;
                right:20px;
                top:95px;
		font: bold 25px/25px Century Gothic, Arial, sans serif;
	        color: #1e2b41;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 35px 0px;
		text-transform:uppercase;
        text-align: right;
        border-bottom:1px solid #fff;
		width:490px;
	
}
table{
 width:98%;
}
td.content{
    text-align: left;
}
table .titleLrg {
                position:relative;
                right:0px;
                top:0px;
		border: 0;
		text-transform:none;
                border-bottom:0px;
		font: bold 16px/18px Century Gothic, Arial, sans serif;
		color: #A35521;
}
.titleSml{
		font: bold 12px/15px Century Gothic, Arial, sans serif;
		color: #9C5E43;
}
.titleSml a{
		color: #A36145;
		text-decoration: none;
}
.titleSml a:hover{
		color: #000000;
		text-decoration: underline;
}


/* page positioning */
#wrapper, #header, #nav, #sidebar, #main, #footer{
		border:0px solid #000;/*for testing*/
} 


.bg {
		margin:0 0 0 0;
}

#wrapper {
	position: absolute;
	right:2px;
	clear: both;
	height: 610px;
	width: 900px;
	margin:0 0 0 0;
	padding-bottom: 0px;
}
#header {
	width: 900px;
	height: 82px;
	margin:0 0 0px 0;
	padding:0px;
	vertical-align:bottom;
}
#logo {
	width: 162px;
	height: 135px;
	position:absolute;
	left:0;
	/*background: url(images/logoChely.png) no-repeat scroll left top;*/
}
#nav {
		width: 600px;
		height: 20px;
		margin: 0px 0 0 auto;
		padding: 0px 0 0 0;
		z-index:3;
		display:block;
}
#sticky {
		width: 585px;
		height: 20px;
		margin: 0 0 0 auto;
		padding:0 0 0 0;
		display:block;
}
#sidebar {
		float: right;
		width: 200px;
		padding: 0 0 0 0;
		margin: 310px 220px 0 0;
		display:inline;
}
/*
#titleContain {
position:absolute;           
width: 490px;
padding:13px 0 0 0;                   
}
*/
div[id=main]#sidebar { height: auto;}/*For IE to set auto height*/
#main {
		float:right;
		height: 366px;
		width: 490px;
		padding: 0px 10px 5px 5px;
		margin: 75px 0px 6px 0px;
		display:inline;
		[overflow-y:scroll;
		overflow:auto;
		]overflow-y: auto;
		overflow-x: hidden;

}

#bannerBottom {
		display:block;
        width: 860px;
        height: 52px;
        margin:0px 0 2px auto;
        padding: 0 0px 10px 0px;
        text-align: right;

}


#footer {
                position: absolute;
                top: 543px;
		clear: both;
		width: 890px;
		height: 60px;
		padding: 0px 0px 5px 0px;
		margin: 0px 10px 0px auto;
		font: normal 10px/13px Century Gothic, Arial, sans serif;
		color: #999;
		text-align: right;
}
#footer a {
		color: #999;
}
#footer a:hover {
		color: #883B26;
}
scrollbar {

}
.cleaner {
		clear:both;
		height:1px;
		margin: -1px 0 0 0;
		padding:0;
		border:none;
		visibility: hidden;
		font: 1px/1px serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

/*images, banners, etc. */
.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 #C9B18B;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #C9B18B;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
		border: 1px solid #B36B4D;
		cursor:pointer;
		padding:0;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px  Century Gothic, Arial, sans serif;
		color: #000000;
		background-color: #ddd;
}
.banner {
		margin: 0 0px 0px 20px;
		border:none;
}
#bannerbottom.banner {
		margin: 0 20px 0 0;
}
/*begin lists - vnav, subnav, albums, sml */
#albums,
#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,
#calendarSmlBox ul,
#newsSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}
/*----------------------------------------
A L B U M S
-------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0px;
	padding:0;
	clear:both;
	height:auto;

}
#albumsBox p{ /*album titles - albumssm*/
	display:none;
	font:normal 10px/10px;
	color:#000;
	margin:0px;
}
#albumsBox img {
	width:48px;
	height:48px;
    border:1px solid #679A99;
    margin:0px;
}
#albumsBox h3{ /*albumssm header */
        display:none;
}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0;
}
#albums a img{
	border: 1px solid #679A99;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #801616; 
	margin:0px 1px 0 1px;
}
.albumImg{
       margin:0px 0px 0px 0px;
    border:2px solid #679A99;
}

#albums a{
	padding: 0px ; 
	display:block;
	color: #666; 
	text-decoration: none; 
	margin:0;
}

/* Chump Navigation */
#vNavBox{
		font:bold 15px/18px Century Gothic, Arial, sans serif;
		width: 490px;
		margin:0px 0px 0px auto;
		padding: 70px 0px 0px 0px;
		text-align: left;
		height: 20px;
}
#vNav a{ 
		display: inline; 
		text-align: left;
		color: #c76200; 
		text-decoration: none; 
		padding: 2px 5px 0px 4px;
		text-transform:uppercase;
		letter-spacing:0px;
        float: left;
}
#vNav a:hover{
	color: #A34A3A;
	padding: 0px 5px 0px 4px;
	background: url(images/iconNav.gif) no-repeat scroll left top;
}
/*for horizontal navigation*/
#vNav li, #stickyNav li {   
		display: inline;
}

/* Sticky Nav and Blog Nav */
#blogBox{
		display:none;
}
#stickyBox{     position: absolute;
                top:95px;
                right:0px;
                font:bold 13px/12px Century Gothic, Arial, sans serif;
                text-align:left;
		width: 440px;
		height: 20px;
                margin: 0 0 0 auto;
		padding:0px 0 0 0px;
                z-index:10;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	padding: 5px;  
	color: #316B9E; 
	text-decoration: underline; 
	margin:3px 6px 0 ;
	float: left;
}
#blogBox a:hover,
#stickyNav a:hover{
	color: #B36B4D;
}

/*calendar Sml, news smls, albums sml */
#loginBox img,
h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	font:bold 16px/18px Century Gothic, Arial, sans serif;
	color: #FFF;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
color: #324972;
text-transform: lowercase;

}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only neede if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px Century Gothic, Arial, sans serif;
	margin:0px;
        
}


#calendarSmlBox{
        position: absolute;
        top: 360px;
        right: 520px;
	font:normal 10px/13px Century Gothic, Arial, sans serif;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0;
	color:#64280b;
	width: 190px;
	background-color: #D9CFCE;
	border:1px solid #fff;
	opacity: .90;
	filter: alpha(opacity=890);
}

#newsSmlBox{
    position: absolute;
    top: 360px;
    right: 520px;
	font:normal 10px/13px Century Gothic, Arial, sans serif;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0;
	color:#64280b;
	width: 190px;
	background-color: #D9CFCE;
	border:1px solid #fff;
	opacity: .90;
	filter: alpha(opacity=890);
}

#loginBox {
	font:normal 10px/11px Century Gothic, Arial, sans serif;
	margin:0px 4px 4px auto;
	text-align:right;
	padding: 8px;
	color:#A37950;
}
#logoutBox {
	font:normal 10px/11px Century Gothic, Arial, sans serif;
	margin:0px 4px 4px auto;
	text-align:right;
	padding: 8px;
	color:#A37950;
    width: 450px;
	height: 12px;	
}
#loginBox a,
#logoutBox a {
	color: #a37950;
}
#loginBox a:hover,
#logoutBox a:hover {
	color: #77380B;
}


#loginBox{
	text-align:right;
}
#loginBox strong{
	font:bold 11px/13px Century Gothic, Arial, sans serif;
	letter-spacing:1px;
}
#loginBox .formInput{
	font:normal 10px/13px Century Gothic, Arial, sans serif;
	width:100px;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}


#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	font:normal 11px/12px Century Gothic, Arial, sans serif;
	display: inline;
	color:#000;
	margin:0 4px 0 0px;
	padding: 0 4px 0 4px;

}



#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px 3px 4px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #d23e0e; 
	text-decoration: none;
border-bottom: 1px dotted #fff;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #fff;
 	background-color: #96B8D4;	

}
#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	font: normal 10px/11px "Verdana", sans-serif;
	color:#8d1e1e;
        display: block;
	margin:2px 0 3px 0;
        letter-spacing:1px;
}

#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px;
	color:#ab3b45;
	letter-spacing:1px;
        display:none;
}
#calendarSmlBox h5,
#calendarSmlBox h5 a{/*more dates*/
	color:#8d1e1e;
	letter-spacing:1px;
	text-align:right;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	border:0px;
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
}

/* calendar and checkout*/
.calendarBox,
.checkoutBox {
	color: #000000;
	width: 99%;
	margin: 0px;
	padding: 0px;
}
table.checkoutBox{
   border-top:1px dotted #D9AD80;
   text-align:left;
}
.checkoutOdd,
.calendarOdd{
	font: normal 10px/11px Century Gothic, Arial, sans serif;
	color: #000;
	background-color: #bad5ef;
	padding:3px;
}
.checkoutEven,
.calendarEven{
	font: normal 10px/11px Century Gothic, Arial, sans serif;
	color: #000;
	background-color: #e1eaf3;
	padding:3px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 12px/14px Century Gothic, Arial, sans serif;
	color: #fff;
	background-color: #316b9e;
	padding:0 2px 2px 2px;
	text-align:center;
}



/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
}
#modNews .item{
	margin:4px 0px;
	position:relative;
	padding:1em;
	height: auto;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;
        background: #bad5ef;
}
#modNews p{
	color: #000;
	text-decoration: none;
}

#modNews a:hover .item{
         background: #fff;
}

#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 small {
   color: #801616;
}
.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;}