body { margin: 0px; line-height: 15px; background: url(media/bkg.jpg) top center #000000; background-repeat:no-repeat; color:#FFFFFF; }


body a:link { color: #78828c; text-decoration: underline; }
body a:visited { color: #78828c; text-decoration: underline;}
body a:hover { color: #e02d3d; text-decoration: underline; }



hr { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:0px; margin-bottom:0px; }

img, div { behavior: url(iepngfix.htc) }


/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 819px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}
	
#header {
	width: 629px;
	height: 334px;
	position: relative; 
	padding-left: 190px;
	background: url(media/leftColumnHeaderBKG.jpg) repeat-y;
}

#videoShell { position: relative; width: 293px; height: 214px; background: url(media/videoBKG.jpg); padding-top: 120px; padding-left: 335px;}

#rhinoLogo { position: absolute; left: -21px; top: -6px; }
#homeButtons { position:absolute; left:335px; top:90px; }

#content { 	width: 819px; position: relative; }
#homeContent { position: relative; width: 578px;  padding-left: 20px; padding-right: 20px; padding-bottom: 22px; padding-top: 20px; backgroundx: url(media/homeContentBKG.jpg) no-repeat;}
#mainContent { position: relative; width: 553px; padding-left: 30px; padding-right: 45px; padding-bottom: 20px; padding-top: 20px; }
	
	
#nav { width: 190px; position: relative; padding-top: 25px;  margin-left:1px; }
#leftColumn { width: 190px; position: relative; }

#rightColumn { position: relative; width:191px; background: url(media/rightColumnBKG.jpg) repeat-x; }
#rightColumn a:link { color: #78828c; text-decoration: underline; }
#rightColumn a:visited { color: #78828c; text-decoration: underline; }
#rightColumn a:hover { color: #e02d3d; text-decoration: underline; }


#footer {
	width: 819px;
	height: 43px;
	position: relative;
	background: url(media/footerBKG.jpg) no-repeat;
	padding-top: 30px;
}

#footer td {
	font-size: 10px;
	line-height: 23px;
	color: #78828c; 
}

#footer td a:link { color: #78828c; text-decoration: underline; }
#footer td a:visited { color: #78828c; text-decoration: underline; }
#footer td a:hover { color: #e02d3d; text-decoration: underline; }

.homeProdNav { color: #78828c; font-size: 14px; font-weight: bold; }
.homeProdNav a:link { color: #78828c; text-decoration: none; }
.homeProdNav a:visited { color: #78828c; text-decoration: none; }
.homeProdNav a:hover { color: #e02d3d; text-decoration: underline; }

.divPop { z-index:99; position:fixed; width:100%; top:0px; left:0px; height:100%; background-image:url(media/divBack.png) }

/*TEXT SIZE AND COLOUR STYLES*/

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #78828c; }
.green { color: #009933; }
.red { color: #e02d3d; }

.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:0px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.line {  color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:0px; margin-bottom:0px; }
