/* CSS Document */

/* ----------------------------------------- CSS Reset */
/* Remove margin and padding from elements
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
/* remember to define focus styles! */ 
focus { outline: 0; } 
/* remember to highlight inserts somehow! */ 
ins { text-decoration: none; } 
del { text-decoration: line-through; } 
/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse: collapse; border-spacing: 0; } 

/* ----------------------------------------- Fonts and Anchors */
/* Define styles for basic font properties and anchors. 
*/
a:link,
a:active,
a:visited {color:#61a8c4;text-decoration:none;}
a:hover {text-decoration:underline;}
#header a {color:#fff;}
a {cursor:pointer;}
#header a:hover {text-decoration:none;}

/* Font: Perpetua */
h1, h2, h3, h4, #contenthome #intro,#leftsidebar #secondaryNav,#header #headertools, #primerynav, .popup-details h4,.popup-details h5 {font-family:'Perpetua';}
h5 {font-family:'Perpetua';}
#footer a, #footer a:hover {color:#fff;}
#sitetools li a {color: #9c9999;}
#sitetools li #PrintBasketDetailLinkContainer {margin-top:8px;}
#sitetools li.alertservices {display:none;}
.ip3-investment-case #sitetools li.alertservices,
#press-and-media #sitetools li.alertservices,
#investor-relations #sitetools li.alertservices,
.ip3-press-and-media #sitetools li.alertservices {display:inline;}

/* ----------------------------------------- Basic elements */
/* Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 
*/
body {
  font: 0.625em/1 Arial,sans-serif; 
  color: #333; 
/*background: #0C2A4A url("~/media/Images/S/sjp-group/css/header-bg-repeater.gif") repeat-x top left;*/
  background: #0C2A4A url("~/media/Images/S/sjp-group/css/header-bg-repeater-220.gif") repeat-x top left;}
h2 {
  color:#001838;
  font-size:2.2em;
  line-height:1.3em;
  font-weight:normal;
}
h1 {
  color:#001838;
  font-size:3.2em;
  line-height:1.3em;
  font-weight:normal;
  clear:both;
}
p {line-height:1.5em;}
h3 {
  color:#ab9c8f;
  font-size:2em;
  font-weight:normal;
  line-height:1.1em;
  margin-bottom:15px;
}
h4 {
  color:#001838;
  font-size:2em;
  line-height:1.1em;
  margin-bottom:15px;
  font-weight:normal;
}
h5{
  color:#ab9c8f;
  font-size:1.2em;
  line-height:1.1em;
  margin-bottom:10px;
  font-weight:normal;
  text-transform:uppercase;
}

h6{
  color:#001838;
  font-size:1.7em;
  line-height:1.1em;
  margin-bottom:10px;
  font-weight:normal;
}


/* ----------------------------------------- Generic Classes */
/* Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc
*/
body .fleft {float:left}
body .fright {float:right}
.right-text {text-align:right;}
body #section-latest-news-level3,
body #section-document-library-level3,
body #section-reports-and-presentations-level3,
.hide {display:none; }
#adobetext {float:left;margin:20px 0 10px;}
#adobetext img {float:left;padding-right:15px;}
.module {float:left; width:100%;}
.rad-right {text-align:right}

/* ----------------------------------------- Navigation */
/* Define the Main navigation, Left navigation, Tabs etc. Elements that help to define the common navigational styles of the site  
*/

/* Main Navigation */
#primerynav {
  top:0;
  left:0;
  position:relative;
  text-transform:capitalize;
  z-index: 3;
}
#primerynav ul {
  float:left;
  height:35px;
  font-size:17px;
  overflow:hidden;
}
#primerynav ul li {float:left;padding-right:5px;}
#primerynav ul li a {
  padding-left:10px;
  background:url("~/media/Images/S/sjp-group/css/main-nav-left.gif") no-repeat left top;
  float:left;
}
#primerynav ul li a span {
  float:left;
  padding:8px 11px 5px 0;
  background: url("~/media/Images/S/sjp-group/css/main-nav-right.gif") no-repeat right top;
  line-height:22px;
  position:relative;
  left:3px;
  cursor:pointer;
}
#primerynav ul li a:hover,
#primerynav ul li.current a,
#primerynav ul li.selected a {
background:url("~/media/Images/S/sjp-group/css/main-nav-left-h.png") no-repeat left top #dfeef3; 
}
#primerynav ul li.current a span,
#primerynav ul li a:hover span,
#primerynav ul li.selected a span {
background:url("~/media/Images/S/sjp-group/css/main-nav-right-h.png") no-repeat right top;
color:#001838;
}
#primerynav ul li#nav-existing-clients-level1 {position:absolute; right:0; top:0; padding:0;}

/*
#primerynav ul li#nav-existing-clients-level1 a {
  background:url("~/media/Images/S/sjp-group/css/existing-clients-button.gif") no-repeat scroll left top transparent;
  float:left;
  padding:11px 0;
  text-align:center;
  width:126px;
}
#primerynav ul li#nav-existing-clients-level1 a span {
  background:none repeat scroll 0 50% transparent;
  float:none;
  left:0;
  line-height:1em;
  padding:0;
  position:static;
}
#primerynav ul li#nav-existing-clients-level1 a:hover span {color:#FFFFFF;}
*/

/* Left Navigation */
#secondaryNav div {
  font-size:2.6em;
  margin:10px 0 5px;
  line-height: 1.2em;
}
#secondaryNav ul li {
  padding:6px 0 0 0; 
  display:block;
  overflow:hidden;
  text-transform: capitalize;
  clear:both;
}
#secondaryNav ul li ul li {padding-left: 8px;}
#secondaryNav ul li a {
  font-size:1.9em;
  line-height:1.2em;
  color:#039AD5;
  text-decoration:none;
}

#isa #nav-junior-level4 a span {
  color:#039AD5 !important;
  margin-left: 5px;
}

/*#mortgages #nav-first-time-buyers-level4 a span {
  color:#039AD5 !important;
  margin-left: 5px;
}*/

#secondaryNav ul li.selected li.current ul li a span {
    color: #039AD5;
}



#secondaryNav ul li a span {	
  background:url(~/media/Images/S/sjp-group/content/aqua-fwd-arrow.gif) no-repeat right center;
  padding-right:12px;
}
.ie7 #secondaryNav ul li a span {background-position-y: 7px; /*float:left*/}
.ie7 #secondaryNav ul li a:hover span {background-position-y: 6px;}
.ie7 #secondaryNav ul li.current a:hover span {background-position-y: 5px;}
.ie7 #secondaryNav ul ul li.current a span {background-position-y: 6px;}

 /* Need to replace with IE7 body tag*/
#secondaryNav ul ul li.current a span,
.ip3-reports-and-presentations ul li#nav-reports-and-presentations-level2 a span,
.ip3-latest-news ul li#nav-latest-news-level2 a span,
.ip3-share-information ul li#nav-share-information-level2 a span,
.ip3-results-archive ul li#nav-results-archive-level2 a span,
.ip3-document-library ul li#nav-document-library-level2 a span,
#secondaryNav ul li a:hover span,
#secondaryNav ul li.current a span {background:url(~/media/Images/S/sjp-group/css/gray-fwd-arrow.gif) no-repeat right 5px; color:#162B48;}
#secondaryNav ul ul {padding:2px 0 0;}
#secondaryNav ul ul li a {
  background: url(~/media/Images/S/sjp-group/css/en-dash-blue.gif) no-repeat left 9px;
  padding-left:10px;
  float:left;
}
#secondaryNav ul li li.current a,
#secondaryNav ul li li a:hover {background:url(~/media/Images/S/sjp-group/css/en-dash-gray.gif) no-repeat left 9px;}
#secondaryNav ul li ul {display:none;}
#secondaryNav ul li.selected ul,
#secondaryNav ul li.current ul {display:block;}
#secondaryNav ul li.selected ul#section-results-archive-level3,
#secondaryNav ul li ul#section-result-archive-level4,
#secondaryNav ul li.selected ul#section-share-information-level3,
#secondaryNav ul li.selected ul#section-document-library-level3,
#secondaryNav ul li.selected ul#section-latest-news-level3 {display: none;}
#secondaryNav ul li.selected ul#section-reports-and-presentations-level3 {display: none;}
#secondaryNav ul li.current li a span {background:url(~/media/Images/S/sjp-group/css/aqua-fwd-arrow.gif) no-repeat right center; color:#61A8C4;}
#secondaryNav ul li.current li a:hover span {background:url(~/media/Images/S/sjp-group/css/gray-fwd-arrow.gif) no-repeat right center; color:#162B48;}
#secondaryNav ul li.current li a:hover {background:url(~/media/Images/S/sjp-group/css/en-dash-gray.gif) no-repeat left 9px;color: #162B48;}
#secondaryNav ul li.selected li.current a span {background:url(~/media/Images/S/sjp-group/css/gray-fwd-arrow.gif) no-repeat right center; color:#162B48;}
#secondaryNav ul li.selected li.current a{background:url(~/media/Images/S/sjp-group/css/en-dash-gray.gif) no-repeat left 9px;color: #162B48;}

