/*
	Screen styles for Edinburgh Inspiring Capital Brand Adopters
*/


/******************** Tags and utilities ********************/

html, body, li, ol, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, dd, dl, dt, blockquote {
	margin:0;
	padding:0;
	border:0;
}

input, select, textarea {
	font:1em/1em Arial, Helvetica, sans-serif;
	font-size:100%;
}

table, th, td {
	font-size:100%;
	text-align:left;
}

body {
	background:#FFF;
	color:#363A43;
	font:0.75em/1.6em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

h1 {
	border:0;
	color:#363A43;
	font-size:1.4em;
	margin:0;
	padding:0;
}

h2 {
	border:0;
	color:#363A43;
	font-size:1.2em;
	margin:0;
	padding:0;
}

h2.subtitle {
	color:#363A43;
	margin:0.25em 0;
}

h3 {
	border:0;
	color:#363A43;
	font-size:1em;
	margin:0;
	padding:0;
}

p {
	border:0;
	margin:0.75em 0;
	padding:0;
}

img {
	border:0;
}

img.right {
	border:0;
	float:right;
	margin:0 0 10px 20px;
	padding:0;
}

img.left {
	border:0;
	float:left;
	margin:0 20px 10px 0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}


.emphasis {
	font-weight:bold;
}

.hide {
	display:none;
}

.clear {
	clear:both;
}

.navInline,
.navInline li {
	display:inline;
}

.smallText {
	font-size:0.9em;
	line-height:1.3em;
}

.right {
	float:right;
}

.left {
	float:left;
}

.required {
	color:#364747;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
}

.linkRow {
	padding-top: 7px;
}

#printerFriendlyLogo 
{
	display: none;
}
/******************** Layout ********************/

.skip {
	display:none;
}

#wrapper {
	border:0;
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:760px !important;
	width /**/:760px;
}

#pageContainer {
	border:0;
	clear:both;
	color:#363A43;
	float:left;
	margin:0;
	padding:0;
	width:760px !important;
	width /**/:760px;
}

#headerPanel {
	background:#363A43;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:760px !important;
	width /**/:760px;
}

#logoLink {
	border:0;
	float:left;
	height:90px;
	margin:0;
	padding:0;
	width:160px !important;
	width /**/:160px;
}

#pageFunctionPanel {
	background:#F5F5F5;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:760px !important;
	width /**/:760px;
}

#contentPanel {
	background:#FFF;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 10px 0;
	width:760px !important;
	width /**/:760px;
}

#subNavColumn {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:150px !important;
	width /**/:150px;
}

#mainColumn {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:610px;
	width /**/:610px;
}

#mainColumn .singleCol {
	width:600px;
	width /**/:600px;
}

#breadcrumbPanel {
	background:#FFF;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:600px !important;
	width /**/:600px;
}

#footerPanel {
	background:#363A43;
	border:0;
	clear:both;
	color:#FFF;
	float:left;
	font-size:0.9em;
	line-height:1.3em;	
	margin:0px 0px 10px 0px;
	padding:0;
	text-align:right;
	width:760px !important;
	width /**/:760px;
}


/******************** Header navigation ********************/

#headerNavPanel {
	border:0;
	float:right;
	margin:0;
	padding:5px 10px 0 0;
	text-align:right;
	width:590px !important;
}

#headerNavPanel ul {
	border:0;
	margin:0;
	padding:0;
}

#headerNavPanel ul.navInline li {
	font-size:0.9em;
	line-height:1.3em;	
	margin:0 3px 0 0;
	padding:0 0 0 6px;
}

#headerNavPanel ul.navInline li a:link,
#headerNavPanel ul.navInline li a:visited {
	color:#FFF;
	text-decoration:none;
}

#headerNavPanel ul.navInline li a:hover,
#headerNavPanel ul.navInline li a:active {
	color:#FFF;
	text-decoration:underline;
}

/******************** Header Image ********************/

#logoContainer 
{
	float:left;
	height:24px;
	margin-left:34px;
	margin-top:19px;
	width:388px;
}

/* IE7 Margin Hack */
*:first-child+html  #logoContainer{
	margin-top:24px;
}

/*  <= IE6 Margin Hack */
* html #logoContainer {
	margin-top:24px;
} 

/******************** Search panel ********************/

#search {
	border:0;
	float:right;
	font-size:0.9em;
	line-height:1.3em;	
	margin:12px 0 0 0;
	padding:0 10px 0 0;
	text-align:right;
	width:160px !important;
}

#search fieldset {
	display:inline;
	vertical-align:middle;
}

#search fieldset span {
	border:0;
	color:#FFF;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}	

#search input {
	background:#FFF;
	border:0;
	margin:0;
	padding:2px;
	width:9em;
}

#search input.button {
	background:#363A43;
	border:0;
	color:#FFF;
	margin:0 0 0 1px;
	padding:0;
	width:auto;
}


/******************** User Log-In Log-Out panel ********************/

#userAccountNav {
	border:0;
	float:right;
	padding:4px 10px 2px 0;
	text-align:right;
	width:300px !important;
}

#userAccountNav ul {
	border:0;
	padding:0;
	margin:0;
}

#userAccountNav ul.navInline li {
	font-size:0.9em;
	line-height:1.3em;	
	margin:0 3px 0 0;
	padding:0 0 0 6px; 
}

#userAccountNav ul.navInline li a:link,
#userAccountNav ul.navInline li a:visited {
	color:#FFF;
	text-decoration:none;
}

