/* CSS Document */
body{
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:15px;
color:#333333;
}

a, p 
{
    outline-style: none;
}

p {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:15px;
color:#333333;
margin:5px 0px 5px 0px;
}

.contentBlock p 
{
    margin: 10px 0px 10px 0px;
}

h1 {
width:450px;
margin:3px 0 0 0;
padding:0px 0px 12px 0px;
!padding:0px 0px 12px 0px;
font-family:Helvetica, Arial, sans-serif;
font-size:28px;
font-weight:bold;
color:#333333;
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:18px;
font-weight:bold;
color:#333333;
line-height:26px;
margin:0px 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:#333333;
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: 12px;
font-weight: bold;
color: #333333;
text-decoration:underline;
}

.landingItem a, .landingItem a:hover 
{
    font-size: 12px;
    color: #f58426;
    font-weight: bold;
}

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 
{
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;	
}
.marginT2
{
 margin-top:2px;	
}

.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: 960px;
    height: 125px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 0;
    background-color: #ffffff;
}

/********************/

/* NM wrapper*/
#header #topbanner 
{
float:left;	
width:960px; 
height:91px; 
margin-left:auto;
margin-right:auto; 
margin-bottom:2px;
/*background-color: #b9b7ba;*/
background-image: url(/images/header.png);
}

#header #topbanner .topLogo{
float:left; 
}

#header #topbanner img{
float:right;
}

#header #searchBox {
float:right;
width: 193px;
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;
margin-top:19px;
}	

#header #searchBox .searchText{
width: 150px;
height:20px;
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
color: #787878;
}

/********************/

/* NM main menu */
#header #topnavigator
{
    float:left;
    width: 960px;
    height: 40px;
    background-color:#D0D0D0;
}

#header #topnavigator a {
    display: block;
    /*padding: 0;*/
    float: left;
    height: 40px;
}

#jsddm
{	
	width: 100%; 
    height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:block;
}
	
	#jsddm li
	{	float:left;
	 	display:block;
		list-style-type: none;
		/*
		font-family:Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:bold;
		line-height:45px;
		color:#FFFFFF;
        background-color:#787878;*/
 	}
 	
 	.topNav1 {
		width:194px;
	}
	
	.topNav2 {
		width:148px;
	}
	
	.topNav3 {
		width:174px;
	}
	
	.topNav4 {
		width:184px;
	}
	
	.topNav5 {
		width:260px;
	}

    #jsddm li a
	{	display: block;
		/*padding: 0px;*/
		font-family:Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:bold;
		color:#FFFFFF;
        text-decoration:none;
	}
	/*
	#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: 28px 0 0 0px;
			position: absolute;
			visibility: hidden;
			padding:0px;
			z-index:1000;
			/*
            width: 170px;
			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:40px;
			font-family:Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color: #EFEFEF;
			/*width:170px; */
		 	height:40px;
		}

		#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;
		}
*/    
.listNav1, .listNav2, .listNav3 {
	width:164px;
}
.listNav1 a, .listNav2 a, .listNav3 a {
	padding-left:20px;
}
.listNav4, .listNav5 {
	width:131px;
}
.listNav6, .listNav7 {
	width:153px;
}
.listNav4 a, .listNav5 a, .listNav6 a, .listNav7 a {
	padding-left:10px;
}
.listNav1 a {
                width: 164px;
				height: 40px;
                background-image: url(/images/nav_btm_dropdown.png);
                background-position: 164px 0px;
}
.listNav2 a {
                width: 164px;
				height: 40px;
                background-image: url(/images/nav_btm_dropdown.png);
                background-position: 164px -40px;
}
.listNav3 a {
                width: 164px;
				height: 40px;
                background-image: url(/images/nav_btm_dropdown.png);
                background-position: 164px -80px;
}
.listNav4 a {
                width: 131px;
				height: 40px;
                background-image: url(/images/nav_mw_dropdown.png);
                background-position: 131px -0px;
}
.listNav5 a {
                width: 131px;
				height: 40px;
                background-image: url(/images/nav_mw_dropdown.png);
                background-position: 131px -40px;
}
.listNav6 a {
                width: 153px;
				height: 40px;
                background-image: url(/images/nav_ynh_dropdown.png);
                background-position: 153px -0px;
}
.listNav7 a {
                width: 153px;
				height: 40px;
                background-image: url(/images/nav_ynh_dropdown.png);
                background-position: 153px -40px;
}

