﻿/* CSS Document */
body{
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
background-color:#333333;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:15px;
color:#333333;
}

p {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:15px;
color:#333333;
margin:5px 0px 5px 0px;
}

h1 {
width:694px;
height:36px;
margin:0px;
padding:8px 0px 8px 8px;
!padding:4px 0px 8px 8px;
background-color:#EFEFEF;
font-family:Helvetica, Arial, sans-serif;
font-size:36px;
font-weight:bold;
color:#333333;
line-height:36px;
text-transform:uppercase;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:24px;
font-weight:bold;
color:#F86C1F;
line-height:30px;
margin:0px;
}

h3 {
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#F86C1F;
line-height:26px;
margin:12px 0px 0px 0px;
}

h4 {
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:bold;
color:#F86C1F;
line-height:22px;
margin:0px;
}

h5 {
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#F86C1F;
line-height:22px;
margin:0px;
}

h6 {
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
line-height:18px;
margin:0px 0px 15px 0px;
}

a,a:hover {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
text-decoration:underline;
}

a img {
border:none;
}

.arrowLink 
{
background-image: url(/images/white_arrow.gif);
background-repeat:no-repeat;
padding:0px 9px 0px 16px;
margin:0px;
line-height:19px;	
text-align: left;	
}

input 
{
vertical-align:middle;
}

input[type=checkbox]
{
float:left;
clear:both;
}

li.chkBox input 
{
float:left;
clear:both;
}

select 
{
height:20px;
margin:12px 0px 0px 0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #333333;
}

.ErrorNotice 
{
float:left;
margin:0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color:#F86C1F;
}

.marginL12
{
float:left;
margin-left:12px;	
}	

.marginL2
{
margin-left:2px;	
}
.marginT12
{
 margin-top:12px;	
}

.paddingT12
{
padding-top:12px;
}

.blankWidth12 
{
width:12px;
height:0px;
float:left;
}

.upperCase
{
text-transform:uppercase;
}

.borderTop
{
border-top:1px solid #E0E0E0;
}

.borderBottom
{
border-bottom:1px solid #E0E0E0;
}

.fullWidth
{
width:100%;	
}

.floatLeft
{
float:left;	
}

.floatRight
{
float:right;	
}

/************************* header div ***************************************/
#header
{
    width: 966px;
    height: 201px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 12px 0px 12px;
    background-color: #ffffff;
}

#hdwrapper
{
    width: 966px;
    height: 71px;
    overflow: hidden;
    text-align: right;
    padding: 12px 0px 0px 0px;
}
#hdwrapper,#hdwrapper a, #hdwrapper a:hover
{
	font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #39301C;
    line-height:20px;
	text-decoration:none;    
}

#hdwrapper img
{
float:left;	
}

/********************/

/* NM wrapper*/
#header #topbanner 
{
float:left;	
width:966px; 
height:70px; 
margin-left:auto;
margin-right:auto; 
margin-bottom:2px;
background-color: #A9A8A9;
}

#header #topbanner .topLogo{
float:left; 
padding:15px 0px 0px 12px;
}

#header #topbanner img{
float:right;
padding:3px; 
}

#header #searchBox {
float:right;
width: 312px;
height:26px;
text-align:left;
padding:6px 0px 0px 16px;
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
color: #FFFFFF;
line-height:14px;
background-image:url(/images/top_nav_search.gif);
background-repeat:no-repeat;
margin-top:19px;
}	

#header #searchBox .searchText{
width: 224px;
height:14px;
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
color: #787878;
}

/********************/

/* NM main menu */
#header #topnavigator
{
    float:left;
    width: 966px;
    height: 45px;
    background-color:#D0D0D0;
}

#jsddm
{	
	width: 100%; 
    height: 45px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
	#jsddm li
	{	float:left;
	 	width:240px;
	 	height: 45px;
	 	display:inline;
		list-style-type: none;
		font-family:Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:normal;
		line-height:45px;
		color:#EFEFEF;
		background-color:#787878;
 	}

	#jsddm li a
	{	display: block;
		padding: 0px;
		font-family:Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:normal;
		color:#EFEFEF;
        text-decoration:none;
        padding-left:30px;
	}
	
	#jsddm li:hover a, #jsddm li a.itemSelected
	{	color:#787878;
		background-color:#D0D0D0;
        text-decoration:none;
  	}	

	#jsddm li a:hover,#jsddm li:hover a,#jsddm li a.itemSelected
	{	
		width:208px;
		height:44px;
		color:#787878;
		background-color:#D0D0D0;
		border-top:1px solid #787878;
		border-bottom:none;
	 	border-left:1px solid #787878;
	 	border-right:1px solid #787878;
  	}	
		#jsddm li ul
		{	margin: 0px;
			position: absolute;
			visibility: hidden;
			width: 238px;
			padding:0px;
			background-color: #ffffff;
			border-top:none;
			border-bottom:1px solid #787878;
	 		border-left:1px solid #787878;
	 		border-right:1px solid #787878;
        }

		#jsddm li ul li
		{	
		 	margin:0px; 
		 	list-style-type: none;
			line-height:29px;
			font-family:Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color: #EFEFEF;
			background-color:#D0D0D0;
			border-top:1px solid #ffffff;
            width:238px; 
		 	height:29px;
		}

		#jsddm li ul li a
		{	
			height:29px;		 	
		 	background: #D0D0D0;
			padding-left:30px;
			font-size: 12px;
			color: #787878;
			
		}

		#jsddm li:hover ul li a
		{	height:29px;
			border-top:none;
			border-left:none;
			border-right:none;
		}
		
		#jsddm li ul li a:hover
		{	height:29px;
			background: #787878;
		 	color: #EFEFEF;
		 	text-decoration:none;
		}

/************************* header div ***************************************/


/************************ container div *************************************/
#container 
{
width: 966px; 
margin-left:auto;
margin-right:auto;
padding-left: 12px;
padding-right: 12px;
background-color: #ffffff;
}

/* left side bar */
#container #sidebar{
float:left;
width: 252px; 
vertical-align:top;
background-color: #ffffff;
padding:15px 12px 12px 0px;
}

