/* Stephen Cochran 734*/


/*   

 MCN default css template - edited 02.12.07*/
/*------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------*/
body {
		font:normal 12px/14px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		color:#ddd;
}
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: #e36113;
}
A:hover {
    	COLOR: #fff;
		text-decoration: underline;
}
.content,
#galleryText{
		font: normal 12px/18px Arial, Helvetica, sans-serif;
		color: #FFA97F;
		text-align: justify;
		list-style: outside;
}
.contentHi {
		font: italic 12px/14px Arial, Helvetica, sans-serif;	
		color: #000000;
}	
.contentSml {
		font: normal 10px/12px Arial, Helvetica, sans-serif;
		color: #E36113;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/12px Arial, Helvetica, sans-serif;
 		color: #d9e724;
		text-align: left;
}	
.titleLrg{
		font: normal 20px/20px Arial, Helvetica, sans-serif;
		color: #d9e724;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 15px 0px;
		text-transform:uppercase;
		letter-spacing:1px;
		border-bottom: 1px dashed #999;
}
table .titleLrg {
		font: normal 19px/20px Arial, Helvetica, sans-serif;
		color: #E36113;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 15px 0px;
		text-transform:uppercase;
		letter-spacing:1px;
		border-bottom: none;
}
.titleSml{
		font: bold 14px/15px Arial, Helvetica, sans-serif;
		color: #E36113;
}
.titleSml a{
		color: #fff;
		text-decoration: none;
}
.titleSml a:hover{
		color: #E36113;
		text-decoration: underline;
}


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

.iconImg{
		margin: 2px 8px 6px 0px;
		border:1px solid #D28251;
		cursor:pointer;
}

.iconImgPlain {
		margin: 2px 8px 6px 0px;
		border:1px solid #D28251;
}

.banner {
		margin: 0 0 7px 0;
		border: 0px;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px  Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #D28251;
}
/*------------------------------------------------------------------------------------------------
A L B U M S
--------------------------------------------------------------------------------------------------*/
/* Albums */
#albumsBox{ /*controls number of albumSm columns*/
	margin:0 0 6px 0;
	padding:0;
	clear:both;
	height:58px;
	border-bottom:1px dotted #ccc;
}
#albumsBox p{ /*album titles - albumssm*/
	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 #828E78;
    margin:0 4px 0 0;
}
#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 #fff;
	margin:1px 2px 1px 2px;
}
#albums a:hover img{
	border: 2px solid #000; 
	margin:0px 1px 0 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;
}



/*--------------------------------------------------------------------------------------------------
L I S T S - vnav,  albums, sml
---------------------------------------------------------------------------------------------------*/

#albums,
#calendarSml,#calendarSml1,#calendarSml2, /* 1=Current Presales, 2=Upcoming Presales for Calendar v2 */ 
#blogNav,
#stickyNav,
#vNav { /* sets list style to none */
		list-style-type: none;
		margin:0px;
}
#albumsBox ul,
#calendarSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}

/*--------------------------------------------------------------------------------------------------
N A V I G A T I O N
----------------------------------------------------------------------------------------------------*/
#vNavBox{
		font:bold 14px/16px Arial, Helvetica, sans-serif;
		width: 180px;
		margin:0px 0px 8px 0px;
		padding: 8px 0 0 0px;
		text-align: left;
		letter-spacing:1px;
		text-transform: uppercase;
		
}
#vNav a{ 
		display: block; 
		text-align: left;
		color: #d9e724; 
		text-decoration: none; 
		margin: 2px;
		padding: 3px 15px 3px 15px;
		border-bottom:1px dashed #999;
}
#vNav a:hover{
		color: #f25d21;
		padding: 3px 15px 3px 33px;
		background: url(../images/navAnimation.gif) no-repeat scroll 10px center;	
}
#vNav li {   /*for horizontal navigation: display: inline;*/
		display: inline;
}
/* Sticky Nav and Blog Nav */
#blogBox,
#stickyBox{
		font:bold 12px/13px Arial, Helvetica, sans-serif;
		margin:0px 0px 6px 8px;
		text-align:left;
		padding:0;
		letter-spacing:1px;
		height: 26px;

}
#blogBox a,
#stickyNav a{ 
		display: block; 
		padding: 0 6px 0 12px;  
		color: #fff; 
		text-decoration: none; 
		margin:3px 6px;
		float: left;
