ul.topnav
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul.topnav li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li.right
{
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a.rolex
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/rolex.png) no-repeat 0px 0px;
}

ul.topnav li a.rolex:hover
{
	background: url(Assets/Nav/rolex.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.rolex
{
	background: url(Assets/Nav/rolex.png) no-repeat 0px -60px;
}

ul.topnav li a.vintage
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/vintage.png) no-repeat 0px 0px;
}

ul.topnav li a.vintage:hover
{
	background: url(Assets/Nav/vintage.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.vintage
{
	background: url(Assets/Nav/vintage.png) no-repeat 0px -60px;
}

ul.topnav li a.modern
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/modern.png) no-repeat 0px 0px;
}

ul.topnav li a.modern:hover
{
	background: url(Assets/Nav/modern.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.modern
{
	background: url(Assets/Nav/modern.png) no-repeat 0px -60px;
}


ul.topnav li a.black
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/black.png) no-repeat 0px 0px;
}

ul.topnav li a.black:hover
{
	background: url(Assets/Nav/black.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.black
{
	background: url(Assets/Nav/black.png) no-repeat 0px -60px;
}

ul.topnav li a.celebrity
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/star.png) no-repeat 0px 0px;
}

ul.topnav li a.celebrity:hover
{
	background: url(Assets/Nav/star.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.celebrity
{
	background: url(Assets/Nav/star.png) no-repeat 0px -60px;
}

ul.topnav li a.bling
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/bling.png) no-repeat 0px 0px;
}

ul.topnav li a.bling:hover
{
	background: url(Assets/Nav/bling.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.bling
{
	background: url(Assets/Nav/bling.png) no-repeat 0px -60px;
}

ul.topnav li a.enquiries
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/enquiries.png) no-repeat 0px 0px;
}

ul.topnav li a.enquiries:hover
{
	background: url(Assets/Nav/enquiries.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.enquiries
{
	background: url(Assets/Nav/enquiries.png) no-repeat 0px -60px;
}

ul.topnav li a.aboutUs
{
	display: block;
	width: 90px;
	height: 60px;
	background: url(Assets/Nav/aboutUs.png) no-repeat 0px 0px;
}

ul.topnav li a.aboutUs:hover
{
	background: url(Assets/Nav/aboutUs.png) no-repeat 0px -60px;
}

ul.topnav li:hover a.aboutUs
{
	background: url(Assets/Nav/aboutUs.png) no-repeat 0px -60px;
}


ul.topnav li ul
{
    display: none;
}

ul.topnav li:hover ul.subnav
{
    display: block;
}


/*--Hover effect for trigger--*/

ul.topnav li ul.subnav
{
	list-style: none;
	position: absolute;
	top: 60px;
	margin: 0;
	padding: 0;
	width: 150px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #333333;
	background: url(Assets/Nav/dropDown.png) no-repeat left bottom;
}

.left
{
	left: 0px;
	text-align: left;
}

.right
{
	right: 0px;
	text-align: right;
}

ul.topnav li ul.subnav li
{
	margin: 0px 1px 0px 1px;
	padding: 3px 0px 3px 0px;
	width: 148px;
	
	overflow: hidden;
}

ul.topnav li ul.subnav li.top
{
	margin: 0px 1px 0px 1px;
	padding: 11px 0px 3px 0px;
	width: 148px;
	overflow: hidden;
	border-top: solid 1px #000000;
}

ul.topnav li ul.subnav li.bottom
{
	margin: 0px 1px 0px 1px;
	padding: 3px 0px 12px 0px;
	width: 148px;
	
	overflow: hidden;
}

/*
@media all and (-webkit-min-device-pixel-ratio: 0)
{

	ul.topnav li ul.subnav li.bottom
	{
		margin: 0px 1px 1px 1px;
		padding: 3px 0px 12px 0px;
		width: 148px;
		background: url(Assets/Nav/dropDown.png) no-repeat 0px 0px;
		overflow: hidden;
	}

}
*/

ul.topnav li ul.subnav li a
{
	width: 128px;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
}
ul.topnav li ul.subnav li a:hover
{
	color: #FFCC00;
}