/* Site Tools */
#sitetools {
width:100%;
float:left;
margin-top:30px;
}
#sitetools li {
float:left;
font-size:1.1em;
padding:4px 0;
width:100%;
}
#sitetools li img {float:left;padding-right:5px;}
#sitetools li a {line-height:1.5em;}

/* ----------------------------------------- Containers */
/* Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site  
*/
#headerContent {float:right; z-index: 4;height: 121px;}
#footerWrapper {
  background: url("~/media/Images/S/sjp-group/css/footer-bg.gif") repeat-x left;
  float:left;
  padding-bottom:65px;
  width:100%;	
}
#header {height:156px;}
#header #logoContainer {margin-top:15px;}
#contentWrapper {
  float:left;
  min-height:500px;
  background: #fff url("~/media/Images/S/sjp-group/css/content-bg.gif") repeat-x top left;
width:100%;	
}
#contenthome {padding:20px 0 24px;margin-bottom: 8px;}
#contenthome .homebannermodue {margin-bottom: 20px; z-index:8;}
#contentWrapper #leftsidebar {margin-top:10px;}
#content {
  margin:30px 0 0;
  padding-bottom:30px;
}
#MainWrapper {position:relative; z-index:998;}

/* Breadcrumb */
#breadcrumbsContainer {
  float:left;
  width:100%;
  color:#8C8A8A;
  padding:4px 0;
  font-size:1.2em;
  text-transform:capitalize;
}
#breadcrumbsContainer span {padding:0 5px;}

/* ----------------------------------------- Header */
/* Define all elements in the header  
*/
#headertools {
  float:right;
  font-size:1.5em;
  left:3px;
  margin-top:10px;
  position:relative;
  text-align:right;
  text-transform:capitalize;
}
#header #headertools li {display:inline;float:left; padding-left:2px;}
#headertools li a {
  padding:0px 10px 0 8px;
  float:left;
  line-height:1.5em;
  background: url("~/media/Images/S/sjp-group/css/anchor-default-bg.gif") no-repeat right 5px;
  position:relative;
  right:0px; 
  top:0px;
}
#header #headertools li a:hover {
  background-color: #DFEEF3;
  background-image: none;
  padding:0 8px 0 10px;
  right:3px;
  color:#0a2746;
}
.ip3-investor-relations #headertools li#Investorrelations a,
#investor-relations #headertools li#Investorrelations a,
.ip3-press-and-media #headertools li#pressmedia a,
#press-and-media #headertools li#pressmedia a,
.ip3-join-us #headertools li#joinus a,
.ip3-partner-area #headertools li#partnerarea a,
#partner-area #headertools li#partnerarea a,
.ip3-contact-us #headertools li#contactus a,
#contact-us #headertools li#contactus a,
#join-us #headertools li#joinus a {
  background-color: #DFEEF3;
  background-image: none;
  padding:0 8px 0 10px;
  right:3px;
  color:#0a2746;
}
#headertools li.last a {background: 0 none;}

/* Search */
#searchbox {
  margin-top:13px; 
  float:right; 
  clear:both;
  overflow:hidden;
  font-size:12px;
  /*width:170px !important;*/
}
.ie7 #searchbox {width:166px;}
#searchbox label input {
  border:1px solid #4C94AC;
  color:#478FA7;
  height:20px;
  line-height:15px;
  margin-right:10px;
  padding-left: 5px;  
  width:120px;
  font-size:12px;
}
#searchbox input {float:right;}
#searchbox input#SearchTextbox {float:left;}

/*Share Price Ticker */
#invSPTickerXmlContainer {
  position: absolute;
  right: -1px;
  top: 68px;
  z-index: 999;
}
#share-price-top .inner {
  color: #61A8C4;
  cursor: pointer;
  background: url("~/media/Images/S/sjp-group/css/share-price-top-bg.png") no-repeat scroll left top transparent;
  display: block;
  font-size: 13px;
  padding: 11px 0 0 14px;
}
#share-price-top .inner .sptime {
  background: url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll left 3px transparent;
  padding-left: 10px;
}
#share-price-top #spt-more {display:none;}
#share-price-top.highlight #spt-more {display:block;}
#share-price-top #spt-more {
  background: url("~/media/Images/S/sjp-group/css/share-price-bg-rptr.png") repeat-y scroll left top transparent;
  color: #717171;
  height: 134px;
  font-size: 1.2em;
  padding: 15px 15px 15px 25px;
  position: relative;
  z-index: 1;
}
#share-price-top .baskerville {
  color: #FFFFFF;
  display: inline;
  padding-left: 6px;
  font-family: 'Perpetua';
  font-size: 1.3em;
}
#share-price-top .currency { 
  color: #FFFFFF; 
  padding-left: 8px;
  font-family: 'Perpetua';
  font-size: 1.3em;
}
/*
#share-price-top:hover #spt-more, #headerContent .sfhover #spt-more {display:block;}
*/
#share-price-top .button:hover, #share-price-top div.sfhover {background-position: left bottom;}
#share-price-top .button-link {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat scroll left top transparent;
  display: inline;
  float: left;
  padding-right: 10px;
}
#share-price-top .button-link a {
  background: url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll right 8px transparent;
  color: #FFFFFF;
  float: left;
  padding: 7px 10px;
}
#share-price-top p.header {
  color: #61A8C4;
  font-weight: bold;
  margin: 0 0 14px;
}
#share-price-top .rounded-left {
  background-image: url("~/media/Images/S/sjp-group/css/share-rounded-left.gif");
  background-position: left top;
  background-repeat: no-repeat;
	float: left;
	line-height: 20px;
	margin: 0 15px 0 0;
	padding: 0 0 0 11px;
}
#share-price-top .rounded-right {
	background-image: url("~/media/Images/S/sjp-group/css/share-rounded-right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	color: #717171;
	float: left;
	padding: 0 11px 0 0;
}
#share-price-top .disclaim {
  color: #FFFFFF;
  margin-bottom: 16px;
  font-size: 0.9em;
  margin-top: 15px;
}
#share-price-top {
  background: url("~/media/Images/S/sjp-group/css/share-price-bottom-bg.png") no-repeat scroll left bottom transparent;
  clear: both;
  float: right;
  left: 2px;
  margin-top: 10px;
  overflow: hidden;
  padding-bottom: 11px;
  position: relative;
  top: 0;
  width: 275px;
  z-index: 3;
}
/* ----------------------------------------- Content */
/* Define all elements in the content area  
*/
.content h1 {
	line-height:1.2em;
	margin-bottom:28px;
	padding:5px 0 17px;
	background:url(~/media/Images/S/sjp-group/css/dotted-blue-custom-border.gif) repeat-x bottom left;
}
.resultscentremian h1 {margin-bottom:0px;}
#content p {font-size:1.2em;padding-bottom:16px;}
#content address {
  font-size: 1.2em;
  font-style: normal;
  line-height:1.5em;
  margin: 15px 0;
}
#content table address {font-size: 1em;}
#content p.rad-caption {
	background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat scroll left top transparent;
	clear: both;
	float: left;
	padding: 4px 10px;
}
#content p.rad-caption a {
	background: url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll right center transparent;
	color: #FFFFFF;
	line-height: 1.5em;
	padding-right: 10px;
}
#content p small {font-size:0.9em;}
.text p img { float: right;margin: 0 0 10px 10px;}
#content h2 {
  font-size:2.6em;
  line-height:1.3em;
  margin-bottom:10px;
  color:#333333;
}
#content h2.doclib {overflow:hidden;}
#content ul {
  list-style: none outside none;
  margin-bottom: 16px;
  padding-left: 5px;
}
#content ul ul {margin-bottom:0px;}
#content li {
  font-size:1.2em;
  line-height:1.5em;
  margin-bottom:2px;
}
#content ul li {
  background: url("~/media/Images/S/sjp-group/css/breadcrumb-arrow.png") no-repeat scroll left 5px transparent;
  padding-left: 10px;
}
#content li li {font-size:1em;}
#content ol {
  list-style:decimal outside none;
  padding-left:25px;
  margin-bottom:16px;
}
#content #sitemapcontainer ul {float: left; clear: both; }
#content #sitemapcontainer ul li { 
  background: none; 
  clear: both;
  margin-bottom: 5px;
  display: block;
  font-weight:bold;
  float: left;
}
#content #sitemapcontainer ul li a {
  float:left;
  background: url("~/media/Images/S/sjp-group/css/breadcrumb-arrow.png") no-repeat scroll left 5px transparent;
  padding-left:10px;
}
#content #sitemapcontainer ul li ul {margin-top: 10px;}
#content #sitemapcontainer ul ul li {font-weight:normal;}
#content #sitemapcontainer ul ul ul {}