#userAccountNav ul.navInline li a:hover,
#userAccountNav ul.navInline li a:active {
	color:#FFF;
	text-decoration:underline;
}



/******************** 3-column layout ********************/

#mainContent3Col {
	border:0;
	float:left;
	margin:10px 0 0 0;
	padding:0 20px;
	width:379px !important;
	width /**/:419px;
}

#sideContent3Col {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:191px !important;
	width /**/:191px;
}


/******************** 3-column alternative layout ********************/

#mainContent3ColAlt {
	border:0;
	float:left;
	margin:10px 0 0 0;
	padding:0 20px;
	width:333px !important;
	width /**/:373px;
}

#sideContent3ColAlt {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:237px !important;
	width /**/:237px;
}


/******************** 2-column layout ********************/

#mainContent2Col {
	border:0;
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	width:580px !important;
	width /**/:600px;
}


/******************** Home page layout ********************/

#contentPanelHome {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 0px 0;
	width:760px !important;
	width /**/:760px;
}

#contentPanelHome h1 {
	color:#FFF;
	font-size:1.6em;
}


#contentPanelHome h2 {
	color:#FFF;
	font-size:1em;
}

#mainContentHome {
	border:0;
	color:#FFF;
	float:left;
	margin:80px 0 40px 0;
	padding:10px;
	width:358px !important;
	width /**/:378px;
}

#homeSideFeature {
	border:0;
	color:#FFF;
	float:right;
	margin:10px 0;
	padding:10px;
	width:234px !important;
	width /**/:254px;
}



#homeFeatures {
	border:0;
	color:#FFF;
	float:left;
	margin: 0px 0px 20px 0px;
	_margin: 0px 0px 0px 0px;	
	padding:0;
	width:760px !important;
	width /**/:760px;
}

.homeFeature {
	background:url() no-repeat top right;
	border:0;
	float:left;
	margin:0;
	padding:10px 0px 0px 10px; /* +138px on right for background image control */
	width:104px !important;
	width /**/:252px;
	
	min-height:108px;
	height:auto !important;
	height:108px;
}

#homeFeature1 {
	margin:0;
}

#homeFeature2,
#homeFeature3 {
	margin:0 0 0 2px;
}

#contentPanelHome a:link,
#contentPanelHome a:visited {
	color:#FFF;
	text-decoration:underline;
}

#contentPanelHome a:hover,
#contentPanelHome a:active {
	color:#FFF;
	text-decoration:none;
}

div.immEditorPanel a,
div.immEditorPanel h1,
div.immEditorPanel h2,
div.immEditorPanel h3{
	color: #FFF;
}


/******************** Main navigation ********************/

#mainNavPanel {
	border:0;
	clear:both;
	margin:0;
	padding:0;
}

#mainNavPanel ul {
	background:#363A43;
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:760px !important;
	width /**/:760px;	
}

#mainNavPanel ul li {
	border:0;
	float:left;
	list-style:none;
	width:10.5em;
	
	height:auto !important;
	height:2.5em;
	min-height:2.5em;
}

#mainNavPanel ul li.notPrimaryNav 
{
	display:none;
}

#mainNavPanel ul li a:link,
#mainNavPanel ul li a:visited,
#mainNavPanel ul li a:hover,
#mainNavPanel ul li a:active,
#mainNavPanel ul li span {
	border:0;
	color:#FFF;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0.75em 0 0.25em 0.5em;
}

#mainNavPanel ul li a.node1,
#mainNavPanel ul li a.node3,
#mainNavPanel ul li a.node5 {
	background:#363A43;
}

#mainNavPanel ul li a.node2,
#mainNavPanel ul li a.node4 {
	background:#363A43;
}

#mainNavPanel ul li a.node6 {
	background:#363A43;
}

#mainNavPanel ul li.selected span.node1,
#mainNavPanel ul li.selected span.node3,
#mainNavPanel ul li.selected span.node5, 
#mainNavPanel ul li.selected a.node1,
#mainNavPanel ul li.selected a.node3,
#mainNavPanel ul li.selected a.node5 {
	background:#FFF;
	color:#363A43;
}

#mainNavPanel ul li.selected span.node2,
#mainNavPanel ul li.selected span.node4, 
#mainNavPanel ul li.selected a.node2,
#mainNavPanel ul li.selected a.node4 {
	background:#FFF;
	color:#363A43;
}

#mainNavPanel ul li.selected span.node6, 
#mainNavPanel ul li.selected a.node6 {
	background:#FFF;
	color:#363A43;
}

#mainNavPanel ul li.oneBeforeSelected a.node1,
#mainNavPanel ul li.oneBeforeSelected a.node3,
#mainNavPanel ul li.oneBeforeSelected a.node5 {
	background:#363A43;
}

#mainNavPanel ul li.oneBeforeSelected a.node2,
#mainNavPanel ul li.oneBeforeSelected a.node4 {
	background:#363A43;
}

#mainNavPanel ul li.oneBeforeSelected a.node6 {
	background:#363A43;
}


/******************** Breadcrumb navigation ********************/

#breadcrumb {
	border:0;
	float:left;
	margin:0;
	padding:3px 0 3px 20px;
}

#breadcrumb li {
	border:0;
	color:#363A43;
	display:inline;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0;
}

#breadcrumb li a:link,
#breadcrumb li a:visited,
#breadcrumb li a:hover,
#breadcrumb li a:active {
	background:url("../../../../images/structure/breadcrumbs/default.gif") center right no-repeat;
	color:#363A43;
	font-weight:normal;
	margin:0 2px 0 0;
	padding:0 7px 0 0;
}