border-left: solid 1px #A2450D;
}
#blogBox a:hover,
#stickyNav a:hover{
		color: #DF5F12;
		
}

/*-----------------------------------------------------------------------------------------------------
S I D E B A R - NewsSm, CalendarSm
------------------------------------------------------------------------------------------------------*/

h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
		display:block;
		font:normal 19px/19px Arial, Helvetica, sans-serif;
		color: #d9e724;
		padding: 0 0 4px 0;
		margin: 0 0 0 0px;
		text-transform:uppercase;
		border-bottom: 1px dashed #999;
		letter-spacing:1px;
}
#newsSmlBox ul{
        list-style: square url(../images/bullet.gif) outside;
        color:#D4DF30; 
		margin:4px 0 6px 0;
        padding:0 0 0 17px;
        text-align:left;
}
#calendarSmlBox,
#newsSmlBox{
		font:normal 11px/13px Arial, Helvetica, sans-serif;
		margin:10px 0px 8px 10px;
		text-align:left;
		padding:0px 0 4px 0;
		color:#64280b;
		width: 208px;
}
#newsSmlBox p{ /* dates */
        display:none;
}
#calendarSmlBox p{ /* dates */
		font:normal 11px/12px Arial, Helvetica, sans-serif;
        display: inline;
		color:#fff;
		margin:0 4px 0 0px;
		padding: 0 4px 0 0px;
        position:absolute;
        right:10px;

}

#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
		display: block;
		margin:0px 0 10px 0;
		height:18px;
}
#newsSmlBox h3{	/* newsSm header img*/
		background: none;
} 
#calendarSmlBox h3{	/* calendarSm header img*/
		background: none;
} 
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
		margin:0px 0 4px 2px;
		font: bold 11px/12px Arial, Helvetica, sans-serif;
		color:#ab3b45;
		letter-spacing:1px;
}
#calendarSmlBox a,
#newsSml a{ 
		padding: 3px; 
		margin: 0 0px 4px 0px;
		display: block;
		color: #f25d21; 
		text-decoration: none;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
		color: #fff;
       }

/*------------------------------------------------------------------------------------------------------
L O G I N
------------------------------------------------------------------------------------------------------*/
#loginBox,
#logoutBox {

		font:normal 10px/11px Arial, Helvetica, sans-serif;
		margin:0px 4px 4px 4px;
		text-align:right;
		padding: 3px;
		color:#bbb;
		border-botom:1px solid #7F3D0B;	
		height: 39px;
}


#loginBox .btn{
		position:relative; top:1px;
		font:bold 10px/12px Arial, Helvetica, sans-serif;
		color:#d9e724;
		padding:1px;
		border:1px solid #8b715f;
		background-color:#4a5118;
		margin:0px;
}
#loginBox strong{
		font:bold 11px/11px arial, Helvetica, sans-serif;
		letter-spacing:0px;
		color:#fff;
		margin-right:8px;
}
#loginBox .formInput{
		font:normal 10px/11px Arial, Helvetica, sans-serif;
		width:72px;
        background-color:#CECE8C;
        padding:1px;
        margin: 0 8px 0 4px;
        height:auto;
        border:0px;
}
#logoutBox ul{
		list-style: square inside;	
		margin:0px auto 0px auto;
		padding:0px;
}
#loginBox h6{
		font:normal 9px/11px verdana, Helvetica, sans-serif;
		text-align:right;
margin:2px 0;
}
/*color for forgotten password form */
 input.content {
  color: #000;
}


/*-----------------------------------------------------------------------------------------------------
C A L E N D A R  and  C H E C K O U T
-------------------------------------------------------------------------------------------------------*/
.calendarBox {
	color: #000;
	width: 98%;
	margin: 0px;
	padding: 0px;
}