.listNav1 a:hover {
                background-position: 0px 0px;
}
.listNav2 a:hover {
                background-position: 0px -40px;
}
.listNav3 a:hover {
                background-position: 0px -80px;
}
.listNav4 a:hover {
                background-position: 0px 0px;
}
.listNav5 a:hover {
                background-position: 0px -40px;
}
.listNav6 a:hover {
                background-position: 0px 0px;
}
.listNav7 a:hover {
                background-position: 0px -40px;
}


        .topNav1 ul, .topNav1 a {
			width:164px;
		}
		.topNav2 ul, .topNav2 a {
			width:131px;
		}
		.topNav3 ul, .topNav3 a {
			width:153px;
		}
		.topNav4 a {
			width:184px;
		}
		.topNav5 a {
			width:260px;
		}
    
.topNav1 {
                width: 194px;
                background-image: url(/images/TOP-NAV.png);
                background-position: 0 -80px;
}
.topNav2 {
                width: 148px;
                background-image: url(/images/TOP-NAV.png);
                background-position: -194px -80px;
}
.topNav3 {
                width: 174px;
                background-image: url(/images/TOP-NAV.png);
                background-position: -344px -80px;
}
.topNav4 {
                width: 184px;
                background-image: url(/images/TOP-NAV.png);
                background-position: -516px -80px;
}
.topNav5 {
                width: 260px;
                background-image: url(/images/TOP-NAV.png);
                background-position: -700px -80px;
}

.topNav1:hover, .topNav1Selected {
                background-position: 0 -40px;
}
.topNav2:hover, .topNav2Selected {
                background-position: -194px -40px;
}
.topNav3:hover, .topNav3Selected {
                background-position: -344px -40px;
}
.topNav4:hover, .topNav4Selected {
                background-position: -516px -40px;
}
.topNav5:hover, .topNav5Selected {
                background-position: -700px -40px;
}

.topNav1 a.itemSelected
{	
    background-position: 0 -40px;
}
.topNav2 a.itemSelected {
    background-position: -194px -40px;
}
.topNav3 a.itemSelected {
    background-position: -344px -40px;
}
.topNav4 a.itemSelected {
    background-position: -516px -40px;
}
.topNav5 a.itemSelected {
    background-position: -700px -40px;
}

/************************* header div ***************************************/

#hdHeader  
{
    position: relative; 
    z-index: 10000; 
    width: 100%; 
    border: none; 
    border-bottom: #fbb619 1px solid; 
	background:url("http://www.homedepot.com/wcsstore/hdus/en_US/images/layout/gradient_horiz_tile2.png") repeat-x scroll center top #FFFFFF; 
}


/************************ container div *************************************/
#container 
{
width: 960px; 
margin-left:auto;
margin-right:auto;
padding-left: 0px;
padding-right: 0px;
background-color: #ffffff;
}

/* left side bar */
#container #sidebar{
float:left;
width: 240px; 
vertical-align:top;
background-color: #ffffff;
padding:0px 15px 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 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;
}

.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:220px;
margin-top: 10px;
}	
.signinItem 
{
width:220px;
height:30px;
}	

.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: 8px;
margin-right: 8px;
width: 220px;
height:20px;
border:solid 1px #0D0D0D;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #333333;
float: left; 
}

.signinButton	
{
width: 85px;
height:31px;
float: left;
margin: 0 0 10px 8px;
}

.signinForm .ErrorNotice 
{
width:180px;	
margin:0px;
padding:0px 9px 6px 62px;
}

