/* The Grip Studio  */
/* MCN default css template - edited 12.9.05*/
/*content*/
body {
		font:normal 12px/14px Trebuchet MS, Helvetica, sans-serif;
		margin:0;
		padding:0;
		color:#000000;
}
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;

}





* html hr { clear:both}
a {	
		color: #ED1C24;
}
A:hover {
    	COLOR: #fff;
		text-decoration: underline;
}
.content,
#galleryText{
		font: normal 11px/13px Trebuchet MS, Helvetica, sans-serif;
		color: #c3c3c3;
		text-align: justify;
		list-style: inside;
}
.contentHi {
		font: italic 12px/14px Trebuchet MS, Helvetica, sans-serif;	
		color: #ED1C24;
}	
.contentSml {
		font: normal 10px/12px Trebuchet MS, Helvetica, sans-serif;
		color: #ED1C24;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/12px Trebuchet MS, Helvetica, sans-serif;
 		color: #ED1C24;
		text-align: left;
}	
.titleLrg{
		font: bold 18px/18px Trebuchet MS, Helvetica, sans-serif;
		color: #ed1c24;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 15px 0px;
		text-transform:uppercase;
}
.titleSml{
		font: bold 14px/15px Trebuchet MS, Helvetica, sans-serif;
		color: #ddd;
}
.titleSml a{
		color: #ddd;
		text-decoration: none;
}
.titleSml a:hover{
		color: #ED1C24;
		text-decoration: underline;
}


/* page positioning */
#wrapper, #header, #nav, #sidebar, #main, #footer{
		border:0px solid #000;/*for testing*/
} 
/* for 100% height - also set the containing div to 100% height*/
html,body {
		height: 100%;
} 

.bg {
		background-color: #fff;
		margin:auto;
		background-attachment: scroll;
		background-image:  url(images/bgVertical.gif);
		background-repeat: repeat-y;
		background-position: center top;
}
.scrollbar {
		scrollbar-3dlight-color:#888;
		scrollbar-arrow-color:#888;
		scrollbar-base-color:#000;
		scrollbar-darkshadow-color:#000;
		scrollbar-face-color:#000;
		scrollbar-highlight-color:#888;
		scrollbar-shadow-color:#888;
		scrollbar-track-color:#000; 
}
#outerWrapper2 {
		margin: auto;
		height: 100%;
		min-height:100%;
		padding: 0;
		background-attachment: scroll;
		background-image: url(images/bghorizontal.gif);
		background-repeat: repeat-x;
		background-position: left center;
}
* html #outerWrapper2 { height:100% }
#outerWrapper {
		position: absolute;
		top: 50%;
		left:0px;
		width: 100%;
		height: 1px;
		overflow:visible;
		display: block;
		margin: auto auto auto auto;
}
#wrapper {
		position: absolute;
		top: -248px;
		left: 50%;
		margin-left:-409px;
		clear: both;
		height: 496px;
		width: 818px;
		visibility: visible;
		padding-bottom: 0px;
		background-attachment: scroll;
		background-image: url(images/bgWrapper.gif);
		background-repeat: no-repeat;
		background-position: center top;
}

#header {
		width: 818px;
		height: 30px;
		margin:0px 0 0px 0;
		padding:0px 0 0 0;
		color:#000;
}
#photoLeft {
		float: left;
		width: 330px;
		height: 292px;
		margin: 0 0 0px 0px;
		padding: 0px 0px 0 0px;
}
#photoHome {
	float: left;
	width: 759px;
	height: 292px;
	margin: 0 0 0px 0px;
	padding: 0px 0px 0 0px;
	background: url(images/photoHome.jpg) no-repeat scroll left top;
	z-index:4;
}
#nav {
		width: 818px;
		height: 30px;
		margin: 0 0 0 0;
		padding: 13px 0 0 0;
}

#sidebar {
		float: left;
		width: 38px;
		min-height: 300px;
		height: 300px;
		padding: 0 0 0 0;
		margin: 0px 0 0 0px;
		display:inline;
}
div[id=main]#sidebar { height: auto;}/*For IE to set auto height*/
#main {
		float:left;
		height: 418px;
		width: 408px;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
		display:inline;
		background-attachment: scroll;
		background-image: url(images/bgContent.gif);
		background-repeat: no-repeat;
}
#contentFix {
		width: 408px;
		height: 382px;
		margin: 0px 0px 0 0;
		padding: 0px 10px 0px 0;
		display: block;
		[overflow-y:scroll;
		overflow:auto;
		]overflow-y: auto;
		overflow-x: hidden;		
		

}
#footer {
		clear: both;
		width: 428px;
		height: 10px;
		padding: 5px 5px 0px 5px;
		margin: 0px 0 0 345px;
		font: normal 10px/13px Trebuchet MS, Helvetica, sans-serif;
		color: #000;
		text-align: center;

}

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