/******************** Page functions ********************/

#pageFunctions {
	border:0;
	font-size:0.9em;
	float:right;
	margin:0 20px 0 0;
	padding:0;
}

#pageFunctions li {
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#pageFunctions li a {
	border:0;
	display:block;
	margin:0 0 0 20px;
	padding:2px 0 2px 16px;
}

#pageFunctions li a.print {
	background:url("../../../../images/structure/functions/print.gif") center left no-repeat;
}

#pageFunctions li a.pdf {
	background: url("../../../../images/structure/functions/pdf.gif") center left no-repeat;
}

#pageFunctions li a.email {
	background: url("../../../../images/structure/functions/email.gif") center left no-repeat;
}


/******************** Sub-navigation ********************/

#subNavPanel {
	border:0;
	font-size:0.9em;
	margin:0;
	padding:0;
	width:150px !important;
	width /**/:150px;
}

#subNavPanel h1,
#subNavPanel div.heading {
	background:#363A43;
	border:0;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:1.2em;
	margin:0;
	font-weight: bold;
	padding:3px 0 3px 12px;
}

#subNavPanel ul {
	border:0;
	list-style:none;
	margin:0;
	padding:0;
	width:150px !important;
	width /**/:150px;
}

#subNavPanel ul li {
	border:0;
	list-style:none;
	margin:0;
	padding:0;
	width:150px !important;
	width /**/:150px;
}

#subNavPanel ul li a:link,
#subNavPanel ul li a:visited,
#subNavPanel ul li a:hover,
#subNavPanel ul li a:active {
	background:#FFF;
	border:0;
	border-bottom:1px solid #F5F5F5;
	color:#363A43;
	display:block;
	margin:0;
	padding:2px 3px 2px 12px;
	width:135px !important;
	width /**/:150px;
}

#subNavPanel ul li span.selected,
#subNavPanel ul li a.selected:link,
#subNavPanel ul li a.selected:visited,
#subNavPanel ul li a.selected:hover,
#subNavPanel ul li a.selected:active {
	background:#363A43;
	border:0;
	border-bottom:1px solid #F5F5F5;
	color:#FFF;
	display:block;
	margin:0;
	padding:2px 3px 2px 12px;
	width:135px !important;
	width /**/:150px;
}

#subNavPanel ul li ul li a:link,
#subNavPanel ul li ul li a:visited,
#subNavPanel ul li ul li a:hover,
#subNavPanel ul li ul li a:active {
	background:#FFF url("../../../../images/structure/bullets/subNav.gif") 14px center no-repeat;
	border:0;
	border-bottom:1px solid #FFF;
	color:#363A43;
	display:block;
	font-weight:normal;
	padding:2px 3px 2px 22px;
	width:125px !important;
	width /**/:150px;
}

#subNavPanel ul li ul li span.selected,
#subNavPanel ul li ul li a.selected:link,
#subNavPanel ul li ul li a.selected:visited,
#subNavPanel ul li ul li a.selected:hover,
#subNavPanel ul li ul li a.selected:active {
	background:#FFF url("../../../../images/structure/bullets/subNav.gif") 14px center no-repeat;
	border:0;
	border-bottom:1px solid #FFF;
	color:#363A43;
	display:block;
	font-weight:bold;
	padding:2px 3px 2px 22px;
	width:125px !important;
	width /**/:150px;
}

#subNavPanel ul li ul li ul li a:link,
#subNavPanel ul li ul li ul li a:visited,
#subNavPanel ul li ul li ul li a:hover,
#subNavPanel ul li ul li ul li a:active {
	background:#FFF url("../../../../images/structure/bullets/subNav.gif") 24px center no-repeat;
	border:0;
	border-bottom:1px solid #FFF;
	color:#363A43;
	display:block;
	font-weight:normal;
	padding:2px 3px 2px 32px;
	width:115px !important;
	width /**/:150px;
}

#subNavPanel ul li ul li ul li span.selected,
#subNavPanel ul li ul li ul li a.selected:link,
#subNavPanel ul li ul li ul li a.selected:visited,
#subNavPanel ul li ul li ul li a.selected:hover,
#subNavPanel ul li ul li ul li a.selected:active {
	background:#FFF url("../../../../images/structure/bullets/subNav.gif") 24px center no-repeat;
	border:0;
	border-bottom:1px solid #FFF;
	color:#80002E;
	display:block;
	font-weight:bold;
	padding:2px 3px 2px 32px;
	width:115px !important;
	width /**/:150px;
}


/******************** Footer ********************/

#footerPanel ul {
	border:0;
	display:block;
	margin:0;
	padding:5px 12em;
	text-align:center;
}

#footerPanel ul li {
	margin:0 3px 0 0;
	padding:0 0 0 6px;
}

#footerPanel ul li a:link,
#footerPanel ul li a:visited,
#footerPanel ul li a:hover,
#footerPanel ul li a:active {
	color:#FFF;
}

#footerPanel span.copy {
	border:0;
	float:right;
	margin:5px 0 0 0;
	padding:0 10px 0 0;
}


/******************** Feature panels ********************/

.featurePanel {
	background:#F5F5F5;
	border:0;
	margin:10px 0 0 0;
	padding:10px;
}

.featurePanel h2 {
	font-size:1.2em;
}

.featurePanel h3 {
	font-size:1em;
}

