/**
* Webpro-IT stylesheet IFA template 1.
*
* @author Rhiannone Cobbold
* @copyright Copyright Webpro-IT (c) 2008, www.webpro-it.co.uk
* @version 1.0
*/
/***************************************************/
/*		website general		*/
p, li {
	/*font-size: 9pt;*/
	font-size: .8em;
}

table{	
font-size:75%;
}

table li{	
font-size:9pt;
}

p {
	line-height:1.4em;
}
li {
	line-height:1.9em;
}
* html li { line-height:1.4em;}
a img {border:none;}
h1, h2, h3 {
	font-weight:bold;
	line-height:1em;
}
h1{
	font-size:110%;
	/*color:#002D57;
	color:#08164E;*/
}
h2{
	font-size:100%;
	/*color:#248A8E;
	color:#3251C9;*/
}
h3{
	font-size:80%;
	/*color:#6A7DCB;*/ 
}
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.clearBoth {
	clear:both;
}
.floatLeftDiv {
	float:left;
}
.floatRightDiv {
	float:right;
}
div {
	padding:0px;
	margin:0px;
}
/***************************************************/
/*		website page build		*/
body{
	/*font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	color:#575757;*/
	line-height:100%;
	/*background-image:url(../image/webbodyBckgr.jpg);*/
	/*background-color:#1C2A66;*/
	margin:0px;
	vertical-align:middle;
	}
div#tagletsBckgrd {
	margin:0px;
	padding:0px;
}
div.tagletsHold{
	/*width:999px;*/
	width:939px;
	margin:0px auto 0px;
	padding:0px 30px 0px 30px;
	text-align: center;
	/*background-color:#70789A;*/
}
div#bodyBckgrd {
	margin:0px;
	background-position:top left;
	background-repeat:repeat-x;
	padding-bottom: 3px;
}
div#mainContainer{
	width:999px;
	margin:0px auto 0px;
}
div.tagletsHold p {
	font-size:70%;
	/*color:#ABB8EF;*/
}

div.imageHolder{
	text-align: center;
	margin: 0 0 10px 0;
}

div.imageMargin{
	margin-top: 5px;
}

div.footerImageHolder{
	float:right;
	width: 590px;
	text-align: center;
}
div.footerImages{
	padding: 50px 0px 0px 0px;
	text-align: center;
}
div#mainContainer2 {
	width:989px;
	margin:0px auto 0px;
	padding:0px 5px 0px;/* 120px of padding sp 903+120=1023 */
	min-height:79px;
	/*background-image:url(../image/webpageBottomBckgr.gif);*/
	background-position:top left;
	/*background-repeat:no-repeat;*/
}
div#mainContainer2 h3 {
	/*color:#717AA0;*/
	margin-top:30px;
}
h3.bottomTitle {
	padding-right:35px;
}
div#mainContainer2 h3 a {
	/*color:#717AA0;*/
	text-decoration:underline;
}
div#holdLeft {
	/*background-image:url(../image/webpageLeft.jpg);*/
	background-position:top left;
	background-repeat:repeat-y;
}
div#holdRight {
	/*background-image:url(../image/webpageRight.jpg);*/
	background-position:top right;
	background-repeat:repeat-y;
}
div#holdCenter {
	/*border-top:1px solid #1C2A66;	for firefox, otherwise the images on left and right are not aligned at the top	*/
	width:989px;
	/*background-color:#FFFFFF;*/
	margin:0px 5px 0px;
	/*background-image:url(../image/webpageTopBckgr.gif);*/
	background-position:top left;
	background-repeat:no-repeat;
	min-height:700px;
}

div.topImages{
	text-align: center;
	margin-top:14px;
}

div.topImageHold{
	display: inline;
	padding: 0px 10px 0px 10px;
}