.checkoutBox {
	color: #ffffff;
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd {
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #C3C16E;
	padding:4px;
}
.calendarOdd{
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #C3C16E;
	padding:4px;
}
.checkoutEven {
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #E2A970;
	padding:4px;
}
.calendarEven{
	font: normal 10px/11px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #E2A970;
	padding:4px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #B34D0F;
	padding:0 2px 0 2px;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#FFE900;
}

#basketBox{
}
.btn,
.basketBtn{
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color:#fff;
        text-transform:uppercase;
	padding:2px;
	border:1px solid #000;
	background-color:#225278;
	margin:2px 0 1px 10px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only needed if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px verdana, san-serif;
	margin:0px;
}



/*-----------------------------------------------------------------------------------------------------
R E L A T E D  P R O D U C T S
-------------------------------------------------------------------------------------------------------*/

#relatedProd{
        border-top:1px dotted #184262;
	margin:16px 0 0 0px;
        padding:10px 0 0 20px;
}
#relatedProd .titleLrg{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	display:block;		
        color: #333;
        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;
}
#relatedProd .relatedQty{  /* product qty*/
        display:inline;
}
#relatedProd .relatedPrice{ /* product price */
}
#relatedProd .btn,
#relatedProd .optionBox{
        font:normal 9px/10px arial, helvetica;
        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;
}

/*-----------------------------------------------------------------------------------------------------
A D D R E S S   B O O K - for store
-------------------------------------------------------------------------------------------------------*/
#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 T R E E T   T E A M
-------------------------------------------------------------------------------------------------------*/

#pointsLeaders{
	font:normal 10px/11px arial, san-serif;
	color:#FFFFFF;
	width:200px;
	margin:0px 0px 4px 0px;
	background-color:#602e16;
	border:1px solid #fff;
	padding:26px 0 2px 0;
	background-attachment: scroll;
	background-image: url(../images/onr-pointsLeaderHdr.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	opacity: .76;
	filter: alpha(opacity=76);
	position:relative;
}
#pointsLeaders ol{
	padding:2px;
	margin:0 0 1px 30px;
	padding-left: 0; 

}
#pointsLeaders li{
	border-bottom:1px dotted #fff;
	padding:1px;
}
#pointsLeaders span{
	float:right;
	margin:-11px 10px 0 0;
	padding:2;
	color:#FFFF99;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------
W A L L P A P E R   D I S P L A Y 
-------------------------------------------------------------------------------------------------------*/
#wallpaperBox ul{/*for mozilla positioning */
	padding: 0px; 
	margin: -0px; 
	list-style-type: none;
}
#wallpaperBox{ /*controls number of columns*/
	width:auto;
	height: auto;
	padding:0px;
}
#wallpaperBox p{ /*wallpaper text */
	display:block; /*set to block for text to flow beneath thumbnails*/
	margin: 0 0 0px 0px;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	width: 120px;
	padding: 2px;
	text-align: center;
}
#wallpaperBox img {
	border: 1px solid #000;
	width:120px;
	height:90px;
	vertical-align: middle;
}
#wallpaperBox li{ /*set float left to have multiple columns */
	display: block;
	margin-bottom: 10px;
}
#wallpaperBox a{
 	padding: 0px;
	margin-right: 0px
}
#wallpaperIcons a:hover{
	color:#e69732;
}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
    position:relative;
    text-align:left;
}

#modNews .item{
   margin:4px 0px;
   padding:4px 6px;
   border:1px dotted #5F441D;

}
#modNews a .item{
    display:block;
    text-decoration:none;
    cursor: pointer;
}
#modNews a:hover .item{
    background:#2F1E06;
}
#modNews img.iconImg{
   position:absolute;
   margin:2px;
   left: 6px;
}
#modNews h3{
   font-size:123.1%;
   font-weight:bold;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
   margin:0px;
}
#modNews small {
   color: #CECF4D;
   font-size:93%;
}
.paginate{
    font-size:93%;
    letter-spacing:2px;
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ //the width of this will determine the # of columns
	width:auto;
}
#modGallery.copy{ //format gallery description text
}
#modGall li {  display: inline;}