.featurePanel ul {
	border:0;
	list-style:none;
	margin:0;
	padding:4px 0 10px 0;
}

.featurePanel ul li {
	background:url("../../../../images/structure/bullets/featurePanel.gif") center left no-repeat;
	border:0;
	font-size:0.9em;
	line-height:1.3em;
	list-style:none;
	margin:0;
	padding:1px 0 1px 10px;
}

.featurePanel ul li a:link,
.featurePanel ul li a:visited,
.featurePanel ul li a:hover,
.featurePanel ul li a:active {
}


/******************** Feature lists ********************/

#mainContent2Col ul.featureList {
	border:0;
	float:left;
	list-style:none;
	margin:4px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

#mainContent3Col ul.featureList {
	border:0;
	float:left;
	list-style:none;
	margin:5px 0;
	padding:0;
	width:379px !important;
	width /**/:379px;
}

#mainContent2Col ul.featureList li {
	border:0;
	float:left;
	margin: 5px 10px 5px 0;
	_margin:5px 6px 5px 0; /* Underscore hack for IE6 only */
	padding:0;
}

#mainContent3Col ul.featureList li {
	border:0;
	float:left;
	margin:5px 9px 5px 0;
	padding:0;
}

#mainContent2Col ul.featureList li img,
#mainContent3Col ul.featureList li img {
	border:0;
	display:block;
	margin:0;
	padding:0;
}

#mainContent2Col ul.featureList li div.wrapper {
	border:1px solid #EEE;
	float:left;
	margin:0;
	padding:10px;
	width:168px !important;
	width /**/:190px;
}

#mainContent3Col ul.featureList li div.wrapper {
	border:1px solid #EEE;
	float:left;
	margin:0;
	padding:10px;
	width:163px !important;
	width /**/:185px;
}

#mainContent2Col ul.featureList li div.longPanel {
	border:1px solid #EEE;
	float:left;
	margin:0;
	padding:10px;
	width:163px !important;
	width /**/:185px;
	height: 230px;
}

#mainContent2Col ul.featureList li.newRow,
#mainContent3Col ul.featureList li.newRow {
	clear:both;
}

#mainContent2Col ul.featureList li.lastNode,
#mainContent3Col ul.featureList li.lastNode {
	margin-right:0;
}


/******************** Link lists ********************/

ul.linkList {
	border:0;
	list-style:none;
	margin:5px 0;
	padding:0;
}

#mainContent2Col ul.linkList {
	border:0;
	list-style:none;
	margin:5px 0;
	padding:0;
	width:168px !important;
	width /**/:168px;
}

#mainContent3Col ul.linkList {
	border:0;
	list-style:none;
	margin:5px 0;
	padding:0;
	width:163px !important;
	width /**/:163px;
}

ul.linkList li {
	background:url("../../../../images/structure/bullets/featurePanel.gif") center left no-repeat;
	border:0;
	clear:both;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	width:100%;
}

#mainContent2Col ul.linkList li {
	background:url("../../../../images/structure/bullets/featurePanel.gif") center left no-repeat;
	border:0;
	clear:both;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	width:158px !important;
	width /**/:168px;
}

#mainContent3Col ul.linkList li {
	background:url("../../../../images/structure/bullets/featurePanel.gif") center left no-repeat;
	border:0;
	clear:both;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	width:153px !important;
	width /**/:163px;
}

ul.linkList li a:link,
ul.linkList li a:visited,
ul.linkList li a:hover,
ul.linkList li a:active {
}


/******************** Quotes [todo] ********************/

.quotePanel {
	background:#FFF;
	border:0;
	margin:10px 0 0 0;
	padding:0;
}

.quotePanel img {
	display:block;
}

.quote {
	background:#F5F5F5 url("../../../../images/structure/quotes/open.gif") top left no-repeat;
	border:0;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}

.quote blockquote {
	background:url("../../../../images/structure/quotes/close.gif") bottom right no-repeat;
	border:0;
	margin:0;
	padding:0;
}

.quote blockquote p {
	border:0;
	color:#3A3A42;	
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:10px 24px 0 24px;
}

.quote p.author {
	padding:0 0 10px 24px;
}


/******************** Opinion polls [todo] ********************/

.opinionPollQuestions {
	border-collapse:collapse;
	margin-top: 5px;
	margin-left:16px;
	width:80%;
}

.opinionPollQuestions td {
	background-color:#F5F5F5;
	border-bottom:4px solid #FFF;
	padding:2px 4px;
}

.opinionPollQuestions input {
	vertical-align:middle;
}

.opinionPollQuestions label {
	padding-left:4px;
}

.opinionPollButton {
	background-color:#36373C;
	border:1px solid #36373C;
	color:#FFF;
	margin:7px 0 5px 16px;
	padding:2px 5px;
	width:auto;
}

.opinionpolls {
	border:0;
	margin:10px 0 0 0;
	padding:0;
}

.opinionpolls li {
	background-color:#F5F5F5;
	margin-bottom:3px;
	height:2em;
	list-style-type:none;
	/*overflow:hidden;*/
	padding:0 0 0 5px;
}

.opinionpolls h4 {
	float:left;
	font-size:1.2em;
	margin:0;
	padding:0 3.6em 0 0;
}

.opinionresults {
	background:#36373C url("../../../../images/structure/opinionpolls/opinionpoll_bg.gif") repeat-y 0 0;
	color:#363A43;
	float:right;
	height:2em;
	padding-top:2px;
	text-align:left;
	width:220px;
}