.signinCheck 	
{
float:left;	
width:115px;
height:19px;	
margin:0 0 0 6px;
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;
margin-top: 0px;
margin-left:8px;
padding:0px 0px 0px 0px;
list-style: none;
}

.preLoginPanel ul.signinLinks li 
{
line-height:20px; 
text-align:left; 
}

.preLoginPanel ul.signinLinks li a, .preLoginPanel ul.signinLinks li a:hover{
font-weight: bold;
text-decoration:underline;
}

/****************/

/* main box */
#container #maincontent{
float:right;
width:705px; 
padding-bottom:12px;
vertical-align:top;
background-color: #ffffff;
}


#container #maincontent #breadcrumb{
width:705px; 
height:0px;
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: 960px; 
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;
}
/*****************************/


/*** New Changes Start ***/

.ctaLogin 
{
    float: left;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    width: 240px;
    color: #333333;
    font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 10px; 
}

.ctaHighlight 
{
    background-color: #fbefd7;  
}
 
.ctaHeader 
{
    width:240px;
    height:31px;
}

.ctaHeadingProfile 
{
    background-image: url(/images/my_moving_profile.png);
    width: 240px;
    height: 31px;
}

.ctaHeaderSignin 
{
    background-image: url(/images/sign_in.png);
    width: 240px;
    height: 31px;
}

.ctaContainer {
    padding: 12px 0px 8px 0px;
}
  
.ctaLoginUserName {
    font-weight: bold;
    font-size: 14px;
    padding-bottom:7px;
    margin-left: 8px;
}
  
.ctaLoginDaysLeft {
    color: #333333;
    font-weight: bold;
    background-color: #f3f3f3;
    padding-left: 8px;
}
 
.ctaLoginDaysLeft span {
   line-height: normal;
}
 
.ctaLoginDaysLeftHead {
    font-size: 40px;
    border-top: 1px dotted #999999;
    padding-top: 5px;
}
  
.ctaLoginDaysLeftSub {
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #999999;
}
  
.ctaLoginMovingToday {
    font-size: 24px;
    line-height: 26px;
}

.ctaLoginDaysLeftBottom 
{
    padding-bottom: 7px;
}

.ctaLoginMovingDay {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-left: 8px;
}
  
.ctaLoginFooter {
    font-size: 12px;
    margin-left: 8px;
}
  
.ctaLink {
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}

.ctaFeatureHeading {
    font-size: 14px;
    font-weight: bold;
    color: #f58426;
  } 
  
  .ctaFeatureSub {
    font-size: 12px;
    font-weight: bold;
  }  
  
  .ctaIdeasHeader 
  {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      margin-left: 8px;
  }
  
  .ctaIdeasSub 
  {
      font-size: 12px;
      margin-left: 8px;
  }
  
  .ctaIdeasSub ul
  {
      list-style-type: none;
      padding: 0px;
      line-height: 18px;
  }
  
  .ctaIdeasSub a
  {
      text-decoration:underline; 
  } 
  
  .ctaIdeasSub img {
    position: relative;
    top: 3px;
  } 

 .optional
 {
     font-weight:normal;
 }
 
 .regTableHeight 
 {
     height: 50px;
 }
 
 .orangeText 
 {
    color: #f58426;
    font-weight: bold; 
 }
 
.offerContent 
{
    padding-top: 0px;
}

.offerContent a
{
    font-size: 12px;
} 
   
.offerContent p
{
    font-size: 12px;
}

.offerContent h1
{
    font-size: 26px;
    padding-bottom: 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #333333;
}

.offerContent h2
{
    line-height: normal;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin: 0px;
    padding: 0 0 5px 0;
}
.imageCell 
{
    padding-right: 20px;
    padding-bottom: 10px;
}
   
.hdLogo 
{
    padding-top: 10px;
}

.errorpage 
{
    background-image: url(/images/NM-ErrorPage-500.jpg);
    width:700px;
    height:420px;
    background-repeat:no-repeat;
    padding:20px;
}

