/* CSS Document */
body
{
}

span.rollHome
{
	background: url(http://www.tjp.co.za/Images/Layout/Rollover/Home.png) center center no-repeat;
	width:137px; 
	height:60px;
	z-index: 10;
	position: absolute;
}
span.rollOurStory
{
	background: url(http://www.tjp.co.za/Images/Layout/Rollover/OurStory.png) center center no-repeat;
	width:180px; 
	height:60px;
	z-index: 10;
	position: absolute;
}
span.rollCatalogue
{
	background: url(http://www.tjp.co.za/Images/Layout/Rollover/Catalogue.png) center center no-repeat;
	width:193px; 
	height:60px;
	z-index: 10;
	position: absolute;
}
span.rollContactUs
{
	background: url(http://www.tjp.co.za/Images/Layout/Rollover/ContactUs.png) center center no-repeat;
	width:202px; 
	height:60px;
	z-index: 10;
	position: absolute;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute;opacity:0; list-style:none;margin: 0px 0px 0px 15px;}
/*ul.menu ul li {position:relative; width:198px; margin: 0px 0px 0px 0px;}*/
#xoxoxox li {position:relative; width:182px; margin: 0px 0px 0px 0px;}

ul.menu ul li a {display:block; padding: 5px 0px 5px 5px; background-color:#000000;text-align:left;}
/***********ul.menu ul li a:hover {background-color:#333;color:#03eefd;}***********/
#li06 
{
	-moz-border-bottom-left-radius:7px !important;
	-o-border-bottom-left-radius:7px !important;
	-ms-border-bottom-left-radius:7px !important;
	-webkit-border-bottom-left-radius:7px !important;
	-moz-border-bottom-right-radius:7px !important;
	-ms-border-bottom-right-radius:7px !important;
	-o-border-bottom-right-radius:7px !important;
	-webkit-border-bottom-right-radius:7px !important;
	border-bottom-left-radius:7px !important;
	border-bottom-right-radius:7px !important;
}

ul.menu ul ul {left:134px; top:0px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:url(../images/menuarrow.png) #666666 173px 8px no-repeat}  /* width for the arrow */
ul.menu .topline {border-top:1px solid #aaa}