/*
 *  Skin Styles
 *
 *  This stylesheet is aimed to overwrite styles within the layouts css
 *  and apply new styles which essentially skin the template.
 *
 */

/****************************************************
  Foundations
****************************************************/

body {
  background: #e5e7ff url(../../images/skins/denim/denim-header-bg.jpg) top center repeat-x;
}

/****************************************************
  Header
****************************************************/
#header {
  height: 164px;
  width: 960px;
  margin: 0 0 10px;
  position: relative;
  background: url(../../images/skins/denim/denim-header-bg.png) 0 1px no-repeat;
  display:inline;
  float:left;
}
div[id] #header{
	background: url(../../images/skins/denim/denim-header-bg.png) 0 0px no-repeat;
}
#site-search .input {
	color: #3f61b2;
	background: url(../../images/skins/denim/denim-header-bg.png) -257px -242px no-repeat;
}
#logo .logo-au {
display: none;
}

  /**************************************************
    Header -> Main Menu
  **************************************************/
  #main-menu li {
    background-image: url(../../images/skins/denim/denim-header-divider.gif);
  }
  #main-menu li a,
  #main-menu li span {
    color: #ffebf6;
		background: none;
  }

/**************************************************
 MORE TOOLS
**************************************************/
	#tools-menu {    
	height: 36px;
	overflow: hidden;
	background: url(../../images/skins/denim/denim-header-bg.png) 0 -127px no-repeat;
	}

	div[id]#tools-menu{
	overflow: visible;
	}

	#tools-menu ul {
	height: 36px;
	margin-left: 5px;   
	}

	#tools-menu ul li {
	margin: 4px 4px 0 0;
	display:block;
	float: left;
	}

	#tools-menu ul li[class]{
	margin-top: 3px;
	}

	#tools-menu li a {
	display: block;
	padding-top: 8px;
	height: 20px;
	padding-left: 30px;
	color: #1a54a5;
	}

	#tools-menu li a:hover, #tools-menu li a.active{
	color: #1a54a5 !important;
	}

	li.book-club a {width: 65px;}
	li.baby-names a{width: 81px;}
	li.kids-activities a{width: 89px;}
	li.expert-panel a{width: 81px;}
	li.kids-recipes a{width: 79px;}
	li.photo-centre a{width: 83px;}
	li.baby-room-decorator a{width: 135px;}
	li.more-tools a{width: 69px;height: 24px !important;}

	li.book-club a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -5px -166px no-repeat !important;}
	li.baby-names a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -104px -166px no-repeat !important;}
	li.kids-activities a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -219px -166px no-repeat !important;}
	li.expert-panel a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -342px -166px no-repeat !important;}
	li.kids-recipes a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -457px -166px no-repeat !important;}
	li.photo-centre a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -570px -166px no-repeat !important;}
	li.baby-room-decorator a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -687px -166px no-repeat !important;}
	li.more-tools a:hover{ background: url(../../images/skins/denim/denim-header-bg.png)  -856px -166px no-repeat !important;}

  /************************
 	  More Tools	
 	************************/
	li.more-tools{
		width: 99px;
		overflow: hidden;  		
	}
	li[class].more-tools{
		overflow: visible;
	} 
	li.more-tools:hover a{
		color: #9900cc !important;
		background: url(../../images/skins/denim/denim-header-bg.png)  -856px -166px no-repeat !important;
	}
	#more-tools{
		z-index: 999;
		left: -152px;
		top: 0px;
		position: relative;
		width: 248px;
		padding-top:0px;
		display:block;
	}  	   	 
	#tools-link .cloak { display: none; }  	    	 
	ul#more-tools li {  
		line-height: 0px;  
		display: block;    	
		float:left;
		height: 28px;
		width: 233px;
		margin: 0px !important;
		padding: 3px 7px 0px 7px;
		background: url(../../images/skins/denim/denim-header-bg.png)  -709px -226px no-repeat;
	}            
	/* First Element of More Tools Links*/
	#more-tools li.week-by-week{       	   
		padding-top: 8px;     
		background: url(../../images/skins/denim/denim-header-bg.png)  -709px -198px no-repeat;       
	}
	/* Last Element of More Tools Links*/
	#more-tools li.mums-stories{ 
		padding-bottom: 8px;     
		background: url(../../images/skins/denim/denim-header-bg.png)  -709px -356px no-repeat;       
	}
	#more-tools li a {
		color: #1a54a5 !important;
		background: none;  	
		display: block;
		width: 232px;
		height: 28px !important;
		padding:0px;
		background: url(../../images/skins/denim/denim-header-bg.png) -468px -242px no-repeat !important;
	}    
	#more-tools li a:hover{
		color: #1a54a5 !important;
		background: none !important;  	
		background: url(../../images/skins/denim/denim-header-bg.png) -468px -210px no-repeat !important;
	}
	#more-tools li a span {
		display: block;        
		width: 200px;
		height: 18px;
		padding-left: 30px;
		padding-top: 8px;
	}
	#more-tools li.week-by-week a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -209px no-repeat !important;}
	#more-tools li.mums-stories a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -236px no-repeat !important;}
	#more-tools li.ovulation-calendar a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -263px no-repeat !important;}
	#more-tools li.baby-eye-colour a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -293px no-repeat !important;}
	#more-tools li.fertility-calendar a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -325px no-repeat !important;}
	#more-tools li.child-height-calculator a span { background: url(../../images/skins/denim/denim-header-bg.png) -0px -355px no-repeat !important;} 


/*************************************
FOOTER
*************************************/
	
#footer {
  background: #7779da url('../../images/skins/denim/denim-bg-footer.png') center bottom no-repeat;
}
	#footer .block .title {
	  color: #1a1d82;
	  background: #d7d8f5 url('../../images/skins/denim/denim-bg-footer-divider.png') left top repeat-y;
	  border-bottom: 1px solid #565bcc;
	  border-top: 1px solid #bdc7f3;
	}
	#footer .block ul a {
		color: #d5d7f2;
		text-decoration: none;
	}
	#footer .block ul li {
		background: transparent url('../../images/skins/denim/denim-bullet-footer.gif') 0px 6px no-repeat;
	}
	#footer .block ul a:hover {
		color: white;
		text-decoration: underline;
	}


/*****************************************************
  COPYRIGHT NOTICE
*****************************************************/
#copyright_notice p { color: #5f64fe;  }
#copyright_notice p a,
#copyright_notice p abbr {color: #5f64fe; }