.opinionresults span {
	position:relative;
	left:-3.4em;
}


/******************** Lists ********************/

ul.list,
ul.results,
ul.documentList {
	border:0;
	float:left;
	list-style:none;
	margin:10px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

ul.list li,
ul.documentList li {
	background-color:#FFF;
	border:0;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin:0;
	padding:10px;
	width:570px !important;
	width /**/:590px;
}

ul.results li {
	background-color:#FFF;
	border:0;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin:0;
	padding:10px 0;
	width:590px !important;
	width /**/:590px;
}

ul.list li.stripe,
ul.documentList li.stripe {
	/*background-color:#F5F5F5;*/
}

ul.list li em,
ul.results li em,
ul.documentList li em {
	border:0;
	font-size:1.1111em;
	font-style:normal;
	font-weight:bold;
	padding:0;
	margin:0;
}

ul.list li img,
ul.documentList li img {
	border:0;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

ul.list li div {
	border:0;
	float:right;
	margin:0;
	padding:0;
	width:460px !important;
	width /**/:460px;
}

ul.documentList li div {
	border:0;
	float:right;
	margin:0;
	padding:0;
	width:500px !important;
	width /**/:500px;
}

.relevance {
	border:0;
	font-weight:bold;
	margin:0;
	padding:0;
}

/******************** List page counter ********************/

#mainContent2Col div.pageCounter {
	width:590px !important;
	width /**/:590px;
}

#mainContent3Col div.pageCounter {
	width:379px !important;
	width /**/:379px;
}

div.pageCounter {
	background:#FFF;
	border:0;
	float:left;
	clear: both;
	margin:10px 0;
	padding:0;
	text-align:right;
}

div.pageCounter div {
	float:right;
}

div.pageCounter p {
	border:0;
	float:left;
	font-weight:bold;
	margin:3px 10px 0 0;
	padding:0;
}

div.pageCounter ul {
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div.pageCounter ul li {
	border:0;
	float:left;
	margin:0;
	padding:0;
}

div.pageCounter ul li a:link,
div.pageCounter ul li a:visited {
	background:#FFF;
	border:1px solid #F5F5F5;
	color:#363A43;
	display:block;
	float:left;
	margin:0 2px;
	padding:3px 7px;
	text-decoration:none;
}

div.pageCounter ul li a:hover,
div.pageCounter ul li a:active {
	background:#F5F5F5;
	border:1px solid #F5F5F5;
	color:#363A43;
	display:block;
	float:left;
	margin:0 2px;
	padding:3px 7px;
	text-decoration:none;
}

div.pageCounter ul li.selected a:link,
div.pageCounter ul li.selected a:visited,
div.pageCounter ul li.selected a:hover,
div.pageCounter ul li.selected a:active {
	background:#F5F5F5;
	border:1px solid #F5F5F5;
	color:#363A43;
	display:block;
	float:left;
	font-weight:bold;
	margin:0 2px;
	padding:3px 7px;
	text-decoration:none;
}

/******************** Forms ********************/

fieldset.form {
	background:#F5F5F5;
	border:0;
	clear:both;
	float:left;
	margin:20px 0;
	padding:10px 20px;
	width:550px !important;
	width /**/:590px;	
}

fieldset.form fieldset {
	margin:0;
}

fieldset.form h3,
fieldset.form fieldset h3 {
	margin:5px 0;
}	

fieldset.form table tr th {
	text-align: left;
}

div.field {
	border:0;
	clear:both;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	width:550px !important;
	width /**/:550px;
}

div.field div.question {
	border:0;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:200px !important;
	width /**/:200px;	
}

div.field em,
div.field div.question em {
	color:#364747;
	cursor:help;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
}

div.field div.answer {
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:300px !important;
	width /**/:300px;	
}

div.field div.answer input.inputBox
{
	width: 220px;
}
div.field div.answer select.inputBox
{
	width: 205px;
}

div.indent {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 0 220px;
}

input.text,
textarea.text,
select.text {
	width:228px !important;
	width /**/:240px;	
}

fieldset.form input.button {
	background:#363A43;
	border:1px solid #363A43;
	color:#FFF;
	cursor:pointer;
	float:right;
	margin:10px 0;
	padding:2px 5px;
}	

.mandatory {
	color:#364747;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
}

div.validationSummary {
	color: #FF0000;
}

div.validationSummary div ul {
	border:0;
	list-style:none;
	margin:0;
	padding:4px 0 10px 0;
}

div.validationSummary div ul li {
	background:url("../../../../images/structure/bullets/error.gif") center left no-repeat;
	border:0;
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:1px 0 1px 10px;
}


/******************** Alt forms ********************/

div.altFormPanel {
	border:0;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

fieldset.altForm {
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0;
	width:590px !important;
	width /**/:590px;
}

div.altFormHeading {
	background:#F5F5F5;
	border:0;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:5px 10px;
	width:570px !important;
	width /**/:590px;
}

div.altFormItem {
	border:0;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

div.altFormButton {
	border:0;
	clear:both;
	float:left;
	margin:10px 0;
	padding:0;
	text-align:right;
	width:590px !important;
	width /**/:590px;
}

div.altFormInfo {
	border:0;
	clear:both;
	float:left;
	margin:10px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

div.altFormButton input.button {
	background:#363A43;
	border:0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:3px 5px;
}


/******************** .NET log-in form [todo] ********************/

table.logInForm tr td table {
	background:#F5F5F5;
	border:0;
	border-collapse:collapse;
	clear:both;
	float:left;
	margin:20px 0;
	padding:0;
	width:588px !important;
	width /**/:588px;	
}

table.logInForm {
	background:#F5F5F5;
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:550px !important;
	width /**/:550px;	
}

table.logInForm tr td table tr td.title h3 {
	margin:5px 0;
	padding:0 0 0 20px;
}	

table.logInForm tr td table tr td.question {
	border:0;
	margin:0 20px 0 0;
	padding:0 0 0 20px;
	width:200px !important;
	width /**/:220px;
}

table.logInForm tr td table tr td.question em {
	color:#628384;
	cursor:help;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
}

table.logInForm tr td table tr td input.text {
	border:1px solid #888;
	border-right-color:#BBB;
	border-bottom-color:#BBB;
	margin:0;
	padding:2px 5px;
	width:228px !important;
	width /**/:240px;
}

table.logInForm tr td table tr td .validator {
	display:block;
}

table.logInForm tr td table tr td input.button {
	background:#363A43;
	border:1px solid #363A43;
	color:#FFF;
	cursor:pointer;
	float:right;
	margin:10px 20px 10px 0;
	padding:2px 5px;
}


/******************** Basket navigation ********************/

#basketNavPanel {
	border:0;
	clear:both;
	margin:0;
	padding:0;
}

#basketNavPanel ul {
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:590px !important;
	width /**/:590px;	
}

#basketNavPanel ul li {
	background:#F5F5F5;
	border:0;
	color:#858585;
	float:left;
	list-style:none;
	margin:0 10px 0 0;
	padding:5px 14px 5px 7px;
}

#basketNavPanel ul li.lastNode {
	margin:0;
}

