/**
* Web Pro IT stylesheet for Web Pro IT Smarty template.
*
* @author Rhiannone Cobbold
* @copyright Copyright Web Pro IT (c) 2009, 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 {
	/*color:#00346F;*/
	font-weight:bold;
	line-height:1em;
}
h1{
	color:#002D57;
	font-size:110%;
	}
h2{
	color:#248A8E;
	font-size:100%;
	}
h3{
	color:#248A8E;
	font-size:80%;
	}
ul {
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
}
.clearBoth {
	clear:both;
}
div {
	margin:0px;
	padding:0px;
}
.fontSize {
	font-size:100%;
}
.sitemapStyling {
	font-weight:normal;
}
.sitemapStyling a {
	color:#265799;
	text-decoration:none;
	font-weight:normal;
}
.sitemapStyling a:hover {
	text-decoration:underline;
	color:#55AAFF;
}
.sitemapStyling ul {
	padding-left:20px;
	list-style-position:outside;
}
/***************************************************/
/*		website page build		*/
body {
	background-color:#2F4E53;
	background-image:url(../image/mainBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	margin:0px;
	line-height:100%;
	padding:0px;
}
div#holdLeft {
	text-align:left;
	width:990px;
	margin:0px auto;
	background-color:#FFFFFF;
	background-image:url(../image/conBg.gif);
	background-repeat:repeat-y;
}
div#holdLeft img {
	text-align: center;
}
div#mainContainer {
	width:978px;
	margin:0px auto;
	background-color:#FFFFFF;
	border-top: 1px solid #FFF;
}
ul#flashReplace  {
	background:url(../image/navBckgd.jpg) repeat-x left;
	height:31px;
}
ul#flashReplace li {
	list-style-position:inside;
	display:inline;
	background-image:url(../image/navSeperator.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	line-height:2.5em;
	height:31px;
}
ul#flashReplace li a:hover, ul#flashReplace li:hover {
	background:url(../image/navBckgdHv.jpg) repeat-x left;
}
ul#flashReplace a, ul#flashReplace a:hover {
	text-align:center;
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:19px;
	padding-right:18px;
}
ul#navTop  {
	background:url(../image/navBckgd.jpg) repeat-x left;
	height:31px;
}
ul#navTop li {
	list-style-position:inside;
	display:inline;
	background-image:url(../image/navSeperator.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	line-height:2.5em;
	height:31px;
}
div.testimonialFlash{

}
div.salesTeam{

}
div.panBoxText{
	font-size:8pt;
	margin-top:5px;
	text-align:center;
	margin-bottom:20px;
	color:#1E54A6;
	padding:3px;
}
ul#navTop li a:hover, ul#navTop li:hover {
	background:url(../image/navBckgdHv.jpg) repeat-x left;
}
ul#navTop a, ul#navTop a:hover {
	text-align:center;
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-left:19px;
	padding-right:18px;
}
* html ul#navTop li { line-height:2.3em; }
ul#navTop div.topNavBox {
	padding:0px;
	position:absolute;/*	have to include this so the dropdown doesn't push along other parent links	*/
	z-index:999;
	border-top:2px solid #575354;
	border-left:2px solid #575354;
	border-right:2px solid #575354;
	background-color:#000000;
}
ul#navTop div.topNavBox dl {
	list-style-position:inside;
	padding:0px 2px;
	margin:0px;
}
ul#navTop div.topNavBox dd {
	margin:0px;
	padding:0px 2px;
	border-bottom:1px solid #575354;
	background-image:none;
}
ul#navTop div.topNavBox a {
	margin:0px;
	padding:0px;
}
ul#navTop div.topNavBox a:hover {
	padding:0px;
	background:none;
	color:#FFFF99;
}
/*************		Left Nav		*************/
div.imageLink{
	text-align: center;
}
div#leftNav {
	width:206px;
	margin:10px 0px 0px 1px;
	padding:0px;
	float:left;
}
div#leftNav ul {
	display:block;
}
div#leftNav li {
	list-style-position:outside;
	color:#FFFFFF;
	background-color:#002D57;
	padding:0px;
	margin:0px;
	text-indent:1.8em;
	line-height:2em;
	font-size:75%;
	margin-bottom:1px;
}
div#leftNav li a  {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
div#leftNav li a:hover {
	display:block;
	background-color:#248A8E;
}
/*===	making sure the li hovering works IE6	*/
* html div#leftNav li { 
	line-height:1.9em;
}
* html div#leftNav a {
	color:#FFFFFF;
	text-decoration:none;
	height:19px;
	display:block;
}
* html div#leftNav a:hover {
	background-color:#248A8E;
	height:19px;
	display:block;
}
div#leftNav ul.leftNavSub, div#innerBlockRight ul {
	background-color:#ECECEC;
	padding-bottom:5px;
}
div#leftNav ul.leftNavSub li {
	color:#272727;
	margin-left:5px;
	margin-right:5px;
	text-indent:1.8em;
	font-size:12px;
	background-color:#ECECEC;
}
div#leftNav ul.leftNavSub li a {
	background-image:url(../image/leftSubNav.jpg);
	background-repeat:no-repeat;
	background-position:0.5em;
	color:#272727;
	background-color:#ECECEC;
	border-bottom:1px solid #CBCBCB;
}
div#leftNav ul.leftNavSub li a:hover {
	background-image:url(../image/leftSubNav.jpg);
	background-repeat:no-repeat;
	background-position:0.6em;
	background-color:#ECECEC;
	color:#272727;
	border-bottom:1px solid #9E9C9C;
}
div#leftNav ul.leftNavSub2 li a {
	color:#FFFFFF;
	background-color:#248A8E;
	background-image:none;
	font-size:100%;
}
div#leftNav ul.leftNavSub2 li a:hover {
	color:#FFFFFF;
	background-color:#002D57;
	background-image:none;
}
/*************		Right content block		*************/
div#rightBlock, div#innerBlockLeft, div#innerBlockRight {
	padding:0px;
}
div#innerBlockLeft ul {
	padding-left:20px;
}
div#innerBlockLeft ul li {
	list-style-position:inside;
	list-style-type:disc;
}
div#rightBlock {
	margin:10px 5px 0px 6px;
	width:760px;
	float:right;
}
* html div#rightBlock { margin:10px 2px 0px 0px; }
div#innerBlockLeft {
	width:568px;
	float:left;
	margin:2px 0px 10px 0px;
}
.contentsPadding {
	padding-left:15px;
	padding-right:10px;
}
div#innerBlockRight {
	width:180px;
	float:right;
	margin:2px 0px 10px 0px;
}
div#innerBlockRight ul {
	border-bottom:1px solid #ACACAC;
	border-left:1px solid #ACACAC;
	border-right:1px solid #ACACAC;
}
h1.imgSize {
	width:165px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px;
	padding:10px 5px 0px 10px;
	color:#FFFFFF;
}
h1.rightH1Top {
	background-image:url(../image/rightNavTopTitle.jpg);
}
h1.rightH1Bot {
	background-image:url(../image/rightNavBottomTitle.gif);
}
ul.rightNav {
	background-color:#ECECEC;
	padding:5px 0px;
}
ul.rightNav li {
	list-style-position:outside;
	color:#272727;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	line-height:1.9em;
}
.betweenImg {
	padding-bottom:11px;
	padding-top:16px;
}
ul.rightNav li a, ul.rightNav li a:hover {
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:2px;
	text-decoration:none;
	color:#272727;
	border-bottom:1px solid #CBCBCB;
}
ul.rightNav li a {
	background-image:url(../image/rightNavTop.jpg);
}
ul.rightNav li a:hover {
	background-image:url(../image/rightNavTop.jpg);
	margin-left:5px;
}
/*************		footer area		*************/
div#footerArea {
	clear:both;
	margin:10px 1px 0px 1px;
	background-image:url(../image/bottomBoxBckgrd.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:120px;
	padding:0px;
	color:#FFFFFF;
	width:976px;
}
* html div#footerArea { height:120px; }
div#footerArea p {
	padding:0px;
	margin:0px;
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	font-size:70%;
}
div#footerArea ul {
	float:right;
	text-align:right;
	margin:15px 5px 2px 20px;
	font-size:85%;
	width:450px;
}
div#footerArea ul li {
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	display:inline;
	color:#CDCDCD;
	text-align:right;
	padding:0px;
	margin:0px;
	line-height:1.2em;
	font-size:100%;
}
div#footerArea ul.liSmall {
	margin-top:5px;
	font-size:90%;
}
div#footerArea ul.liSmall li {
	font-size:90%;
}
div#footerArea ul.liSmall li a {
	color:#C6C6C6;
}
div#footerArea ul li a {
	text-decoration:none;
	padding:0px 5px;
	color:#FFFFFF;
}
div#footerArea ul li a:hover {
	text-decoration:underline;
}
div#boxFooterTwo, div#boxFooterOne {
	padding:0px;
	float:left;
	font-size:110%;
}
div#boxFooterOne {
	margin:65px 0px 0px 20px;
	width:230px;
	min-height:55px;	
}
* html div#boxFooterOne { margin:60px 0px 0px 10px; height:55px; }
div#boxFooterTwo {
	margin:20px 0px 0px 10px;
	width:220px;
	min-height:70px;
}
* html div#boxFooterTwo { height:70px; }
#boxFooterTwo a {
	color:#C6C6C6;
	font-weight:bold;
	text-decoration:underline;
}
#boxFooterTwo a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
div#footerArea p.copyRight {
	margin:0px;
	text-align:right;
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	color:#6B6B6B;
	font-size:80%;
	padding:0px;
	font-weight:bold;
}
.divsFooter {
	width:475px;
	float:left;
	margin:1px 0px 0px 10px;
}
* html .divsFooter { margin:1px 0px 0px 3px; }
.divsFooter p, .otherSentence p {
	color:#4B84B9;
}
.otherSentence {
	text-align:left;
	float:left;
	margin:1px 0px 10px 10px;
}
.divsFooter a, .copyRight a {
	color:#4B84B9;
	text-decoration:underline;
}
.divsFooter a:hover, .copyRight a:hover {
	color:#4397C7;
	text-decoration:underline;
}
.floatRight {
	float:right;
	padding-right:10px;
	margin-top:60px;
	border-top:5px solid white;
}
/*
	JQUERY SLIDESHOW
*/
div#slideshow {
    position:relative;
	clear: both;
	height: 233px;
	width: 980px;
}
div#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
div#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
div#slideshow IMG.last-active {
    z-index:9;
}
/*****************		Shopping Cart and Shopping cart button	**************/
div#innerBlockLeftCart {
	width:573px;
	float:left;
	margin:2px 0px 10px 0px;
	/*border:1px solid green;*/
}
div#innerBlockRightCart {
	width:180px;
	float:right;
	margin:2px 0px 10px 5px;
	/*border:1px solid green;*/
}
div.holdProducts {
	float:left;
	text-align:center;
	/*margin:5px 2px;*/
	width:188px;
}
div.holdProducts img {
	text-align:center;
	margin:5px 2px 2px 2px;
	border:1px solid #000000;
}
.submitButtonBackground {/*,.submitButtonBackground:hover*/
	background-repeat:no-repeat;
	background-position:bottm;
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	width:182px;
	height:45px;
	padding-bottom:15px;
	margin:0px 0px 5px 1px;
	line-height:2em;
	text-decoration:none;
	border:0px;
	background-color:#FFFFFF;
	cursor: pointer;
}
.submitButtonBackground:hover {
	color:#FCF76A;
	/*color:#F5C0C0;*/
}
a.blueBtt {
	background:url(../image/bttBlueSmall.jpg) no-repeat center;
	width:89px;
	height:15px;
	padding-bottom:15px;
	padding-top:5px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	margin-left:4px;
	font-weight:bold;
}
a.blueBtt:hover {
	/*color:#D6ECF9;*/
	color:#FCF76A;
}
a.blueBttDomain {
	background:url(../image/orderButton3a.gif) no-repeat center;
	width:120px;
	height:15px;
	padding-bottom:15px;
	padding-top:5px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-family:"trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	margin-left:4px;
	font-weight:bold;
	line-height:20px;
	cursor:pointer;
	text-align:center;
}
a.blueBttDomain:hover {
	/*color:#D6ECF9;*/
	color:#FCF76A;
}
.submitButtonBackground {
	/*background-image:url(../image/orderButton3a.gif);*/
	background-image:url(../image/bttRedBig.jpg);
}
/*input.submitButtonBackground:hover{
	background-image:url(../image/orderButton3b.gif); 
}*/
a.numLinks {
	padding:0px 5px 3px;
	color:#FFFFFF;
	background-color:#93B584;
	border:2px solid #FFB482;
	text-decoration:none;
}
a.numLinks:hover {
	background-color:#5E5E5E;
	border:2px solid #FF8C41;
	text-decoration:none;
}
a.numLinkCurrent {
	padding:0px 5px 3px;
	color:#000000;
	border:2px solid #5E5E5E;
	text-decoration:none;
}
/****************	 Form definitions	 ****************/
form {margin:0; padding:0;}
fieldset{
	display:block;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border: solid 1px #097FD9;
	padding:5px;
	min-height:100px;
	/*width:550px;*/
}
legend{
	font-size:10pt;
	background-color:#EBF3FC;
	border: solid 1px #097FD9;
	padding:5px; 
	font-weight:bold;
	color:#CA0005;
}
label.newStyle{
	display:block;
	font-size:10pt;
	float:left;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left:0px;
	padding-left:5px;
	}
