/*
 People Shop - NAV STYLES
 Developed by Ollie Bettany 12/11/07
 oliver.bettany@gmail.com
*/


/* ----------------------------------------------- */
/* MAIN NAV */
/* ----------------------------------------------- */

	#mainnav {
		position: absolute;
		display: block;
		left: 186px;
	}
	
		#mainnav li {
			list-style: none;
			display: inline;
			float: left;	
			margin-left: 15px;
			font-size: 0.9em;
		}
		
			#mainnav li.last {
				margin-left: 13px;
			}
		
			#mainnav li a {
				display: block;
				width: 78px;
				min-height: 25px;
				padding: 15px 5px 5px 45px;				
				text-decoration: none;
				text-align: center;
			}
				
			#mainnav li a.mn-house {
				color: #705414;		
				background: #e5cd94 url(/_images/nav/mainnav_house.gif) no-repeat center;
				width: 79px;
			}
			
				#mainnav li a:hover.mn-house {	
					color: #fff;	
					background-color: #a49554;
				}
			
			#mainnav li a.mn-life {
				color: #5c631f;		
				background: #c8d25b url(/_images/nav/mainnav_life.gif) no-repeat center;
			}
			
				#mainnav li a:hover.mn-life {
					color: #fff;	
					background-color: #777f16;
				}
			
			#mainnav li a.mn-garden {
				color: #fff;		
				background: #85b05d url(/_images/nav/mainnav_garden.gif) no-repeat center;
			}
			
				#mainnav li a:hover.mn-garden {
					color: #fff;		
					background-color: #345729;
				}
			
			#mainnav li a.mn-diy {
				color: #1a6d7d;		
				background: #a0cfd8 url(/_images/nav/mainnav_diy.gif) no-repeat center;
			}
			
				#mainnav li a:hover.mn-diy {	
					color: #fff;	
					background-color: #4e7583;
				}
			
			#mainnav li a.mn-tech {
				color: #0a4367;		
				background: #85a3b7 url(/_images/nav/mainnav_tech.gif) no-repeat center;
			}
			
				#mainnav li a:hover.mn-tech {
					color: #fff;
					background-color: #435662;
				}
			
			
/* ----------------------------------------------- */
/* SUBNAV */
/* ----------------------------------------------- */

	#subnav {
		width: 900px;
		float: left;
		margin: 0 0 12px 0;
	}

/* login */

		#subnav .login {
			float: left;
			width: 199px;
			margin: 0 3px 0 0;
			padding: 6px 0 6px 0;
			display: block;
		}
		
			#subnav .login p {
				display: block;
				float: left;
				list-style: none;
				font-size: 0.9em;
				line-height: 1em;
				color: #82826f;
				padding: 0 4px 0 3px;
				margin: 0;
			}
			
				#subnav .login p span {
					font-weight: bolder;
					color: #000;
				}
				
				#subnav .login .logout {
					background: transparent url(/_images/nav/bullet_login.gif) no-repeat 1px 2px;
					padding: 0 4px 0 8px;
				}
		

/* breadcrumb */

		#subnav .breadcrumb {
			margin: 0 2px 0 0;
			padding: 5px 0 5px 0;
			width: 497px;
			border-top: 1px dotted #b0b3b5;
			border-bottom: 1px dotted #b0b3b5;
			display: block;
			float: left;
			min-height: 11px;
		}
			
			#subnav .breadcrumb li {
				display: block;
				float: left;
				list-style: none;
				background: transparent url(/_images/nav/bullet_bcrumb.gif) no-repeat 0 2px;
				font-size: 0.9em;
				line-height: 1em;
				padding: 0 5px 0 12px;
				color: #82826f;
				font-weight: bolder;
			}
		
				#subnav .breadcrumb li a {
					text-decoration: none;
					font-weight: normal;
				}
				
					#subnav .breadcrumb li a:hover {
						text-decoration: underline;
					}
					
				#subnav .breadcrumb li.first {
					background: none;
					padding-left: 1px;
				}
			
/* quicknav */
		
		#subnav .quicknav {
			display: block;
			float: left;
			width: 199px;
		}	
		
			#subnav .quicknav select {
				width: 199px;
				color: #000;
				font-size: 1em;
				padding: 1px;
			}
			
/*-----------------------------------------------*/
/* LEFTCOLUMN */
/*-----------------------------------------------*/	
/* title */

		#leftcolumn h2 {
			background: transparent url(/_images/common/lc_bg_h2_bottom.gif) no-repeat left bottom;
			padding: 0 0 17px 0;
			font-size: 1.1em;
			color: #f44471;
			float: left;
			display: block;
			font-weight: bolder;
		}
		
			#leftcolumn h2 span {
				background: transparent url(/_images/common/lc_bg_h2_top.gif) no-repeat left top;
				width: 124px;
				float: left;
				display: block;
				padding: 15px 20px 0 36px;
			}
			