#basketNavPanel ul li.selected {
	color:#363A43;
	font-weight:bold;
}


/******************** Image details list ********************/

h2.imageDetailsHeading {
	background:#F5F5F5;
	border:1px solid #EEE;
	color:#363A43;
	float:left;
	margin:10px 0 0 0;
	padding:5px 10px;
	width:568px !important;
	width /**/:590px;	
}

ul.imageDetailsList {
	border:0;
	float:left;
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

ul.imageDetailsList li {
	border:1px solid #EEE;
	float:left;
	margin:5px 0;
	padding:0;
	width:588px !important;
	width /**/:590px;
}

ul.imageDetailsList li div.imageDetails {
	border:0;
	border-right:1px solid #EEE;
	display:block;
	float:left;
	margin:0;
	padding:10px;
	width:169px !important;
	width /**/:190px;
}

ul.imageDetailsList li div.imageFormats {
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:10px;
	width:200px !important;
	width /**/:220px;
}

ul.imageDetailsList li div.imageFormats ul.formatList {
	border:0;
	float:left;
	list-style:none;
	margin:0;
	padding:4px 0 10px 0;
}

ul.imageDetailsList li div.imageFormats ul.formatList li {
	background:url("../../../../images/structure/bullets/featurePanel.gif") center left no-repeat;
	border:0;
	font-size:0.9em;
	line-height:1.3em;
	list-style:none;
	margin:0;
	padding:1px 0 1px 10px;
	width:190px !important;
	width /**/:200px;
}

ul.imageDetailsList li div.imageHelp {
	border:0;
	border-left:1px solid #EEE;
	display:block;
	float:left;
	margin:0;
	padding:10px;
	width:157px !important;
	width /**/:178px;
}

div.imageDetailsBack {
	border:1px solid #363A43;
	float:left;
	margin:0 0 10px 0;
	padding:5px 10px;
	width:568px !important;
	width /**/:590px;	
}


/******************** 3-column alternative layout styles ********************/

.videoInfo {
	background:#FFF url("../../../../images/structure/icons/plus.gif") no-repeat 308px center ;
	border:1px solid #EAEAEA;
	border-top:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px 30px 10px 20px;
	width:281px !important;
	width /**/:333px;
}

.highlightBox {
	background:#F5F5F5;
	border:0;
	clear:both;
	float:left;
	margin:0;
	padding:10px;
	width:313px !important;
	width /**/:333px;
}

a.linkButton:link,
a.linkButton:visited,
a.linkButton:hover,
a.linkButton:active {
	background:#363A43;
	border:0;
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:3px 5px;
	text-decoration:none;
}


/******************** Video features ********************/

.videoFeature {
	background:#F5F5F5;
	border:0;
	clear:both;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:237px !important;
	width /**/:237px;
}

.videoFeature img {
	border:0;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	width:109px !important;
	width /**/:109px;
}

.videoFeature div.videoLinks {
	border:0;
	float:left;
	margin:10px 10px 10px 0;
	padding:0;
	width:108px !important;
	width /**/:108px;
}

.videoFeature div.videoDetails {
	border:0;
	clear:both;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin:0;
	padding:0 10px 10px 10px;
	width:217px !important;
	width /**/:237px;
}


/******************** Image details ********************/

.imageDetailsBox {
	background:url("../../../../images/structure/backgrounds/imageDetails.gif") repeat-y top left;
	border:1px solid #EEE;
	clear:both;
	float:left;
	margin:10px 0;
	padding:0;
	width:588px !important;
	width /**/:590px;
}

.imageDetails {
	background:#F5F5F5;
	border:0;
	float:left;
	margin:0;
	padding:10px;
	width:385px !important;
	width /**/:405px;
}

.imageDetails div.image {
	text-align:center;
	width:385px !important;
	width /**/:385px;
}

.imageInfo {
	border:0;
	float:left;
	margin:0;
	padding:10px;
	width:163px !important;
	width /**/:183px;	
	/*min-height: 95px;*/
    /* Hack to force min-height in IE6 */
	/*height: auto !important;
	height: 95px;*/
}

.imageDetails table {
	width:384px;
}


/******************** Library search ********************/

.librarySearchBox {
	background:#EEE;
	border:0;
	font-size:0.9em;
	line-height:1.3em;
	margin:0;
	padding:10px;
	width:130px !important;
	width /**/:150px;	
}

.librarySearchBox input#keyword {
	margin:0 0 5px 0;
	padding:2px;
	width:126px !important;
	width /**/:130px;	
}