label.newStyle input, label.newStyle textarea, label.newStyle select{
	display:block;
	font-size:10pt;
	margin:0px;
	width: 220px;
	}
label{
	display:block;
	font-size:10pt;
	margin-top: 7px;
	margin-bottom: 2px;
	}
input, textarea, select{
	font-size:8pt;
	padding:1px;
	color:#000000;
	border:1px solid #8D8D8D;
	font-family:Arial, Helvetica, sans-serif;
	/*background-image:url(../general_images/formBg.gif);
	background-position:top;
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
	}
select{
	padding:0px;
}
h2.shoppingH2 {
	color:#CA0005;
}
/*********************	Shopping cart form css	**************************/
div.errorInfo{
	width:300px;
	padding:5px;
	padding-left:115px;
	background-image:url(../../../commonElements/images/icoError.gif);
	background-position:left;
	background-repeat:no-repeat;
	border: 2px solid #FF0000;
	background-color:#FFFFFF;
	}
div.errorInfo h4{
	color:#AA0000;
	font-size:13pt;
	margin:0;
	padding:0;
	}
div.errorInfo p{
	margin:0;
	padding:0;
	margin-top:5px;
	color:#AA0000;
	}
/**************************************************************/
/*************	advertisement banner
FOR TESTING PURPOSES I HAVE added a border so 2px needs to be added to every width once
border red is removed
	************/
.divAdv1and2, .divAdv3, .divAdv4, .divAdv5, .divAdv6, .divAdv7 {
	padding:0px;
	margin:0px;
	text-align:center;
	height:0px;
	line-height:0em;
	/*border:1px solid white;*/
}
* html .divAdv1and2, .divAdv3, .divAdv4, .divAdv5, .divAdv6, .divAdv7 { height:0px; }
.divAdv1and2 {
	width:976px;
}
.divAdv3 {
	width:204px;
}
.divAdv4 {
	width:758px;
}
.divAdv5 {
	clear:left;
	width:563px;
}
.divAdv6 {
	width:178px;
}
.divAdv7 {
	width:974px;
}
div.taglets p{
	width: 900px;
	margin: auto;
	text-align: center;
	color: #666;
	padding: 8px;
	font-size: 9pt;
}
/***************************************************/
/* MANDATORY STYLE ELEMENTT ********************************************************************************************/
div.phPhotos{
	/*width:310px;*/
	margin-bottom:10px;
	}
div.phContent{
	/*width:370px;*/
	margin-bottom:10px;
	}
/*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, a.orderProductButtonGreenRight, a.orderProductButtonGreenSmall, a.orderProductButtonGreenRightSmall, a.formCalcBtn {
	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, a.orderProductButtonGreenRight:hover, a.orderProductButtonGreenSmall:hover, a.orderProductButtonGreenRightSmall:hover, a.formCalcBtn:hover {
	font-style:italic;
	text-decoration:none;
	/*font-size:135%;*/
	font-size:13px;
}
a.orderProductButtonRedBig, a.orderProductButtonRedBig:hover {
	width:250px;
	padding-left:30px;
	/*font-size:13px;*/
}
a.orderProductButtonGreenSmall, a.orderProductButtonGreenSmall:hover, a.orderProductButtonGreenRightSmall, a.orderProductButtonGreenRightSmall:hover {
	width:75px;
}
a.orderProductButtonGreenSmall, a.orderProductButtonGreenSmall:hover {
	padding-left:25px;
}
a.orderProductButtonGreenRightSmall, a.orderProductButtonGreenRightSmall:hover {
	background-position:right;
	text-align:right;
	padding-right:23px;
}
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);
}
a.orderProductButtonGreenRight {
	background-image:url(../../../commonElements/images/buttonGreenRoundRight.jpg);
}
a.orderProductButtonGreenRight:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundRightH.jpg);
}