/* Right Column */
#relatedInfo {margin-top:107px;}
.relatedInfofund {margin-top:0px !important;}
#relatedInfo .signpostmudle {
	padding:10px 5px 5px 10px;
	display:block;
	overflow: hidden;
	clear:both;
	background: #021b3a url(~/media/Images/S/sjp-group/css/dark-blue-bg-repeater.gif) repeat-x top left;
	margin-top:20px;
} 
#relatedInfo .moreinfo h2 {color:#fff;}
#relatedInfo .relatedlinks {
  background: #E6F2F6 url(~/media/Images/S/sjp-group/css/light-blue-bg-repeater.gif) repeat-x bottom left; margin-top:11px;margin-bottom: 11px;
}

#relatedInfo h2 {text-transform:capitalize;}
#relatedInfo .signpostmudle ul {margin-bottom:5px;}
#relatedInfo .signpostmudle ul li {
  font-size:1.2em;
  line-height:1.5em;
  padding:6px 10px 6px 0;
}
#content #relatedInfo .signpostmudle ul li {background: none; padding-left:0px;}
#relatedInfo .signpostmudle ul li a {padding-right:5px;}
#relatedInfo .moreinfo {padding-right:0px;}
#relatedInfo .moreinfo ul {
  background: url(~/media/Images/S/sjp-group/css/contact-us-mouse-hand.png) no-repeat bottom right; 
	width:155px; 
	float:right;
	padding-left: 0;
}
#relatedInfo .moreinfo ul li{padding-bottom: 70px;}
.ip3-investor-relations #relatedInfo .moreinfo ul {background: none repeat scroll 0 0 transparent;}
.ip3-investor-relations #relatedInfo .moreinfo ul li {padding-bottom: 25px;}
#relatedInfo .moreinfo ul li a{color: #FFFFFF;}
.ip3-investor-relations #relatedInfo .moreinfo ul li img {display:inline;}



/* Left Column */
#relatedInfoLeft {margin-top:10px;}
#relatedInfoLeft .signpostmudle {
	padding:10px 5px 5px 15px;
	display:block;
	overflow: hidden;
	clear:both;
	background: #021b3a url(~/media/Images/S/sjp-group/css/dark-blue-bg-repeater.gif) repeat-x top left;
	margin-bottom:11px;
} 
#relatedInfoLeft .moreinfo h2 {color:#fff;}
#relatedInfoLeft .relatedlinks {
  background: #E6F2F6 url(~/media/Images/S/sjp-group/css/light-blue-bg-repeater.gif) repeat-x bottom left;
}

#relatedInfoLeft h2 {text-transform:capitalize;}
#relatedInfoLeft .signpostmudle ul {margin-bottom:5px;}
#relatedInfoLeft .signpostmudle ul li {
  font-size:1.2em;
  line-height:1.5em;
  padding:6px 5px 6px 0;
}
#content #relatedInfoLeft .signpostmudle ul li {background: none; padding-left:0px;}
#relatedInfoLeft .signpostmudle ul li a {padding-right:5px;}
#relatedInfoLeft .moreinfo {padding-right:0px;}
#relatedInfoLeft .moreinfo ul {
  background: url(~/media/Images/S/sjp-group/css/contact-us-mouse-hand.png) no-repeat bottom right; 
	width:155px; 
	float:right;
	padding-left: 0;
}
#relatedInfoLeft .moreinfo ul li{padding-bottom: 70px;}
#relatedInfoLeft .moreinfo ul li a{color: #FFFFFF;}





/* ----------------------------------------- Footer */
/* Define all elements in the footer  
*/
#footer {
	padding-top:30px;
	font-size:1.1em;
	float:left;
	color:#fff;
}
#footer ul li {
  float:left;
  padding-right:8px;
  text-transform:capitalize;
  line-height: 1.5em;
}
#footer ul li a {margin-right:8px;}
#footer p#copy {float:right;}
#footer p#desc {line-height:1.3em;margin-top:30px; text-align:center; }

/* ----------------------------------------- Page Specific */
/* Continue to define the other sections one by one
*/
/* Homepage */
#contenthome #intro {width:352px; float:left;}
#contenthome #intro h1 {
  color:#182B49;
  font-size:3.3em;
  margin:5px 0;
  font-weight:normal;
  z-index:2;
  position:relative;
}
#contenthome #intro p {
  color: #001838;
  font-family: arial;
  font-size: 1.2em;
  line-height: 1.3em;
  position:relative;
  padding-bottom: 10px;
}
#contenthome #slider {
  float:right;
  height:345px;
  overflow:hidden;
  width:582px;
}
#contenthome .modulecontainer {
	background: url("~/media/Images/S/sjp-group/css/home-content-bg.gif") repeat-x scroll left top #FFFFFF;
	padding-top:39px;
}

.modulecontainer.middle {margin-bottom:45px;}
.modulecontainer.middle .midmodule { padding: 0 14px; float:left; position: relative; width:456px;}
.boxmid1{ border-right:1px solid #DFEEF3;}
.modulecontainer.middle .midmodule.first{border-right:1px solid #DFEEF3;}
.modulecontainer.middle .midmodule.last{padding-right:0px;}

.modulecontainer.middle .midmodule img.rad-right{float:right;padding-left:10px;padding-bottom:8px;}
.modulecontainer.middle .midmodule ul{float:left;margin-top:10px;}
#contenthome .midmodule p {
	color:#333333;
	font-size:1.2em;
	line-height:1.3em;
padding-top:10px;
}
#contenthome .midmodule ul li {
	font-size:1.4em;
	line-height:1.2em;
	padding:5px 0 8px;
}

#contenthome .midmodule ul li a {background: url("~/media/Images/S/sjp-group/content/aqua-fwd-arrow.gif") no-repeat scroll right 4px transparent; padding-right: 13px;}


.modulecontainer .module {
  border-right:1px solid #DFEEF3;
  padding: 0 14px;

  float:left;
  min-height: 330px;
  position: relative;
  width:220px;
}
#contenthome .modulecontainer .first {padding-left:0;}
#contenthome .modulecontainer .last {
	border: 0 none; 
	padding-right:0;
}
#contenthome .module h2 {margin:15px 0; line-height:1em;}

#contenthome .module h2 a{color: #001838;}

#contenthome .module p {
	color:#333333;
	font-size:1.2em;
	line-height:1.3em;
}
#contenthome .module ul li {
	clear:both;
	float:left;
	font-size:1.2em;
	line-height:1.2em;
	padding:5px 0 8px;
	width:100%;
}
#contenthome .module ul li img {margin-left:5px;}
#contenthome .modulecontainer .more  {
	background:url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat scroll left top transparent;
	float:left;
	font-size:1.2em;
	left:15px;
	padding:2px 10px;
	position: absolute;
	bottom: 0;
}
#contenthome .modulecontainer .first .more {left:0;}