#container #sidebar #featuredProduct
{
float:left;	
width: 252px; 
vertical-align:top;
text-align: center;
padding:7px 0px 0px 0px;
}

#featuredProduct img
{
padding:5px 0px 0px 0px; 
}

#container #sidebar a 
{
text-decoration:none;
}

#container #sidebar h1  
{
width:246px;
height:24px;
background-color:#FFFFFF;	
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
color:#F86C1F;
line-height:24px;
padding:0px 0px 0px 6px;
margin:0px;
text-transform:none; 
}

/* Sign In Box */
.preLoginPanel 
{
float:left;  	
width:252px;
height:auto;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight: bold;
color:#333333;
text-align:left;
margin-bottom:12px;
}

.preLoginPanel h1 
{
width: 252px;
height: 24px;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
color:#F86C1F;
line-height:24px;
padding:0px 0px 0px 6px;
margin-bottom:12px;
}

.signinForm 
{
width:252px;
margin-top: 10px;
}	
.signinItem 
{
float:left;	
width:252px;
height:24px;
}	

.signinlabel 	
{
float: left;
width:60px;
height:21px;
text-align:right;
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height:14px;
padding-top:3px;
}

.signinEmail 	
{
float:left;
height:21px;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:14px;
padding-top:3px;
margin-left:5px;
}

.signinInput	
{
margin-left: 5px;
margin-right: 8px;
width: 145px;
height:14px;
border:solid 1px #0D0D0D;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333; 
}

.signinForm .ErrorNotice 
{
width:180px;	
margin:0px;
padding:0px 9px 6px 62px;
}

.signinCheck 	
{
float:left;	
width:180px;
height:24px;	
margin:0px;
padding:0px 0px 0px 62px;
line-height:24px; 	
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:left;
}

.preLoginPanel ul.signinLinks {
float:left;	
width:190px;
border-bottom:1px solid #E0E0E0;
margin-top: 5px;
margin-left:0px;
padding:0px 0px 12px 62px;
list-style: none;
}

.preLoginPanel ul.signinLinks li 
{
padding-left:20px;
background-image: url(/images/white_arrow.gif);
background-repeat:no-repeat;
line-height:20px; 
text-align:left; 
}

.preLoginPanel ul.signinLinks li a, .preLoginPanel ul.signinLinks li a:hover{
font-weight: normal;
text-decoration:underline;
}

/****************/

/* Logged In Box */
.postLoginPanel
{
width:249px;
padding-left:3px;
}

.postLoginPanel h2 
{
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#F86C1F;
line-height:16px;
margin:0px;
}

.postLoginPanel p
{
font-family:Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #333333;
line-height:22px;
margin:0px;
}

.postLoginPanel ul {
padding-left:0px;
list-style: none;
margin:10px 0px 15px 0px;
}

.postLoginPanel ul li,.postLoginPanel ul li a 
{
padding-left:0px;
line-height:19px; 
text-align:left; 
font-weight:normal;
text-decoration:none;
}

.loggedinLinks {
width:249px;
text-align:left;
}

.loggedinLinks ul {
padding-left:0px;
list-style: none;
margin:5px 0px 15px -6px;
}

.loggedinLinks ul li 
{
padding-left:20px;
background-image: url(/images/white_arrow.gif);
background-repeat:no-repeat;
line-height:19px; 
text-align:left; 
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight:normal;
color: #333333;
text-decoration: none;
}

.loggedinLinks ul li a{
font-weight: normal;
text-decoration:none;
}	

.loggedinLinks ul li a:hover{
font-weight:normal;
}

/****************/	
/***************************/

/* main box */
#container #maincontent{
float:right;
width:702px; 
padding-bottom:12px;
vertical-align:top;
background-color: #ffffff;
}


#container #maincontent #breadcrumb{
width:702px; 
height:15px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-size:9px;
color:#787878;
font-weight:normal;
text-align:left;
line-height:15px;
background-color: #ffffff;	
}

#container #maincontent #breadcrumb a,#container #maincontent #breadcrumb a:hover{
font-size:9px;
line-height:15px;
text-decoration:underline;
}
/***************************/

/************************ container div *************************************/

/************************** footer div **************************************/
/* footer */
#footer 
{
width: 966px; 
height: 50px;
margin-left:auto;
margin-right:auto;
padding-top: 10px;
text-align: center;
color: #EFEFEF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

#footer a, #footer a:hover  
{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #EFEFEF;
text-decoration:none;
}

/************************** footer div **************************************/

div.clear {
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

#league1
{
float: left;
width: 100%;
height:0px;
}

/******* grey out page ******/
.darkClass
{
background-color: #797979;
filter:alpha(opacity=65); 
opacity: 0.65; 
-moz-opacity:0.65;
z-index:100;
}
/*****************************/
