/* ========================================================================================
VPWSYSUK: Main Layout 
Version:1.1
Author: Simon Knight - TwentyFourTen Ltd
Last Updated: 30th March 2014


=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */

*{font-family:Verdana,Helvetica,Arial,sans-serif;}

body{font-size:80%;color:#333333;text-align:center;background:#FFFFFF;margin:0px 5px;padding:8px 0px;-webkit-text-size-adjust: none;}

a,a:visited{color:#2b569c;text-decoration:none;}
a:hover{color:#2b569c;text-decoration:underline;}

/*** used for clearing a div with no gap ***/
.clear{float:none;clear:both;height:0px;line-height:0px;font-size:0px;}
/*** used for clearing a div with a gap ***/
.clearheight{float:none;clear:both;}

/*used to relevant HTML when not wanted but still accessible*/
.hide{position:absolute;top:-1000%;left:-1000%;height:0px;width:0px;line-height:0px;}

h1{font-size:165%;color:#2b569c;font-weight:bold;margin:0px 0px 10px 0px;padding:0px;}
h2{font-size:115%;color:#3672ae;font-weight:bold;margin:0px 0px 8px 0px;padding:0px;}
h2 a{color:#3672ae !important;}
h3{font-size:100%;font-weight:bold;color:#3672ae;margin:0px 0px 3px 0px;padding:0px;}	

p{margin-top:2px;line-height:175%;font-size:93%;margin-bottom:25px;}
p.intro{font-weight:bold;margin-bottom:0px;}

form{font-size:100%;margin:0px;padding:0px;}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}






/*** CONTAINER 
=========================================================================================== */
div#container{width:960px;margin:0px auto;padding:0px;text-align:left;background:#FFFFFF;border:1px solid #e0dfdf;}


/* HEADER (LOGO + PHONE NUMBER + SUPPORT PROMO) 
=========================================================================================== */

div#header{width:960px;}

/*VPW SYS UK logo*/
div#header img{float:left;}	
/*phone number*/
div#phonenumber{float:right;text-align:right;margin:28px 87px 0px 0px /*28px 42px 0px 0px IE6*/;padding:0px;}
/*call*/
div#phonenumber em{font-size:185%;color:#f08c16;font-style:normal;margin-right:1px;letter-spacing:-1px;}
/*phone no.*/
div#phonenumber span{font-size:185%;color:#2b569c;letter-spacing:-1px;}
/*support promo*/	
div#supportheader {float:right;display:block;width:332px;height:66px;background:url(/images/bg_supportheader.gif) no-repeat;margin-top:-7px;}
/*call*/
div#supportheader em{position:absolute;font-size:81%;color:#447bb2;font-style:normal;margin:25px 0px 0px 24px;font-weight:bold;}
/*phone no.*/
div#supportheader span{position:absolute;font-size:81%;color:#b19b1d;margin:25px 0px 0px 130px;font-weight:bold;width:120px;}
div#supportheader a{color:#b19b1d;font-size:99%;}
		
		


/* MAIN NAVIGATION
=========================================================================================== */
div#main-navigation{position:relative;width:960px;height:38px;color:#FFFFFF;background:#295194 url(/images/bg_navbar.jpg) repeat-x;border:0px;}


/* BREADCRUMBS
=========================================================================================== */

div#breadcrumb-bar {float:left;width:100%;background:#eaf6fd; margin:16px 0px 7px 0px;}
ul#breadcrumbs {width:100%;line-height:23px;font-size:11.5px; font-weight:normal;margin:0px;padding-left:33px;}
ul#breadcrumbs li { list-style-type:none; margin:0;float:left; padding-left:4px;letter-spacing:-0.5px;color:#6a6969; }
ul#breadcrumbs li a { margin-right:4px; color:#255399;font-style:normal;}






/* HOMEPAGE
=========================================================================================== */
/*welcome message*/
div#home-intro{float:left;/*overflow:visible;CC IE6*/width:360px;margin-top:30px;padding:0px 0px 10px 0px;}

/*welcome h1*/
div#home-intro h1#home{margin:0px 0px 14px 0px;padding:0px;font-weight:normal;font-size:170%;border:0px;letter-spacing:-1px;line-height:1.2em;border-bottom:0px;}
div#home-intro h1#home span{color:#f08c16;}	

/*intro text*/
div#home-intro p{line-height:160%;margin:0px;}

/*homepage background image = blue box*/
div#home-container{float:left;/*required for firefox to honour padding*/width:100%;background:url(/images/bg_home.jpg) repeat-x;}

/*holds fading slider images*/
div#slider-holder{width:221px; height:271px; border:0px; margin:0px; float:right;}	
div#home-news-column{width:313px;float:left;margin:0px;border:1px solid #e0dfdf;background:#ffffff;}
div#home-news-column h3{width:253px;padding:10px 0px 5px 20px;border-bottom:1px solid #f7c58a;margin-left:20px;font-size:112%;background:url("/images/bullet_orange_home.png") no-repeat scroll 0px 13px transparent}
span.news-box{width:272px;float:left;margin:10px 0px 3px 20px;/*IE6 display inline (double margin bug)*/line-height:1.1em;padding:0px;}
span.news-box span{margin-bottom:0px;margin-top:0px;font-size:99%;font-weight:normal;float:left;}
span.news-box span.date{margin-bottom:0px;float:left; font-size:85%; font-style:italic; margin-top:5px;}
span.news-box a{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:90%;}

div.hp-teaser-box{width:295px;float:right;margin:0px 0px 0px 20px;/*IE6 display inline (double margin bug)*/line-height:1.1em;padding:0px;background:url(/images/bg_teaser_box.jpg) repeat-x;}
div.hp-teaser-box-first{width:295px;float:right;margin:15px 0px 0px 20px;/*IE6 display inline (double margin bug)*/line-height:1.1em;padding:0px;background:url(/images/bg_teaser_box.jpg) repeat-x;}

div#customers-intro{float:left;width:360px;margin-top:20px;padding:0px 0px 10px 0px;}
div#customers-intro h3{color:#2b569c;margin-top:3px;}
div#customers-intro p{font-size:92%;line-height:150%;font-style:italic;margin-bottom:0px;margin-top:10px;}

div.customer{float:left;width:181px;margin-right:8px;background:url("/images/customer.jpg") no-repeat;min-height:220px;}
div.customer.bob{background:url("/images/customer-bob.jpg") no-repeat;}
div.customer.mary{background:url("/images/customer-mary.jpg") no-repeat;}
div.customer.dan{background:url("/images/customer-dan.jpg") no-repeat;}
div.customer h4 a {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #F08C16;
    margin: 157px 0 0 20px;
    padding: 5px 0 0;
    text-align: center;
}
div.customer p{width:145px;margin:5px 0px 15px 20px;line-height:165%;font-size:91%;min-height:185px;}
div.customer a{background:#fef4e5 url(/images/bullet_orange_services.png) 14px center no-repeat;text-decoration:none;border:1px solid #f7c07d;display: block;padding: 6px 10px 6px 33px;width: 136px;font-weight:bold;font-size:96%;}

div#support-box{width:100%;float:left;border-top:1px solid #e0dfdf;margin-top:5px;}
div#support-box ul{width:169px;float:right;list-style:none;margin:4px 8px 18px 0px;padding:0px;}
div#support-box li{margin:0px;height:21px;}
div#support-box li a{font-size:95%;font-weight:normal;background:url(/images/icon_arrow_blue.gif) 3px center no-repeat;padding:0px 0px 0px 11px;}
div#support-box img{float:left;margin:10px 0px 0px 0px;}
div#support-box h3{width:167px;float:right;margin:15px 5px 5px 0;padding:0px;background:none;border-bottom:none;color:#b19b1d;}



.help-with {
    border: 1px solid #AAAAAA;
    color: #555555;
    display: inline-block;
    height: 28px;
    line-height: 31px;
    padding: 5px;
    width: 305px;
    margin: 5px 0 10px;
    
    
}

input[type=button] {

border-radius: 5px;
    border: 0;
    width: 45px;
    height:25px;
    font-family: Tahoma;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}


.localcharitypromo {
	width:560px; margin:30px 0px;
}



/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 0 0 -1px !important;
    padding:0;
    border-bottom:1px solid #d2d1d1;
    height:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:17px;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}



/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(/styles/media/img/tabs/blue.png) no-repeat 0px 0;
    font-size:12px;
    font-weight:normal;
    display:block;
    height: 30px;
    line-height:30px;
    width: 101px;
    text-align:left;
    text-decoration:none;
    color:#2B569C;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
    outline:none;
}

ul.tabs a.industry-news {
	padding-left:1px;
	width: 115px;
	background: url(/styles/media/img/tabs/blue2.png) no-repeat 0px 0;
} 

ul.tabs a.quick-links {
	padding-left:1px;
	width:94px;
	background: url(/styles/media/img/tabs/blue3.png) no-repeat 0px 0;
} 

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: 0px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0px -62px;
    cursor:default !important;
    color:#2B569C !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}



/* tab pane styling */
.panes div {
    display:none;
    padding:15px 0px;
    border:0px solid #999;
    border-top:0;
    height:320px;
    font-size:14px;
    background-color:#fff;
}


/* tab-slider-styles */

#tab-slider {
    width:313px;
    height:auto;
    position:relative;
    overflow:hidden;
    border:1px 0px 0px 0px 0px;
    border-color: #555;
    margin: 20px 0 0;
}
.tab-content {
    padding:10px 0px 0px 0px;
    height:auto;
    width:313px;
    overflow:hidden;
    float: left;
}

.tab-nav-div {
	width:313px;
	
	
}
ul.tab-nav {
    padding:0;
    margin:0;
    list-style-type: none;
    border-bottom: 1px solid #e2e2e2;

}
ul.tab-nav li {
    padding:0;
    margin:0 0 0 -4px;
    display:block;
    height: 39px;
    border-right:0px solid #555;
    border-bottom:1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background: url("/images/tab-bg.jpg");
    
}

ul.tab-nav li.tab {
    padding:0;
    margin:0 0px 0 8px;
    display:inline-block;
    height: 37px;
    border-left:1px solid #aed7f4;
    border-right:1px solid #aed7f4;
    border-top: 1px solid #aed7f4;
    border-bottom:0px;
    background: url("/images/tab-bg.jpg");
    -moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	width:145px;

    
}


ul.tab-nav li:first-child {
	margin-right:-7px;
}

ul.tab-nav li:first-child.active {
}

ul.tab-nav li:hover {
}
ul.tab-nav li a {
    display:block;
    color: #2B569C;
    text-decoration: none;
    background: url("/images/bullet_orange_home.png") no-repeat scroll 0 13px transparent;
    font-size: 100%;
    padding: 10px 4px 5px 20px;
    font-weight:bold;
    margin-left:6px;
    outline:0;
}
ul.tab-nav li a:hover {
text-decoration: underline;
}
ul.tab-nav li.active {
    background-color: #ffffff;
    background-image:none;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    margin-bottom: -1px;
}
ul.tab-nav li.active a {
    color: #2B569C;
}




.hide {
	display:none;
}



h2.slider-title {
	font-size:14px;
	color:#333;
	margin-bottom:13px;

	
}


.featured-image {
	border:1px solid #e0dfdf;
	margin-bottom:10px;
}


.tab-more-news {
	padding-left:18px;
	padding-top:10px;
	display:inline-block;
}

.tab-more-news a {
	text-decoration:underline;
}


.more-button{
color: #FFFFFF;
font-size:12px;
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
border-radius: 6px;
padding: 5px 15px; 
text-decoration:none; 
display:inline-block;
text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
font-weight:bold; 
margin-bottom:10px;
 background-color: #3D72BA; background-image: -webkit-gradient(linear, left top, left bottom, from(#3D72BA), to(#224A92));
 background-image: -webkit-linear-gradient(top, #3D72BA, #224A92);
 background-image: -moz-linear-gradient(top, #3D72BA, #224A92);
 background-image: -ms-linear-gradient(top, #3D72BA, #224A92);
 background-image: -o-linear-gradient(top, #3D72BA, #224A92);
 background-image: linear-gradient(to bottom, #3D72BA, #224A92);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3D72BA, endColorstr=#224A92);
}

.more-button:hover{
color:#ffffff;
 background-color: #F08C16; background-image: -webkit-gradient(linear, left top, left bottom, from(#F08C16), to(#F08C16));
 background-image: -webkit-linear-gradient(top, #F08C16, #F08C16);
 background-image: -moz-linear-gradient(top, #F08C16, #F08C16);
 background-image: -ms-linear-gradient(top, #F08C16, #F08C16);
 background-image: -o-linear-gradient(top, #F08C16, #F08C16);
 background-image: linear-gradient(to bottom, #F08C16, #F08C16);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F08C16, endColorstr=#F08C16);
}

.more-button:visited {
	color:#ffffff;
}


/* LOCATION FULL PAGES
=========================================================================================== */
/*welcome message*/
div#location-intro-full{float:left;/*overflow:visible;CC IE6*/width:100%;margin-top:30px;padding:0px 0px 10px 0px;}


/* LOCATION PAGES
=========================================================================================== */
/*welcome message*/
div#location-intro{float:left;/*overflow:visible;CC IE6*/width:570px;margin-top:30px;padding:0px 0px 10px 0px;}

/*welcome h1*/
div#location-intro h1#location{margin:0px 0px 4px 0px;padding:0px;font-weight:normal;font-size:170%;border:0px;letter-spacing:-1px;line-height:1.4em;border-bottom:0px;}
div#location-intro h1#location span{color:#f08c16;}	

/*intro text*/
div#location-intro p{line-height:160%;margin:0px;}

/*homepage background image = blue box*/
div#location-container{float:left;/*required for firefox to honour padding*/width:100%;}




/* LEFT HAND COLUMN (MAIN AREA)
=========================================================================================== */

div#lh-column{float:left;/*overflow:visible;CC IE6*//*display:inline;CC IE6*/width:850px;margin:30px 4px 0px 15px;padding-bottom:20px;}

div#column-full{float:left;/*overflow:visible;CC IE6*//*display:inline;CC IE6*/width:830px;margin:0px 23px 0px 39px;padding-bottom:20px;}

div#lh-column-subpage{float:left;/*overflow:visible;CC IE6*//*display:inline;CC IE6*/width:588px;margin:0px 23px 0px 39px;padding-bottom:20px;}
div#lh-column-subpage.home{margin-right:0px;}
div#lh-column-subpage h1{padding-bottom:6px;border-bottom:1px solid #f08c16;margin-bottom:25px;}

div#lh-column-subpage ul {margin-bottom:30px;}
div#lh-column-subpage li {font-size:93%;line-height: 150%;margin-bottom: 10px;}



/* RIGHT HAND COLUMN (SUB NAV MENUS ETC)
=========================================================================================== */

div#rh-column{float:right;/*overflow:visible;CC IE6*//*display:inline;CC IE6*/width:288px;margin:30px 0px 0px 0px;padding-bottom:20px;}	
div#rh-column.home{float:right;/*overflow:visible;CC IE6*//*display:inline;CC IE6*/width:333px;margin:30px 0px 0px 0px;padding-bottom:20px;}

/*IT Survey & Challenge Promo*/
div#promo-survey-challenge{width:288px;height:120px;margin:4px 0px 15px 0px;padding:0px;background:url(/images/bg_promo_survey_challenge.jpg) no-repeat;}
div#promo-survey-challenge p{color: #2F88C8;font-size: 100%;font-style: italic;letter-spacing: -1px;line-height: 1.1em; margin: 4px 2px 3px 20px;position: relative;width: 165px;}
div#promo-survey-challenge h3 {color: #3672AE;font-size: 172%;font-weight: normal;letter-spacing: -1px;line-height: 1.15em;margin: 0 0 3px 0;padding: 6px 0 0 17px;width: 200px;}
div#promo-survey-challenge a{color: #FFFFFF;float: right;font-size: 88%;font-weight: bold;letter-spacing: -1px;margin: -26px 0 0;position: relative;width: 92px;}

/*SUB NAV*/
div#sub-nav{float:right;width:272px;background:#fff7e5;margin-bottom:0px;padding-bottom:0px;}/*position area title*/
div#sub-nav h2{margin:0px;padding:17px 14px 9px 14px;}

/*sub nav links*/
div#sub-nav ul{list-style:none;margin:0px;padding:0px;}
div#sub-nav ul li{list-style:none;font-weight:bold;margin:0px 0px 1px 0px;padding:0px;background:#f08c16 url(/images/icon_arrow_white.gif) 14px center no-repeat;}
			
/*general nav link*/
div#sub-nav ul li a{display:block;/*height:1%;CC IE6*/color:#ffffff;padding:8px 10px 8px 25px;}
/*hover and ON state*/
div#sub-nav ul li a:hover{color:#FFFFFF;background:#f3a64a url(/images/icon_arrow_white.gif) 14px center no-repeat;text-decoration:none;}
div#sub-nav ul li a.on{color:#FFFFFF;background:#3d6fb5 url(/images/icon_arrow_white.gif) 14px center no-repeat;text-decoration:none;}
			
/*HOW ABOUT NAV*/
div#howabout-nav{float:right;width:271px;background:#FEF4E5;margin-bottom:20px;padding-bottom:0px;border:1px solid #f5cd9f;border-right:0px;}/*position area title*/
div#howabout-nav h3{font-size: 105%;margin: 0;padding: 14px 14px 8px 24px;color:#ef8714;}
		
/*sub nav links*/
div#howabout-nav ul{list-style:none;margin:0px;padding:0px 0px 15px 0px;}
div#howabout-nav ul li{list-style:none;font-weight:bold;margin:0px 0px 1px 0px;padding:0px;}
			
/*general nav link*/
div#howabout-nav ul li a{display:block;/*height:1%;CC IE6*/color:#365283;padding:3px 10px 3px 25px;font-weight:normal;background:url(/images/icon_arrow_blue.gif) 14px center no-repeat;}
/*hover and ON state*/
div#howabout-nav ul li a:hover{color:365283;background:#f8ead6 url(/images/icon_arrow_blue.gif) 14px center no-repeat;text-decoration:none;}


div#teasers{width:272px;float:right;margin-top:20px;}
div#teasers h4{color:#f08c16;font-size:95%;margin:0px 0px 10px 22px;font-weight:normal;font-style:italic;}

div.teaser{margin:0px;padding:0px;}

div.teaser.support{margin:0px;padding:0px;float:right;}




	
	
/* SERVICE PAGES USE SERVICE BAR - PAGES NOT USING SERVICE BAR USE NO-SERVICE BAR OPTION
=========================================================================================== */	
div#servicesbar {float:right;width:332px;background:#ffffff;border-left:0px;}
div#no-servicesbar {float:right;width:332px;height:15px;}
	
/* SERVICES DROPDOWN 
=========================================================================================== */

ul.topnav {width:100%;margin:0px;padding:0px;}

ul.topnav li {float: left;height:30px;border-right:0px;margin: 0;padding: 0 10px 0 10px;position: relative; /*--Declare X and Y axis base--*/list-style:none;line-height:18px;}
ul.topnav li#categories {border-left:1px solid #A6D7F9;}
ul.topnav li a{padding: 5px;color:#255399; font-weight:bold;display: block;text-decoration: none;float: left;}
ul.topnav li a:hover{color:#f08c16;text-decoration:underline;}
ul.topnav li span { /*--Drop down trigger styles--*/width: 27px;height: 35px;float: left;background: url(/images/subnav_btn.gif) no-repeat center top;margin-left:4px;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {list-style: none;position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/right:10px; top: 33px;background: #ffffff;margin: 0; padding: 0;display: none;float: left;width: 240px;z-index:999;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border: 1px solid #dad3a9; z-index:200;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-bottom: 1px solid #dad3a9; /*--Create bevel effect--*/clear: both;width: 240px;text-align:right;}
html ul.topnav li ul.subnav li a {float: right;width: 215px;background: #fffffff;padding:5px 15px 6px 10px;color:#255399; font-weight:normal;}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #f8f4e7;text-decoration:none;color:#f08c16;}
	
		
/*KEY FEATURES BOX*/
div#featurescontainer{background: none repeat scroll 0 0 #fef4e5;float: right;margin-left:0px;margin-bottom:20px;display:block;overflow:hidden;}
div#featurescontainer.withoutquote{margin-left:15px;width:304px;}
div#keyfeatures{float:right;/*display:inline;CC IE6*/background:#fef4e5;margin:0 0 15px 0px;padding:0px;}
div#keyfeatures h2{font-size: 115%;margin: 20px 0 5px 17px;padding: 0;}
div#keyfeatures ul{width:294px;list-style:none outside none;margin:0px;padding:0px 10px 0px 0px;float:left;}
div#keyfeatures ul li{background: url("/images/bullet_orange.png") no-repeat scroll 16px 3px transparent; display: block;font-size: 96%;line-height: 1.3em;list-style: none outside none;margin: 5px 2px 10px 0; padding: 0 0 0 35px;}

	
/*QUOTE BOX*/
blockquote.quote{float:right;/*display:inline;CC IE6*/width:282px;background:url(/images/bg_quote_box.jpg) no-repeat;margin:0px;padding:0px;}

blockquote.bigquote{float:left;/*display:inline;CC IE6*/width:585px;background:url(/images/bg_big_quote_box.jpg) no-repeat;margin:0px;padding:0px;}
		
/*QUOTE TEXT*/
blockquote.quote p{font-size: 96%;font-weight: normal;line-height: 158%;margin: 27px 0px 5px 60px;padding: 0;width: 150px;}
blockquote.quote p#company{font-size: 92%;font-weight: normal;color:#2b569c;text-transform: uppercase;line-height: 145%;margin: 0px 0px 10px 60px;padding: 0;width: 150px;}		

blockquote.bigquote p{font-size: 96%;font-weight: normal;line-height: 158%;margin: 27px 0px 5px 60px;padding: 0;width: 475px;}
blockquote.bigquote p#company{font-size: 92%;font-weight: normal;color:#2b569c;text-transform: uppercase;line-height: 145%;margin: 0px 0px 10px 60px;padding: 0;width: 150px;}		


/*float an image left*/img.fltleft{float:left;/*display:inline;CC IE6*/margin:5px 10px 10px 0px;border:1px solid #c0bfbf;}
/*float an image right*/img.fltright{float:right;/*display:inline;CC IE6*/margin:5px 0px 10px 10px;border:1px solid #c0bfbf;}


/* CATEGORIES */

ul.categories{float:left;display:block;width:280px;list-style:none;margin:0px 28px 20px 0px;padding:0px;}
/*applied to 2nd category / about-us UL in each row to remove right margin*/
ul.categories.end{margin-right:0px;}
		
ul.categories li{list-style:none;margin:0px 0px 8px 0px;padding:0px;}
ul.categories li h2{border-width:1px 0px;border-style:solid;border-color:#f08c16;margin-bottom:10px;padding:12px 0px;font-size:95%;}
/*amend h2 if link is required*/
ul.categories li h2 a{color:#3672ae;background:url(/images/icon_bluearrow.gif) 5px center no-repeat;padding-left:15px;font-size:105%;}
ul.categories li a{background:url(/images/icon_bluearrow.gif) 5px center no-repeat;color:#f08c16;font-weight:bold;font-size:92%;padding-left:15px}
ul.categories p{margin:0px 0px 10px 13px;}
	
	
/*A-TO-Z LISTINGS
=========================================================================================== */
div#a-to-z{}
div#a-to-z p.a-to-z{font-size:90%;text-align:center;text-transform:uppercase;background:#f3f3f3 url(/images/bg_atoz.jpg);border-width:1px 0px;border-style:solid;border-color:#f08c16;padding:12px 6px;margin-bottom:20px;}
	
/*used on a to z pgs + contact pg*/
div#a-to-z h2{color:#333333;text-transform:uppercase;border-width:1px 0px;border-style:solid;border-color:#f08c16;margin:0px 0px 16px 0px;padding:12px 3px;font-size:95%;}
div#a-to-z h3{text-transform:uppercase;border-bottom:1px solid:#b4b4b4;padding-bottom:6px;}
div#a-to-z.services h3{text-transform:capitalize;color:#2b569c;font-weight:bold;margin:0px 0px 4px 0px;border:none;padding:0px;}	
div#a-to-z.services p{margin-bottom:20px;}
div#a-to-z H4{color:#ca3030;font-weight:bold;margin:0px 0px 4px 0px;}
img.body-pic{margin:0px 15px 10px 0px;float:left;}
/*top link*/
p.top{float:none;clear:both;text-align:right;background-image:url(/images/icon_arrowred_up.gif);background-position:95% 60%;background-repeat:no-repeat;margin:10px 0px;}



/*FEATURE BOX
=========================================================================================== */
div.feature-box{width:586px; background:#eaf6fd;border:1px solid #bdd9ee;margin-bottom:25px;	}
div.feature-box-text {float: right;margin-right: 20px; /*--IE6 display inline (double margin bug)--*/margin-top: 10px;width: 333px;}
div.feature-box-text-about {float: right;margin-right: 20px; /*--IE6 display inline (double margin bug)--*/margin-top: 10px;width: 333px;}
div.feature-box-text h2{margin-bottom:0px;color:#2b569c;font-size:109%;	}
div.feature-box-text p{margin-bottom:10px;	}
div.feature-box img{border:1px solid #bdd9ee;margin:15px;}

div.feature-box-orange{width:586px;background:#fef4e5;border:1px solid #f7c282;margin-bottom:25px;	}
div.feature-box-orange img{border:1px solid #f7c282;margin:15px;float:left;}

div.feature-box-green{width:586px;background:#EBEBEC;border:1px solid #00944A;margin-bottom:25px;	}
div.feature-box-green img{border:1px solid #9ACA3C;margin:15px;float:left;}

div.feature-box-small-orange{float:left;width:180px;min-height:448px;background:#fef4e5;border:1px solid #f7c282;margin-bottom:25px;margin-right:21px;	}
div.feature-box-small-orange-end{float:left;width:180px;min-height:448px;background:#fef4e5;border:1px solid #f7c282;margin-bottom:25px;margin-right:0px;	}
div.feature-box-text-orange {margin:10px 11px 0px 16px;width: 145px;	}
div.feature-box-text-orange h2{margin-bottom:0px;color:#2b569c;font-size:109%;	}
div.feature-box-small-orange img{border:1px solid #f7c282;margin:0px 0px 10px 0px;float:left;}
div.feature-box-small-orange-end img{border:1px solid #f7c282;margin:0px 0px 10px 0px;float:left;}

.feature-box-hidden {
  display:none;
}



/*BANNER AD
=========================================================================================== */
div#banner{width:588px; min-height:74px;background:#274c90 url(/images/banner.jpg) no-repeat;border:0px;margin-bottom:0px;}
div#banner h2{font-size:170%;color:#ffffff;font-weight:normal;margin:0px;padding:15px 0 7px 20px;}
div#banner h2 span{font-weight:bold;}
div#banner h4{font-size:100%;font-style:italic;color:#ffffff;font-weight:normal;margin:0px;padding:0px 0px 5px 20px;}
div#banner h4 span{font-weight:bold;}
div#banner h4 span.yellowtext{font-weight:normal;color:#f6fd39;}
img.banner {margin-bottom:10px;}


/*ABOUT US
=========================================================================================== */
img.main-image{margin-bottom:15px;border:1px solid #f7c282}

div.people-bio{width:588px;background-image:url(/images/bg_bio.jpg);border-top:1px solid #a0bbdf;border-bottom:1px solid #a0bbdf;margin-bottom:25px;	}
div.people-bio img{width:163px;float:left;	}
div.people-bio-text{margin: 20px 15px 10px 0;width: 410px;float:right;}

h3.position{font-size:115%;color:#2f88c8;}
h3.name{font-size:115%;color:#2b569c;}

				

/*THE COMPANY*/

div.about-us{float:left;display:block;width:230px;list-style:none;margin:0px 10px 20px 0px;padding:0px;}
/*applied to 3rd about-us div in each row to remove right margin*/
div.about-us.end{margin-right:0px;}
div.about-us h2{border-width:1px 0px;border-style:solid;border-color:#ffb80f;margin-bottom:18px;padding:7px 0px;}	





/* TABLES 
=========================================================================================== */

/*standard table rules*/
table{font-size:93%;width:100%;margin:20px 0px 35px 0px;}
table tr.odd{background:#ffffff;}
table tr.even{background:#eaf6fd;}
table thead th{font-weight:bold;text-align:center;vertical-align:center;padding:10px 5px;color:#2b569c;}
table thead th.none{border-bottom:none;border-right:1px solid #d6d6d5;padding:0px;}
table thead th.title{border-top:1px solid #d6d6d5;border-bottom:1px solid #d6d6d5;background:#fef4e5;border-right:3px solid #ffffff;}		
table tbody th{text-align:right;font-weight:normal;font-style:italic;vertical-align:center;padding:8px 8px 8px 0px;background:#ffffff; border-right:#d6d6d5 solid 1px;}
table tbody th.title{color:#ef8714;text-align:left;padding-top:20px; padding-left:0px;border-right:0px;font-size:120%;vertical-align:top;}
table tbody th.title.first{padding-top:15px;}
table tbody td{text-align:center;vertical-align:middle;border-right:3px solid #ffffff;padding:10px;}
table tbody td.end{border-right:0px;}
table tbody a{text-decoration:none;}
table tbody a:hover{text-decoration:underline;}


/*table rules for TWO COLUMN table*/	
	table.twocolumn{text-align:center;}
	table.twocolumn thead th.title{width:40%;vertical-align:top;}
	table.twocolumn thead th.none{width:20%;}
	table.twocolumn td{width:40%;}
	

/*table rules for THREE COLUMN table*/	
	table.threecolumn{text-align:center;}
	table.threecolumn thead th.title{width:25%;vertical-align:top;}
	table.threecolumn thead th.none{width:17%;}
	table.threecolumn td{width:25%;}
	
	
/*table rules for FOUR COLUMN table*/	
	table.fourcolumn{text-align:center;}
	table.fourcolumn thead th.title{width:21%;vertical-align:top;}
	table.fourcolumn thead th.none{width:16%;}
	table.fourcolumn td{width:21%;}
			

/*table rules for OURSERVICES tables*/	
	table.services{width:883px;text-align:center;margin:0px 0px 15px 0px;border-right:1px solid #d6d6d5;border-bottom:1px solid #d6d6d5;border-top:0px;padding:0px;}
	table.services thead th.title{width:30%;}
	table.services thead th.title-end{width:30%;border-right:0px;border-top:1px solid #d6d6d5;border-bottom:1px solid #d6d6d5;background:#fef4e5;}
	table.services thead th.none{width:11%;border-top:1px solid #d6d6d5;padding:0px;}
	table.services td{width:30%;}
	table.services td.type{width:11%;border-bottom:none;border-right:1px solid #d6d6d5;padding:0px;}
	table.services td.type img{margin:0px 20px 5px 0px;float:right;}
	table.services td.type span{margin:0px 5px 5px 0px;float:right;font-size:95%;font-weight:bold;width:75px;color:#f08c16;text-align:left;}

	
/*table rules for SUPPORT table*/	
	table.support{font-size:93%;text-align:center;width:100%;margin:0px 0px 15px 0px;border-right:1px solid #d6d6d5;border-top:0px;padding:0px;}
	table.support thead th.title{width:484px;display:none;border-top:1px solid #d6d6d5;border-bottom:1px solid #d6d6d5;}
	table.support thead th.none{width:69px;display:none;border-bottom:none;border-top:1px solid #d6d6d5;padding:0px;}
	table.support td{width:484px;text-align:left;margin:0px;padding:8px 10px 8px 15px;background:#fef4e5;border-right:0px;}
	table.support td p{font-size:100%;margin-bottom:0px;}
	table.support td.text{border-bottom:1px solid #d6d6d5;}
	table.support td.text p{font-size:100%;margin-bottom:0px;}
	table.support td.text.teaser{padding-right:0px;}
	table.support td.text.teaser p{font-size:100%;margin-bottom:0px;}
	table.support th{width:69px;border-top:0px;border-bottom:0px;border-left:0px;}
	

/*table rules for PREMIUM SERVICES table*/	
	table.support-premium{font-size:93%;text-align:center;width:100%;margin:0px 0px 15px 0px;border-right:1px solid #d6d6d5;border-top:0px;padding:0px;}
	table.support-premium thead th.title{width:484px;display:none;border-top:1px solid #d6d6d5;border-bottom:1px solid #d6d6d5;}
	table.support-premium thead th.none{width:69px;display:none;border-bottom:none;border-top:1px solid #d6d6d5;padding:0px;}
	table.support-premium td{width:484px;text-align:left;margin:0px;padding:8px 10px 8px 15px;background:#eaf6fd;border-right:0px;}
	table.support-premium td p{font-size:100%;margin-bottom:0px;}
	table.support-premium td.text{border-bottom:1px solid #d6d6d5;}
	table.support-premium th{width:69px;border-top:0px;border-bottom:0px;border-left:0px;}



/*SWITCH FUNCTIONALITY FOR SUPPORT TABLE*/
div#switch1{width:100%;}
div#switch2{width:100%;display:none;}

img.switch{margin:0px;border:0px;padding:0px;font-size:0;line-height:0px;display:block;vertical-align:bottom;hspace:0; }
img.switch a{margin:0px;border:0px;padding:0px;font-size:0px;line-height:0px;}





/* FULL WIDTH COLUMN
=========================================================================================== */

div#full-width{float: left;margin: 0 0px 0 39px;padding-bottom: 20px;width: 875px;}
div#full-width h1{padding-bottom:6px;border-bottom:1px solid #f08c16;margin-bottom:25px;}

div#sec1{float: left;margin: 0 0px 0 39px;padding-bottom: 20px;width: 921px;display:none;}
div#sec1 h1{padding-bottom:6px;border-bottom:1px solid #f08c16;margin-bottom:25px;}

div#sec2{float: left;margin: 0 0px 0 39px;padding-bottom: 20px;width: 921px;}
div#sec2 h1{padding-bottom:6px;border-bottom:1px solid #f08c16;margin-bottom:25px;}

div#sec3{float: left;margin: 0 0px 0 39px;padding-bottom: 20px;width: 921px;display:none;}
div#sec3 h1{padding-bottom:6px;border-bottom:1px solid #f08c16;margin-bottom:25px;}

div.intro{float:left;margin: 0 0px 0 0px;padding-bottom: 0px;width: 588px;height:240px;}



div#support-container{width:675px; float:right;}
div#vman{width:191px;float:left;}
div#vman p{width:130px;font-style:italic;margin-left:29px;}




/*SUPPORT CATEGORIES
=========================================================================================== */

ul.support-categories{float:left;display:block;width:211px;list-style:none;margin:0px 21px 20px 0px;padding:0px;}
	
/*applied to 2nd category / about-us UL in each row to remove right margin*/
ul.support-categories.end{margin-right:0px;}		
ul.support-categories li{list-style:none;margin:0px 0px 8px 0px;padding:0px;}		
ul.support-categories li h2{border-width:1px 0px;border-style:solid;border-color:#f08c16;margin-bottom:10px;padding:12px 0px;font-size:95%;}			
ul.support-categories img{border:1px solid #d8d6d6;margin:0px 0px 9px;}		
				
				
/*amend h2 if link is required*/
ul.support-categories li h2 a{color:#2b569c;background:url(/images/icon_bluearrow.gif) 5px center no-repeat;padding-left:15px;font-size:105%;}				
ul.support-categories li a{
background:url(/images/icon_bluearrow.gif) 5px center no-repeat;color:#f08c16;font-weight:bold;font-size:92%;padding-left:15px}
				
ul.support-categories p{margin:0px 0px 10px 0px;}
p.support-text{width:270px; float:right;}
	
img.support{border:1px solid #d8d6d6;margin:0px 0px 20px 0px;float:left;}

/*FAQ H2s*/
div#a-to-z h2.faqs{color:#646464;text-transform:uppercase;border-width:1px 0px;border-style:solid;border-color:#acc6df;margin:0px 0px 20px 0px;padding:12px 3px;font-size:95%;background:url(/images/bullet_question.png) 5px center no-repeat;}
div#a-to-z h2.faqs a{display:block;width:530px;margin-left:42px;}
div#a-to-z h2.faqs span{display:block;width:530px;margin-left:42px;color:#333333;}

/*FAQ dropdown/table*/
table.faqs{ font-size:93%; margin:10px 0 0px;width:100%;}
table.faqs tbody td {border-right: 3px solid #FFFFFF;padding: 0px;text-align:left;vertical-align: middle;width:390px;}
table.dropdown{ font-size:93%; margin:20px 0 0px;width:100%;}


		
/* FOOTER
=========================================================================================== */
div#footer{float:none;clear:both;width:960px;font-size:85%;border-top:1px solid #edecec;}
div#footer p{color:#ACABAB;margin:15px 42px;line-height:150%;}
	
/*adjust footer link colour*/
div#footer a{color:#4a85bd;}
	
div#footer ul{text-align: center;margin:0px;}
div#footer li{display: inline;list-style-type: none;font-size:120%;}
div#footer li a{color:#456190;padding:0px 10px;border-left: 1px solid #F4AB54;}
div#footer li a.first{border-left: 0px;}
	
div#lowernav {border-bottom:1px solid #EDECEC;vertical-align:middle;padding:10px;}
	
div#followme {height:22px;width:138px;float:right;margin:10px 20px 0px 0px}
div#followme img {float:right;margin-left:3px;}
div#followme em {font-size:114%;color:#294c8e;font-style:normal;margin-top:4px;float:left;}




/* TOOLTIPS
=========================================================================================== */
.ttGlossary {text-align:left;font-size:11px;line-height:1.5em;font-style:italic;position: absolute;top: 0px;right:0px;width:300px;visibility: hidden;background-color:#ffffff;border: 1px solid #999999;border-bottom: 2px solid #666666;border-right: 2px solid #666666;z-index: 2;padding:7px;}
.ttGlossary img.ttLeft {float:left;margin-right:3px;}
.ttTitle {color:#f08c16;font-size:13px;font-weight:bold;background-color:#ffffff;padding:7px 7px 0px 7px;text-align:left;}
.ttDef {padding:5px;}
.ttTerm, .ttTermFixd {border-bottom: dashed thin;text-decoration:none;}


/* GENERAL ITEMS

/*IMAGED BULLETS IN ORANGE*/
div#bulletsorangecontainer{background: none repeat scroll 0 0 ;float: none;margin-top: -15px; margin-left:0px;margin-bottom:-10px;display:block;overflow:hidden;}
div#bulletsorange.withoutquote{margin-left:10px;}
div#bulletsorange{float:left;/*display:inline;CC IE6*/margin:0 0 15px 0px;padding:0px;}
div#bulletsorange h2{font-size: 115%;margin: 15px 0 5px 17px;padding: 0;}
div#bulletsorange ul{list-style:none outside none;margin:0px;padding:0px 10px 0px 0px;float:left;}
div#bulletsorange ul li{background: url("/images/bullet_orange.png") no-repeat scroll 16px 3px transparent; display: block;font-size: 96%;line-height: 1.3em;list-style: none outside none;margin: 5px 2px 10px 0; padding: 0 0 0 35px;}


.staffinfo
{ 
 background-color:#F00;
 padding: 2px;
}