#contenthome .modulecontainer .more a {
	background:url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll right 4px transparent;
	color:#FFFFFF;
	display:inline;
	line-height:1.5em;
	float:left;
	padding-right:10px;
	text-decoration:none;
}
.ip3-wealth-management #content .DivText p.introlink a {
    background: url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll right center transparent;
    color: #FFFFFF;
    float: left;
    line-height: 1.5em;
    padding: 2px 10px 3px 0;
}
.ip3-wealth-management #content .DivText p.introlink a:hover {text-decoration:none;}
#intro p a {
	background:url("~/media/Images/S/sjp-group/css/view-more-fixed.gif") no-repeat scroll right top transparent;
	color:#FFFFFF;
	display: block;
	float:left;
	font-family:Arial;
	font-size:1em;
	line-height:1em;
	padding:5px 22px 0 10px;
	height:18px;
}
#contenthome #intro p a {position:absolute; float:right; right:0px; bottom:30px;}
#content #bannermodule p a:hover,
#intro p a:hover {text-decoration:none;}
#contenthome .latestnews p.newstitle {
	line-height: 1.2em;
	padding-bottom: 10px;
}
#content #bannermodule .title {
  float: right !important;
  position: absolute !important;
  right: 0px !important;
  bottom: -5px !important;
  width: 170px !important;
}




#contenthome .latestnews p.newstitle img {padding-left:3px;}
.home-latestnews{margin-bottom: 5px;}

/*Image gallery*/
.image-gallery-result{float: left;margin-top: 38px;clear: both;}
table.image-gallery tr td{padding-right: 56px;width: 130px; position:relative;padding-bottom: 32px;}
table.image-gallery tr td.last {padding-right:0;}
table.image-gallery tr td a span{display:none;}
.fontSize{font-size: 1.2em;}
.image-links a{
	background: url("~/media/Images/S/sjp-group/content/aqua-fwd-arrow.gif") no-repeat scroll right 3px transparent;
	padding-right: 11px;
	display: inline;
	font-size: 1.2em;
	float: left;
}
.ie7 .image-links a {background-position:right 2px;}
.ie8 .image-links a {background-position:right 2px;}
.image-links a.download{float:right;}
#content .image-gallery p {
	line-height: 1.3em;
	padding-bottom: 10px;
}
.download-popup{display:none;position:absolute;}
.download-popup-show {
	padding-left: 10px;
	padding-top: 10px;
	background: url("~/media/Images/S/sjp-group/css/download-bg.png") no-repeat scroll 0 0 transparent;
	height: 111px;
	left:51px;
	position: absolute;
	top: -10px;
	width: 163px;
	z-index: 100;
}
.printimagedetails {
  padding-top:10px;
  display:block;
  clear:both;
  text-align:right;
}
.printimagedetails a {
  background: url("~/media/Images/S/sjp-group/icons/print.gif") no-repeat scroll right top transparent;
  font-size:1.2em;
  padding-right:20px;
}
.download-popup-show .downloadtxt {
	background:url("~/media/Images/S/sjp-group/css/black-fwd-arrow.gif") no-repeat scroll right center transparent;
  display:inline;
  font-size:1.2em;
  cursor:pointer;
  padding-left:2px;

  padding-right:11px;
}
.small-image,.large-image{
	background: url("~/media/Images/S/sjp-group/css/dot.jpg") repeat-x scroll 0 12px transparent;
	margin:10px 0;
	width: 136px;
}
.ie7 .small-image input, .ie7 .large-image input{float:left;}
.large-image span,
.small-image span {
	background: url("~/media/Images/S/sjp-group/content/aqua-fwd-arrow.gif") no-repeat scroll right 4px #FFFFFF;
	color: #61A8C4;
	float: right;
	font-size: 1.2em;
	height: 15px;
	padding-right: 8px;
	padding-left: 1px;
	padding-top: 2px;
}
.download-popup-show input {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	color: #61A8C4;
	cursor: pointer;
	padding: 0;
}
.download-popup-show .download-popup span {
	display: inline-block;
	font-size: 1.2em;
	margin-top: 15px;
	width: 100%;
}
.download-popup-show a.download{
	background: url("~/media/Images/S/sjp-group/css/gray-fwd-arrow.gif") no-repeat scroll right 2px transparent;
	color: #001838;
	float: left;
}
.download-popup-show .download-popup {
	display: block;
	float: left;
	margin-top: 10px;
	width: 141px;
}
.download-main{/*float: left;*/position: relative;}
#image-gallery .intro{border-bottom: 1px solid #DFEEF3;margin-bottom: 15px;}
.searchType select {
	color: #81C1DB;
	font-family: arial;
	font-size: 1.2em;
	font-weight: bold;    
}
.hovered{z-index:200;}
#document-library-result .searchType{float: left;width:400px;}
.searchType{margin-bottom: 15px; float:left;}
.searchType p{
	display: inline;
	margin-right: 10px;
}
#searchfilter p{float:left;margin-left:10px; margin-top:5px;}
#searchfilter #catFilter{float:left;margin:5px 0 0 5px;}
#searchfilter #usgFilter{float:left;margin:5px 5px 0 5px}
#searchfilter .product_search_btn{float:left; margin-top:2px; margin-left:5px;}
h2.doclib{clear:both;}

/*Download Center*/
.download-center thead th {
	border-bottom: 1px solid #DFEEF3;
	font-family: 'Perpetua';
	font-size: 1.8em;
	font-weight: normal;
	padding-bottom: 19px;
	padding-top: 7px;
	text-align: left;
	vertical-align: middle;
}
.download-center tbody td {
  border-bottom: 1px solid #DFEEF3;
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 7px 0;
  vertical-align:middle;
}
.download-center { margin-bottom: 10px;}
#content .download-center tr .centeralign {text-align: center;}
.download-see-all {
	float: right;
	margin-top: 5px;
	width: 110px;
}
.download-see-all a {
	float: right;
	font-size: 1.2em;
	line-height: 1.5em;
}

/*Key Performance Indicators*/
#key-performance-indicators #content .photo {height: 194px;}
#content #kpi .contentmodules, #content #locations-landing .contentmodules {
  background: none repeat scroll 0 0 transparent;
  padding-top: 0;
  z-index: 4;
}
#content #kpi .contentmodules ol li.last{padding-bottom: 20px;}
#content #locations-landing .contentmodules ol li.last{padding-bottom:20px}
#content #kpi .text {z-index: 6;}
.landingpage #kpi h1 {
	background: url("~/media/Images/S/sjp-group/css/dotted-blue-custom-border.gif") repeat-x scroll left bottom transparent;
	color: #001838;
	line-height: 1.2em;
	margin-bottom: 25px;
	padding: 5px 0 25px;
	width: 100%;
}
#key-performance-indicators .backtotopContainer{margin-top:0}

