body, html {
	margin:0;
	background-color:#71c7d8;
	background-image:url(../../images/general/bg_gradient.gif);
	background-repeat:repeat-x;		
}

img.png {
   behavior: url("pngbehavior.htc");
}	
	
	

/* --------------------------- */
/* LINK STYLES */
/* --------------------------- */

A:link { color: #cc3399; text-decoration: none; }
A:active { color: #cc3399; text-decoration: none; }
A:visited { color: #cc3399; text-decoration: none; }
A:hover { color: #333333; text-decoration: none; }


A.sidebar:link { font-family: Tahoma,Verdana,Helvetica; line-height: 16px; color: #838380; text-decoration: none; font-weight: normal; }
A.sidebar:active { font-family: Tahoma,Verdana,Helvetica; line-height: 16px; color: #838380; text-decoration: none; font-weight: normal; }
A.sidebar:visited { font-family: Tahoma,Verdana,Helvetica; line-height: 16px; color: #838380; text-decoration: none; font-weight: normal; }
A.sidebar:hover { font-family: Tahoma,Verdana,Helvetica; line-height: 16px; color: #cc3399; text-decoration: none;font-weight: normal; }


A.text:link { color: #333333; text-decoration: none; }
A.text:active { color: #333333; text-decoration: none; }
A.text:visited { color: #333333; text-decoration: none; }
A.text:hover { color: #cc3399; text-decoration: none; }

A.next:link { color: #44a483; text-decoration: none; }
A.next:active { color: #44a483; text-decoration: none; }
A.next:visited { color: #44a483; text-decoration: none; }
A.next:hover { color: #333333; text-decoration: none; }


A.h6:link { color: #cc3399; text-decoration: none; }
A.h6:active { color: #cc3399; text-decoration: none; }
A.h6:visited { color: #cc3399; text-decoration: none; }
A.h6:hover { color: #333333; text-decoration: none; }

A.teal:link { color: #62a1a6; text-decoration: none; margin-bottom: 15px; }
A.teal:active { color: #62a1a6; text-decoration: none; margin-bottom: 15px; }
A.teal:visited { color: #62a1a6; text-decoration: none; margin-bottom: 15px; }
A.teal:hover { color: #666666; text-decoration: none; margin-bottom: 15px;}

A.navigation:link { color: #666666; text-decoration: none;  }
A.navigation:active { color: #666666; text-decoration: none; }
A.navigation:visited { color: #666666; text-decoration: none; }
A.navigation:hover { color: #cc3399; text-decoration: none; }

A.side_button:link { color: #FFFFFF; text-decoration: none; }
A.side_button:active { color: #FFFFFF; text-decoration: none; }
A.side_button:visited { color: #FFFFFF; text-decoration: none; }
A.side_button:hover { color: #FFFFFF; background-color: #4195b1; text-decoration: none; }

A.side_link:link { color: #333333; text-decoration: none; }
A.side_link:active { color: #333333; text-decoration: none; }
A.side_link:visited { color: #333333; text-decoration: none; }
A.side_link:hover { color: #666666;  text-decoration: none; }


A.small:link { color: #333333; text-decoration: none; }
A.small:active { color: #333333; text-decoration: none; }
A.small:visited { color: #333333; text-decoration: none; }
A.small:hover { color: #cc3399; text-decoration: none; }

A.white:link { color: #ffffff; text-decoration: none; }
A.white:active { color: #ffffff; text-decoration: none; }
A.white:visited { color: #ffffff; text-decoration: none; }
A.white:hover { color: #000000; text-decoration: none; }

A.subnavigation:link { 
	color: #626868; 
	text-indent : 15px;			
	text-decoration: none; 
	border-bottom: 1px solid #39a2bc; 
	background-image: url('../../images/general/arrow.gif');	
	background-repeat: no-repeat;
	background-position: 5px 10px;
	}
	
A.subnavigation:active { 
	color: #626868; 
	text-indent : 15px;			
	text-decoration: none; 
	border-bottom: 1px solid #39a2bc; 
	background-image: url('../../images/general/arrow.gif');	
	background-repeat: no-repeat;
	background-position: 5px 10px;	
	}
	
A.subnavigation:visited { 
	color: #626868; 
	text-indent : 15px;			
	text-decoration: none; 
	border-bottom: 1px solid #39a2bc;
	background-image: url('../../images/general/arrow.gif');	
	background-repeat: no-repeat;
	background-position: 5px 10px;	 
	}
	
A.subnavigation:hover { 
	color: #cc3399; 
	text-indent : 15px;			
	text-decoration: none; 
	border-bottom: 1px solid #39a2bc;
	background-image: url('../../images/general/arrow_pink.gif');	
	background-repeat: no-repeat;
	background-position: 5px 10px;	 
	}

/* --------------------------- */
/* HEADINGS. TEXT STYLES */
/* --------------------------- */

TD, P, BR {
	font-family: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	}

HR {
	color: #e9f5f6;
	}
		
H1 {
	font-family: Century gothic, Trebuchet,Tahoma,Arial,Verdana,Helvetica;
   	color: #9dd8e8;
    font-size: 22px;
    font-weight: normal;
    text-transform: none;
	}	

H2 {
	font-family: Century gothic, Trebuchet,Tahoma,Arial,Verdana,Helvetica;
   	color: #0292b6;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
	}	

H3 {
	font-family: Century gothic, Trebuchet,Tahoma,Arial,Verdana,Helvetica;
   	color: #62a1a6;
    font-size: 15px;
    font-weight: normal;
    text-transform: italic;
	}


H4 {
	font-family: Century gothic, Trebuchet,Tahoma,Arial,Verdana,Helvetica;
   	color: #0292b6;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px;
	}
		
H5 {
	margin-left: 10px;
	}
	
H6 {
	font-family: Century gothic,Arial,Tahoma,Verdana,Helvetica;
   	color: #cc3399;
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
    background-image:url(../../images/buttons/button_download.gif);
	background-repeat: no-repeat;	
	background-position: 0px 50%;
	}

	
H6.link {
	font-family: Century gothic,Arial,Tahoma,Verdana,Helvetica;
   	color: #cc3399;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;    
    padding-left: 20px;
    background-image:url(../../images/buttons/button_link.gif);
	background-repeat: no-repeat;	
	background-position: 0px 50%;
	}	

	
LI {
	font-family: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	}
			
.small {
	font-size: 10px;
	padding-top: 5px;
	}
	
.footer {
	font-family: Arial,Tahoma,Verdana,Helvetica;
    text-align: right;
	font-size: 10px;
	padding-top: 5px;
	color: #ffffff;
	}	

.white {
	color: #ffffff;
	}
	
TD.category{
	font-family: Century gothic, Trebuchet,Tahoma,Arial,Verdana,Helvetica;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	background-color: #70c8de;
	padding: 5px 0px 5px 0px;
	}	
	
.navigation {
	font-family: Century gothic, Trebuchet, Tahoma, Arial, Verdana, Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 5px;
	}	
	
.next  {
	font-family: Century gothic,Arial,Tahoma,Verdana,Helvetica;
   	color: #44a483;
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
    background-image:url(../../images/buttons/button_next.gif);
	background-repeat: no-repeat;	
	background-position: 0px 50%;
	}	

/* --------------------------- */
/* BACKGROUND COLOURS */
/* --------------------------- */

.bluebg {
	background-color: #e9f5f6;
	}
	
.testimonialbox {
	background-color: #e9f5f6;
	border: solid 1px #62a1a6;	

	}	
	

/* --------------------------- */
/* BACKGROUND IMAGES */
/* --------------------------- */	

.sidebarbg {
	background-position: left; background-image: url('../../images/sidebar/sidebar_bg.gif'); 
	background-repeat: no-repeat;
	height: 23px;
	width: 151px;
	}
	
.sidebarbglight {
	background-position: left; background-image: url('../../images/sidebar/sidebar_bg_light.gif'); 
	background-repeat: no-repeat;
	height: 23px;
	width: 151px;
	}	

.toolbarbg {
	background-position: left; background-image: url('../../images/general/navigation_background.png'); 
	background-repeat: no-repeat;
	}


/* --------------------------- */
/* BUTTON STYLES */
/* --------------------------- */


A.side_button   
        {
        background-image:url(../../images/buttons/button_aqua.gif);
        background-repeat: no-repeat;	
	    background-position: 0px 50%;
	    font-family: Century gothic,Tahoma,Arial,Verdana,Helvetica;
	    font-size: 12px;
	    text-transform: uppercase;
	    font-weight: bold;
	    padding: 3px 3px 3px 3px;
	    border-style: solid;
	    width: 168px;
	    border-width: 1px;	
        border-color: #4195b1;
        background-color: #7ccae3;
        text-align: left;}
        
#sidebutton        {
        width: 168px;
        }

/*.buttontext 
		{color: #FFFFFF; 
         text-decoration: none;   
         cursor: hand;} */

/*.buttonover  
		{color: #333333; 
         text-decoration: none;   
	     font-family: Century gothic, Arial,Tahoma,Verdana,Helvetica;
	     font-size: 12px;
	     text-transform: uppercase;
         cursor: hand;} */

/* --------------------------- */
/* DIVS */
/* --------------------------- */

#image_table {
	position:absolute;
	left:50%;
	margin-left: 200px;
	top:27px; }

#swirl {
	position:absolute;
	width: 1022px;
	height: 825px;
	left:0px;
	top:0px;
	z-index: 1; }

#page_banner {
	position:absolute;
    left:50%;
	margin-left:-427px;
	top: 5px;
	z-index: 2; }
	
#page_body {
	position:absolute;
    left:50%;
	margin-left:-427px;
	top:243px; 
	z-index: 3; }
	
#page_body_popup {
	position:absolute;
    left:50%;
	margin-left:-319px;
	top:20px; 
	z-index: 3; }	
	
#flashcontain {
	z-index: 5;
	} 	
	
#quickfind {
	position:absolute;
	left:745px;
	top:11px;
	z-index: 3;
	font-family: Century gothic, Trebuchet, Tahoma, Arial, Verdana, Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	}	
	
#quickfindhp {
	position:absolute;
	left:745px;
	top:44px;
	z-index: 3;
	font-family: Century gothic, Trebuchet, Tahoma, Arial, Verdana, Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	}		
		

/* --------------------------- */
/* PADDING.MARGINS */
/* --------------------------- */

.giftbox {
    width:191px;
    line-height: 12px;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: solid 1px #dbae34;
	border-right: solid 1px #dbae34;
	border-bottom: solid 1px #dbae34;
	background-color: #f4e8c9;
	
	}


TD.lhs_menu {
	padding-left: 19px;
	padding-right: 19px;
	
	}
TD.borders {
    border-left: solid 1px #39a2bc;
	border-right: solid 1px #39a2bc;
	
	}	
	
TD.main_body {
	background-color: #ffffff;

	}	
	
.content {
    background-color:#ffffff;
    width: 639px;
	padding: 5px 240px 15px 30px;
	border-left: solid 1px #39a2bc;
	border-right: solid 1px #39a2bc;	
	}
	
.contenthp {
    width: 529px;
	padding: 10px 20px 15px 20px;
	background-image:url(../../images/homepage/homepage_bg.jpg);
	background-repeat:no-repeat;	
	background-position: top left;		
	}	
	
.content_popup {
    background-color:#ffffff;
    width: 639px;
    padding-left: 20px;
    padding-right: 20px;    
	border-left: solid 1px #39a2bc;
	border-right: solid 1px #39a2bc;
	}	

.divider {
	background-image:url(../../images/general/divider.gif);
	background-repeat:repeat-y;	
	background-position: top left;		
	padding-left: 10px;
	padding-right: 10px;	
	padding-bottom: 8px;
	}
	
TD.imagebox {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e9f5f6;
	}	
	
.nav {
	padding: 8px 5px 5px 5px;
	text-transform: uppercase;
	color: #941711;
	font-family: "Arial Narrow", Verdana, Helvetica;
	font-size: 10px;
	}
	
.paddingleft {
	padding-left: 0px;
	margin-right: 0px;
	}

/* --------------------------- */
/* FORM STYLES */
/* --------------------------- */	

select {
 font-family: Verdana,Arial,Helvetica; font-size: 10px;
 background-color : #e9f5f6;
 color: #333333;
	}
	
input {
 font-family: Verdana,Arial,Helvetica; font-size: 10px;
 color: #333333;
	}	


.nomargin {
line-height: 0px;
font-size: 1px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



#DDNav {
	z-index: 8; 
	position:absolute;
	left:50%;
	margin-left: -428px;
	top:198px; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav ul {
	border-top: 1px solid #39a2bc;
	border-left: 1px solid #39a2bc;
	border-right: 1px solid #39a2bc;		
}

#nav a {
	display: block;
	width: 14em;
	padding-top : 7px;
	padding-bottom : 7px;	
	text-decoration : none;
}

#nav a:hover {
	color: #cc3399;
}

#nav li { /* all list items */
	float: left;
	width: 14em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level down lists */
	position: absolute;
	background-color:#f2f8f8;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level down lists */
	margin: -17px 0 0 130px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}

#content {
	clear: left;
	color: #ccc;
}

/* --------------------------- */
/* COMMON NOFLASH REPLACEMENT */
/* --------------------------- */

.sIFR-active h1.heading {
    font-size: 26px;
    line-height: 26px;
   	margin-bottom: 0px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
	}
	
.sIFR-active h1.homepage {
    font-size: 22px;
    line-height: 22px;
   	margin-bottom: 0px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
	}	
		
.sIFR-active h2.subheading {
    font-size: 18px;
   	margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	}	

.sIFR-active h3.testimonial {
    font-size: 16px;
   	margin-bottom: -5px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: -5px;
	}

.sIFR-active h4.categoryhead {
    font-size: 13px;
    line-height: 13px;
   	margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	}
	
.sIFR-active h4.white {
    font-size: 14px;
    line-height: 14px;
   	margin-bottom: -5px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: -5px;
	}		
	
.sIFR-active h5.navigation {
    font-size:11px;
    line-height:12px;
   	margin-bottom: -7px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: -7px;  
	}				

.sIFR-active h4.buttontext {
    font-size: 12px;
    line-height: 14px;
   	margin-bottom: -5px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: -5px;
	}