/* Bells Shoes 757  */
/* MCN default css template - edited 12.9.05*/
/*content*/
body {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
color:#000000;
}
form{
	margin:0;
	padding:0;
}

* html hr { clear:both}
a {	
	color: #123D72;
}
A:hover {
    COLOR: #777D93;
	text-decoration: underline;
}
.content,
#galleryText{
	font: normal 13px/19px verdana, Helvetica, sans-serif;
	color: #424554;
	text-align: justify;
	width:99%;
}
.contentHi {
	font: italic 12px/14px arial, Helvetica, sans-serif;	
	color: #000000;
}	
.contentSml {
	font: normal 10px/12px arial, Helvetica, sans-serif;
	color: #494949;
	text-align: left;
}	
.contentHiSml {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
 	color: #A95324;
	text-align: left;
}	
.titleLrg{
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #EFD286;
	letter-spacing:1px;
	padding: 0 0 2px 0;
	margin: 0 0px 35px 0px;
}
.titleSml{
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	color: #686F83;
}
.titleSml a{
	color: #272B43;
	text-decoration: none;
}
.titleSml a:hover{
	color: #dd470c;
	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: #94CAE4;
	margin:0 0 0 0;
background-attachment: scroll;
	background-image:  url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	
}
#outerWrapper {
	margin: 0 auto 0 auto;
background-attachment: scroll;
	background-image:  url(images/bgRepeating.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
* html #outerWrapper { height:100% }
#wrapper {
	position: relative;
	clear: both;
	min-height: 600px; /*Mozilla - CSS2*/
	height: 600px;
	width: 770px;
	margin:0 auto 0 auto;
	padding-bottom: 57px;
	background-attachment: scroll;
	background-image: url(images/bgHeader.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
div[id=wrapper]#wrapper { height: auto;}/*For IE to set auto height*/
#header {
	width: 770px;
	color:#000;
	text-align:center;
	height: 200px;
	margin:0 0 0px 0;
	padding:0px;
}
#banner01 {
	margin: -148px 10px 0 480px;

}
#nav {
	width: 770px;
	height: 30px;
	margin: 0 0 0 0;
	padding: 170px 0 0 0;
	z-index:3;
}

#sidebar {
	float: left;
	padding: 0px 0px 0 0px;
	margin: 10px 0 0 22px;
	display:inline;
}

#main {
	float: left;
	min-height: 400px;
	height: 400px;
	width: 690px;
	padding: 0px 0px 0px 0px;
	margin:10px 40px 0 40px;
	display:inline;
	background-attachment: scroll;
	background-image: url(images/bgContent.gif);
	background-repeat: no-repeat;
}
div[id=main]#main { height: auto;}/*For IE to set auto height*/
#footer {
	clear: both;
	width: auto;
	height: 65px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	font: normal 11px/10px Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: url(images/footer.jpg) no-repeat scroll center top;
}

.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 8px 6px 0px;
border:0px;
}
.optionBox {/*used in gallery select */
	font: normal 11px/12px  Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ddd;
}
.banner {
	margin: 0 0 7px 0;
	border: 0px;
}

/*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 14px/14px Tahoma, sans-serif;
	margin:0px 0px 20px 25px;
	padding: 0px 0 0 0;
	text-align: left;
	text-transform: lowercase;
	letter-spacing:0px;
}
#vNav a{ 
	float: left;
	display: block; 
	text-align: left;
	color: #4F657F; 
	text-decoration: none; 
	margin: 2px;
	padding: 0 14px ;
}
#vNav a:hover{
	color: #2F455F;
	

}
/*for horizontal navigation*/
#vNav li {   
	display: inline;
}

li#vNav4986 {
	text-transform: none;
}
/* Sticky Nav and Blog Nav */
#stickyNav li{   
		display: inline;
}


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



#blogBox{	        
		font:normal 10px/10px "trebuchet ms", Helvetica, sans-serif;
		margin:4px 0 ;
		text-align:left;
		padding:0;
		border-bottom:1px dashed #999;
}
#blogBox a,
#stickyNav a{ 
        float:left;
		display: block; 
		padding: 0px 8px;  
		text-decoration: none; 
        text-transform:uppercase;
		margin:0 2px 0 0;
        color:#666;
        border-left:5px solid #545F65;
}

#blogBox a:hover,
#stickyNav a:hover{
        border-left:5px solid #8FBBD6;
        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;
}
/*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 verdana, san-serif;
	margin:0px;
}

#basketBox,
#calendarSmlBox,
#newsSmlBox{
	font:normal 10px/13px arial, san-serif;
	margin:0px 0px 8px 0px;
	text-align:left;
	padding:0px 0 4px 0;
	color:#64280b;
	width: 190px;
	background-color: #f5f1ef;
}

#loginBox,
#logoutBox {
	font:normal 10px/11px arial, san-serif;
	margin:0px 4px 4px 4px;
	text-align:left;
	padding: 8px;
	color:#000;
	border-botom:1px solid #7F3D0B;	
}

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

#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}

#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	font:normal 11px/12px arial, san-serif;
	display: block;
	color:#dd470c;
	margin:0 4px 0 0px;
	padding: 0 4px 0 0px;
}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	display: block;
	margin:0px 0 5px 0;
	height:20px;
}
#newsSmlBox h3{	/* newsSm header img*/
	background: #FCA544 url(images/newsSml.gif) no-repeat scroll 0px 0px;
} 
#calendarSmlBox h3{	/* calendarSm header img*/
	background: #FCA544 url(images/calendarSml.gif) no-repeat scroll 0px 0px;
} 
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
	font: bold 11px/12px arial, san-serif;
	color:#ab3b45;
	letter-spacing:1px;
}

#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px 3px 4px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #6f5443; 
	text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #fff;
 	background-color: #ccb2a0;	

}

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


/*store*/
.memberPrice{ /* members price */
	color:#990000;
}
.btn,
.basketBtn{
	font:bold 10px/12px arial, san 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 arial, san serif;
}
#relatedProd img{
	width:60px;
}

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