/**
* 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:75%;
}
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:#08164E;
	}
h2{
	font-size:90%;
	color:#3251C9;
	}
h3{
	font-size:80%;
	color:#6A7DCB; 
	}
ul {
	list-style-type:none;
	text-align:left;
	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;
	font-size:100%;
	line-height:100%;
	
	
	text-align:center;
	margin:0px;
	vertical-align:middle;
	}
* html body {font-size:100%;line-height:100%;}
div#mainContainer{
	width:999px;
	margin:0px auto 0px;
}
div#mainContainer2 {
	width:989px;
	margin:0px auto 0px;
	padding:0px 5px 0px;/* 120px of padding sp 903+120=1023 */
	height:79px;
	
	background-position:bottom 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;
	text-align:left;
	margin:0px 5px 0px;
	
	background-position:top left;
	background-repeat:no-repeat;
	min-height:700px;
}
* 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;}
/***************************************************/
/*		web page contents second navigation		*/
div#topNavigation {
	margin:3px 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:#000000;
	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:#000000;
	text-decoration:none;
}
div#topNavigation ul li a:hover {
	color:#99A468;
	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;
}
/***************************************************/
/***************************************************/
/*		website contents and Left, Right navigation		*/
div#centerFrame {
	background-color:#B7B7B7;
	height:160px;
	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:515px;
	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-left:20px;
}
div#contentsPage ul li {
	list-style-position:inside;
	list-style-type:disc;
}
div#leftBlock {
	margin:0px 15px 20px 8px;
	width:220px;
}
* html div#leftBlock { margin:0px 15px 20px 5px; }
div#rightBlock {
	margin:0px 8px 20px 0px;
	/*border:1px solid red;*/
	width:200px;
	text-align:center;
}
* html div#rightBlock { margin:0px 5px 20px 10px; }
div.navigationsDiv {
	border:1px solid #BDBDBD;/**/
	/*padding-bottom:3px;
	margin-top:10px;*/
	margin-bottom:10px;
}
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 #BDBDBD;*/
	border:1px solid #FFFFFF;
	background-color:#999999;
	margin:0px;
	padding:0px;
}
ul.classNavAreaLeft li {
	text-decoration:none;
	display:block;
	border-bottom:1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:1.0em;
	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:#;
}
ul.classNavAreaLeft li a {
	color:#505050;
	background-position:0.7em 0.7em;
}
ul.classNavAreaLeft li a:hover {
	background-position:0.8em 0.7em;
	color:#3550C3;
}
* 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:#ECECEC;
	border-top:1px solid #1C2A66;
	/*border-bottom:1px solid #1C2A66;*/
}
* html ul.subMenuBlue  { padding-top:5px; margin-top:3px; }
ul.subMenuBlue li {
	display:block;
	margin:0px;
	text-indent:2.1em;
	font-size:12px; 
}
* html ul.subMenuBlue li  { font-size:100%; }
ul.classNavAreaLeft ul.subMenuBlue li a {
	background-image:none;
	text-decoration:none;
	color:#053569;
	background-position:1.3em 0.7em;
}
ul.classNavAreaLeft ul.subMenuBlue li a:hover {
	background-image:none;
	text-decoration:none;
	color:#3570B1;
	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:3em;
	background-color:#1C2A66;
}
ul.subMenuBlue ul.leftNavSub2 li a, ul.subMenuBlue ul.leftNavSub2 li a:hover {
	color:#FFFFFF;
}
ul.subMenuBlue ul.leftNavSub2 li a:hover {
	color:#8ECDFF;
}
/***************************************************/
/*		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:198px;
	margin:2px 0px;
}
/***************************************************/
/*		website footer area		*/
div#footerArea {
	background-color:#DBDBDB;
	margin:0px;
	border-top:1px solid #B0B0B0;
	clear:both;
}
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;
}
/* MANDATORY STYLE ELEMENTT ********************************************************************************************/
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%;
	}
	
	/***************************************************/
a.orderProductButtonRed, a.orderProductButtonGrey, a.orderProductButtonBlue, a.orderProductButtonGreen, a.orderProductButtonRedBig {
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	color:#FFFFFF;
	width:198px;
	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 {
	font-style:italic;
	text-decoration:none;
	/*font-size:135%;*/
}
a.orderProductButtonRedBig, a.orderProductButtonRedBig:hover {
	width:250px;
	padding-left:30px;
	font-size:13px;
}
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);
}

.buttonsFloat
{
	float:left;
	margin-bottom:20px;
}