* html div#holdCenter { height:700px; }
/***************************************************/
/*		website header navigation, top navigation		*/
div#topHoldLeft {
	width:483px;
	height:108px;
}
div#topHoldLeft h1 {
	/*color:#1C2A66;*/
	text-indent:1.2em;
	font-size:150%;
	line-height:3.5em;
}
div#topHoldRight {
	width:506px;
	height:108px;
}
div#topHoldRight h3 a {
	/*color:#BCBFCD;*/
	text-decoration:underline;
}
div#topHoldRight h3,div#topHoldRight ul {
	margin-left:26px;
}
div#topHoldRight h3 {
	/*color:#BCBFCD;*/
	margin-top:40px;
	margin-bottom:8px;
}
div#topHoldRight ul {
	height:49px;
}
div#topHoldRight ul li, div#topNavigation ul li {
	display:inline;
	list-style-position:inside;
}
div#topHoldRight ul li {
	/*color:#787878;*/
	list-style-position:outside;
	font-size:105%;
	/*background-image:url(../image/headerNavLeft.gif);*/
	float:left;
	margin:0px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:8px;
	padding-bottom:15px;
	padding-left:11px;
	padding-right:11px;
}
div#topHoldRight ul li a {
	text-decoration:none;
	/*color:#787878;*/
}
div#topHoldRight ul li a:hover {
	text-decoration:none;
	/*color:#4B4B4B;*/
}
div#flashImages {
	margin:109px 4px 0px 4px;
	width:981px;
	text-align:center;
}
* html div#flashImages { margin:2px 4px 0px 4px;}
/*a.floatRigthImg {
	background-image:url(../image/topNavigationRight.jpg);
}	*/

/*----------JQUERY FLASH ALTERNATIVE****************/

/***************************************************/
/*		web page contents second navigation		*/
div#topNavigation {
	margin:1px 4px 1px 4px;
	padding:0px;
	height:41px;
	/*background-image:url(../image/topNavigationBckgr.jpg);*/
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
	/*color:#FFFFFF;*/
	width:981px;
	float:left;
}
* html div#topNavigation { margin:0px 2px 4px;}
/*div#topNavigation {
	margin:0px 2px 1px 0px;
	padding:0px;
	height:41px;
	width:592px;
	color:#000000;
	float:left;
}*/
div#topNavigation ul {
	/*color:#FFFFFF;*/
	text-align:center;
	padding-left:15px;
}
div#topNavigation ul li {
	float:left;
	list-style-position:outside;
	margin:10px 0px 0px 0px;
}
div#topNavigation ul li a {
	/*color:#FFFFFF;*/
	text-decoration:none;
}
div#topNavigation ul li a:hover {
	/*color:#D6D6D6;*/
	text-decoration:none;
}
.noBorderLi {
	margin-right:15px;
	padding:0px 15px 0px 0px;
}
/*.borderLi {
	border-left:2px solid #AEAEAE;
}*/
.borderA {
	padding:0px 15px 0px 15px;
}
div.topNavBox {
	position:absolute;/*	have to include this so the dropdown doesn't push along other parent links	*/
	z-index:999;
	/*background-color:#FFFFFF;
	border:1px solid #E9E9E9;
	background:#6D6D6D;*/
}
/*	bellow is a fix for Google Chrome, otherwise dropdown overlaps parent nav	*/
/*\*/
html*div.topNavBox {
[color:red;
margin-top:20px;
]margin-top:0px;
}/*end*/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
* html div.topNavBox { margin-top:0px; }
#topNavigation div.topNavBox dl {
	list-style-position:inside;
	margin:0px;
	padding:0px;
	/*border-left:1px solid #99A468;
	border-right:1px solid #99A468;*/
}
#topNavigation div.topNavBox dd {
	margin:0px;
	padding:0.4em;
	text-align:left;
	/*border-bottom:1px solid #575354;*/
	display:block;
}
#topNavigation div.topNavBox a {
	margin:0px;
	padding:0px;
}

/*-------------------------JS MENUS------------------------*/

#topNav div.firstTop
{
	position: absolute;
	z-index:999;
	font-size: 8pt;
}

#topNav div.firstTop dl 
{
	list-style-position: inside;
	margin: 0px;
	padding:8px 0px 8px 0px;
	text-align:center;
	clear: both;
	display:block;
}