.librarySearchBox select#category {
	margin:0 0 5px 0;
	padding:0;
	width:130px !important;
	width /**/:130px;
}


/******************** Library results lists ********************/

ul.libraryList {
	border:0;
	float:left;
	list-style:none;
	margin:5px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

ul.libraryList li {
	border:0;
	float:left;
	margin:5px 10px 5px 0;
	padding:0;
	width:140px !important;
	width /**/:140px;
}

ul.libraryList li div.image {
	float:left;
	height:170px !important;
	height /**/:170px;	
	margin:0;
	padding:0;
	width:118px !important;
	width /**/:140px;
	
	position:relative;
}

ul.libraryList li img {
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
	
	position:absolute;
	bottom:0;
}

ul.libraryList li div.imageInfo {
	border:1px solid #EEE;
	float:left;
	margin:0;
	padding:10px;
	width:118px !important;
	width /**/:140px;
	overflow:hidden;
	
	font-size:0.9em;
	line-height:1.3em;
	height:100px;
}

ul.libraryList li div.selectImage {
	border:1px solid #EEE;
	border-top:0;
	float:left;
	margin:0;
	padding:5px 10px 5px 6px;
	width:122px !important;
	width /**/:140px;
}

ul.libraryList li div.selectImage div.savedImage 
{
	padding-top: 2px;
	padding-left: 6px;
}

ul.libraryList li.newRow {
}

ul.libraryList li.lastNode {
	margin-right:0;
}

/******************** Library item  page ********************/
.brandImageLibraryMainImage
{
    max-width: 385px;
    max-height: 385px;
}

/******************** Brand Materials Check Out ********************/


#brandMatCheckOutProgressBar  
{
    border: 0px;
    margin: 15px 0px 15px 0px;
    padding: 0px;
    float: none;
}

#brandMatCheckOutProgressBar li 
{ 
	padding: 5px 10px 5px 10px;
    display: inline;
    text-align: center;
    margin-right: 5px;
    width: 130px;
    background-color: #F5F5F5;
    color: #9D9D9D;
    vertical-align: middle;
}

#brandMatCheckOutProgressBar li.last 
{
	margin-right: 0;
}

#brandMatCheckOutProgressBar li.current
{ 
    font-weight: bold;
    background-color: #DEDEDE;
    color: #000000;
}

ul#brandMatCheckOutProgressBar li input {
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: 130px;
}

ul#brandMatCheckOutProgressBar li div.link 
{
    display: inline;
}

ul#brandMatCheckOutProgressBar li div.nonLink 
{
    display: inline;
    margin-top: 1px;
    margin-bottom: 2px;
}




.brandMatFormArea
{
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.brandMatFormArea h3
{
    margin-bottom: 5px;
}

.basketButton
{
    background-color: #31353E;
    color: #FFFFFF;
    padding: 5px;
    margin: 5px;
    border: 0px;
    /*float:right;*/
}

.checkOutButtonBar
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.checkOutButtonBar .leftButtonArea
{
    float: left;
}

.checkOutButtonBar .rightButtonArea
{
    float: right;
}

#brandMatBasket
{
    width: 590px;
}

#brandMatBasket thead tr
{
    padding: 5px 5px 10px 5px;
    background-color: #F5F5F5;
}

#brandMatBasket tr
{
    padding: 5px;
}

#brandMatBasket tr th.description
{
    width: 300px;
}

#brandMatBasket tr th.quantity,
#brandMatBasket tr td.quantity
{
    width: 125px;
    text-align: center;
}

#brandMatConfirmBasket
{
    width: 580px;
    margin-left: 5px;
    float: left;
}
#brandMatConfirmBasket thead tr td
{
    border-bottom: 1px solid #F5F5F5;
}

#brandMatConfirmBasket tr td 
{
    padding: 2px 2px 10px 5px;
    border-color: #F5F5F5;    
}

div.brandMatConfirmBanner
{
    float: left;
    padding: 5px;
    background-color: #F5F5F5;
}  
div.brandMatConfirmBanner h3
{
    float: left;
    font-size: 1.2em;
    padding-left: 5px;
}

div.brandMatConfirmBannerChange
{
    float: right;
    background-color: #F5F5F5;
}

div.brandMatConfirmBanner div.brandMatConfirmBannerChange input {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	cursor: pointer;
}

.brandMatConfirmDetails
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 0px 0px 10px;
}

.basketLink
{
	float: right; 
	text-align: right; 
	border: 1px solid #F5F5F5; 
	padding: 2px 10px 0px 10px; 
	margin: 2px 0px 2px 2px;	
}


/*************** Brand Supporters Page *********************/

