@charset "UTF-8";


body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: .9em;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}


/* --------------- G L O B A L S T Y L E S --------------- */


p{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
margin-top: 5px;
}

h1 {
}	

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 30px;
line-height: 10px;
margin-bottom: 20px;
text-transform: uppercase;
}	

h3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 20px;
line-height: 10px;
margin-bottom: 5px;
text-transform: uppercase;
}



/* --------------- C O N T A I N E R --------------- */

#container {
width: 800px; 
margin: 40px auto; 
}


/* --------------- H E A D E R --------------- */


#header {
text-align: center;
height: 155px;
margin: 0px;
}

#logocontainer {
margin-bottom: 10px;
}

h1#logo {
text-indent: -5000px;
background: url(images/moss-logo.png);
background-repeat: no-repeat;
background-position: center;
height: 110px;
margin-bottom: 0px;
margin-bottom: 0px;

}

/* --------------- C O N T E N T --------------- */


	#content{
		position:relative; 
		}
		
	
	#content a, a:visited, a:hover, a:active {
	color: #bea878;
	}
		
	#content a:hover {
	border-bottom: 10px solid #bea878;
	padding-bottom: 4px;
/*
	color: #fff;
	background-color: #000;
	padding: 5px;
*/
	}	


#content_video {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
	height: 400px;
}

.rightcontent {
margin-top: -3px;
position: relative;
height: 500px;
width: 300px;
float: right;
padding: 15px 20px 0 0;
top:-500px;
text-align: left;

}

.rightcontent-gradient {
margin-top: -3px;
position: relative;
height: 500px;
width: 315px;
float: right;
padding: 15px 20px;
top:-500px;
text-align: left;
background-image: url(images/50white.png)

}

#content a {
text-decoration: none;
}


#productmenu {
height: 400px;
margin: 0;
padding-top:0px;
}

ul#productnav
{
padding-top: 10px;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#centre a:hover {
color: #FFFFFF;
background-color:#000000;
text-decoration: none;
}

#productnav li
{
display: inline;
list-style-type: none;
}

#productnav a { padding: 3px 10px; text-decoration: none; }

#productnav a:link, #navlist a:visited
{
color: ;
background-color: #fff;
text-decoration: none;
}

#productnav a:hover
{
color: #fff;
background-color: #000;
text-decoration: none;
}

.video {
margin-top: 100px;

}


/* --------------- F O O T E R --------------- */

#footer { 
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 

/* --------------- N A V I G T I O N --------------- */

.menu {

}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
font-family: Helvetica, Verdana, Arial, sans-serif;
display:block;
font-size: 11px;
width:132px;
padding:7px 0;
color:#fff;
background:#000;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#000;
background:#fff;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* -------------------------- E a s y S l i d e r --------------------------*/



	#slider a, a:visited, a:hover, a:active {
	color: #fff;
	}

	#slider{
	margin:0px;
	padding:0px;
	}	
		


	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider li{ 
		width:798px;
		height: 500px;
		overflow:hidden;
	
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		margin: 0;
		width:70px;
		height:135px;
		position:absolute;
		left:-80px;
		top:175px;
		}
			
	#nextBtn{ 
		left:810px;
		}
																
	#prevBtn a, #nextBtn a{  
		display:block;
		width:70px;
		height:135px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}
			
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

	.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
		
	#prevBtnNone, #nextBtnNone{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

/* // Easy Slider */



</style>