/* News */
#content .tabular-menu ul {
  border-bottom: 1px solid #DFEEF3;
  float: left;
  padding-bottom: 0;
  padding-left: 0;
  width: 100%;
}
#content .tabular-menu ul li {
  display: inline;
  float: left;
  padding:0px;
  background: none;
  margin-bottom: 0;
  margin-right: 2px;
}    
.tabular-menu ul li.current a,.tabular-menu ul li a:hover {
  background:url("~/media/Images/S/sjp-group/css/tab-nav-current-left.gif") repeat scroll left top transparent;
}
.tabular-menu ul li a {
  background: url("~/media/Images/S/sjp-group/css/tab-nav-normal-left.gif") repeat scroll left top transparent;
  color: #FFFFFF;
  float: left;
  padding: 0 0 0 20px;
  text-decoration: none;
}
.tabular-menu ul li a span {
  background: url("~/media/Images/S/sjp-group/css/tab-nav-normal-right.gif") repeat scroll right top transparent;
  float: left;
  padding: 3px 21px 3px 0;
}
.tabular-menu ul li a:hover span,
.tabular-menu ul li.current a span {
  background: url("~/media/Images/S/sjp-group/css/tab-nav-current-right.gif") repeat scroll right top transparent;
}
.newstab tr th {
	font-family: 'Perpetua';
	font-size: 1.8em;
	padding-bottom: 20px;
	padding-top: 7px;
	text-align: left;
}
.newstab tr td {
  font-size: 1.2em;
  padding-top:8px;
  border-top: 1px solid #DFEEF3;
  vertical-align: top;
}
.newstab tbody tr td a{font-size: 1em;}
.newstab tbody tr td p {
	font-size: 1em !important;
	line-height: 15px;
	padding-bottom: 8px !important;
}
#content ul.pr-pagination { 
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
#content ul.pr-pagination li {
  background: none repeat scroll 0 0 transparent;
  font-size: 1em;
  padding:0px;
}
#document-library-results #content ul.pr-pagination li {margin-left: 6px;}
#content ul.pr-pagination li{display: inline;margin-left: 10px;}
#content ul.pr-pagination li.pg-num-pre {margin-right: 21px;}
#content ul.pr-pagination li.pg-num-next {margin-left: 21px;}
.pagenav{float: right;}
.pagefooter{padding-top: 10px;}
.paginationleft{color: #8C8A8A;line-height:1.5em;}
.ip3-latest-news h1{margin-bottom: 5px !important;}
#news-item-page h2{font-size: 2.4em;}
#news-item-page h3{
  color: #ab9c8f;
font-family:'Perpetua';
  font-size: 2.2em;
  line-height: 1.3em;
}
.news-date p {color: #786F64; float:left;}
.news-date a {
	float: right;
	font-size: 1.2em;
	line-height: 1.5em;
}
.news-date p span span img {float: none;}
#news-item-page .left-align a {float:left}
#news-item-page table {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 24px;
	text-align: left;
}
#content .newsarticle ul {
  list-style:none outside none;
  margin-top:25px;
  padding:0;
}
#content .newsarticle ul li {
  background:none repeat scroll 0 0 #E9E8E6;
  font-size:1em;
  margin-top:5px;
  padding:10px 12px 20px;
}
#content .newsarticle li p.image{padding-bottom: 0; float:left;}
#content .newsarticle li img {
  float:left;
  margin-top:8px;
  padding-bottom:20px;
  padding-right:10px;
}
#content .newsarticle li h2 {font-size:2.4em;margin-bottom:0;}
#content .newsarticle li p {line-height:1.3em;padding-bottom:5px;}
#content .newsarticle li div {margin-top:10px;}

/*Header*/
#share-price-ticker-header {clear: both;float: right;margin-top: 12px;}

/* Landing Page */
#bannerwrap {margin:20px 0; font-family:'Perpetua'; z-index:3;}
#bannerwrap-result-center {
	background: url("~/media/Images/S/sjp-group/banners/results-centre-video-banner-a.jpg") no-repeat scroll 0 0 transparent;
    /*font-family: 'Perpetua';*/
    margin: 20px 0;
    padding-left: 15px;
    padding-top: 15px;
	/*height:424px;*/
    z-index: 3;
	}
body#results-centre #bannerwrap-result-center {background: none;}	
.rescenterbnrtext{
margin-top: 0px;
color:#ffffff;
font-family: arial;
font-size: 1.2em;
}
#site-container{
	width:710px;
	height:240px;
}
#bannerwrap #bannermodule {
  display:block;
  overflow:hidden;
  height:247px;
  position:absolute;
  border:1px solid #FFFFFF;
  top:5px;
  left:5px;
  width:708px;
}
#bannerwrap #bannerContainer {float:right;padding-right:10px;}
.container_main .landingpage {margin-left:10px;}
.landingpage h1 {
  color:#FFFFFF;
  padding:20px 0 10px 15px;
  width: 305px;/*width:340px;*/
  line-height:1em;
}
#content #bannermodule p {
  color:#FFFFFF;
  font-size:1.8em;
  line-height:1.1em;
  margin-left:15px;
  width:295px;
}
#content #bannermodule p. a { text-decoration:underline;}

#content #bannermodule p.introlink a {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat-x scroll left top #766D63;
  font-family:Arial; 
  text-decoration:none;
  font-size:0.667em;
  float:left;
  padding:3px 10px;
  height:18px;
  color:#FFFFFF;
}
.ie8 #content #bannermodule p.introlink a {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat-x scroll left top #766D63;
  font-family:Arial; 
  text-decoration:none;
  font-size:1em;
  float:left;
  padding:0 10px 3px 10px;
  height:20px;
}
.ie7 #content #bannermodule p.introlink a {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat-x scroll left top #766D63;
  font-family:Arial; 
  text-decoration:none;
  font-size:1em;
  float:left;
  padding:0 10px 3px 10px;
  height:20px;
}
#content #bannermodule p.introlink span {
  z-index:1;
}
#content #bannermodule p.introlink a img {padding-left: 5px;}
#content .contentmodules {
  background:url("~/media/Images/S/sjp-group/css/landing-page-bg-repeater.gif") repeat-x scroll left top transparent;
  margin-bottom:20px;
  padding-top:41px;
  width:720px;
  float:left;
}
#content .contentmodules ol {
	clear: both;
	list-style: none outside none;
	padding: 0;
	width: 100%;
  z-index:5;
}
body#key-performance-indicators #content .contentmodules ol{float:left;margin-bottom:0px;}
#content .contentmodules ol.firstrow li {z-index:3;}
#content .contentmodules ol.secondrow li {z-index:4;}
#content .contentmodules ol li.box {
  float:left;
  font-size:1em;
  padding-right:30px;
  position:relative; 
  width:220px;
}
#content .contentmodules ol li.last {padding-right:0px;}
#content .contentmodules ol li h2 {
  border-bottom:1px solid #DFEEF3;
  font-size:2.3em;
  margin-top:10px;
  line-height:1em;
  padding-bottom:5px;
}
#content .contentmodules ol li h2 a {color:#333333;}
#content .contentmodules p {color:#777575;}
#content .contentmodules ol ul {
  list-style:none outside none;
  padding:5px 0 0; 
  float:left; 
}
#content .contentmodules ol ul li {
  font-size:1.2em;
  margin: 5px 0 0 0;
  padding:0;
  float:left;
}
#content .contentmodules ol ul a {
  background:url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat-x scroll left top #766d63;
  color:#FFFFFF;
  display: block;
  padding: 4px 10px;
  line-height:1.5em;
}
#content .contentmodules ol ul a img {padding-left:5px;}
#content .contentmodules ol ul a:hover {text-decoration:none;}
#content .latestnews p.newsdate {padding-bottom:0;}
#content .latestnews p.newstitle {line-height:1.2em;padding-bottom:15px;}
#content .latestnews p img {padding-left:5px;}