a.orderProductButtonGreenSmall {
	background-image:url(../../../commonElements/images/buttonGreenRoundSmall.jpg);
}
a.orderProductButtonGreenSmall:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundSmallH.jpg);
}
a.orderProductButtonGreenRightSmall {
	background-image:url(../../../commonElements/images/buttonGreenRoundRightSmall.jpg);
}
a.orderProductButtonGreenRightSmall:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundRightSmallH.jpg);
}
/***** style for calc and form buttons **/

a.formCalcBtn {
	background-image:url(../../../commonElements/images/buttonGreenRound.jpg);
}
a.formCalcBtn:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundH.jpg);
}
a.formCalcBtn250 {
	background-image:url(../../../commonElements/images/buttonGreenRound250.jpg);
}
a.formCalcBtn250:hover {
	background-image:url(../../../commonElements/images/buttonGreenRoundH250.jpg);
}

 /********************************************/
.buttonsFloat
{
	
}

/**************** forms *************/
.formFrame 
{
background-color:#d9e5f2; /* change this to change form background color **/
}

table{
	font-size: 12px;
}
/*
	MUSIC CHOICES TABLE
*/
div.divAdv4 div#innerBlockLeft div.contentsPadding div.phContent table{
	border: 1px solid #333;
}

/*
	IFRAME OVERRIDE
*/
div#middlePanel td.Tax_Heading{
	background-color: #FFF;
	color: #222;
}
/*
	Accountancy Content Table
*/
table#accountancyTable {
	color: #FFF;
}
table#accountancyTable  td{
	padding: 2px;
}
table#accountancyTable  a{
	color: #FFF;
	text-decoration: none;
}
table#accountancyTable  strong{
	color: #FFF;
}