/*	===============================================================
	© Imagesound
	http://www.imagesound.com/	

	Type:				Type Face Styles
	Build by:			TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	Creation Date:		10th March 2008
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	============================================================ */


/*	===============================================================
	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
    5.	Sidebar
	6.	Footer
    7.	Hidden Elements (print only elements)
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */

body { font-size: 62.5% }
.formlabel { clear: both; display: block; width: 100px; float: left; }
.formbutton { margin: 0px 0px 0px 100px; }


/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */
.intro { margin-top: 0px !important; }
.homeIntro { margin-top: 0px !important; line-height: 200%;  }

#topbar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333; 
    text-transform: uppercase;
}

#content-home-text, #content-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333;
    line-height: 140%;
}


#content-shell h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #cfaf6c;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 5px;
}

#content-shell h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #cfaf6c;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 22px;
}


#content-shell h2 {
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #1a171b;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 3px;
}

#content-shell blockquote {
    font-size: 1.1em;
    color: #cfaf6c; 
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 140%;
    margin-top: 35px;
}
#quoteauthor { font-size: 0.8em !important; }



#content-shell input, #content-shell textarea, #content-shell select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333;
    padding: 2px;
}

.formtag { color: #333333; text-transform: uppercase; }
.formTag130 { color: #333333; text-transform: uppercase; /*display: block;*/ width: 110px; float: left; margin-top: 5px;}

.PartnerImages { vertical-align: middle !important; display: block; }


/* Define specific colour rangers per section */

#content-text a { font-size: 0.8em; }
#content-text a { color: #cfaf6c; text-decoration: none; text-transform: uppercase; }
#content-text a:hover { text-decoration: underline; }

#content-home-text a { font-size: 0.8em; }
#content-home-text a {color: #8289c2 !important; text-decoration: none; text-transform: uppercase;}
#content-home-text a:hover { text-decoration: underline; }

.back-link { float: right; }

#webPageForm p { padding: 0px 0px 0px 0px; margin: 0px 0px 13px 0px; } 
#webPageForm a:hover { text-decoration: underline; }
#webPageForm ul, #webPageForm ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; list-style: inherit;}
#webPageForm li { display: block; list-style: none;  padding: 0px 0px 9px 12px; background: url('../images/global/arrow-news.gif') no-repeat 0px 3px;
}


.AboutUs #content-text a { color: #b03d62 !important; text-decoration: none; text-transform: uppercase; }
.Services #content-text a { color: #60c8e2 !important; text-decoration: none; text-transform: uppercase; }
.ContactUs #content-text a { color: #d1d2d4 !important; text-decoration: none; text-transform: uppercase; }
.International #content-text a { color: #8289c2 !important; text-decoration: none; text-transform: uppercase; }
.Investors #content-text a { color: #a35245 !important; text-decoration: none; text-transform: uppercase; }
.NewsAndViews #content-text a { color: #f3b430 !important; text-decoration: none; text-transform: uppercase; }
.Register #content-text a { color: #baaeb7 !important; text-decoration: none; text-transform: uppercase; }
.Home #content-text a { color: #cfaf6c !important; text-decoration: none; text-transform: uppercase; }


.AboutUs #content-text a:hover ,
.Services #content-text a:hover, 
.ContactUs #content-text a:hover,
.International #content-text a:hover, 
.Investors #content-text a:hover, 
.NewsAndViews #content-text a:hover,
.Register #content-text a:hover, 
.Home #content-text a:hover { text-decoration: underline; }


.AboutUs h3, .AboutUs blockquote { color: #b03d62 !important; }
.Services h3, .Services blockquote { color: #60c8e2 !important; }
.ContactUs h3, .ContactUs blockquote { color: #d1d2d4 !important; }
.International h3, .International blockquote { color: #8289c2 !important; }
.Investors h3, .Investors blockquote { color: #a35245 !important; }
.NewsAndViews h3, .NewsAndViews blockquote { color: #f3b430 !important; }
.Register h3, .Register blockquote { color: #baaeb7 !important; }
.Home h3, .Home blockquote { color: #cfaf6c !important; }


.AboutUs h3 a { color: #b03d62 !important; }
.Services h3 a { color: #60c8e2 !important; }
.ContactUs h3 a { color: #d1d2d4 !important; }
.International h3 a { color: #8289c2 !important; }
.Investors h3 a { color: #a35245 !important; }
.NewsAndViews h3 a { color: #f3b430 !important; }
.Register h3 a { color: #baaeb7 !important; }
.Home h3 a { color: #cfaf6c !important; }

.intbox h3 { margin-top: 13px !important; }

.case-study { border-bottom: 1px solid #d7d7d8; line-height: 150%; }
.case-study h3, .case-study a { margin: 0px; font-weight: normal; }
.case-study h3 a { font-weight: bold; font-size: 1.0em !important; text-decoration: none; }
.case-study h3 a:hover { text-decoration: underline; }
.case-study p { margin: 0px 0px 10px 0px; }

.news-items { border-bottom: 1px solid #d7d7d8; line-height: 150%; }
.news-items h3, .news-items a { margin: 0px; font-weight: normal; }
.news-items h3 a { font-weight: bold; font-size: 1.0em !important; text-decoration: none; }
.news-items h3 a:hover { text-decoration: underline; }
.news-items p { margin: 0px 0px 10px 0px; }


/* Right Text Block Box (With Gradient Background)  */

#sidebar-box-block p { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 150%;
}

.contact-details { font-weight: bold; line-height: 120% !important; }
.contact-details a { font-weight: bold; color: #333333; text-decoration: underline;  }


/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */

.navitem a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
.navitem a.on { color: #ffffff; }




/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */


#subnav-bar ul { padding-left: 0px; margin: 0px; }

#subnav-bar li {
    display: block; 
    list-style: none; 
    padding-bottom: 9px; }

#subnav-bar li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    Padding-left: 12px; 
    font-weight: bold;
    display: block;
}   


/* Define specific colours and arrows per section */

.AboutUs #subnav-bar li a:hover, 
.AboutUs #subnav-bar li a.on { background: url('../images/global/arrow-about-us.gif') no-repeat 0px 3px;}

.Services #subnav-bar li a:hover, 
.Services #subnav-bar li a.on { background: url('../images/global/arrow-case-studies.gif') no-repeat 0px 3px;}

.International #subnav-bar li a:hover, 
.International #subnav-bar li a.on { background: url('../images/global/arrow-international.gif') no-repeat 0px 3px;}

.Investors #subnav-bar li a:hover, 
.Investors #subnav-bar li a.on { background: url('../images/global/arrow-investors.gif') no-repeat 0px 3px;}

.NewsAndViews #subnav-bar li a:hover, 
.NewsAndViews #subnav-bar li a.on { background: url('../images/global/arrow-news.gif') no-repeat 0px 3px;}

.Register #subnav-bar li a:hover, 
.Register #subnav-bar li a.on { background: url('../images/global/arrow-register.gif') no-repeat 0px 3px;}

.Home #subnav-bar li a:hover, 
.Home #subnav-bar li a.on { background: url('../images/global/arrow-services.gif') no-repeat 0px 3px;}

.ContactUs #subnav-bar li a:hover, 
.ContactUs #subnav-bar li a.on { background: url('../images/global/arrow-contact.gif') no-repeat 0px 3px;}

.AboutUs #subnav-bar li a.on { color: #b03d62 !important; font-size: 1.0em;}
.Services #subnav-bar li a.on { color: #60c8e2 !important; font-size: 1.0em; }
.ContactUs #subnav-bar li a.on { color: #ADB0B3 !important; font-size: 1.0em; }
.International #subnav-bar li a.on { color: #8289c2 !important; font-size: 1.0em; }
.Investors #subnav-bar li a.on { color: #a35245 !important; font-size: 1.0em; }
.NewsAndViews #subnav-bar li a.on { color: #f3b430 !important; font-size: 1.0em; }
.Register #subnav-bar li a.on { color: #baaeb7 !important; font-size: 1.0em; }
.Home #subnav-bar li a.on { color: #cfaf6c !important; font-size: 1.0em; }


/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */


.LeftImgBlock a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #333333 !important;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
}


#content-rightbar blockquote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #60c8e2; 
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 140%;
    margin-top: 17px;
}

/* Define specific colours for the quote */

.AboutUs #content-rightbar blockquote { color: #b03d62 !important; }
.Services #content-rightbar blockquote { color: #60c8e2 !important; }
.ContactUs #content-rightbar blockquote { color: #d1d2d4 !important; }
.International #content-rightbar blockquote { color: #8289c2 !important; }
.Investors #content-rightbar blockquote { color: #a35245 !important; }
.NewsAndViews #content-rightbar blockquote { color: #f3b430 !important; }
.Register #content-rightbar blockquote { color: #baaeb7 !important; }
.Home #content-rightbar blockquote { color: #cfaf6c !important; }

.BlogCommentAddedDate { color: #cfaf6c; font-weight: bold; font-style: italic; }

#login-block h2 {
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #1a171b;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 3px;
}

#login-block label { 
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.9em !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #1a171b !important;
    margin-top: -2px;
}

#login-block p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333 !important;
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 0px;
}

.loginoptions input { margin: 4px 6px 0px 0px !important; }

#lostpassword-block h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #333333 !important;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 5px;
}

#lostpassword-block p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333333 !important;
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 0px;
}


/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */


#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #808080;
    text-transform: uppercase;
}
#footer a { color: #808080; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

.NormalText { text-transform: none !important; }


/*	---------------------------------------------------------------
	#8 INFORMATION BAR CONTROL
	---------------------------------------------------------------
	Information Bar Control
	------------------------------------------------------------ */
.InfoBarPannel
{	
	padding: 15px 0px 0px 0px;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
}

#InfoBar
{	
	font-family: Frutiger, Arial, Helvetica, sans-serif;
}

.OuterForInformationBody
{
	border:	solid 1px #ABABAD; /*#D0D0D1;*/
}

.OuterForErrorBody
{
	border:	solid 1px tomato;
}

#InfoBar ul { padding-left: 3px; padding-top: 10px; margin: 0px; }

#InfoBar li 
{
	display:		block; 
    list-style:		none; 
    padding-bottom: 4px;
    padding-left:	8px;
    background:		url('../images/global/arrow-about-us.gif') no-repeat 0px 3px;
}

.InfoBarHeader
{
    font-weight: bold;
    font-size:   12px;
    color:       black; /*#007F46; */
    background-color: Gray; 
    padding:	 3px 3px 3px 3px;
    background-image: url(../images/global/InfoBarHeader_Info.gif);
}

.ShowForInformationBody
{
    font-weight: bold;
    font-size:   10px;
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    color:       Black; 
    background-color: #E8E9EA;/*#E0E0E0; */
    padding:	 3px 3px 3px 3px;
}

.ShowForErrorBody
{
	font-weight: bold;
    font-size:   10px;
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    color:       black; 
    background-color: #F8DFDB;/*#FFC9C9; */
    padding:	 3px 3px 3px 3px;
}


/* ----------------------------------------------------
	GridView control of the web page 
   ----------------------------------------------------*/
.gridView { font-family: Frutiger, Arial, Helvetica, sans-serif; width:	100%; color: #333333; }
.gridViewMedium { font-family: Frutiger, Arial, Helvetica, sans-serif; width: 100%; color: #333333; font-size: 10pt; }
.gridViewLarge { font-family: Frutiger, Arial, Helvetica, sans-serif; width: 100%; color: #333333; font-size: 14pt; }

.gridHeaderStyle { font-family: Frutiger, Arial, Helvetica, sans-serif; background-color: #CCCCCC; 
				   text-align: center; text-decoration: none; }

.gridHeaderStyle a:link { color: white; text-decoration: none; }
.gridHeaderStyle a:visited { color: white; text-decoration: none; }
.gridHeaderStyle a:hover { color: white; text-decoration: underline; }
.gridHeaderStyle a:active { color: white; text-decoration: underline; }

.gridRowStyle { font-family: Frutiger, Arial, Helvetica, sans-serif; background-color: White; }
.gridAlternatingRowStyle {font-family: Frutiger, Arial, Helvetica, sans-serif; background-color: #E6E6E6; }
.gridSelectedRowStyle { font-family: Frutiger, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #CCCCCC; }
.gridPagerStyle { font-family: Frutiger, Arial, Helvetica, sans-serif; background-color: #dfdfdf; text-align: center; }

.gridPagerStyle a:link { color: white; text-decoration: none; }
.gridPagerStyle a:visited { color: #982e35; text-decoration: none; }
.gridPagerStyle a:hover { color: #d18f21; text-decoration: none; }
.gridPagerStyle a:active { color:#982e35; text-decoration: none; }

.gridFooterStyle { font-family:	Frutiger Linotype, Arial, Helvetica, sans-serif; background-color: #dfdfdf; }


.randomText1 { font-size: 1.6em !important; font-weight: bold !important; text-transform: uppercase !important;  color: Red !important;   }
a.randomText2 { font-size: 1.2em !important; font-weight: bold !important; text-transform: lowercase !important; text-decoration: underline !important;}
a.randomText3 { font-size: 1.8em !important; font-weight: bold !important; text-transform: capitalize !important;  }
a.randomText4 { font-size: 1.6em !important; font-weight: normal !important; text-transform: uppercase !important; font-style: italic; }
a.randomText5 { font-size: 1.2em !important; font-weight: bold !important; text-transform: lowercase !important; font-style: italic;}
a.randomText6 { font-size: 1.6em !important; font-weight: bold !important; text-transform: capitalize !important;  }
a.randomText7 { /*font-size: 1.6em !important; font-weight: bold !important; text-transform: uppercase !important; color: red !important;*/}
a.randomText8 { font-size: 1.6em !important; font-weight: bold !important; text-transform: lowercase !important; }
a.randomText9 { font-size: 1.6em !important; font-weight: bold !important; text-transform: capitalize !important; }
a.randomText10 { font-size: 1.6em !important; font-weight: bold !important; text-transform: uppercase !important; text-decoration: underline !important; }
a.randomText11 { font-size: 1.6em !important; font-weight: bold !important; text-transform: lowercase !important;  }
a.randomText12 { font-size: 1.2em !important; font-weight: bold !important; text-transform: lowercase !important; }
a.randomText13 { font-size: 1.8em !important; font-weight: bold !important; text-transform: capitalize !important;  }
a.randomText14 { font-size: 1.6em !important; font-weight: normal !important; text-transform: uppercase !important; font-style: italic; }
a.randomText15 { font-size: 1.2em !important; font-weight: bold !important; text-transform: lowercase !important; font-style: italic;}
a.randomText16 { font-size: 1.6em !important; font-weight: bold !important; text-transform: capitalize !important; }
a.randomText17 { font-size: 1.6em !important; font-weight: bold !important; text-transform: uppercase !important; }
a.randomText18 { font-size: 1.6em !important; font-weight: bold !important; text-transform: lowercase !important; text-decoration: underline !important; }
a.randomText19 { font-size: 1.6em !important; font-weight: bold !important; text-transform: capitalize !important; }
a.randomText20 { font-size: 1.6em !important; font-weight: bold !important; text-transform: uppercase !important; }

p.GreyText { color: #708090; }

.divHR { height: 1px;  background-color: #D7D7D8; font-size: 0px; line-height: 0px; margin-top: 8px; }
.LoadingImage { border: 0; z-index: 2; width: 10px !important; padding-top: 3px !important; }
.AverageContentRating { font-weight: bold; }

#OfferForImagesoundLinks { margin: 20px 0px 20px 0px; }
a[href $='.pdf'] { background: transparent url(/Images/Logos/Adobe.png) no-repeat 0 0; padding: 5px 0px 20px 35px; font-size: 1.1em !important; font-weight: bold !important; }