/* Board of Directors */
.bod-category {float: left;width: 100%;padding-bottom:25px;}
.bod-category .bod {float: left;}
.bod-category .first {margin-left: 0;}
#content .bod-category h2 {color:#ab9c8f; font-size:2.4em;line-height:1em;}
.bod h3 {
  font-size: 2.2em;
  margin-bottom: 0;
  margin-top: 6px;
}
.popup-details h4,
.popup-details h5,
.popup-image img {display:none;} 
.bod-category .module{padding-bottom: 16px;}
.bod-category .module p{padding-bottom: 0 !important;}
.bod .role {color: #001838;}
.bod img{border: 3px solid #ffffff;}
.bod img:hover {border: 3px solid #81C1DB;}
.popup-image img {float: left;padding-left:20px;padding-top:20px;}
.popup-image p{
	float: left;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 20px;
	width: 200px;
}
.popup-details {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.popup-details p{font-size: 1.2em;color: #777575;}
.popup-details h4 {
 color:#001838;
 font-size:2em;
 margin-bottom:5px;
}
.popup-details h5 {
  color:#060606;
  font-size:1.8em;
  margin-bottom:5px;
  text-transform:capitalize;
}
.print-popup-details h4,.print-popup-details h5{display: block !important;}
.image-desc {display: inline; margin-left: 20px;}
.popup-image .print-image-desc{ margin-top: 15px;}
#image-gallery .popup-image{padding: 10px;}
#image-gallery .popup-image p {
	float: none;
	padding-left:0;
	width: auto;
}
#image-gallery .popup-image .image-title p {clear:both;}
#image-gallery .popup-image img{padding:0px;}
.image-title {
	float: left;
	padding: 10px 15px 10px 0;
	width: 330px;
}
.normal-table {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 24px;
	text-align: left;
}
.normal-table tr td {border-bottom: 1px solid #DFEEF3;padding: 8px 10px 8px 0; vertical-align:top;}
.normal-table tr th {border-bottom: 1px solid #DFEEF3;padding: 8px 10px 8px 0;text-align: left;}
table.normal {font-size:1.2em;margin-bottom:16px;}
table.normal td, table.normal th {padding:5px 5px 5px 0;}
table.searchTable td {
  border-bottom: 1px solid #DFEEF3;
  font-size: 1.2em;
  padding: 10px 0;
  line-height:1.5em;
}
table.searchTable td a {margin-bottom: 5px;display: block; clear:both;}
table.searchTable td li a {margin-bottom: 0;display: inline; clear:none;}
#content p a.rad-highlight {color:#027dae; text-decoration:underline;}
#content p a.rad-highlight:hover {text-decoration:none;}
#content table.normal .rad-highlight {color:#61A8C4;}
.financialtable th{color:#61A8C4}
.financialtable .align-right{text-align:right}
.financialtable .alt-row{background:#f0f0f0}
.financialtable .total{border-top:solid 2px #cccccc}
.financialtable .normalth{padding-left:5px; font-weight:normal; color:#333;}

/* Calculator Table */
#content table.calc th,
#content table.calc td {padding: 0 0 9px 5px; vertical-align:middle;}
#content table.calc thead th {text-align:left;}
#content table.calc td input {width: 141px; padding:1px 0px; margin:0px;}
#content table.calc tbody tr th {
  background: url("~/media/Images/S/sjp-group/css/calculator-table-bg.gif") no-repeat scroll left top transparent;
  line-height: 1.5em;
}
#content table.calc tr th {vertical-align: middle;text-align: left;}
#content table.calc tbody tr th {font-weight: normal;}
#content table.calc tfoot tr th strong {
  background: none repeat scroll 0 0 #BDAEA0;
  display: block;
  line-height: 1.7em;
  padding: 0 5px;
}
#content table.calc tfoot tr strong {color: #FFFFFF;font-weight: normal;}
#content table.calc tfoot tr td strong {
  line-height: 1.7em;
  text-align: left;
  width: 150px;
  background: none repeat scroll 0 0 #BDAEA0;
  float: right;
  padding-left: 5px;
}
#content table.calc tfoot tr th {padding-left: 0;}
#content table.calc tr span.calcunit {padding-right:2px;}

/* Press & Media */
#press-and-media #bannerwrap #bannermodule {border:0 none;}
#press-and-media #bannerwrap dfn {
  border:1px solid #FFFFFF;
  display:block;
  height:248px;
  position:absolute;
  right:15px;
  top:4px;
  width:333px;  
}
#press-and-media .landingpage h1 {color:#182B49; padding-left:0;padding-top:10px;}
#press-and-media #content #bannermodule p {color:#001838; margin-left:0; width:350px;}

/* About St.James's Place */
#wealth-management .landingpage h1, 
#funds .landingpage h1, 
#existing-clients .landingpage h1, 
#about-st-james-place .landingpage h1 {
	color: #182B49;
	padding-left: 0;
	padding-top: 10px;
}

/* Managers Interview */
.interviewcontent .intervew {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
#content .interviewcontent .intervew h2 {
	border-bottom: 1px solid #DFEEF3;
	font-size: 1.8em;
	font-weight: normal;
}
.interviewcontent .intervew img {
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}
.interviewcontent .intervew p.more a {
  background:url("~/media/Images/S/sjp-group/content/aqua-fwd-arrow.gif") no-repeat scroll right center transparent;
 padding-right:15px;
}

/* wealth-management */
.DivMain{ float:left;}
.DivText{ float:left; padding:5px; color:#001838;}
.DivText h1{color: #182B49; padding-left: 0; padding-top: 10px; width:auto; clear:none;}
.DivImg {
	float:right;
	margin:5px;
	position: relative;
}
.DivImg .bor {
  border: 1px solid white;
  position: absolute;
  height: 245px;
  width: 330px;
  top: 6px;
  left: 6px;
}
#existing-clients #content #bannermodule p,
#wealth-management #content #bannermodule p,
#funds #content #bannermodule p,
#investments #content #bannermodule p,
#about-st-james-place #content #bannermodule p {color: #001838;margin-left: 0;}

#existing-clients #content #bannermodule p.introlink,
#wealth-management #content #bannermodule p.introlink,
#funds #content #bannermodule p.introlink,
.ip3-wealth-management #content .DivText p.introlink, #investments #content #bannermodule p.introlink, #about-st-james-place #content #bannermodule p.introlink  {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat-x scroll left top #766D63;
  float:left;
  width: auto;
  padding: 0 10px;
}
#existing-clients #content #bannermodule p.introlink a,
#wealth-management #content #bannermodule p.introlink a, #funds #content #bannermodule p.introlink a, #investments #content #bannermodule p.introlink a, #about-st-james-place #content #bannermodule p.introlink a  {
  line-height: 1em;
  background: 0 none;
  padding: 5px 5px 0 0 ;
  height:18px;
}
.investments #bannermodule p a {color: #001838;}
#existing-clients #bannerwrap #bannermodule,
#wealth-management #bannerwrap #bannermodule,
#funds #bannerwrap #bannermodule,
#about-st-james-place #bannerwrap #bannermodule,
.investments #bannerwrap #bannermodule {
  border: 0 none; 
  overflow:visible;
  height: auto;
  position: relative;
  float: left;
  width: 360px;
}
#existing-clients #bannerwrap dfn,
#wealth-management #bannerwrap dfn,
#about-st-james-place #bannerwrap dfn,
#funds #bannerwrap dfn,
.investments #bannerwrap dfn {
	border: 1px solid #FFFFFF;
	display: block;
	height: 248px;
	position: absolute;
	right: 15px;
	top: 4px;
	width: 333px;
}

/* Join Us */
#join-us #bannerwrap #bannermodule {border:0 none;}
#join-us #bannerwrap dfn {
  border:1px solid #FFFFFF;
  display:block;
  height:248px;
  position:absolute;
  right:15px;
  top:4px;
  width:333px;  
}
#join-us .landingpage h1 {color:#182B49; padding-left:0;padding-top:10px;}
#join-us #content #bannermodule p {color:#001838; padding-left:0;}

/* ----------------------------------------- References */
.backtotopContainer {
	float:left;
	font-size:1.2em;
	margin-top:20px;
	text-align:right;
	width:100%;
}
.photo {border:5px inset transparent; position:relative;}
.photo img {left:-4px;position:relative;top:-4px;}
.photo dfn {
  border:1px solid #FFFFFF;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
}
#content .photo dfn {height:98%;width:99.5%;}
.modulecontainer .photo,
#content .photo {height:85px; padding-bottom:0px;}
#intro .photo {height:192px;width:339px;}
#content .photo img,

#intro .photo img {left:-5px;top:-5px;}

/* Result Centre */
#resultcentre h3 {
  color:#ab9c8f;
  font-size:2.2em;
  margin-bottom:10px;
  font-weight:normal;
  line-height:1.3em;
font-family:'Perpetua';
}
#content #resultcentre h2 {margin:16px 0 25px; color:#001838; font-size:2.4em;}
#content #relatedInfo h2 {font-size:2.2em;line-height:1.3em;color:#001838;}
#snapdownContainer {margin-bottom:30px;}
#content #resultcentre p.date {color:#001838;}
#snapdownContainer .faqquestion {
  background-color:#AB9C8F;
  color:#FFFFFF;
  font-size:1.2em;
  display:block;
  line-height: 1.5em;






  clear: both;
  overflow:hidden;
  font-weight:bold;
  padding:8px 35px 8px 5px;
}
.faqanswer {padding:10px 5px 0;}
.snapdownmodule {margin-top:2px;display: block;clear: both;overflow:hidden;}
#relatedInforesults #relatedInfo {
  margin-top:30px !important;
  padding-left:50px;
}
#relatedInforesults #relatedInfo .signpostmudle ul {
  list-style:none outside none;
  padding:0;
}
#bannerflash {
  margin-top:4px; 
  padding:7px; 
  background-color:#ab9c8f;
  width:716px;
}

