/** *	Added for Interactive Scotland
        David O'Brien 18/01/2010	* **/


/*	Styles not needed for splash - applied to the h1 instead
	#is_splash {
	background-color: #ffffff;
	background-image: url(../i/is_splash.jpg);
	background-repeat: no-repeat;
	background-position: top left;

}
*/

div#content #maincontent {
	background: #fff url(../i/is_bg.jpg) no-repeat right -100px;
}

#maincontent h1 {margin-top: 150px;}

/* Need to find a way to sitch off the bg image on front page 
   Eureka moment - we can use the action attribute of the mainform as this is unique to each page
   This rule targets descendants of the form whose action ends with [the $= bit] interactivescotland.aspx    */

form[action$="interactivescotland.aspx"] div#content #maincontent, form[action$="interactivescotland"] div#content #maincontent  {
	background: none;
}

/* Overruled for the home page */

	#is_splash h1 {
	margin-bottom: -90px;
	height: 250px;
	background: #fff url(../i/is_splash.jpg) no-repeat -20em top;
	/*#fff url(../i/is_splash.jpg) no-repeat top right;*/
}

/*div#is_splash ul.sectionnavigation {
	border-top: 1px solid #6785c1;
	float: right;
	position: relative;
	bottom: 2em;
	right: 1em;
	width: 18em;
	font-size: .8em;
}*/

div#is_splash ul.sectionnavigation {
	float: right;
	position: relative;
	bottom: 3em;
	right: 2em;
	width: 20em;
	font-size: .8em;
}

div#is_splash ul.sectionnavigation li a {
	background: #0356a3 url(../i/link_bg.gif) repeat-x right bottom;
	height: 17px;
	color: #ffffff;
	padding-top: 10px;
	border-bottom: 0;
}

div#is_splash ul.sectionnavigation li a:hover {
	background-position: right top;
}
div#is_splash ul.sectionnavigation li {border-bottom: 2px solid #ffffff; vertical-align: middle;}


div#maincontent h2 {text-transform:uppercase;color:#ffffff;background-color:#999; font-weight:200;}

div#maincontent>h2 {margin-top:0;}

form[action$="interactivescotland.aspx"] div#maincontent {padding-top: 0;}

/*
form[action$="interactivescotland.aspx"] #maincontent>dl {
background: #fff url(is-skyscraper.jpg) no-repeat right top;
padding-right: 180px;
}
*/
form[action$="interactivescotland.aspx"] dl#products dt, form[action$="interactivescotland"] dl#products dt {font-size: 1.3em; color: #365dab;}
form[action$="interactivescotland.aspx"] dt.show, form[action$="interactivescotland"] dt.show {background: url(../i/plus.gif) no-repeat left 4px; padding-left: 16px;}
form[action$="interactivescotland.aspx"] dt.hide, form[action$="interactivescotland"] dt.hide {background: url(../i/minus.gif) no-repeat left 4px; padding-left: 16px;}
form[action$="interactivescotland.aspx"] dt:hover, form[action$="interactivescotland"] dt:hover, #maincontent dt:focus {text-decoration: underline; cursor: pointer; color: #5aba47}
dl#products dd {padding-left: 0; margin-left: 0; max-height: 150px; overflow: hidden;}
dl#products dt{margin-top: 1em;}

form[action$="interactivescotland.aspx"] div#newsresults, form[action$="interactivescotland"] div#newsresults, 
form[action$="interactivescotland.aspx"] div#searchresults, form[action$="interactivescotland"] div#searchresults {float: left; width: 48%;}

form[action$="interactivescotland.aspx"] div#searchresults, form[action$="interactivescotland"] div#searchresults {margin-left: 2%}

form[action$="interactivescotland.aspx"] div#newsresults dt, form[action$="interactivescotland"] div#newsresults dt, 
form[action$="interactivescotland.aspx"] div#newsresults dd, form[action$="interactivescotland"] div#newsresults dd, 
form[action$="interactivescotland.aspx"] div#searchresults dt, form[action$="interactivescotland"] div#searchresults dt, 
form[action$="interactivescotland.aspx"] div#searchresults dd {margin-left: 0; padding-left: 0;}

form[action$="interactivescotland.aspx"] div#searchresults dd.summary, form[action$="interactivescotland"] div#searchresults dd.summary {display: none;}
div.indent {padding-left: 0;}

/* This replaces the list of industries with the wheel image digital-media-industries.jpg */ 

ul#digitalmediaindustries {
text-indent: -999em;
list-style: none;
background: url(../i/digital-media-industries.jpg) no-repeat center center;

height: 575px;
}

/* ** Set background swathe ** */

#page {
   	background-image: url(../i/bg.jpg);
/*   	background-position: right top; */
	background-position: -550px -500px;
   	background-repeat: no-repeat;
   	background-attachment: fixed;
 }
 
 /* ** ... and other colours for front page ** */
 
 #splash {
	background-color: #365dab;
	background-image: url(splash_electronics.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


#sectionheading {
	color: #ffffff;
}

#sectionheading h1 {
	color: #ffffff;
}

#sectionheading li a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #6785c1;
}
	
#sectionheading li a:hover {
	background-color: #ccd6eb;
	color: #365dab;
}

.innercol h2 a {
	color: #ffffff;
}

.innercol li a {
	color: #003399;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
	
.innercol li a:hover {
	background-color: #365dab;
	color: #ccd6eb;
}

#col1 h2 {
	background: #cc0033 url(se2008-red_header.jpg) no-repeat top right;
}

#col1 {
	background-color: #f4ccd6;
}

#col2 h2 {
	background: #5aba47 url(se2008-green_header.jpg) no-repeat top right;
}

#col2 {
	background-color: #cee7c8;
}

#col3 h2 {
	background: #0099ff url(se2008-cyan_header.jpg) no-repeat top right;
}

#col3 {
	background-color: #cdeafa;
}

#col4 h2 {
	background: #ff9900 url(se2008-orange_header.jpg) no-repeat top right;
}

#col4 {
	background-color: #ffd699;
}

#col5 h2 {
	background: #ffcc00 url(se2008-yellow_header.jpg) no-repeat top right;
}

#col5 {
	background-color: #feea98;
}

#col6 h2 {
	background: #365dab url(se2008-blue_header.jpg) no-repeat top right;
}

#col6 {
	background-color: #ccd6eb;
}
	
	/* ** Forms ** */
/* ** 	This sheet specifies Colours and other branding attributes 
		shared styles are specified in the global stylesheet  ** */

fieldset.outer {
	border-color: #99add5;
}

fieldset.outer legend {
	color: #365dab;
	border-color: #99add5;
	background-color: #ffffff;
}

input:focus, select:focus, textarea:focus {
background-color: #cdeafa;
color: #333333;
}

fieldset.inner {
	border-color: #6785c1;
}

fieldset.inner legend {
	color: #6785c1;
}

input.submitbutton {
	color: #cdeafa;
	background-color: #365dab;
}

input.submitbutton:hover, input.submitbutton:focus, input.submitbutton:active {
	color: #365dab;
	background-color: #cdeafa;
	cursor: pointer;
}

/* ** Typography ** */

h1 {
	color: #999;

}

p.larger {color: #4093c2; font: bold 140% Helvetica,Arial,Sans-serif}

p {color: #343434; line-height: 1.6;}

#content #maincontent a:hover {
text-decoration: none !important;
background-color: #4093c2; /* 3aa1db provides insufficuent contrast */
color: #ffffff;
}
a.action:active, a.action:hover {background: none;}