#topNav div.firstTop dl dd 
{
	/*float: left;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
}

#topNav div.firstTop dl dd a
{
	border: none;
	display: block;/**/
	margin: 0px;
	padding: 0px 8px 0px 8px;
	background-image: none;
	background-color: #3D6080;
	border-bottom: 2px solid #23415D;
	color: #CCCCCC;
}

#topNav div.firstTop dl dd a:hover 
{
	background-color: #ACC5D8;
	color: #333333;
}

/***************************************************/
/***************************************************/
/*		website contents and Left, Right navigation		*/
div#centerFrame {
	/*background-color:#B7B7B7;*/
	margin:0px 4px 10px 4px;
	width:981px;
	float:left;
}
* html div#centerFrame { margin:0px 2px 4px;}
div#centerFrame h1 {
	float:right;
	font-size:200%;
	text-align:right;
	padding:20px 20px 15px 0px; 
	/*color:#4B4B4B;*/
	font-weight:normal;
}
div#rightBlockHolder {
	float:right;
	width:738px;
}
div#contentsPage {
	width:535px;
	min-height:200px;
	padding:0px;
	margin:0px 0px 20px 0px;
}
* html div#contentsPage { height:200px; }
div#contentsPage h1 {
	padding-top:0px;
}
div#contentsPage ul {
	padding:5px 0px 5px 30px;
}
div#contentsPage li {
	list-style-position:outside;
	list-style-type:disc;
}
.fontSize {
	font-size:100%;
}
a {
	text-decoration:none;
	/*color:#000099;*/
}
a:hover {
	text-decoration:underline;
	/*color:#0000FF;*/
}
div#leftBlock {
	margin:15px 15px 20px 8px;
	width:220px;
}
* html div#leftBlock { margin:15px 15px 20px 5px; }
div#rightBlock {
	margin:15px 8px 20px 0px;
	/*border:1px solid red;*/
	width:185px;
	/*text-align:center;*/
}
* html div#rightBlock { margin:15px 5px 20px 10px; }
div.navigationsDiv {
	/*border:1px solid #BDBDBD;
	padding-bottom:3px;
	margin-top:10px;*/
	margin-bottom:10px;
	text-align: left;
}
div.navigationsDiv h1 {
	margin:0px;
	text-indent:0.9em;
	line-height:1.8em;
}
/*.leftNav1 {
	background-color:#E8ECFF;
}
.leftNav2 {
	background-color:#6B6B6B;
	color:#FFFFFF;
}
.rightNav3 {
	background-color:#1C2A66;
	color:#FFFFFF;
}*/
ul.classNavAreaLeft {
	/*border:1px solid #1C2A66;
	background-color:#DBDBDB;*/
	margin:0px;
	padding:0px;
}
ul.classNavAreaLeft li {
	text-decoration:none;
	display:block;
	/*border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;*/
	text-indent:0.9em;
	line-height:2.2em;
}
/** html ul.classNavAreaLeft li { line-height:120%; }*/
ul.classNavAreaLeft li a, ul.classNavAreaLeft li a:hover {
	text-decoration:none;
	display:block;
	/*background-image:url(../image/leftNavLeft.gif);
	background-repeat:no-repeat;*/
}
/*ul.classNavAreaLeft li a:hover {
	background-color:#B7B7B7;
}*/
ul.classNavAreaLeft li a {
	/*color:#031148;*/
	background-position:0.7em 0.7em;
}
ul.classNavAreaLeft li a:hover {
	background-position:0.8em 0.7em;
	/*color:#FFFFFF;*/
}
* html ul.classNavAreaLeft li a { line-height:115%;background-position:0.7em 0.3em; }
* html ul.classNavAreaLeft li a:hover { line-height:115%;background-position:0.8em 0.3em; }
/***************************************************/
/*		Sub navigation	 	*/
ul.subMenuBlue {
	list-style-type:none;
	margin:0px;
	padding:0px;
	/*background-color:#717AA0;
	border-top:1px solid #1C2A66;*/

}
* html ul.subMenuBlue  { padding-top:5px; margin-top:3px; }
ul.subMenuBlue li {
	display:block;
	margin:0px;
	text-indent:1.1em;
	font-size:12px; 
	/*border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;*/
}
* html ul.subMenuBlue li  { font-size:100%; }
ul.classNavAreaLeft ul.subMenuBlue li a {
	background-image:none;
	text-decoration:none;
	/*color:#FFFFFF;*/
	background-position:1.3em 0.7em;
}
ul.classNavAreaLeft ul.subMenuBlue li a:hover {
	background-image:none;
	text-decoration:none;
	background-position:1.4em 0.7em;
}
* html ul.subMenuBlue li a { line-height:115%;background-position:1em 0.3em; }
* html ul.subMenuBlue li a:hover { line-height:115%;background-position:1.1em 0.3em; }
/*ul.leftNavSub2 {
	border-top:1px solid #8ECDFF;
	border-bottom:1px solid #8ECDFF;
}*/
ul.leftNavSub2 li {
	text-indent:1.5em;
	/*background-color:#1C2A66;
	border-left:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;*/
}
/*ul.subMenuBlue ul.leftNavSub2 li a, ul.subMenuBlue ul.leftNavSub2 li a:hover {
	color:#FFFFFF;
}*/
/***************************************************/
/*		Advertisment banner areas		*/
/*	!!!!!!!!	Need to remember to add 2px on widths once ready as for the moment there is a border		*/
.advArea {
	border:1px solid white;
	padding:0px;
	min-height:0px;
	line-height:0em;
	/*padding-bottom:10px;*/
}
.boxType1 {
	width:979px;
	margin:5px 4px;
}
.boxType2 {
	width:218px;
	margin:2px 0px;
}
.boxType3 {
	width:508px;
	margin:0px 0px;
}
.boxType4 {
	width:185px;
	margin:2px 0px;
}
/***************************************************/
/*		website footer area		*/
div#footerArea {
	/*background-color:#DBDBDB;*/
	margin:0px;
	/*border-top:1px solid #B0B0B0;*/
	clear:both;
}