/*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 #666;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #666;
}
.picLeftBrd a:hover,
.picRightBrd a:hover,
.picLeft a:hover,
.picRight a:hover,
.iconImg a:hover{
		border: 1px solid #666;
}
.iconImg{
		margin: 2px 14px 8px 0px;
		border:1px solid #666;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px  Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
		background-color: #ddd;
}
.banner {
		margin: 0 0 7px 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;
}

/* Chump Navigation */
#vNavBox{
		font:bold 11px/11px Trebuchet MS, Helvetica, sans-serif;
		width: auto;
		height: 20px;
		margin:0px 0px 0px 0px;
		padding: 0px 0 0px 0px;
		text-align: left;
		text-transform:uppercase;
		letter-spacing:1px
}
#vNav a{
		float: left;
		display: block;
		text-align: left;
		color: #000;
		text-decoration: none;
		margin: 0px;
		padding: 0 10px 18px 10px;
		border-right:1px solid #ed1c24;
}
#vNav a:hover{
		color: #fff;
		padding: 2px 10px 16px 10px;
		background-color:#ED1C24;
		border-right:1px solid #ed1c24;
}
/*for horizontal navigation*/
#vNav li {   
		display: inline;
}

/* Sticky Nav and Blog Nav */
#blogBox{
		display:none;
}
#stickyBox{
		font:bold 12px/13px Trebuchet MS, Helvetica, sans-serif;
		margin:0px 0px 6px 8px;
		text-align:left;
		padding:0;
		background-color: #666;
		letter-spacing:1px;
		width: 110px;
		float: right;
		border-left:3px solid #ccc;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	padding: 2px;  
	color: #fff; 
	text-decoration: none; 
	margin:3px;
}
#blogBox a:hover,
#stickyNav a:hover{
	color: #FEF000;
	background-color: #444;
	font-style: italic;
}

/*calendar Sml, news smls, albums sml */
#loginBox img,
h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:none;

}
#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 Trebuchet MS, Helvetica, sans-serif;
	margin:0px;
}

#basketBox,
#calendarSmlBox,
#newsSmlBox{
	font:normal 11px/13px Trebuchet MS, Helvetica, sans-serif;
	margin:300px 0px 0px 340px;
	text-align:left;
	padding:1px;
	width: 410px;
        color:#ddd;
        height:126px;
}

#loginBox,
#logoutBox {
	font:normal 10px/11px Trebuchet MS, Helvetica, sans-serif;
	margin:40px 4px 4px 4px;
	text-align:left;
	padding: 8px;
	color:#ccc;
	border-botom:1px solid #7F3D0B;	
}
#logoutBox{
        float:right;
        margin:0px ;
	text-align:right;
        position:relative;
        top:-34px
}

#loginBox strong{
        display:block;
	font:bold 12px/13px Trebuchet MS, Helvetica, sans-serif;
	letter-spacing:1px;
}
#loginBox .formInput{
	font:normal 10px/13px Trebuchet MS, Helvetica, sans-serif;
	width:100px;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}



#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	display: inline;
	color:#FFE694;
	margin:0 2px 0 4px;
	padding: 0 4px 0 4px;
        border-left:1px solid #666;
}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	display: none;

}

#calendarSmlBox a,
#newsSml a{ 
	padding:0 0 2px 0; 
	margin: 0 0 3px 0;
        border-bottom:1px dotted #666;
	display: block;
	color: #ddd; 
	text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #ED0003;


}

/* calendar and checkout*/
.calendarBox,
.checkoutBox {
	color: #000000;
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd{
	font: normal 10px/11px Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	background-color: #ddd;
	padding:2px;
}
.checkoutEven,
.calendarEven{
	font: normal 10px/11px Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	background-color: #dedede;
	padding:2px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 12px/14px Trebuchet MS, Helvetica, sans-serif;
	color: #fff;
	background-color: #666;
	padding:0 2px 0 2px;
	text-align:center;
}


/*store*/
.memberPrice{ /* members price */
	color:#990000;
}
.btn,
.basketBtn{
	font:bold 10px/12px Trebuchet MS, Helvetica, sans-serif;
	color:#fff;
	padding:2px;
	border:1px solid #fff;
	background-color:#44200F;
	margin:2px 0 1px 0;
}
#relatedProd{
	border-top:1px dashed #666;
	margin:10px 0 0 30px;
}
#relatedProd .titleSml{
	font:bold 12px/12px Trebuchet MS, Helvetica, sans-serif;
}
#relatedProd img{
	width:60px;
}

/*inline nav child display - deprecated in favor of sticky */
.navInline {
	font:bold 12px/12px Trebuchet MS, Helvetica, sans-serif;
	color: #000000;
	padding: 3px;
}
.navInline a{
	color: #000000;
	text-decoration: none;
}
.navInline a:hover{
	color: #FF9900;
	text-decoration: underline;
}