/* CSS Document */
/* HTML Elements ---------------------------------------------*/


body {
height: 100%;
/* background-color:#666666; */

margin: 0 0 0 0;

background:#ffffff url(images/background_tile.gif) left;

text-align:center;

}



html { height: 100%; margin-bottom: 1px; } /* solves slight page position jumping */

/* main container ---------------------------------------------*/

html>#container {height:auto} 

html>body #container {height:auto;}
 
#container {
 background-color:#ffffff;
 margin: 0 auto 0 auto; /*centers the div*/
  width: 773px; 
 /*height: 100%px;*/
 height: auto;
 min-height:457px;
/* height:96.0%; /*gap for a footer 100% if none
 min-height:96.0%; /*forces to bottom*/
 text-align: left;

 /*position:relative;
 background-image:url(images/tile.gif);
 background-repeat: repeat-y;
 background-position:bottom;*/
 
}

#sub_container {
 background-color:#ffffff;
 margin: 0 auto 0 auto; /*centers the div*/
  width: 773px; 
 /*height: 100%px;*/
 height: auto;
 min-height:457px;
/* height:96.0%; /*gap for a footer 100% if none
 min-height:96.0%; /*forces to bottom*/
 text-align: left;
 background-image:url(images/sub_edges.gif);
 background-repeat:repeat-y;

 /*position:relative;
 background-image:url(images/tile.gif);
 background-repeat: repeat-y;
 background-position:bottom;*/
 
}


#flash_nav {
width: 773px;
height: 76px;
margin: 0 auto 0 auto; /*centers the div*/

}

#home_flash {
width: 773px;
height: 302px;
margin: 0 auto 0 auto; /*centers the div*/
}

/* =============================================== sub pages ============================================ */

#sub_flash {
width: 773px;
height: 175px;
margin: 0 auto 0 auto; /*centers the div*/
}

#sub_title {
width: 773px;
height: 44px;
margin: 0 auto 0 auto; /*centers the div*/

background-image:url(images/sub_title.gif);
background-color:#e7e7e7;
}

#sub_bottom {
margin: 0 auto 0 auto; /*centers the div*/
width: 773px;
height: 17px;
/*background-image:url(images/hp_news_bottom.gif);
background-position:top;
background-repeat:no-repeat;*/



}

#sub_intro {
margin: 0 auto 0 auto; /*centers the div*/
width: 725px;
height: auto;


}

#sub_intro p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding: 0 0 0 0;



}

#sub_left {
float:left;
margin: 10px 5px 0 0; 
width: 142px;
height: auto;/*
background-color:#006600;*/


}

#sub_right {
float:left;
margin: 10px 0 0 0; 
width: 570px;
height: auto;
background-image:url(images/vertical_dots.gif);
background-position:left top;
background-repeat:repeat-y;
padding: 0 0 0 5px;
/*background-color:#666600;*/


}

#sub_right p{
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;


}
/* ===============================================links ============================================ */
.links_left {
float:left;
margin: 10px 5px 0 0; 
width: 142px;
height: auto;/*
background-color:#006600;*/


}

.links_left img {
border: 2px solid #9999CC;


}

.links_right {
float:left;
margin: 10px 0 0 0; 
width: 570px;
height: auto;
background-image:url(images/vertical_dots.gif);
background-position:left top;
background-repeat:repeat-y;
padding: 0 0 0 5px;

/*background-color:#666600;*/


}
/* ===============================================product pages ============================================ */

.prod_container {
width:728px; 
height: 143px;
background-color:#FFFFFF;
margin: 0 0 5px 0;
}

.prods_left {
float:left;
width: 143px;
height: 143px;
border-left:solid 2px #cccccc;
border-top:solid 2px #cccccc;
border-bottom:solid 2px #cccccc;
background-color:#FFFFFF;



}

.prods_thmb {
width: 143px;
height:110px;
background-color:#ffffff;

}

.prods_thmb img {
width: 110px;
height:110px;
background-color:#999966;


}

.prods_right {
float:left;
width: 564px;
height:133px;
background-color:#FFFFFF;
border:solid 2px #cccccc;
padding: 5px;

}

#sub_intro .prod_container .prods_right p {
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;

}



/* ===============================================More Info pages ============================================ */

#more_info {
width:724px; 
height: auto;
background-color:#FFFFFF;
margin: 0 0 5px 0;
border:solid 2px #cccccc;
}

#more_left {
float:left;
width: 189px;
height: auto;
background-color:#ffffff;
text-align:right;
}

#more_right {
float:left;
width: 510px;
height: auto;
background-color:#ffffff;
text-align:left;
padding: 0 10px 0 10px;
}

#more_right p {
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
}



#more_img {
width: 189px;
height: 189px;
}
#more_img img {
width: 189px;
height: 189px;
}

/* ===============================================enquiry form ============================================ */