#mainContent3Col ul.supporterList {
	border:0;
	float:left;
	list-style:none;
	margin:5px 0;
	padding:0;
	width:379px !important;
	width /**/:379px;
}

#mainContent3Col ul.supporterList li {
	border:0;
	float:left;
	margin:5px 9px 5px 0;
	padding:0;
}

#mainContent3Col ul.supporterList li.newRow {
	clear:both;
}

#mainContent3Col ul.supporterList li.lastNode {
	margin-right:0;
}

#mainContent3Col ul.supporterList li div.supporter {
	border:1px solid #EEE;
	float:left;
	margin:0;
	padding: 0px 10px 10px 10px;
	width:163px !important;
	width /**/:185px;
}


#mainContent3Col ul.supporterList li div.supporter div.centredImageSpace {
	display: table; 
	height: 120px; 
	width: 163px; 
	overflow: hidden;
	*position: relative; 
}

#mainContent3Col ul.supporterList li div.supporter div.centredImageSpace div.centredImageFrame {
	*position: absolute; 
	*top: 50%; 
	display: table-cell; 
	vertical-align: middle;
}

#mainContent3Col ul.supporterList li div.supporter div.centredImageSpace div.centredImageFrame p.centredImage {
	 *position: relative; 
	 *top: -50%;
}

#mainContent3Col ul.supporterList li div.supporter div.centredImageSpace div.centredImageFrame p.centredImage img {
	border:0;
	margin:0;
	padding:0;
}

/********************* My Saved Images *******************/
#mySavedImagesList {
	margin-top: 10px;
	margin-bottom: 15px;
}

#mySavedImagesList #filterPanel h2 { 
	float: left;
}
	
#mySavedImagesList #filterPanel #filterForm { 
	float: right;
}

#mySavedImagesList .filterPanel {
	clear: both;
}

#mySavedImagesList table, #mySavedImagesList tr, #mySavedImagesList td, #mySavedImagesList th
{
	border:1px solid #eee;
	border-collapse:collapse;
}

#mySavedImagesList table
{
	width:100%;
}

#mySavedImagesList #headerRow {
	font-weight: bold;
	background-color: #f5f5f5;
}
	
#mySavedImagesList #headerRow th
{
	text-align: center;
}
	
#mySavedImagesList #headerRow th.details
{
	text-align: left;
	padding-left: 8px;
}
	
#mySavedImagesList .resultsRow {
	vertical-align: middle; 
}

#mySavedImagesList td.details {
	padding-left: 8px;
	padding-top: 8px;
}

#mySavedImagesList td.details h3 {
	margin-top: 0px;
	padding-top: 0px;
}

#mySavedImagesList  td.details img {
	float:left; 
	margin: 0px 8px 8px 0px;
}

#mySavedImagesList  td.details div.imageWrapper {
	width: 150px; 
	float: left;
}

#mySavedImagesList td.prevDownload,
#mySavedImagesList td.download,
#mySavedImagesList td.remove {
	width: 75px;
	text-align: center;
	vertical-align: middle; 
}

#mySavedImagesList td.remove input 
{
	text-align: center;
	cursor:default;
}

.mySavedImagesSectionBreak {
	clear: both;
}

/********************* Image Download Area *******************/

#downloadSavedImagesList table, #downloadSavedImagesList tr, #downloadSavedImagesList td, #downloadSavedImagesList th
{
	border:1px solid #eee;
	border-collapse:collapse;
}

#downloadSavedImagesList table
{
	width:100%;
}

#downloadSavedImagesList #headerRow th
{
	font-weight: bold;
	background-color: #f5f5f5;
	padding-left:9px;
}

#downloadSavedImagesList td
{
	vertical-align:top;
	padding:9px;
}

#downloadSavedImagesList td p
{
	margin:0;
}

#downloadSavedImagesList td.instructions
{
	width:150px;
}

/******************** Immediacy Search Results ********************/

ul#searchResults {
	border:0;
	float:left;
	list-style:none;
	margin:10px 0;
	padding:0;
	width:590px !important;
	width /**/:590px;
}

ul.searchResults li {
	background-color:#FFF;
	border:0;
	float:left;
	margin:0;
	padding:10px;
	width:570px !important;
	width /**/:590px;
}


div.searchResultHeading span.searchResultRelevance {
	font-weight: bold;
}


div.searchResultSummary {
	margin-bottom: 10px;
}


/******************** Site Map ********************/

ul.siteMap {
    margin-left:0px;
}

ul.siteMap li {
    list-style:none;
    margin-bottom: 10px;
}

ul.siteMap li a {   
    font-size:1.3em;  
}
    
ul.siteMap li ul li {
    list-style: square;
    margin-bottom: 0px;
}

ul.siteMap li ul li a {
    font-size:1.0em;
}

ul.siteMap li ul li ul li {
    list-style: disc;
    font-size:1.0em;
}

ul.siteMap li ul li ul li ul li{
    list-style: circle;
}  


/* 
 *   CSS hack for EDITOR only - currently disabled
 *
 */
/*
html body h1,
html body h2,
html body h3,
html body p a:link,
html body p a:visited,
html body p a:hover,
html body p a:active,
html body h1 a:link,
html body h1 a:visited,
html body h1 a:hover,
html body h1 a:active,
html body h2 a:link,
html body h2 a:visited,
html body h2 a:hover,
html body h2 a:active,
html body h3 a:link,
html body h3 a:visited,
html body h3 a:hover,
html body h3 a:active
{
	background-color: #ffffff;
}*/