/* Event Calendar */
.eventcalendar tbody td {
  border-bottom:1px solid #DFEEF3;
  font-size:1.2em;
  line-height:1.3em;
  padding:7px 0;
}
.eventcalendar tbody td.finCalItemIcon {text-align:center;}
#content h2.eventtitle {
  font-size:1.8em;
  font-weight:bold;
}
.eventcalendar {margin-bottom:15px;}
.eventcalendar thead th {
  border-bottom:1px solid #DFEEF3;
  font-family:'Perpetua';
  vertical-align:middle;
  font-size:1.8em;
  font-weight:normal;
  padding-bottom:19px;
  padding-top:7px;
  text-align:left;
}
.eventcalendar tr td.pdf img {position:relative;top:4px;}
.eventcalendar tr td.pr img {position:relative;top:4px;}
#content .eventcalendar tr .centeralign {text-align:center;}

.eventcalendar tr th.th-padding-right{padding-right: 15px;}
#content .reportstable a:hover {text-decoration:none;}

a#helpcode {
  background: url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat scroll left top transparent;
  color: #FFFFFF;
  padding: 4px 13px 3px;
}
a#helpcode:hover {text-decoration:none;}
#partner-help table.normal td,
#partner-help table.normal th {vertical-align: middle;}

/* ----------------------------------------- Self Serve */
.bod-ss { float: left; width: 100%;}
.bod-category-ss p{float:left}
.role-ss{ margin-left: 30px; width: 300px;}
.popup-details-ss{ clear: both; float: left;}
.popup-details-ss p{ width: 250px;}
.popup-details-ss .large-img{margin-right: 10px;}

sup { vertical-align:super; line-height:7px; font-size:0.9em; }
sub { vertical-align:sub; }

#life-funds #sitetools li.printthispage, #life-funds #sitetools li.printbasket {display:none;}
#pension-funds #sitetools li.printthispage, #pension-funds #sitetools li.printbasket {display:none;}
#unit-trust-group-funds #sitetools li.printthispage, #unit-trust-group-funds #sitetools li.printbasket {display:none;}
#international-funds #sitetools li.printthispage, #international-funds #sitetools li.printbasket {display:none;}
#spanish-international-funds #sitetools li.printthispage, #spanish-international-funds #sitetools li.printbasket {display:none;}

#unit-trust-group-funds #relatedInfo .relatedlinks {
  background: url("~/media/Images/S/sjp-group/css/dark-blue-bg-repeater.gif") repeat-x scroll left top #021B3A;
}

#unit-trust-group-funds #relatedInfo .signpostmudle ul li a {color:#FFFFFF;}

#existing-clients #content #bannermodule p, #wealth-management #content #bannermodule p, #funds #content #bannermodule p, #investments #content #bannermodule p, #about-st-james-place #content #bannermodule p {
  color: #001838;
  font-family: arial;
  font-size: 1.2em;
  line-height: 1.3em;
  position:relative;
  padding-bottom: 10px;
}

#content #bannermodule p.introlink a {
	font-size:1em;
}

#investor-relations #content #bannermodule p {font-family:Arial; font-size:1.6em; line-height:1.4em; width:325px; /*width added on 20feb*/}

#investor-relations #content #bannermodule p.introlink {padding:0 10px; margin-bottom:36px;}

#investor-relations #content #bannermodule p.introlink a {font-size:0.85em;}

.ip3-kiids #searchfilter #usgFilter {display:none;}

/* Styles for Report builder control on http://www1.sjp.co.uk/funds/unit-trust-group-funds/kiids/k2012.aspx */

#ReportBuilderfundssectioncontainer #ReportBuilderlblsec_1_1_1{ display:none;}
#ReportBuilderfundssectioncontainer #ReportBuildersec_1_1_1_1{ display:none;}
#ReportBuilderfundssectioncontainer #ReportBuilderlblsec_1_1_1_1{ display:none;}
#ReportBuilderfundssectioncontainer #ReportBuildersec_1_1{ display:none;}
#ReportBuilderfundssectioncontainer #ReportBuilderlblsec_1_1{ display:none;}
#ReportBuilderfundssectioncontainer #ReportBuildersec_1_1_1{ display:none;}
#ReportBuilderfundssectioncontainer .addsection{ display:none;}
#ReportBuilderfundssectioncontainer .sectionlink{ display:none;}
#ReportBuilderfundssectioncontainer ul #ReportBuildersection1_1_list{padding-left:0px; width:730px;}
#ReportBuilderfundssectioncontainer ul{padding-left:0px;}
#ReportBuilderfundssectioncontainer ul li{background:none;padding-left:0px;float:left;}
#ReportBuilderContainer{float:left;border: 1px solid #D5E6EC;padding:10px}
body#results-centre #resultcentre { padding-top:20px; }
body#NewLifeFunds div#breadcrumbsContainer{width:740px;}
ul.simplePagerNav{clear:both;padding-top:20px;}
ul.simplePagerNav li.currentPage a {text-decoration:none !important;color:#333333;cursor:pointer;}
ul.simplePagerNav li{margin-left:10px;}


#ReportBuilderfundssectioncontainer #ReportBuildersection1_1_1_1_list li
{background:none;padding-left:0px;float:left;width:240px}


body#k2012 li#ReportBuildersection1_1_1_list_2,
body#k2012 li#ReportBuildersection1_1_1_list_3,
body#k2012 li#ReportBuildersection1_1_1_list_4
{display:none;}

#ReportBuilderContainer{ display:none}
#k2012 #content h2, #archive #content h2 { display:none}
.reportbuilder-p { display:none}


iframe #polpo{ min-width:730px; !important}

/* ------------ Social Media Share It -------- */

.sbutton{padding-bottom:7px;float: left; width: 60px;}
.shareit{float: left; margin-top: 5px;} 
.shareitwrapper{padding:4px 0 9px 4px; width:135px; float:left;display:none;}
.ie7 .shareitwrapper {overflow:hidden;}
.shareit p img{float:left;}
.shareit p a{color:#9C9999; margin-top: 3px; margin-left:4px; text-decoration:none;font-size: 1.1em;}

#tweetbutton, #tweetbutton iframe{width: 60px !important;}
#tweetbutton{padding-right:5px;}

#twitterflollow{float:left; width:130px;}

.content-share-wrapper{clear:both; float:left; margin-bottom:15px; width:100%;}
.content_sbutton{float:left; width:105px; }


#top-bottom{float:left; width: 135px;}
#top-social{float:left;}
#fblike{margin-right: 3px;}
#inshare{margin-right: 3px;}
#plusone{width:55px!important;margin-left:4px;}
.sharingrollover, .pdfsharingrollover, .webcastsharingrollover, .pptsharingrollover {
    display: none;
    position: absolute;
    right:96px;
    width: 120px;
    z-index: 9999;
}
.webcastsharingrollover{right:48px !important;}
.pptsharingrollover{right:-10px !important;}
.pdfsharingrollover{right:125px !important;}
body#Homepage .midbox1, body#Homepage .midbox2 {float:right; width:220px; padding-left:5px;}
 


/* NS WO 167015 7-apr-2014 SS issue in 2 column right column was falling down */
#r_B405F56E69B748699896837E9199E69A.scPageDesignerControl { float:left; }
/* NS WO 167015 7-apr-2014 SS issue in 2 column right column was falling down */

#wmleft{
float: left;
width: 365px;
padding-right: 10px;
}

#wmright{
float: right;
padding-bottom:20px;
}


#wmmaincontent, #wmmain{float: left;
width: 730px;
}



#wmleft h2 p, #wmleftnoimg h2 p{font-size: 0.9em;
padding-bottom: 16px;
line-height: 1.2em;}

#wmleftnoimg{float: left;
width: 730px;
}

#backtolanding {
float: left;
width: 730px;
border-top: 1px solid #DFEEF3;
padding-left: 5px;
margin-top: 10px;
padding-top: 5px;
}

#investor-relations #content #bannermodule p.introlink a {height: auto;}

#app-video {display:none;}
span.result-count{display:none;}


.dvsn{
height: 2px;
border-top: 2px solid #abdbee;
padding-top: 20px;
}

#complaints-content{
float: left;
}

#complaints-heading{
padding-bottom: 20px;
}

.complaints-h2{
float: left;
width: 452px;
clear: both;
}