/* quicksearch */

		#leftcolumn .quicksearch {
			border-top: 1px dotted #b0b3b5;
			display: inline;
			float: left;
			margin: 13px 0 0 0;
			padding: 13px 0 13px 3px;
			width: 178px;
		}
	
			#leftcolumn .quicksearch .quickseachfield {
				padding: 1px;
				margin: 0 3px 0 0;
				width: 137px;
			}
			
			#leftcolumn .quicksearch .submit {
				margin: 0 0 0 0;
				color: #fff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				font-weight: bolder;
				padding: 3px;
				background: #f0003d;
				border: 1px solid #a6042d;
				cursor: pointer;	
			}			

/* leftcolumn h3 */
			
		#leftcolumn h3 {
			border-top: 1px dotted #b0b3b5;
			color: #6a7a66;
			padding: 13px 0 3px 3px;
			width: 178px;
			float: left;
			font-size: 1em;
		}	
						
/* leftcolumn list styles */

		#leftcolumn ul {
			margin: 0 0 13px 3px;
			clear: left;
			float: left;
			width: 178px;
		}
		
		#leftcolumn li {
			list-style: none;
			font-size: 1em;
			background: transparent url(/_images/nav/bullet_leftcolumn.gif) no-repeat left 5px;
			padding: 0 0 2px 12px;
		}
		
			#leftcolumn li a {
				font-weight: bolder;
			}
			
		#leftcolumn ul.sub {
			border-top: 1px dotted #b0b3b5;
			padding: 13px 0 0 0;
			width: 175px;
		}
		
				#leftcolumn ul.sub li a {
					font-weight: normal;
				}
				
		#leftcolumn table {
			border-top: 1px dotted #b0b3b5;
			margin: 0 0 0 3px;
			width: 178px; 
			float: left;
		}
		
			#leftcolumn table a {
				float: left;
				margin: 10px 0 0 0;
			}
		
			#leftcolumn table a span {
				margin: 7px 0 0 0;
				float: left;
				width: 178px; 
			}
	
	
/* ----------------------------------------------- */
/* CONTENTBOX-NAV STYLES */
/* ----------------------------------------------- */	

			#content .contentbox .contentbox-nav {
				float: right;
				text-align: right;
				margin: 0;
			}
			
				#content .contentbox .contentbox-nav li {
					float: left;
					font-size: 1em;
					background: transparent url(/_images/nav/bullet_contentbox_right.gif) no-repeat 0 2px;
					padding: 0 5px 0 7px;
				}
				
					#content .contentbox .contentbox-nav li h3 {
						clear: none;
						width: auto;
						margin: 0;
					}
				
					#content .contentbox .contentbox-nav li.first {
						background: none;
						padding-left: 0;
					}
					
					#content .contentbox .contentbox-nav li a {
						font-weight: bolder;
					}


/* contentbox-nav position variants */

			#content .contentbox .top {
				margin: -47px 0 0 0;
				clear: none;
				width: auto;
			}
			
			#content .contentbox .bottom {
				margin: 0 0 15px 0;
			}
			
			#content .contentbox .wide {
				margin: 0;
			}
			
			#content .contentbox .xwide {
				margin-bottom: 15px;
				float: left;
				clear: both;
			}
							
							
/* ----------------------------------------------- */
/* TAB NAV STYLES */
/* ----------------------------------------------- */			
				
				#content .contentbox .available-box .tabnav {
   					width: 100%;
					min-height: 50px;
					background: #fff url(/_images/nav/bg_tabnav.gif) repeat-x 0 39px;
					float: left;
					margin: 0;
					list-style: none;
   				}
					
					#content .contentbox .available-box .tabnav li {
						float: left;
						padding: 0;
    					background: url(/_images/nav/tab_right_off2.gif) no-repeat right top;
						display: block;
						font-size: 1em;
						
					}

  					#content .contentbox .available-box .tabnav li a {
    					display: block;
						background: url(/_images/nav/tab_left_off.gif) no-repeat left top;
						padding: 12px 15px 0 15px;
						min-height: 35px;
						font-weight: normal;
						text-transform: uppercase;
    				}
					
						#content .contentbox .available-box .tabnav li a:hover {
							text-decoration: underline;
						}
					
						#content .contentbox .available-box .tabnav #current {
							background-image: url(/_images/nav/tab_right_on2.gif);
						}
						
	  					#content .contentbox .available-box .tabnav #current a {
							background-image: url(/_images/nav/tab_left_on.gif);
							color: #000;
							font-weight: bolder;
						}
						
							#content .contentbox .available-box .tabnav #current a:hover {
								text-decoration: none;
								cursor: default;
							}
						

/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */			
	
	#footer {
		margin: 15px 0 20px 0;
		padding: 6px 0 6px 0;
		float: left;
		width: 900px;
		border-top: 1px dotted #b0b3b5;
		border-bottom: 1px dotted #b0b3b5;
		display: block;
		text-align: center;
	}	
		
		#footer li {
			display: inline;
			list-style: none;
			background: url(/_images/nav/bullet_footer.gif) no-repeat 0 3px;
			padding: 0 4px 0 9px;
			font-size: 0.9em;
			color: #666;
		}
			
			#footer li.first {
				background: none;
				padding-left: 0
			}
			
			#footer li a {
				color: #666;
				text-decoration: none;
			}
				
				#footer li a:hover {
					text-decoration: underline;
				}