/* Site Attributes
//Colours
Gold			#ba9800
light Gold		#e2d192
Gray			#666666
Cream			#f8f4e5
Red				#9c1e3d


*/
/*--- Global styles --*/

#mainLeftNav{width:0px;}

/* WEBSITE REFRESH STYLE CHANGE
#mainLeftLanding{float:left; width:390px; background:#ffffff; }

#mainLeftCopyLanding{float:left; width:370px; min-height:700px; }*/

#mainLeftLanding{float:left; width:960px; margin:190px 0 0 0;}

#mainLeftCopyLanding{float:left; width:960px; min-height:430px; background:#FFFFFF; padding:0 0 30px 15px;}
* html #mainLeftCopyLanding{height:430px;}


#feature-text{position:absolute; top:22px; left:15px; width:400px;}

#feature-text a, #feature-text a:hover{ text-decoration:none; cursor:pointer;}

#feature-text.Gray h2{color:#838383; width:260px;}
#feature-text h2{color:#FFFFFF; width:260px; font-size:2em; font-weight:normal;}
#feature-text.Gray p{color:#838383; width:260px;}
#feature-text p{color:#FFFFFF; width:260px;}
#feature-text.Gray ul li{ background:url(/common/images/arrow-tout-grey.gif) 0 0 no-repeat; padding:15px 22px 0 0; display:block; float:left; clear:both;}
#feature-text ul li{ background:url(/common/images/arrow-tout-white.gif) 0 0 no-repeat; padding:15px 22px 0 0; display:block; float:left; clear:both;}

#mainRight{color:#ffffff; width:180px; padding:38px 0 0 0px;}
#mainRight img{border:1px solid #ffffff;}

#mainLeftCopyLanding img{ border:1px solid red; }

#home-heading-area {float:left; width:610px; height:155px;}

#right-tout-column{float:left; width:295px; height:300px; margin:20px 20px 0 0; display:inline; padding:0; clear:none;}




#copy{ width:640px; margin-right:0px; margin-left:0px; float:left; clear:none;}
.flash{padding: 0 0px 0 0;}

/* WEBSITE REFRESH STYLE CHANGE */
.tout, .toutLower{float:left; background:#EEEEEE; width:270px; padding:10px 15px 10px 10px; }
.tout {margin:0 20px 0 0; display:inline;}

#copy div.pnlLayoutTwo {background-image:url(/common/images/b-landingPnl-2colwide.gif);float:left;width:615px;}
#copy div.tout-column {float:left;padding:0 25px 0 0;width:290px;}

#copy div.tout-column.last {padding:0 0 0 5px;}
*html #copy div.tout-column.last {padding:0 0 0 0px;}


#copy .tout h3, #copy .toutLower h3{font-size:1.2em; color:#9c1e3d; margin: 6px 0 6px 0; font-weight:bold;  }
#copy .tout p, #copy .toutLower p{margin: 0 0 8px 0;}
#copy .tout ul, #copy .toutLower ul{padding: 5px 0 10px 0px;  margin:0;list-style:none;}
#copy .tout li, #copy .toutLower li{list-style:none; background:url(/common/images/arrow-gold.gif) no-repeat 0 4px;padding:0 0 6px 8px;}



/* --- Investis Share Price --- */

#sharePrice div span.value{ font-family:Arial; display:block; float:left; color:#666364; font-size:3em; clear:left;}
#sharePrice div span.value span{color:#666364; font-size:0.5em;}
#sharePrice div span.value span.changes{color:#666364; font-size:0.4em; font-weight:bold;}
#sharePrice div span.change{display:block; float:left;  margin:10px 0 0 20px; line-height:1.5em; clear:right;}
#sharePrice div.dateTime{display:block; font-size:0.8em; width:100%; clear:both; color:#404041; padding:0 0 0 0;}
#sharePrice div.disclaimer{display:block; font-size:0.8em; width:100%; clear:both; color:#404041; padding:0 0 10px 0;}

/* --- Flashy Blocks --- */

#caseStudiesFlash {padding:50px 0 0 15px;}
#mainRight{color:#ffffff; width:auto; padding:38px 0 0 0px;}
#caseStudiesFlash .CaseBox{ background-color:#000000; float:left; width:180px; margin: 0 15px 0 0;}
#caseStudiesFlash .CaseBoxFinal{ background-color:#000000; float:left; width:180px; margin: 0 0px 0 0;}

h2.caseTitle{padding:10px 10px; color:#ffffff; font-size:1.6em; font-weight:lighter;}
h2.caseTitle em{color:#ba9800; font-style:normal;}

p.description{padding:0 10px; height:140px;}
p.link{padding: 0 10px;}