div#alternativeFooter{
	padding: 20px;
}

div.addressBlock{
	width: 227px;
	margin-right: 10px;
	float: left;
}
	
div#footerSentences {
	width:359px;
	margin:20px 0px 10px 20px;
	float:left;
	/*color:#1C2A66;*/
}
* html div#footerSentences { width:330px;margin:20px 0px 20px 15px;}
div#footerNavigation {
	float:right;
	margin:40px 20px 10px 0px;
	width:570px;
	text-align:right;
}
div#footerNavigation ul,div#footerNavigation a {
	/*color:#4B4B4B;*/
	text-indent:0px;
}
div#footerNavigation ul {
	list-style-position:inside;
	font-size:85%;
	text-align:right;
}
div#footerNavigation ul li {
	display:inline;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
div#footerNavigation a {
	text-decoration:none;
	padding:0px;
	font-size:105%;
	/*color:#787878;*/
}
* html div#footerNavigation a { padding:0px 0px 10px 0px;}
div#footerNavigation a:hover {
	/*color:#1C2A66;*/
	padding:0px;
	font-size:105%;
	text-decoration:underline;
}
/*************************	BELLOW ARE ALL MANDATORY STYLES	*******************************/
/************************* MANDATORY STYLE ELEMENT FOR IMAGES IN PARAGRAPHES *******************************/
div.phPhotos{
	/*width:310px;*/
	margin-bottom:10px;
	}
div.phContent{
	/*width:370px;*/
	margin-bottom:10px;
	float:left;
	}
	
/*For left alignation */
div.phLeft div.phPhotos{float:left;}
div.phLeft div.phContent{
	float:right;
	}
	
/*For right alignation */
div.phRight div.phPhotos{
	float:left;
	margin-left:10px;
	}
div.phRight div.phContent{
	float:left;
	}
	
/*For bottom alignation */
div.phBottom div.phPhotos{
	width:100%
	}
div.phBottom div.phContent{
	width:100%
	}
/*For TOp alignation */
div.phTop div.phPhotos{
	width:100%;
	}
div.phTop div.phContent{
	width:100%;
	}
	
