/* 
2009 Buttoninteractive.com
------
Sprites files, used to translate UI 
components that are being achieved using 
positioned graphics. 

See more sites on buttoninteractive.com
if you're interested to learn our techniques
------
*/


/* NAVIGATION */

.fader {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* OUR STORY */
#navigate a {
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
}

#navigate a .fader_opacity {
	background-image: url(images/menu_glow.png);
	background-repeat: no-repeat;
}

#our_story {
	width: 160px;
}

#nav_our_story a {
	height: 16px;
	width: 160px;
	position: relative;
}

	#nav_our_story a .fader_opacity {
		height: 17px;
		line-height: 1px;
		width: 160px;
	}

	#nav_our_story a.topLevel {
		background-position: 0 0;
		width: 155px;
	}
		#nav_our_story a.topLevel .fader_opacity {
			background-position: 0 0;
			width: 155px;
		}
	
	#nav_our_story #story_of_matthew a {
		background-position: 0 -34px;
	}
		#nav_our_story #story_of_matthew a .fader_opacity {
			background-position: 0px -34px;
		}
	
	#nav_our_story #story_of_the_brand a {
		background-position: 0 -51px;
	}
		
		#nav_our_story #story_of_the_brand a .fader_opacity {
			background-position: 0px -51px;
		}
	
/* OUR JEWELLERY */

#our_collection.navigation {
	margin-left: 13px;
}

#nav_our_collection a {
	height: 16px;
	width: 135px;
	position: relative;
}

	#nav_our_collection a .fader_opacity {
		height: 16px;
		width: 135px;
	}

	#nav_our_collection a.topLevel {
		background-position: -188px 0;
	}
		#nav_our_collection a.topLevel .fader_opacity {
			background-position: -188px 0;
		}
	
	#nav_our_collection #women a {
		background-position: -190px -37px;
	}
		#nav_our_collection #women a .fader_opacity {
			background-position: -190px -37px;
		}
		
	#nav_our_collection #men a {
		background-position: -190px -52px;
	}
		
		#nav_our_collection #men a .fader_opacity {
			background-position: -190px -52px;
		}
	
	#nav_our_collection #mcl_handbags a {
		background-position: -190px -67px;
	}
		
		#nav_our_collection #mcl_handbags a .fader_opacity {
			background-position: -190px -67px;
		}
		
	#nav_our_collection #mcl_care a {
		background-position: -190px -84px;
	}
		
		#nav_our_collection  #mcl_care a .fader_opacity {
			background-position: -190px -84px;
		}

/* PRESS */

#press.navigation {
	margin-left: 55px;
}

#nav_press {
	width: 185px;
}

#nav_press a {
	height: 16px;
	width: 200px;
	position: relative;
}

	#nav_press a .fader_opacity {
		height: 16px;
		width: 185px;
	}

	#nav_press a.topLevel {
		background-position: -360px 0;
	}
		#nav_press a.topLevel .fader_opacity {
			background-position: -360px 0;
		}
	
	#nav_press #press_coverage a {
		background-position: -367px -37px;
	}
		#nav_press #press_coverage a .fader_opacity {
			background-position: -367px -37px;
		}
		
	#nav_press #tv_and_celebrities a {
		background-position: -367px -53px;
	}
		
		#nav_press #tv_and_celebrities a .fader_opacity {
			background-position: -367px -53px;
		}
	
	#nav_press #events_and_charity a {
		background-position: -367px -69px;
		height: 40px;
	}
		
		#nav_press #events_and_charity a .fader_opacity {
			background-position: -367px -69px;
			height: 40px;
		}
		
		
/* BOUTIQUE */

#boutique.navigation {
	margin-left: 20px;
}

#nav_boutique a {
	height: 16px;
	width: 115px;
	position: relative;
}

	#nav_boutique a .fader_opacity {
		height: 16px;
		width: 115px;
	}

	#nav_boutique a.topLevel {
		background-position: -569px 0;
	}
		#nav_boutique a.topLevel .fader_opacity {
			background-position: -569px 0;
		}
	
	#nav_boutique #retail a {
		background-position: -569px -35px;
	}
		#nav_boutique #retail a .fader_opacity {
			background-position: -569px -35px;
		}
		
	#nav_boutique #mcl_store a {
		background-position: -569px -51px;
	}
		
		#nav_boutique #mcl_store a .fader_opacity {
			background-position: -569px -51px;
		}
	
	#nav_boutique #online_retailers a {
		background-position: -569px -67px;
		height: 40px;
	}
		
		#nav_boutique #online_retailers a .fader_opacity {
			background-position: -569px -67px;
			height: 40px;
		}

/* END NAV */

/* FOOTLINKS */

#footlinks li a {
	background-image: url(images/footer_nav.png);
	position: relative;
}

	#footlinks li div.fader {
		display: block;
		line-height: 1px;
		overflow: hidden;
		float: left;
		height: 13px;
		position: absolute;
		top: 1px;
		left: 0;
	}
	
	#footlinks li a .fader_opacity {
		background-image: url(images/footer_nav.png);
		display: block;
		height: 13px;
		line-height: 1px;
		background-repeat: none;
		padding: 0px;
		margin: 0px;
	}

	#contact_us a {
		width: 52px;
		background-position: 0 0;
	}
	
		#contact_us a .fader_opacity {
			width: 52px;
			background-position: 0px -17px;
		}
	
	#exclusive_catalog a {
		width: 59px;
		background-position: -80px 0;
	}
	
		#exclusive_catalog a .fader_opacity {
			width: 59px;
			background-position: -80px -17px;
		}
	
	#legal a {
		width: 43px;
		background-position: -166px 0;
	}
	
		#legal a .fader_opacity {
			width: 43px;
			background-position: -166px -17px;
		}
	
	#m_c_log a {
		width: 48px;
		background-position: -232px 0;
	}
	
		#m_c_log a .fader_opacity {
			width: 48px;
			background-position: -232px -17px;
		}

/* DROPCAPS (as we need them) */

.dropcap_a {
	background: url(dropcaps/a.jpg) top left no-repeat;
	width: 114px;
}

.dropcap_c {
	background: url(dropcaps/c.jpg) top left no-repeat;
	width: 118px;
}

.dropcap_j {
	background: url(dropcaps/j.jpg) top left no-repeat;
	width: 121px;
}

.dropcap_p {
	background: url(dropcaps/p.jpg) top left no-repeat;
	width: 94px;
}

.dropcap_t {
	background: url(dropcaps/t.jpg) top left no-repeat;
	width: 114px;
}

#exclusive_catalog_form label {
	background-image: url(images/form_labels.jpg);
}

	label#label_name {
		background-position: 0 0;
	}
	
	label#label_email {
		background-position: 0 -23px;
	}
	
	label#label_birthday {
		background-position: 0 -46px;
	}
	
	label#label_country {
		background-position: 0 -70px;
	}
	
	label#label_enquiry {
		background-position: 0 -90px;
	}