/* MAIN BODY */
BODY {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size: 0.8em;
	color: #333;
	line-height: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#FFFFFF;
	/*background-image: url(../images/backgrounds/03.jpg);*/	
	/*BACKGROUND-REPEAT: no-repeat;*/
}

/* BACKGROUNDS */
.panelbgheader  { background-image: url(../images/backgrounds/panelbgheader.jpg); height: 20px; background-repeat:no-repeat
}
.panelbgfooter { background-image: url(../images/backgrounds/panelbgfooter.jpg); height: 20px; background-repeat:no-repeat
}
.backgroundnorepeat {
	background-repeat: no-repeat
}

/* IMAGES */
img.border {
	padding: 0px 0px 0px 0px ;
	float: left;
	margin: 10px 10px 10px 10px;
}
img.border2 {
	border: 1px solid #ccc ;
	padding: 7px 7px 7px 7px ;
	float: left; 
	margin-top:0px;
    margin-right:15px;
    margin-bottom:5px;
}

.brandcolor1{
	background: #2dba03;
}
.brandcolor2{
	background: #2dba03;}
		
/* LEFT PANEL */
.lp	{
	position:relative;
	right:-45px;
}

/* RIGHT PANEL*/
.rp	{
	position:relative;
	right:-50px;
}

/* LINKS */
A:link {
	COLOR: #333333;  TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333;  TEXT-DECORATION: none
}
A:active {
	COLOR: #333333;  TEXT-DECORATION: none
}
A:hover {
	COLOR: #2ea9db; TEXT-DECORATION: underline
}

/* ALL TITLES */
h1          { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#514469; padding:10px 20px 10px 20px; margin:0px 0px 0px 0px; line-height:30px; letter-spacing:0px;
}
h2          { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; padding:1px 40px 0px 15px; margin:0px 0px 0px 0px; line-height:30px; letter-spacing:0px;
}
h2 span    { color:#333333; padding:1px 0px 0px 27px;
}
p.first { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding:10px 20px 10px 20px; margin:0px 0px 0px 0px; line-height:20px; letter-spacing:0px;
}
p.buttontxt { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; padding:10px 20px 18px 20px; margin:10px 0px 0px 10px; line-height:20px; letter-spacing:0px; background:url(../images/backgrounds/buttonbg.jpg); background-repeat:no-repeat;
}
html>/**/body .buttontxt {
line-height:30px; padding:5px 20px 15px 20px;
}
p.faqtitle		{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#514469; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; line-height:14px; letter-spacing:0px;
}
p.footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; padding:6px 0px 10px 10px; margin:10px 0px 0px 0px; line-height:12px; letter-spacing:0px; background-image:url(../images/backgrounds/footerbg.jpg); background-repeat:no-repeat; width:908;
}

/* LOGO */
.logo { padding:0px 0px 0px 0px;
}

/* ROTATER */
.rotate {padding: 10px 0px 0px 10px
}

/* CLOCK */
#clock { font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#2dba03; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}

/* This is to give frounded corners to fieldset in Firefox */
fieldset { -moz-border-radius: 8px; border-radius: px; }

/* ROUNDED BUBBLE*/ 
div.bubble div.rounded {
	margin-bottom: 19px; /*use this padding to position the arrow and title relative to the bubble*/
	border: 3px solid #ccc;
	background-color: #f0f0f0;
	margin-left:10px;
	width:546px; /*use this to change the width of the bubble*/
}

#titlebubble {
padding-bottom:20px; /*use this to adjust the padding below the title bubble*/
}

div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: absolute;
	margin: 355px 0px 0px 10px; /*use this padding to position the arrow left and right*/
	padding-left: 0px;
	padding-top: 18px; /*use this padding to position the arrow reletive to the title*/
	top: 10px;
	background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0; /* EDIT THE tip-rounded.gif IN PHOTOSHOP TO CHANGE COLOUR!!!!*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style:normal;
	/*margin: 356px 0px 0px 10px; /*use this padding to position the arrow left and right*/
}

html>/**/body div.bubble cite.rounded {
margin: 356px 0px 0px 10px; /*This is the same class as above except IE ignores this due to the code before the class name. Its to fix cross browser problems */
}

/* AC STYLES */ 



/* BODY BORDER */ 

.bodytop {
height:12px;
width:494px;
background-image:url(../images/backgrounds/bodytop.jpg);
background-repeat:no-repeat;
}

.bodymid {
background-image:url(../images/backgrounds/bodymid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.bodybot{
height:12px;
background-image:url(../images/backgrounds/bodybot.jpg);
background-repeat:no-repeat;
}

/* RP BORDER */ 

.rpcontacttop {
height:41px;
width:494px;
background-image:url(../images/backgrounds/rpcontacttop.jpg);
background-repeat:no-repeat;
}
.rpfeaturingtop {
height:41px;
width:494px;
background-image:url(../images/backgrounds/rpfeaturingtop.jpg);
background-repeat:no-repeat;
}
.rpenquirytop {
height:41px;
width:494px;
background-image:url(../images/backgrounds/rpenquirytop.jpg);
background-repeat:no-repeat;
}

.rpmid {
background-image:url(../images/backgrounds/rpmid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.rpbot{
height:12px;
background-image:url(../images/backgrounds/rpbot.jpg);
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
}


.dropDown {
 	width: 400px;
	display: none; 
	padding: 0;
	margin: 10px 20px 10px 20px;
}	
	
.flashmovie {
margin-left:40px;
}