/*For TOp alignation */
div.noPict div.phPhotos{
	display:none;
	width:100%;
	}
div.noPict div.phContent{
	width:100%;
	}
	
div.imageLink{
		float: left;
		padding: 10px;
}

div#fontControls{
	margin: 2px 5px;
	color:#CCCCCC;
	letter-spacing:-1px;
	position: absolute;
	right: 5px;
	top: 5px;
	font:italic 13pt Georgia,"Times New Roman",Times,serif;
}


div#fontControls a{
	color:#FFFFFF;
	padding: 5px;
	margin-right: 1px;
	background-color: #3193B8;
	border: 1px solid #222222;
}

div#fontControls a:hover{
	text-decoration: none;
	color:#CCCCCC;
}

/********************	TABLE STYLING FOR TAX	************************/
.tableIncomeTax {
	/*border:1px solid #ffffff;*/
	width:90%;
	text-align:left;
	/*font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFFFFF;*/
	font-size:80%;
}
.tableIncomeTax th {
	/*border:1px solid #ffffff;
	background-color:#1C2A66;*/
	font-weight:bold;
	/*color:#FFFFFF;*/
	padding:3px;
}
/*.tableIncomeTax tr {
	border-bottom:2px solid #0B0FB2;
}*/
.tableIncomeTax td {
	/*border:1px solid #ffffff;
	background-color:#717AA0;*/
	padding:3px;
}
/***********************	 STYLING FOR BUTTONS	****************************/
a.orderProductButtonRed, a.orderProductButtonGrey, a.orderProductButtonBlue, a.orderProductButtonGreen, a.orderProductButtonRedBig, a.formCalcBtn {
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	color:#FFFFFF;
	width:225px;
	height:35px;
	padding-left:25px;
	/*padding-top:10px;*/
	text-align:left;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:2.5em;
	
}
a.orderProductButtonRed:hover, a.orderProductButtonGrey:hover, a.orderProductButtonBlue:hover, a.orderProductButtonGreen:hover, a.orderProductButtonRedBig:hover, a.formCalcBtn:hover {
	font-style:italic;
	text-decoration:none;
	color:#FFFFFF;
	/*font-size:135%;*/
}
a.orderProductButtonRedBig, a.orderProductButtonRedBig:hover, a.formCalcBtn:hover {
/*	width:250px;
	padding-left:30px; */
	font-size:13px;
	color:#FFFFFF;
}
a.orderProductButtonRed {
	background-image:url(../../../commonElements/images/buttonRedRound.jpg);
}
a.orderProductButtonRed:hover {
	background-image:url(../../../commonElements/images/buttonRedRoundH.jpg);
}
a.orderProductButtonGrey {
	background-image:url(../../../commonElements/images/buttonGreyRound.jpg);
}
a.orderProductButtonGrey:hover {
	background-image:url(../../../commonElements/images/buttonGreyRoundH.jpg);
}
a.orderProductButtonBlue {
	background-image:url(../../../commonElements/images/buttonBlueRound.jpg);
}
a.orderProductButtonBlue:hover {
	background-image:url(../../../commonElements/images/buttonBlueRoundH.jpg);
}
a.orderProductButtonGreen {
	background-image:url(../../../commonElements/images/buttonGreenRound.jpg);
}
a.orderProductButtonGreen:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundH.jpg);
}
a.orderProductButtonRedBig {
	background-image:url(../../../commonElements/images/buttonRedRoundBig.jpg);
}
a.orderProductButtonRedBig:hover {
	background-image:url(../../../commonElements/images/buttonRedRoundBigH.jpg);
}
/***** style for calc and form buttons **/
a.formCalcBtn {
	background-image:url(../../../commonElements/images/buttonGreenRound250.jpg);
}
a.formCalcBtn:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundH250.jpg);
}
a.formCalcBtn250 {
	background-image:url(../../../commonElements/images/buttonGreenRound250.jpg);
}
a.formCalcBtn250:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundH250.jpg);
}
/******************************************************/
.buttonsFloat
{
	
}
/***********************	END OF MANDATORY STYLING	*********************/
/******************************************************/