.col1 {
float:left;
width:80px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.col2 {
float:left;
width:160px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.col3 {
float:left;
width:80px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.col4 {
float:left;
width:160px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.comments {
float:left;
width:380px;
height:300px;
/*background-color:#FFFFFF;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}


/* ===============================================Hompage welcome / news ============================================ */

#welc_news {
margin: 0 auto 0 auto; /*centers the div*/
width: 773px;
height: 230px;
background-image:url(images/hp_latestnews_tile.gif);
background-repeat:repeat-y;


}

#welc_news_bottom {
margin: 0 auto 0 auto; /*centers the div*/
width: 773px;
height: 16px;
/*background-image:url(images/hp_news_bottom.gif);
background-position:top;
background-repeat:no-repeat;*/



}

#left_section {
float:left; 
width:376px;
height:230px;

border-right:#f1d8f0 solid 3px;
border-left:#f1d8f0 solid 3px;
background-color:#ffffff;
}

#left_section p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;
padding: 0 14px 0 14px;

}




.left_sec_title {
width:376px;
height:35px;
background-color:#e7e7e7;

}

#right_section {
margin: 0 0 0 9px;
float:left; 
width:376px;
height:230px;
background-color:#ffffff;
border-right:#f1d8f0 solid 3px;
border-left:#f1d8f0 solid 3px;
}

#right_section p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;
padding: 0 14px 0 14px;

}

.right_sec_title {
width:376px;
height:35px;
background-color:#e7e7e7;

}

/* ===============================================latest news page ============================================ */

.news_archive {
margin:0 0 0 12px;
}

.news_thumb {
float:left;
width:110px;
height:110px;
background-color:#CCCCCC;
margin: 0 0 0 15px;
text-align:center;

}




.news_type {
float:left;
width: 600px;
height:auto;
padding: 0 5px 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;
}

.news_type p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;
}

/* =================================================== About us ==================================================== */

.aboutus_title {
width:773px;
height:35px;
background-color:#e7e7e7;

}

#aboutus_container {
width:773px;
height:auto;
background: url(images/aboutus_tile.gif) repeat-y;
}

#aboutus_container p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;
padding: 0 14px 0 14px;
}

#aboutus_bot {
width:773px;
height:16px;
background:url(images/aboutus_bottom.gif) bottom no-repeat;
/*background: url(images/aboutus_tile.gif) repeat-y;*/
}

/* =============================================== contact us ============================================ */

.con1 {
float:left;
width:80px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.con2 {
float:left;
width:260px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.con3 {
float:left;
width:80px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.con4 {
float:left;
width:260px;
height:20px;
/*background-color:#CCCCCC;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

.con_msg {
float:left;
width:600px;
height:300px;
/*background-color:#FFFFFF;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
margin: 0 0 5px 0;
}

/* =============================================== stationery ============================================ */

.stationery_box {
margin: 0 auto 5px auto; /*centers the div*/
width: 715px;
background-color:#E8EEF4;
padding:5px;

}

.stationery_box p {
font:Arial, Helvetica, sans-serif 11px #000000;
line-height:12px;
margin: 0 0 0 0;



}

/* =================================================== Font Styles ===================================================== */


h2 {
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CC0000;
}

/*p {
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#61307d;
}*/

.pad5 {
padding: 5px;
}

.whiteheading {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
line-height:14px;


}

.boldpurple {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#574898;
line-height:14px;

}

.greyheading {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
line-height:14px;


}

.greytext {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#39424A;

}

.purpletext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#61307d;

}

.whitetext {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#ffffff;
/*padding:5px;*/

}

.redbold {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:12px;
color:#CC0000;
/* padding: 0 5px 0 5px; */

}

.red_large_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
font-weight:bold;
color:#C6212B;

}

.white-large-bold {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
font-weight:bold;
color:#FFFFFF;

}

.white_large_bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#FFFFFF;

}

.bluebold {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0982ED;
padding: 0 5px 0 5px;

}



a:link {
	
	color:#CC0000;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	
a:visited {
	
	color:#CC0000;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	

a:hover {
	
	color:#391780;	
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	

a:active {
	
	color:#CC0000;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	



/* ================================= footer ============================================ */



#footer {
margin: 5px auto 0 auto;
width:773px;
height:53px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;


}	
#footer a:link {
	padding: 10px 4px 5px 4px;
	color:#939090;
	clear:both;
	
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	line-height:18px;

	}	
	
#footer a:visited {
	padding: 10px 4px 5px 4px;
	color:#939090;
	clear:both;
	
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
line-height:18px;
	}	

#footer a:hover {
	padding: 10px 4px 5px 4px;
	color:#CC0000;	
	clear:both;
	
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
line-height:18px;
	}	

#footer a:active {
	padding: 10px 4px 5px 4px;
	color:#939090;
	clear:both;
	
	margin-left: auto;
	margin-right: auto;
	width: 773px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
line-height:18px;
	}	
	
/*------------------- /flash replace font ---------------------------- */
.replace {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	
	
	/*width: 370px;line-height: 16px;
	letter-spacing: -.05em;*/
	text-align:left;
	

}



.replace2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 40px;
	/*width: 220px;*
	line-height: 28px;/
	
	/*letter-spacing: -.05em;*/
	text-align:left;

}

.pad {
	display: block;
	padding: 5px 0 0 10px;
	text-align:left;
	float:center;
}

.pad2 {
	display: block;
	padding: 5px auto 0 auto;
	text-align:left;
	float:left;
}

.rightnews_title {
	display: block;
	padding: 5px 0 0 0px;
	text-align:left;
	float:left;
}



html.hasFlash .replace	{
	visibility: hidden;
}
/*------------------- /flash replace font ---------------------------- */