.errorpage p 
{
    font-size: 15px;
    color: #FFFFFF;
    margin-top: 20px;
    font-weight: bold;
}

.errorpage a 
{
    font-size: 16px;
    color: #f58426;
    margin-top: 20px;
    font-weight: bold;
}

.errorpage404
{
    background-image: url(/images/NM-ErrorPage-404.jpg);
    width:700px;
    height:420px;
    background-repeat:no-repeat;
    padding:20px;
}

.errorpage404 p 
{
    font-size: 15px;
    color: #333333;
    margin-top: 20px;
    font-weight: bold;
}

.errorpage404 a 
{
    font-size: 15px;
    color: #333333;
    margin-top: 20px;
    font-weight: bold;
}

#pageOffersLinkOffers
{
    display:block;
    background-image: url(/images/offers_toggle.png);
    width:74px;
    height:28px;
    float:left;
}

#pageServicesLinkOffers a
{
    display:block;
    width:74px;
    height:28px;
    outline: none;
}

#pageOffersLinkServices a
{
    display:block;   
    width:87px;
    height:28px;
    outline: none;
}

#pageOffersLinkServices
{
    display:block;
    background-image: url(/images/offers_toggle.png);
    background-position: -74px 0px;
    width:87px;
    height:28px;
    float:left;
}

#pageServicesLinkOffers
{
    display:block;
    background-image: url(/images/services_toggle.png);
    width:74px;
    height:28px;
    float:left;
}

#pageServicesLinkServices
{
    display:block;
    background-image: url(/images/services_toggle.png);
    background-position: -74px 0px;
    width:87px;
    height:28px;
    float:left;
}

#serviceoffer
{
    display: block; 
    list-style: none; 
    padding: 0px; 
    margin: 0 0 10px 0; 
    float: left;
    width: 705px;
}

#serviceoffer span 
{
    display: none;
}

.offersIntro 
{
     margin-bottom: 9px;
}

#leftPanel 
{
    width: 218px;
    float: left;
    margin-right: 14px;
}

#rightPanel 
{
    width: 218px;
    float: left;
}

#movingEssentialsCta 
{
    margin-bottom: 12px;
}

#SocialMedia 
{
    list-style: none;
    padding: 5px 0 3px 0;
    margin: 0;
    float: right;
}

#SocialMedia li
{
    float: left;
}

#RecProdList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
 
.RecProdListItem {
    list-style: none outside none;
    overflow: hidden;
    width: 220px;
    line-height: 32px;
    padding-left: 10px;
}

.RecProdListItem input {
    padding-top:14px;
    margin-bottom:10px;
}

.RecProdListItem p {
    margin:10px 0 10px 0;
}

@-moz-document url-prefix() { .RecProdListItem input { margin-top:13px; } }

.RecProdChk {
    height:32px;
}

.RecProdListItem img 
{
   float: left;
}

.RecProdListItem a {
   font-size: 12px;
   font-weight: bold;
}

.RecProdListItem a:hover {
   font-size: 12px;
   font-weight: bold;
}

.tmAction 
{
    list-style: none outside none;
    margin: 0;
    padding: 0 0 10px 15px;
}

.spacer-margin {
    margin-bottom:15px;
}

.ideas {
    line-height:10px;
}

#footerContent {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}
#footer {
	width: 100%;
	text-align: center;
	background-color: #e2e2e2;
	float: left;
	height: auto;
	padding-bottom: 10px;
}
#footer ul { 
	float: left;
	width: 190px;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
#footer ul li { 
	width: 192px;
	float: left;
}
#footer ul li a { 
	color: #333333;
	font-size: 9px;
}
#footer ul li a:hover { 
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
}
#footer ul li.footerTitle { 
	margin: 10px 0; 
	color: #333333;
	text-transform: uppercase;
	font-size: 11px;
}
#footer ul li.footerTitle a { 
	text-transform: uppercase;
	font-size: 11px;
}
/**** New Changes End ***/