#complaintsformTitleLabelContainer, #complaintsformFirstnameLabelContainer, #complaintsformSurnameLabelContainer, #complaintsformAddressLabelContainer, #complaintsformpostcodeLabelContainer, #complaintsformplantypeLabelContainer, #complaintsformplannumberLabelContainer, #complaintsformcontactnumberLabelContainer, #complaintsformemailLabelContainer, #complaintsformtellusLabelContainer, #complaintsformcaptchalabelLabelContainer{

float: left!important;
width: 45%;
padding: 7px 0 0 0;
font-size: 1.45em;
font-family: 'Perpetua';
color: #001838;
font-weight: bold;
}


 #complaintsformtitle-txtTextboxContainer,  #complaintsformfirstname-txtTextboxContainer, #complaintsformsurname-txtTextboxContainer, #complaintsformaddress-txtTextboxContainer, #complaintsformpostcode-txtTextboxContainer, #complaintsformplantype-DDDropDownContainer, #complaintsformplannumber-txtTextboxContainer, #complaintsformcontactnumber-txtTextboxContainer, #complaintsformemail-txtFreeTextEmailContainer, #complaintsformtellus-txtareaTextareaContainer, #complaintsformCaptcha-CodeCaptchaContainer{
float: left;
width: 55%;
margin: 5px 0 0 0;
}


#complaintsformContainer div span em {
color: #FF0000;
font-size: 0.8em;
font-weight: normal;
}

#complaintsformtellus-txtareaTextarea{height: 175px;
width: 275px;}


#complaintsformContainer {
font-size: 1.1em;
padding-bottom:20px;
}

#complaintsformplantype-DDDropDown{
	width:175px;}
	
	
#complaintsformContainer #complaintsformSubmitButton{
margin-left: 45%;
margin-top: 20px;
}


#complaintsformCaptcha-CodeCaptchaCodeError {
color: #FF0000;
float: left;
font-size: 1.2em;
font-weight: bold;
margin-top: 5px;
}


body.ie7 #complaintsformTitleLabelContainer, 
body.ie7 #complaintsformFirstnameLabelContainer, 
body.ie7 #complaintsformSurnameLabelContainer, 
body.ie7 #complaintsformAddressLabelContainer, 
body.ie7 #complaintsformpostcodeLabelContainer, 
body.ie7 #complaintsformplantypeLabelContainer, 
body.ie7 #complaintsformplannumberLabelContainer, 
body.ie7 #complaintsformcontactnumberLabelContainer, 
body.ie7 #complaintsformemailLabelContainer, 
body.ie7 #complaintsformtellusLabelContainer, 
body.ie7 #complaintsformcaptchalabelLabelContainer
{
width: 230px !important;
}

body.ie7 #complaintsformtitle-txtTextboxContainer, 
body.ie7 #complaintsformfirstname-txtTextboxContainer, 
body.ie7 #complaintsformsurname-txtTextboxContainer, 
body.ie7 #complaintsformaddress-txtTextboxContainer, 
body.ie7 #complaintsformpostcode-txtTextboxContainer, 
body.ie7 #complaintsformplantype-DDDropDownContainer, 
body.ie7 #complaintsformplannumber-txtTextboxContainer, 
body.ie7 #complaintsformcontactnumber-txtTextboxContainer, 
body.ie7 #complaintsformemail-txtFreeTextEmailContainer, 
body.ie7 #complaintsformtellus-txtareaTextareaContainer, 
body.ie7 #complaintsformCaptcha-CodeCaptchaContainer
{
width: 280px !important;
}


body.ie8 #complaintsformTitleLabelContainer, 
body.ie8 #complaintsformFirstnameLabelContainer, 
body.ie8 #complaintsformSurnameLabelContainer, 
body.ie8 #complaintsformAddressLabelContainer, 
body.ie8 #complaintsformpostcodeLabelContainer, 
body.ie8 #complaintsformplantypeLabelContainer, 
body.ie8 #complaintsformplannumberLabelContainer, 
body.ie8 #complaintsformcontactnumberLabelContainer, 
body.ie8 #complaintsformemailLabelContainer, 
body.ie8 #complaintsformtellusLabelContainer, 
body.ie8 #complaintsformcaptchalabelLabelContainer
{
width: 230px !important;
}

body.ie8 #complaintsformtitle-txtTextboxContainer, 
body.ie8 #complaintsformfirstname-txtTextboxContainer, 
body.ie8 #complaintsformsurname-txtTextboxContainer, 
body.ie8 #complaintsformaddress-txtTextboxContainer, 
body.ie8 #complaintsformpostcode-txtTextboxContainer, 
body.ie8 #complaintsformplantype-DDDropDownContainer, 
body.ie8 #complaintsformplannumber-txtTextboxContainer, 
body.ie8 #complaintsformcontactnumber-txtTextboxContainer, 
body.ie8 #complaintsformemail-txtFreeTextEmailContainer, 
body.ie8 #complaintsformtellus-txtareaTextareaContainer, 
body.ie8 #complaintsformCaptcha-CodeCaptchaContainer
{
width: 270px !important;
}


.chrome37 #complaintsformplantype-DDDropDown, .chrome37 #complaintsformtellus-txtareaTextarea, .chrome36 #complaintsformplantype-DDDropDown, .chrome36 #complaintsformtellus-txtareaTextarea {
margin-left:2px;
}

.searchgobtn input {
  border-width: 0px;
  background: url("~/media/Images/S/sjp-group/css/search-button.gif") no-repeat scroll right top;
  color: #FFFFFF;
  cursor: pointer;
  width: 28px;
  text-indent: -9999px;
  height: 23px;
}
#doclibintrotxt
{
clear:both;
}

/*.sliderprgrph span.sldr-txt {padding-right:15px}
.boderPad h2, .bottomSection .blueBoxWrap h2 {margin-bottom: 25px!important;}
.postcodeSearchWrap {position:absolute; bottom:0; margin-bottom:25px; width:30%}
body#Homepage .boderPad p {padding-right:25px;border-right: 1px solid #fff;}
.boderPad1 h2 {margin-bottom:20px}
.bottomSection .boderPad{margin:5px 3px 5px 5px}
#bottomcontenthomeWrapper {padding:18px 0 28px!important}

.pager p.more {font-size:1.3em!important}*/


/* new banner wo 233875 start */
.new-image-banner-image {}
.new-image-banner-text { position:absolute; bottom:30px; padding:5px 10px; background:#029be5; max-width:210px; }
.new-image-banner-wrapper-right-top .new-image-banner-text{max-width:230px;}
body.ie9 .new-image-banner-wrapper-right-top .new-image-banner-text{max-width:235px;}
.new-image-banner-text a { color:#fff; text-transform:uppercase; font-size:14px; line-height:21px; text-decoration:none; }
.new-image-banner-text a:hover { text-decoration:underline; }

.new-image-banner-wrapper { float:left; clear:both; width:100%; margin:20px 0 0 0; }

.new-image-banner-wrapper-left { float:left; width:370px; height:360px; position:relative; }
.new-image-banner-wrapper-right-top { float:right; width:357px; height:179px; margin-bottom:3px; position:relative; }
.new-image-banner-wrapper-right-bottom { float:right; clear:right; width:357px; height:179px; position:relative; }
/* new banner wo 233875 end */

#savings-range-rate-sheet table.normal-table thead {background-color:#0C2A4A; color:#ffffff; }
#savings-range-rate-sheet table.normal-table td{padding: 8px 10px 8px 10px;vertical-align: middle;}


body#our-locations .text p img {margin: 0 -10px 10px 10px;}
body#our-locations #content .photo dfn {z-index:5;height: 85%;}

#Homepage #bottomcontenthome .modulecontainer .more {
	background: transparent url("~/media/Images/S/sjp-group/css/gray-griedent-repeater.gif") repeat scroll left top;
    bottom: 0;
    float: left;
    font-size: 1.2em;
    left: 15px;
    padding: 2px 10px;
    position: absolute;
margin-bottom:95px;
margin-left:11px;
}

#Homepage #bottomcontenthome .modulecontainer .more a {
    background: transparent url("~/media/Images/S/sjp-group/css/gray-faward-arrow.png") no-repeat scroll right 4px;
    color: #ffffff;
    display: inline;
    float: left;
    line-height: 1.5em;
    padding-right: 10px;
    text-decoration: none;
}