/* 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: 10px 10px 10px 20px;
	float: left;
	margin:0px;
}
img.border2 {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;
	left:-27px;
}
img.border3 {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
img.bottomImg {
	padding: 10px 10px 10px 20px;
}

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

#gallerycontainer .images {
margin: 0;
padding: 0;
}
#gallerycontainer .images li {
	float: left;
	padding: 4px; 
	width: 100px; 
	height:150px;
	overflow: hidden; 
	margin: 0 2px 2px 0;
	text-align: center;
    list-style-type: none;
	border:0px;
	text-transform:capitalize;
	
	font-size:10px;
}
#gallerycontainer .images img{ 
	border:1px solid #CCCCCC;
}

.gallery .images li a img {
/*border: 2px solid green;*/
border:none;
}
/* 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:#3c8eba; 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:#72aed0; padding:1px 40px 0px 15px; margin:0px 0px 0px 0px; line-height:30px; letter-spacing:0px;
}
h2 span    { color:#3c8eba; padding:1px 0px 0px 27px;
}
.usp          { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#006ea9; padding:33px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:20px; letter-spacing:0px; float:right; text-align:right;
}
.usp span    { color:#333333; padding:0px 0px 0px 0px;
}
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 20px; 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:10px 0px 10px 20px;
}

/* 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;
}
.bodymid li {
    padding: 0 20px 10px 0;
    line-height: 20px;
}

.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:5px;
}

.flashmovie img {
padding:5px;
}

#CorianBanner {
background:url(../images/corian_banner.jpg) no-repeat;
height:126px;
widows:493px;
margin-top:10px;
position:relative;
right:-45px;
}
.roann-logo {
	border:solid 0px;
	margin:30px 0 0 170px;
}
span.asterix {
	font-size: 15px;
	font-weight:bold;
	}