﻿/* COLOUR LEGEND */
/*
Blue Links: #1865b2
Purple Links: #4D3069
Light Blue Main Background Color: #e9f2f4
Body Text Color: #333333
Lilac Highlight BG: #E4E0E9
Lilac Lowlight BG: #D2CBD9
Pale Blue Highlight BG: #E7EFF4
Pale Blue Lowlight BG: #C5DBE8
Button BG: #1865B2
Teal Text Color: #00606E
Purple Link Hover Color: #9945a5

*/
/*  CONTENTS
	1.0 RESETS
	2.0 HTML ELEMENTS - GENERIC STYLES
	6.0 CLEARING AND GENERIC log
*/





/* ================================================================== 1.0 RESETS ================================================================== */
*
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

/* ================================================================== 2.0 HTML ELEMENTS ================================================================== */

/* ================================= 2.1 FONT SIZING ================================= */
body
{
	background: #e9f2f4;
	color: #333333;
	font-size: 62.5%;
	line-height: normal;
}

p, .validator, li, th, td, label, blockquote
{
	font-size: 1.2em;
}

code, kbd, pre
{
	font-size: 1.2em;
}

small
{
	font-size: .9em;
}

li
{
	font-size: 1.2em;
}

li
{
	font-size: 1em;
}

fieldset h3
{
	font-size: 1em;
}
/* ================================= 4.1 SHORTCUTS ========================= */
.shortcuts ul, .shortcuts ul li
{
	height: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.shortcuts li
{
	position: relative;
	width: 100%;
	z-index: 10000;
}

	.shortcuts li a
	{
		display: block;
		left: -500px;
		position: absolute;
		top: -500px;
	}

		.shortcuts li a:focus, .shortcuts li a:active
		{
			background: #DDE9F1;
			color: #4D3069;
			left: 0;
			padding: 3px 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}

.toplink
{
	height: 1px;
	left: -500px;
	overflow: hidden;
	position: absolute;
	width: 50%;
}

/* ================================= 2.2 FORMAT ================================= */
abbr, acronym, dfn
{
	border: 0;
	cursor: help;
}

a abbr, a acronym, a dfn
{
	cursor: pointer;
}

pre, address
{
}

p
{
	line-height: 1.6em;
	padding: 0 0 18px 0;
}

blockquote
{
	line-height: 1.6em;
	padding: 0 0 18px 0;
}

p.intro
{
	font-size: 1.4em;
	line-height: 1.3em;
}
/*  FORMAT > fonts  */
body, input, textarea, select
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

input, textarea, select
{
	color: #666;
	font-size: 1.2em;
}

em, i
{
	font-style: italic;
}

strong, b
{
	font-weight: bold;
}

dfn
{
	font-style: normal;
}

cite
{
	font-style: italic;
}

code, kbd, pre
{
	font-family: "Courier New",Courier,mono;
}

.time
{
	font-size: 1.1em;
	padding-right: 12px;
}
/* ================================= 2.3 ANCHORS ================================= */
a
{
	color: #1865b2;
	text-decoration: none;
}

	a:hover, a:focus, a:active
	{
		color: #9945a5;
		text-decoration: underline;
	}

#content a
{
	border-bottom: 1px dotted #1865b2;
}

	#content a:hover, #content a:focus, #content a:active, .sidebar-after #sidebar a:hover, .sidebar-after #sidebar a:focus, .sidebar-after #sidebar a:active
	{
		border-bottom: 1px solid #9945a5;
		color: #9945a5;
		text-decoration: none;
	}

.header a
{
	border-bottom: 0;
}

.header-bar
{
	background-color: #4D3069;
	border-bottom: solid 4px #3377BA;
	height: 55px;
	text-align: right;
	width: 100.2%;
}

#maindiv a.link-style-1
{
	background: url(../images/layout/link-1-arrow.png) no-repeat right top;
	border-bottom: none;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
	padding-right: 15px;
	text-decoration: none;
}

	#maindiv a.link-style-1:hover, #maindiv a.link-style-1:focus, #maindiv a.link-style-1:active
	{
		background-image: url(../images/layout/link-1-arrow-hover.png);
	}

.view-content table, td {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0;
}

.view-content {
	background-color: #fff;
	font-size: 120%;
	line-height: 20px;
	padding: 30px;
}

a.link-style-1 span
{
	background: #e9f2f4;
	border-bottom: 1px solid #b2c4d6;
	display: block;
	padding: 9px 10px 6px 12px;
}

a.link-style-1:hover span, a.link-style-1:focus span, a.link-style-1:active span
{
	background-color: #f4f8f9;
	border-bottom: 1px solid #b7c8d9;
}

a.selected-country
{
	border-bottom: none;
	border-left: 1px solid #dceaed;
	color: #44535c;
	font-size: 1.2em;
	line-height: 0.9em;
	padding: 5px 27px 7px 22px;
}

	a.selected-country img
	{
		border-bottom: #c4c4c4;
		float: left;
		margin-right: 7px;
	}

	a.selected-country span
	{
		float: left;
	}

/* ================================= 2.4 HEADERS ================================= */
h1, h2, h3, h4, h5, h6
{
	color: #333333;
}

h1, .heading1
{
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 20px 5px 0px;
}

h2, #maindiv .network-activity h2
{
	border-bottom: 1px solid #d6d7d8;
	color: #333333;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 17px 0;
	padding-bottom: 8px;
}

h3
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

h4
{
	font-size: 1.2em;
	margin-bottom: 4px;
}
/* ================================= 2.5 LISTS ================================= */
ul, ol, dl
{
	padding: 0 0 1em 0;
}

	ul ul, ol ol, ol ul, ul ol
	{
		margin: 0 0 0 2em;
		padding: 0;
	}

ul
{
	list-style-type: square;
}

ol
{
	list-style-type: decimal;
}

li
{
	margin: 0 0 0 2em;
	padding: 0 0 8px 0;
}

ol li
{
	margin: 0 0 0 2.4em;
}

.header li, .footer li, .related-content li, .breadcrumb li, .share li, .utility-menu li
{
	padding-bottom: 0;
}

/*cta-lists: 1 - blue right, 2 - purple right, 3 - blue left, 4 - purple right*/
#maindiv a.cta-link-1, .notification a.cta-link-1, a.pdf, .cta-list-1 li a, .services li a, .hero-list li a, #maindiv a.cta-link-2, .cta-list-2 li a
{
	border: none;
	text-decoration: none;
}

	#maindiv a.cta-link-1 span, .notification a.cta-link-1 span, a.pdf span, .cta-list-1 li a span, .services li a span, .hero-list li a h2 span, .hero-list li a .content span, #maindiv a.cta-link-2 span, .cta-list-2 li a span
	{
		padding-right: 4px;
	}

	#maindiv a.cta-link-1:hover, #maindiv #content-wrapper a.pdf, .cta-list-1 li a:hover, .services li a:hover, #maindiv a.cta-link-1:focus .cta-list-1 li a:focus, .services li a:focus, #maindiv a.cta-link-1:active, .cta-list-1 li a:active, .services li a:active, #maindiv a.cta-link-2:hover, #maindiv a.cta-link-2:focus, #maindiv a.cta-link-2:active
	{
		border-bottom: none;
		text-decoration: none;
	}

		#maindiv a.cta-link-1:hover span, a.pdf:hover span, #maindiv a.cta-link-2:hover span, .cta-list-1 li a:hover span, .services li a:hover span, #maindiv a.cta-link-1:focus span, a.pdf:focus span, .cta-list-1 li a:focus span, .services li a:focus span, #maindiv a.cta-link-1:active span, a.pdf:active span, .cta-list-1 li a:active span, .services li a:active span, .cta-link-2:hover span, .cta-link-2:focus span, .cta-link-2:active span
		{
			text-decoration: underline;
		}

.cta-list-4 li a, .sub-nav ul li.selected ul ul span
{
	background-image: url(../images/layout/arrow-purple.png);
	background-position: left 4px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #4D3069;
	padding-left: 8px;
}

.cta-list-3 li a, .cta-list-4 li a, .sub-nav ul li.selected ul ul a span
{
	background-image: url(../images/layout/arrow-blue.png);
	background-position: left 4px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #1865B2;
	padding-left: 8px;
}

.services li a span
{
	padding-right: 2px;
}

#maindiv .cta-list-2 li a
{
	color: #4D3069;
}

.cta-list-2 li a:hover span, .cta-list-2 li a:focus span, .cta-list-2 li a:active span
{
	text-decoration: underline;
}

.feature-list li a span
{
}

#maindiv a.cta-link-2
{
	color: #fff;
	text-decoration: none;
}

#maindiv a.link-style-1 span span
{
	border-bottom: none;
	display: inline;
	padding: 0 2px 0 0;
}

#maindiv .theme
{
	border-bottom: none;
	color: #4d3069;
	display: inline-block;
	font-size: 1.2em;
	margin-bottom: 5px;
}

	#maindiv .theme span
	{
		border-bottom: 1px dotted #4d3069;
		display: inline;
	}

	#maindiv .theme:hover, #maindiv .theme:focus, #maindiv .theme:active
	{
		border-bottom: none;
		color: #9945a5;
		text-decoration: none;
	}

		#maindiv .theme:hover span, #maindiv .theme:focus span, #maindiv .theme:active span
		{
			border-bottom: 1px solid #9945a5;
		}

a.cta-link-1, a.cta-link-2
{
	font-size: 1.2em;
}

li a.cta-link-1, p a.cta-link-1, h3 a.cta-link-1, h2 a.cta-link-1, h4 a.cta-link-1, li a.cta-link-2, p a.cta-link-1, h3 a.cta-link-2, h2 a.cta-link-2, h4 a.cta-link-2
{
	font-size: 1em;
}

dt
{
	display: block;
	float: left;
}

dd
{
	margin-left: 10em;
}

/* ================================= 2.6 TABLES ================================= */
caption
{
	display: block;
}

table
{
	border: 0px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0 0 20px 0;
	width: 100%;
}

th
{
	background-color: #000;
	border: 0px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

	th.row-header
	{
		background-color: transparent;
		color: #000;
	}

td
{
	border: 0px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 2px 5px 2px 5px;
}

tr.alt
{
	background-color: #eee;
}

/* ================================= 2.6 FORMS =============================== */

fieldset
{
	background-color: transparent;
	border: 0px solid #fff;
	margin: 0;
	padding: 0;
}

	fieldset fieldset
	{
		border: 0;
	}

	fieldset h2
	{
		margin: 0 0 10px 0;
	}

	fieldset h3
	{
		color: #545353;
		font-family: Arial,Helvetica,sans-serif;
		margin: 0 0 3px 0;
	}

legend
{
	color: #333;
	display: none;
}

.form
{
	background: #e7eff4;
	margin-bottom: 24px;
	padding: 15px;
}
/* label styles */
label
{
	color: #333;
	display: block;
	font-weight: bold;
}
/*fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;}*/

fieldset div
{
	padding-bottom: 15px;
}

select.short
{
	width: 6em;
}

label
{
	padding: 0 0 4px 0;
}
/* TODO: override in global */
fieldset .checkbox
{
	float: left;
	height: 13px;
	width: 13px;
}

	fieldset .checkbox input
	{
		height: 13px;
		width: 13px;
	}

fieldset fieldset label
{
	font-weight: normal;
	overflow: hidden;
	padding-left: 7px;
}

/* input styles */
textarea
{
	border: 1px solid #d4e2e8;
	padding: 0.2em;
	width: 98%;
}

input.text
{
	border: 1px solid #d4e2e8;
	padding: 2px;
	width: 95%;
}

input.short
{
	width: 50%;
}

input.radio
{
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

select
{
	width: 100%;
}

/* xForms */
.xform fieldset div label
{
	float: left;
	padding-right: 20px;
}

.xform fieldset div br
{
	clear: both;
}

.xform fieldset div input[type=text], .xform fieldset div input[type=password]
{
	border: 1px solid #d4e2e8;
	clear: both;
	padding: 2px;
	width: 95%;
}

.xform fieldset div fieldset input[type=checkbox], .xform fieldset div fieldset input.checkbox, .xform fieldset div fieldset input[type=radio], .xform fieldset div fieldset input.radio
{
	border: 0;
	float: left;
	height: 13px;
	width: 13px;
}

.xform textarea
{
	width: 95%;
}

.xform select
{
	width: 96.5%;
}

.xform legend
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 15px;
}

.xform input[type=submit], .xform input.submit
{
	width: auto;
}

.xform-checkbox-col
{
	float: left;
	padding-bottom: 5px;
}

.validator
{
	padding-top: 10px;
}

li span.validator
{
	font-size: 1em;
	padding-top: 0px;
}

#maindiv .button, #maindiv .button-secondary, #maindiv .button-tertiary, .utility-menu .button, #maindiv .button-warning, #colorbox .button
{
	background: #1865b2;
	border: none;
	border-bottom: 1px solid #114980;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	outline: none;
	padding: 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.xform input[type=submit]
{
	background: #1865b2;
	border: none;
	border-bottom: 1px solid #114980;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	outline: none;
	padding: 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#maindiv .button:hover, #maindiv .button:focus, #maindiv .button:active, #maindiv .button-hover, .utility-menu .button:hover, .utility-menu .button:focus, .utility-menu .button:active, .sidebar-after #sidebar .button:hover, .sidebar-after #sidebar .button:focus, .sidebar-after #sidebar .button:active, #maindiv #sidebar .button-hover, #maindiv .special-offer .content .button:hover, #maindiv .special-offer .content .button:focus, #maindiv .special-offer .content .button:active, #maindiv .special-offer .content .button-hover, #maindiv .basket-summary .button:hover, #maindiv .basket-summary .button:focus, #maindiv .basket-summary .button:active, #maindiv .basket-summary .button-hover, #maindiv .order-summary .button:hover, #maindiv .order-summary .button:focus, #maindiv .order-summary .button:active, #maindiv .order-summary .button-hover, #maindiv .button-proceed:hover, #maindiv .button-proceed:focus, #maindiv .button-proceed:active, #maindiv.shopping-basket .order-summary .button-hover, #maindiv #content-wrapper .checkout .button:hover, #maindiv #content-wrapper .checkout .button:focus, #maindiv #content-wrapper .checkout .button:active, #maindiv #content-wrapper .checkout .button-hover
{
	background-color: #9945a5;
	border-bottom: 1px solid #6a1975;
	color: #fff;
}

/* Form errors */
.form .validator, .basket-content .validator, .promo-code-box .validator
{
	background: #E1311F url(../images/layout/validator-tip.gif) no-repeat 0 0;
	clear: both;
	color: #FFF !important /*.Net writing inline style*/;
	color: #fff;
	display: inline-block;
	margin-right: 22px;
	margin-top: 1px;
	padding: 12px 8px 6px 8px;
}

.form .validator, .formpage .content .form .validator
{
	background: #E1311F;
	padding: 0 8px 1px 8px;
}

.validator-container
{
	clear: both;
}

	.validator-container, .validator-container div
	{
		padding-bottom: 0;
	}

.editpage .validator
{
	margin-left: 158px;
}

.editpage .validator-container .validator
{
	margin-left: 0;
}

.editpage .existing-employer .validator
{
	margin-left: 0;
}

.editpage .passwordpage .validator
{
	margin-left: 0;
}

.form-errors h2, .formpage .form-errors h2, .editpage #content .form .form-errors h2, .editpage #content .form-errors h2, .alteditpage #content .form-errors h2
{
	background: #c54a5b url(../images/layout/alert.gif) 16px center no-repeat;
	border-bottom: none;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0;
	padding: 8px 16px 8px 41px;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}

.form-errors
{
	margin-bottom: 15px;
}

	.form-errors ul
	{
		background: #FFF5C8;
		border: 1px solid #E1311F;
		border-width: 0 1px 1px 1px;
		margin: 0;
		padding: 15px 15px 0 0;
	}

	.form-errors li, .form .form-errors li, .editpage .form-errors li
	{
		color: #404040 !important /*required as .Net writing inline color of red*/;
		font-size: 1.2em;
		font-weight: bold;
		list-style-type: square;
		margin: 0 0 15px 30px;
		padding: 0;
	}

	.form-errors p, .formpage .content .form-errors p
	{
		background-color: #FFF5C8;
		border: 1px solid #E1311F;
		padding: 15px;
	}


#maindiv .inline-error
{
	background-color: #c54a5b;
	color: #fff !important;
	font-size: 1.2em;
	margin-top: 5px;
	padding: 4px 8px;
}

.errortext
{
	background: url(../images/layout/errortab.gif) 10px 0 no-repeat;
	padding: 6px 0 0 0;
	position: absolute;
	z-index: 50;
}

.editpage .errortext
{
	left: 152px;
	top: 2.2em;
}

.editpage .new-employer .secondary-fields .errortext
{
	top: inherit;
}

#maindiv .errortext p
{
	background: #c54a5b;
	color: #fff;
	padding: 4px 8px;
}

/* ================================= 2.7 IMAGES =============================== */
#maindiv .image-left
{
	float: left;
	line-height: 1.6em;
	margin-bottom: 0;
	padding: 4px 15px 20px 0px;
}

div.hr hr
{
	display: none;
}

div.hr
{
	background: #d1dfe5;
	display: block;
	height: 1px;
	margin-bottom: 15px;
	position: relative;
}

.aside .hr
{
	left: -15px;
	width: 220px;
}

#content .hr
{
	left: -18px;
	padding: 0 18px;
	width: 100%;
}

#content .hide-hr .hr
{
	display: none;
}

.related-content .hr
{
	left: -16px;
	padding: 0 16px;
	width: 100%;
}

.event-detail #content .post .hr
{
	left: -15px;
	padding: 0 15px;
}
/* ================================================================== 3.0 STANDARD LAYOUT  ========================================== */
#maindiv
{
	background: url(../images/layout/bg-tile.gif) repeat-x 0px -20px;
	text-align: left;
}

.container, .footer
{
	margin: 0px auto;
	padding: 0px 0px;
	width: 940px;
}

#navigation ul
{
	margin: 0;
	padding: 0px 0px;
	padding-right: 120px;
	height: 37px;
}

	#navigation ul ul
	{
		width: 940px;
	}

.page-container
{
	background: url(../images/layout/main-bg.png) no-repeat center -20px;
	width: 100%;
}
/*HEADER*/

.logo p, .logo img, .header .tags, .utility-menu a.selected-country, .utility-menu .field
{
	float: left;
}

.utility-menu .nav ul
{
	border-left: 1px solid #dceaed;
	float: left;
	padding-bottom: 0;
}

.utility-menu .shop-tag a
{
	float: left;
	margin-right: 6px;
}

.utility-menu .shop-tag
{
	background: url(../images/layout/shop-tag-left.png) no-repeat 0px 0px;
	color: #4d3069;
	float: left;
	margin-bottom: -4px;
	margin-right: 48px;
	padding-left: 18px;
	position: relative;
}

	.utility-menu .shop-tag .content
	{
		background: #fff;
		border-bottom: 1px solid #bbc7ca;
		border-right: 1px solid #dceaed;
		line-height: 1em;
		padding-bottom: 6px;
		padding-left: 10px;
		padding-top: 6px;
	}

	.utility-menu .shop-tag .basket
	{
		border-left: 1px solid #e1edf0;
		float: left;
		font-size: 1.2em;
		line-height: 1em;
		margin-right: 15px;
		padding-left: 8px;
	}

	.utility-menu .shop-tag img
	{
		float: left;
	}

.utility-menu .nav
{
	float: right;
}

.utility-menu .container
{
	background: none;
}

.utility-menu, #navigation ul, .footer
{
	background: #fff;
}

.header .content
{
	padding: 22px 0 17px;
	position: relative;
}

.tags
{
	border-right: 1px solid #fff;
	margin-left: 14px;
	margin-top: 12px;
	padding-bottom: 0;
}

.header .tags li
{
	border-left: 1px solid #fff;
	font-size: 1.6em;
	font-weight: bold;
	padding: 0;
}

.header .tags a, .header .tags span
{
	color: #4d3069;
	display: block;
	padding: 5px 14px 7px;
}

.logo-container
{
	float: left;
}

.header .tags li.selected a, .header .tags li.selected span, .header .tags a:hover, .header .tags a:focus, .header .tags a:active
{
	background-color: #7c97a8;
	color: #fff;
	text-decoration: none;
}

.utility-menu .button
{
	margin-left: 15px;
	padding: 3px 5px;
}

.js .utility-menu .button, .js .utility-menu .field select, .utility-menu .field label
{
	display: none;
}

.utility-menu span.logged-in-user
{
	color: #153460;
	display: block;
	float: left;
	font-size: 1.2em;
	padding: 4px 11px;
}

.utility-menu
{
	border-top: 1px solid #dceaed;
	position: relative;
}

	.utility-menu ul li
	{
		border-right: 1px solid #dceaed;
		float: left;
		list-style-type: none;
		margin-left: 0;
	}

		.utility-menu ul li.account-flyout-trigger
		{
			background: #4D3069;
			position: relative;
			z-index: 100;
		}

			.utility-menu ul li.account-flyout-trigger a
			{
				border-bottom: 3px solid transparent;
				color: #FFFFFF;
				margin-bottom: -3px;
				position: relative;
			}

				.utility-menu ul li.account-flyout-trigger a.active
				{
					border-color: #4D3069;
				}

				.utility-menu ul li.account-flyout-trigger a span
				{
					background: url(../images/layout/your-account-arrow.gif) no-repeat right center;
					display: block;
					padding-right: 19px;
				}

					.utility-menu ul li.account-flyout-trigger a span span
					{
						background: none;
						color: #b6d6f6;
						display: inline;
						padding-right: 0;
					}

		.utility-menu ul li a
		{
			border-bottom: none;
			display: block;
			padding: 4px 11px;
		}

	.utility-menu .field select, .utility-menu .field label
	{
		float: left;
		width: auto;
	}

	.utility-menu .field
	{
		padding-bottom: 0;
		position: relative;
		z-index: 3000;
	}

		.utility-menu .field select
		{
			border: none;
			min-height: 20px;
			padding-top: 3px;
			width: 100px;
		}

	.utility-menu .fake-select
	{
		background: url(../images/layout/selected-country-chevron.gif) no-repeat left top;
		border-left: 1px solid transparent;
		border-right: 1px solid #e1edf0;
		color: #44535c;
		display: block;
		font-size: 1.2em;
		line-height: 1em;
		min-height: 19px;
		min-width: 83px;
		padding-left: 22px;
		padding-right: 16px;
		padding-top: 5px;
		position: relative;
		text-align: left;
	}

		.utility-menu .fake-select span
		{
			background: url(../images/layout/grey-arrow-down.gif) no-repeat left top;
			display: block;
			height: 5px;
			position: absolute;
			right: 10px;
			top: 9px;
			width: 6px;
		}

	.utility-menu .options
	{
		border: 1px solid #e1edf0;
		position: absolute;
		width: 100%;
		z-index: 1000;
	}

	.utility-menu .active-fake-select
	{
		background: url(../images/layout/tick-lang-selected.png) no-repeat 8px 8px;
		border-left: 1px solid #e1edf0;
		color: #4d3069;
		font-weight: bold;
	}

		.utility-menu .active-fake-select span
		{
			background: none;
		}

	.utility-menu .options ul
	{
		background: #fff;
		float: none;
		padding-bottom: 0;
	}

		.utility-menu .options ul li
		{
			border-right: none;
			float: none;
			padding: 0px;
			text-align: left;
			text-align: left;
		}

			.utility-menu .options ul li a
			{
				border-top: 1px solid #e1e9ee;
				display: block;
				padding: 4px 10px 4px 21px;
			}

				.utility-menu .options ul li a:hover, .utility-menu .options ul li a:active, .utility-menu .options ul li a:focus, .utility-menu .active-fake-select:hover
				{
					background-color: #bbd3e4;
					color: #4d3069;
					text-decoration: none;
				}
/*ACCOUNT FLYOUT*/

#account-flyout
{
	background: #fff;
	border-top: 11px solid #4D3069;
	display: none;
	position: absolute;
	right: 0;
	top: 2.1em;
	width: 440px;
	z-index: 40;
}

	#account-flyout .padding
	{
		border: 1px solid #bbd3eb;
		border-top: none;
		padding: 17px;
	}

	#account-flyout ul li
	{
		border-right: 0;
		float: none;
		list-style-type: none;
		margin-left: 0;
		padding-bottom: 8px;
	}

	#account-flyout ul
	{
		border-left: 0;
		float: none;
		margin-left: 0;
	}

	#account-flyout a
	{
		border-bottom: none;
		color: #1865B2;
		display: inline-block;
		margin-bottom: 0;
		padding: 0;
		position: static;
	}

		#account-flyout a.cta-link-1 span
		{
			background: none;
			display: inline;
			padding-right: 4px;
		}

	#account-flyout .col
	{
		float: left;
		padding-right: 30px;
		position: relative;
		width: 149px;
	}

	#account-flyout .article
	{
		padding: 30px 0 0 0;
	}

		#account-flyout .article h2
		{
			background: #3a818a;
			border: 1px solid #2e7983;
			color: #fff;
			font-size: 1em;
			font-weight: bold;
			margin-bottom: 0;
			padding: 9px;
		}

	#account-flyout .last
	{
		float: right;
		padding-right: 0;
		width: 225px;
	}

	#account-flyout .article .padding
	{
		border: 1px solid #c0d7da;
		border-top: none;
		padding: 15px 12px;
	}

	#account-flyout .article p
	{
		font-size: 1em;
	}

	#account-flyout .close
	{
		background: url(../images/layout/close.gif) no-repeat left top;
		height: 16px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 2px;
		width: 16px;
	}
/*SEARCH*/
#maindiv .search .button, #maindiv .footer .form .button
{
	background-image: url(../images/layout/search.gif);
	background-position: 9px 6px;
	background-repeat: no-repeat;
	float: left;
	padding: 4px 10px 4px 21px;
}

	#maindiv .search .button::-moz-focus-inner, #maindiv .footer .form .button:-moz-focus-inner
	{
		border: 0;
		padding: 0;
	}

	#maindiv .search .button:hover, #maindiv .search .button:active, #maindiv .search .button:focus, #maindiv .footer .form .button:hover, #maindiv .footer .form .button:active, #maindiv .footer .form .button:focus
	{
		background-image: url(../images/layout/search-hover.gif);
	}

.search
{
	float: right;
	padding-top: 16px;
}

	.search .text, .footer .form .text
	{
		background: #f2f8f9;
		color: #44535c;
		float: left;
		margin-right: 12px;
		min-height: 17px;
		padding-left: 9px;
		width: 240px;
	}
/*FOOTER*/
.footer
{
	background-color: transparent;
	position: relative;
}

	.footer h2
	{
		border-bottom: none;
		color: #4d3069;
		float: left;
		font-weight: bold;
	}

	.footer .form:before {
		display: block;
		width: 10px;
		height: 0;
		position: absolute;
		top: -10px;
		left: -10px;
		content: "";
		border-top: 10px solid transparent;
		border-right: 10px solid #b2b7b8;
		visibility: visible;
	}

	.footer .form::after {
		display: block;
		width: 10px;
		height: 0;
		position: absolute;
		top: -10px;
		right: -10px;
		content: "";
		border-top: 10px solid transparent;
		border-left: 10px solid #b2b7b8;
		visibility: visible;
	}


	/*.footer .form:before
	{
		border-color: transparent #b2b7b8 #b2b7b8 transparent;
		border-style: solid;
		border-width: 5px;
		content: "\00a0";
		display: block;
		height: 0;
		left: -10px;
		position: absolute;
		top: -10px;
		width: 0;
	}

	.footer .form:before
	{
		border-color: transparent transparent #b2b7b8 #b2b7b8;
		left: auto;
		right: 0px;
		top: -10px;
	}*/

	.footer .form h2, .find-a-surveyor h2
	{
		background: url(../images/layout/person.gif) no-repeat left top;
		margin-bottom: 0;
		padding: 0px 21px 0px 17px;
	}

		.footer h2 a, .find-a-surveyor h2 a
		{
			border-bottom: 1px dotted #4d3069;
			color: #4d3069;
			font-weight: bold;
		}

			.footer h2 a:hover, .footer h2 a:focus, .footer h2 a:active, .find-a-surveyor h2 a:hover, .find-a-surveyor h2 a:focus, .find-a-surveyor h2 a:active
			{
				border-bottom: 1px solid #9945a5;
				color: #9945a5;
				text-decoration: none;
			}

	/*Footer find-a-member specific */
	.footer .find-a-member p
	{
		color: #4D3069;
		float: left;
		font-size: 1.5em;
		padding: 0 20px 0 0;
	}

	.footer .find-a-member ul
	{
		float: right;
	}

	/*.footer ul li a{color:#4d3069;}*/
	.footer .content
	{
		background-color: #fff;
	}
	/*FOOTER SLIM*/
	.footer.footer-slim:before
	{
		border: 0;
		content: "";
	}

.footer-slim .content
{
	background: #fff url(../images/layout/logo-footer-small.gif) no-repeat 860px center;
	padding: 12px 15px;
}

/*utility menu*/
.footer .utility-menu p, .footer .utility-menu ul
{
	float: left;
}

.footer .utility-menu li, .footer .utility-menu p
{
	font-size: 1.1em;
	line-height: 1.6em;
}

.footer .utility-menu p
{
	color: #666;
	padding-bottom: 0px;
}

.footer .utility-menu li a
{
	color: #1865b2;
	padding: 0 10px;
}

.footer .utility-menu
{
	padding: 14px 16px;
}

	.footer .utility-menu ul
	{
		border-left: none;
		padding-bottom: 0;
	}
/*find a surveyor form*/
.footer .form
{
	background-color: #d6e4ec;
	left: -10px;
	margin-bottom: 0;
	padding-left: 26px;
	position: relative;
	width: 919px;
}

	.footer .form .field
	{
		float: left;
	}

	.footer .form .text
	{
		width: 299px;
	}

	.footer .form ul
	{
		float: left;
		padding-bottom: 0;
		padding-left: 17px;
		padding-top: 6px;
	}

		.footer .form ul li
		{
			padding-right: 16px;
		}

.footer .field
{
	padding-bottom: 0;
}
/*nested nav*/
.footer .nav
{
	border-bottom: 1px solid #DCEAED;
	padding: 19px 0 16px 0;
}

	.footer .nav ul li a, .footer .shop-nav ul li a
	{
		border-bottom: none;
		display: inline-block;
		font-weight: bold;
		margin-bottom: 9px;
		margin-bottom: 11px;
	}

	.footer .nav ul li
	{
		border-right: 1px solid #e7f1f3;
		float: left;
		font-size: 1.2em;
		margin-left: 0;
		padding: 0 16px;
		width: 123px;
	}

		.footer .nav ul li li
		{
			border: none;
			float: none;
			font-size: 1em;
			padding-left: 0;
			padding-right: 0;
			width: auto;
		}

			.footer .nav ul li li a, .footer .shop-nav ul li a
			{
				font-weight: normal;
				margin-bottom: 5px;
			}

		.footer .nav ul li ul
		{
			margin-left: 0;
		}
/*shop nav*/
.footer .shop-nav ul li, .footer .shop-nav h2
{
	float: none;
}

.footer .shop-nav
{
	float: left;
	padding-left: 15px;
}

	.footer .shop-nav h2
	{
		font-weight: normal;
		margin-bottom: 12px;
		padding-bottom: 1px;
	}

	.footer .shop-nav ul
	{
		padding-bottom: 0;
	}
/*themes*/
.footer .themes, .footer .section
{
	border-bottom: 2px solid #e4e0e9;
	padding: 19px 16px;
}

.footer .themes
{
	padding-bottom: 0;
}

	.footer .themes img
	{
		border-right: 1px solid #e7f1f3;
		float: left;
		padding-right: 21px;
	}

	.footer .themes ul
	{
		float: left;
		padding: 0px 0px 0px 16px;
		width: 750px;
	}

	.footer .themes li
	{
		border-right: 1px solid #e7f1f3;
		margin-bottom: 14px;
		margin-right: 11px;
	}

		.footer .themes li a
		{
			color: #4d3069;
			margin-right: 11px;
			white-space: nowrap;
		}

.footer ul li.last
{
	border: none;
}
/*services*/
.footer .services
{
	border-right: 1px solid #e7f1f3;
	float: left;
	padding-right: 16px;
	width: 747px;
}

	.footer .services .hgroup, .footer .section
	{
		border-bottom: none;
	}

	.footer .services .hgroup
	{
		padding-bottom: 0;
	}

	.footer .services h2
	{
		font-size: 1.2em;
	}

	.footer .services li
	{
		width: 33%;
	}

#maindiv .footer .services li a
{
	border-bottom: none;
	display: block;
	padding: 12px 0px 5px 17px;
}

.footer .services li a img
{
	float: left;
	margin-right: 17px;
}

.footer .services ul
{
	background: url(../images/layout/services-fake-col.gif) repeat-y left top;
	padding-bottom: 0;
}

.footer .utility-links
{
	margin-bottom: 20px;
}

.footer .utility-links
{
	background: #e9f2f4;
	margin-bottom: 0;
	padding-top: 1px;
}

.utility-links a
{
	background: #fff;
	float: left;
	font-size: 1.1em;
	padding: 10px 13px;
}

	.utility-links a .content
	{
		display: block;
	}

.utility-links .desktop
{
	display: none;
}

.utility-links .mobile
{
	background: #fff url(../images/layout/mobile.gif) no-repeat 13px 9px;
	padding-left: 32px;
}

.utility-links .top-link
{
	float: right;
	padding-right: 20px;
}

	.utility-links .top-link .content
	{
		background: transparent url(../images/layout/top-link.gif) no-repeat 100% 50%;
		padding-right: 8px;
	}
/*Subscribe*/
.subscribe .content, .press
{
	background: #e4e0e9;
	padding: 6px 1px 6px 11px;
}

.subscribe .content
{
	padding: 7px 1px 8px 11px;
}

.subscribe
{
	bottom: -21px;
	position: absolute;
	right: -9px;
	z-index: 30;
}

body .header .subscribe p
{
	color: #4d3069;
	float: left;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding-bottom: 0;
}

.subscribe ul
{
	float: left;
	padding-bottom: 0;
	padding-left: 7px;
}

.subscribe li
{
	padding-right: 9px;
}

.subscribe a
{
	background: url("../images/layout/newsletter.gif") no-repeat left top;
	display: block;
	height: 10px;
	width: 15px;
}

	.subscribe a.rss
	{
		background-image: url("../images/layout/rss.gif");
		width: 10px;
	}

	.subscribe a:hover, .subscribe a:focus, .subscribe a:active
	{
		background-image: url("../images/layout/newsletter-hover.gif");
	}

	.subscribe a.rss:hover, .subscribe a.rss:focus, .subscribe a.rss:active
	{
		background-image: url("../images/layout/rss-hover.gif");
	}

.subscribe img
{
	display: inline;
}
/*FOLDED CORNER STYLES - add selector to style to reuse*/

.subscribe
{
	background: url(../images/layout/tab-bttm-right.png) no-repeat right bottom;
	display: block;
	padding-bottom: 9px;
}
/*right tab*/

/*NAVIGATION */

.breadcrumb li, .footer li, .header ul li
{
	float: left;
	list-style-type: none;
	margin: 0em;
	width: auto;
}

#navigation li
{
	background: url(../images/layout/nav-bar.gif) no-repeat center right;
	font-size: 1em;
}

	#navigation li.selected
	{
		background: none;
	}

	#navigation li a, #navigation li span
	{
		color: #1865B2;
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		padding: 11px 15px;
		text-decoration: none;
	}

#navigation .nav ul
{
	background: #d6e4ec;
	padding-right: 0;
}

#navigation li.selected a, #navigation li.selected span, #navigation li a:hover, #navigation li a:focus, #navigation li a:active
{
	background-color: #d6e4ec;
	color: #4d3069;
}

#navigation
{
	background: url(../images/layout/nav-tabs.png) no-repeat left bottom;
	padding-bottom: 8px;
}

	#navigation .nav li a, #navigation .nav li span
	{
		border-bottom: 1px solid #D6E4EC;
		color: #4d3069;
		font-size: 1.2em;
		white-space: nowrap;
	}

		#navigation .nav li.selected a, #navigation .nav li.selected span, #navigation .nav li a:hover, #navigation .nav li a:focus, #navigation .nav li a:active
		{
			background: #bbd3e4;
			border-bottom: 1px solid #888494;
			font-weight: bold;
		}

#sub-navigation li.last
{
	background-image: none;
}

#mobilenavigation
{
	display: none;
}
/*RELATED CONTENT*/
.related-content
{
	background: #fff;
	margin: 0 auto;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 19px 16px 5px;
	width: 908px;
}

	.related-content h2
	{
		margin-bottom: 15px;
	}

	.related-content .tag-list ul
	{
		padding-bottom: 0;
	}

.article-list h4
{
	margin-bottom: 4px;
}

.article-list li
{
	float: left;
	font-size: 1em;
	list-style-type: none;
	margin-left: 0;
	padding-right: 2%;
	width: 23%;
}

.article-list
{
	padding-bottom: 17px;
}

	.article-list .article
	{
		background: transparent;
		border-right: 1px solid #E7F1F3;
		margin-bottom: 0;
		padding: 0;
	}

	.article-list .last .article
	{
		border-right: none;
	}

	.article-list h3
	{
		font-size: 1.4em;
		margin-bottom: 13px;
	}

#maindiv .panel h2 a
{
	margin-bottom: 12px;
}

#maindiv .article-list h3 a, #maindiv .panel h2 a
{
	border-bottom: none;
	display: inline-block;
	padding-bottom: 0px;
	padding-left: 20px;
	text-decoration: none;
}

#maindiv .article-list h3 a
{
	padding-bottom: 0px;
}

.article-list h3 a span
{
	border-bottom: 1px dotted #4d3069;
	color: #4d3069;
	display: inline-block;
	text-decoration: none;
}

.article-list li .article
{
	background: none;
	clear: both;
	float: left;
	margin: 0;
	min-height: 10px;
	padding: 0;
	width: 100%;
}

.article-list .time
{
	font-size: 1em;
	padding-right: 0;
}

.article-list li .content
{
	height: auto;
	min-height: 10px;
	overflow: hidden;
}

.article-list img
{
	border: 1px solid #e5e5e5;
	display: block;
	float: left;
	margin-right: 10px;
}

.article-list .content p, .article-list .article-info, #maindiv .theme, .article-list h4
{
	clear: both;
}

	.article-list .article-info p
	{
		clear: none;
		float: left;
		font-size: 1.1em;
		padding-bottom: 0;
		padding-right: 7px;
	}

	.article-list .article-info img
	{
		margin-right: 5px;
	}

	.article-list .article-info p a
	{
		border-bottom: 1px dotted #1865B2;
		text-decoration: none;
	}

		.article-list .article-info p a:hover, .article-list .article-info p a:focus, .article-list .article-info p a:active
		{
			border-bottom: 1px solid #9945a5;
		}

	.article-list .article-info .product-price
	{
		float: none;
		font-size: 1.4em;
		line-height: 1.2em;
	}

/*HEADERS - REFORMAT ALL THIS WAY*/
#maindiv h2.news a, #maindiv h3.news a
{
	background: url(../images/layout/news.gif) no-repeat scroll 0 2px transparent;
	padding-left: 21px;
}

#maindiv h2.research a, #maindiv h3.research a
{
	background: url(../images/layout/research.gif) no-repeat 0px 1px;
	padding-left: 21px;
}

#maindiv h2.publications a, #maindiv h3.publications a
{
	background: url(../images/layout/publications.gif) no-repeat 0px 1px;
	padding-left: 20px;
}

#maindiv h2.policy-papers a, #maindiv h3.policy-papers a
{
	background: url(../images/layout/policy-papers.gif) no-repeat 0px 1px;
	padding-left: 27px;
}

#maindiv h2.practice-standards a, #maindiv h3.practice-standards a
{
	background: url(../images/layout/practice-standards.gif) no-repeat 0px 1px;
	padding-left: 24px;
}

#maindiv .article-list h3 a:hover span, #maindiv .article-list h3 a:focus span, #maindiv .article-list h3 a:active span, .article-list .author-info a:hover, .article-list .author-info a:active
{
	border-bottom: 1px solid #9945a5;
	color: #9945a5;
	text-decoration: none;
}

#maindiv h2.training a, #maindiv h3.training a
{
	background: url(../images/layout/training.gif) no-repeat scroll 0 2px transparent;
	padding-left: 29px;
}

#maindiv h2.conference a, #maindiv h3.conference a
{
	background: url(../images/layout/conference.gif) no-repeat scroll 0 2px transparent;
	padding-left: 21px;
}

/*TAG LIST*/
.tag-list
{
	background: #fff;
	margin-bottom: 20px;
	padding: 19px 16px 5px;
}

.article .tag-list
{
	margin-bottom: 0;
	padding: 0;
}

.tag-list li
{
	float: left;
	line-height: 0.6em;
	margin-bottom: 10px;
	padding-bottom: 0;
	padding-right: 10px;
	white-space: nowrap;
}

#maindiv .tag-list li a
{
	background: #e4e0e9;
	border-bottom: 1px solid #dbd6e1;
	color: #4d3069;
	display: block;
	float: left;
	min-height: 7px;
	padding: 8px 7px;
	white-space: nowrap;
}

	#maindiv .tag-list li a:hover, #maindiv .tag-list li a:focus, #maindiv .tag-list li a:active
	{
		border-bottom: 1px solid #dbd6e1;
		color: #9945a5;
		text-decoration: underline;
	}

	#maindiv .tag-list li a.add, #maindiv .tag-list li a.remove
	{
		background: #f1eff4 url(../images/layout/add.gif) no-repeat center center;
		border-bottom: 1px solid #fff;
		height: 23px;
		margin-left: 1px;
		padding: 0;
		width: 21px;
	}

	#maindiv .tag-list li a.remove
	{
		background-image: url(../images/layout/remove-tag.gif);
	}

		#maindiv .tag-list li a.remove:hover, #maindiv .tag-list li a.remove:focus, #maindiv .tag-list li a.remove:active
		{
			background-color: #9945a5;
			background-image: url(../images/layout/remove-tag-hover.gif);
			border-bottom: 1px solid #6a1975;
		}


	#maindiv .tag-list li a.add:hover, #maindiv .tag-list li a.add:focus, #maindiv .tag-list li a.add:active
	{
		background-color: #9945a5;
		background-image: url(../images/layout/add-hover.gif);
		border-bottom: 1px solid #6a1975;
	}

	#maindiv .tag-list li a.add:active, #maindiv .tag-list li a.remove:active
	{
		border-bottom: none;
		border-top: 1px solid #6a1975;
	}

.related-content .tag-list
{
	margin-bottom: 0;
	margin-top: 17px;
	padding: 0;
}

.comments li, .tag-list li, .share li
{
	list-style-type: none;
	margin-left: 0;
}
/*SPECIFIC DOUBLE TAG LIST(MYRICS)*/
#maindiv #content-wrapper .following-recommended ul
{
	padding-bottom: 20px;
}

	#maindiv #content-wrapper .following-recommended ul.last
	{
		padding-bottom: 0;
	}
/*FEATURE*/
#maindiv .page-container .feature
{
	background: none;
	margin-bottom: 20px;
	padding: 0;
}

#maindiv .feature a
{
	background-repeat: no-repeat;
	border-bottom: none;
	color: #333333;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	text-decoration: none;
}

.feature .content
{
	background: #fff;
	padding: 8px 12px 6px;
	width: 107px;
}

.feature .video .content
{
	background: #fff url(../images/layout/video.gif) no-repeat 10px 11px;
	float: left;
	padding-left: 34px;
}

#maindiv .feature .video
{
	min-height: 63px;
	padding-top: 67px;
}

.feature .video span.icon
{
	background: url(../images/layout/play.png) no-repeat right top;
	float: left;
	height: 47px;
	margin-left: 1px;
	text-indent: -999999px;
	width: 50px;
}

.feature .video:hover span.icon, .feature .video:focus span.icon, .feature .video:active span.icon
{
	background-image: url(../images/layout/play-hover.gif);
}

.feature a h2
{
	border-bottom: 0;
	color: #4d3069;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

.feature p
{
	line-height: 1.4em;
	padding-bottom: 0;
}

.feature img
{
	display: block;
}

.feature .quote blockquote
{
	color: #00606E;
	font-size: 1.2em;
	margin-bottom: 4px;
}

.feature .quote .content
{
	background: #FFF;
	background: rgba(255,255,255,0.95);
	padding: 10px;
	width: 240px;
}

.feature .page-feature h2
{
	color: #4C4C4C;
	font-family: Geogrotesque-Light, Arial, Helvetica, Verdana, sans-serif;
	font-size: 2em;
	padding-bottom: 5px;
}

.feature .page-feature .content
{
	background: #FFF;
	background: rgba(255,255,255,0.95);
	padding: 10px;
	width: 240px;
}

.feature .button
{
	float: right;
	margin: 1px 15px 6px 0;
}

#maindiv .post .feature a
{
	min-height: 91px;
	width: 312px;
}

.post .feature .video .content
{
	padding-right: 6px;
	width: 207px;
}

/*3 COL FEATURES*/
.features .feature
{
	float: left;
	margin-right: 1px;
}

.features .video .content
{
	width: 185px;
}

#maindiv .features .video
{
	min-height: 83px;
}

.features .feature a
{
	min-height: 120px;
	width: 312px;
}

.features .button
{
	margin-right: 52px;
}

/*FILTER LIST*/
.filter-list
{
	background: #ebe9f0;
	padding: 0;
	width: 162px;
}

	.filter-list li
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.filter-list ul
	{
		margin: 0;
		padding: 0;
	}

	.filter-list h2, .filter-list h3, .filter-list a
	{
		color: #4d3069;
	}

#maindiv .filter-list li span
{
	border-bottom: 0;
}

.filter-list h2
{
	border-bottom: 0;
	font-size: 1.4em;
	margin-bottom: 0;
	padding: 16px 15px 17px;
}

.filter-list h3
{
	background: #d5cfdd;
	border-bottom: 1px solid #beb5ca;
	border-top: 1px solid #e9e7ed;
	font-size: 1em;
	margin-bottom: 0px;
	padding: 7px 18px;
}

.filter-list ul li ul li a
{
	display: block;
	padding: 0px 0px 0px 19px;
}

.filter-list ul li ul li .level-2
{
	background: #e1dfe8;
	border-bottom: 1px solid #d5cfdd;
}

.filter-list ul li ul li li a
{
	border: none;
}

.filter-list ul li ul ul li a
{
	background: transparent;
}

.filter-list ul li ul li a span
{
	background: url(../images/layout/checkbox-unfilled.gif) no-repeat 0px 12px;
	display: block;
	padding: 9px 10px 7px 13px;
}

.filter-list ul li ul li a:hover span, .filter-list ul li ul li a:active span, .filter-list ul li ul li a:focus span, .filter-list ul li.selected a span
{
	background-image: url(../images/layout/checkbox-filled.gif);
}

#maindiv .filter-list ul li ul li a.cta-link-1:hover span, #maindiv .filter-list ul li ul li a.cta-link-1:active span, #maindiv .filter-list a.cta-link-1:focus span
{
	background: none;
}

.filter-list ul li.selected a span
{
	font-weight: bold;
}

.filter-list ul ul ul
{
	border-bottom: 1px solid #f0eff4;
}
/*.js .filter-list .expandable .trigger-closed,*/ .js .filter-list h3
{
	background-image: url(../images/layout/accordian-closed.gif);
	background-position: 21px 10px;
	background-repeat: no-repeat;
	padding-left: 35px;
}

.js .filter-list h3
{
	background-color: #d5cfdd;
	cursor: pointer;
	padding-left: 35px;
}

.js .filter-list ul ul, .js .filter-list ul .content
{
	display: none;
}
/*SWAP OUT FOR ACCESSIBLE HIDE*/
.js .filter-list .expanded h3 /*, .js .filter-list .expandable .trigger-open*/
{
	background-image: url(../images/layout/accordian-expanded.gif);
	background-position: 18px 11px;
	background-repeat: no-repeat;
	padding-left: 35px;
}

.js .filter-list .expanded h3
{
	background-color: #d5cfdd;
}

.js .filter-list .expanded ul, .js .filter-list .expanded .content
{
	display: block;
}

.js .filter-list .expandable ul
{
	display: none;
}

.js .filter-list li .expanded ul
{
	display: block;
}

.js .filter-list li .level-2
{
	padding-left: 33px;
}

.js .filter-list ul li ul ul li
{
	padding-left: 16px;
}

.js .filter-list .expandable .level-2
{
	padding-left: 33px;
	position: relative;
}

.js .filter-list .level-2 a
{
	padding-left: 0;
}

.js .filter-list .trigger
{
	background: url(../images/layout/accordian-2nd-level.gif) no-repeat 19px 13px;
	height: 25px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	position: absolute;
	top: 0px;
	width: 33px;
}

.js .filter-list .trigger-open
{
	background: url(../images/layout/accordian-2nd-level-expanded.gif) no-repeat 19px 13px;
}

.filter-list .show-more
{
	background: #e4e1ea;
	display: block;
	padding: 7px 0 13px 34px;
}

.filter-list .refine-location
{
	padding: 15px 15px 27px 35px;
}

	.filter-list .refine-location label
	{
		padding-bottom: 11px;
	}

	.filter-list .refine-location label, .filter-list .refine-location select
	{
		font-size: 1em;
	}

	.filter-list .refine-location .field
	{
		padding-bottom: 6px;
	}

	.filter-list .refine-location a
	{
		border-bottom: 1px dotted #4D3069;
	}

		.filter-list .refine-location a:hover, .filter-list .refine-location a:focus, .filter-list .refine-location a:active
		{
			border-bottom: 1px solid #4D3069;
		}
/*AVAILABILITY*/
.available, .unavailable .out-of-stock, .pre-order, .back-order
{
	background: url(../images/layout/tick.png) no-repeat left top;
	color: #404040;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 28px;
	padding-top: 4px;
}

.unavailable, .out-of-stock, .pre-order, .back-order
{
	background: url(../images/layout/exclamation.png) no-repeat 4px 0px;
	line-height: 1.4em;
	padding-left: 14px;
}
/*SEARCH RESULT HIGHLIGHT*/
span.highlighted
{
	background-color: #EAFF00;
}
/* ================================================================== Pagination  ========================================== */
.pagination li
{
	float: left;
	list-style-type: none;
	margin-left: 0;
}

.pagination ol
{
	margin-left: 0;
}

#maindiv .pagination li a
{
	border-bottom: 0;
}

.pagination li span
{
	color: #666;
}

.pagination li a, .pagination li span
{
	background: #fdfefe;
	border-right: 1px solid #e9f2f4;
	display: block;
	padding: 8px 11px;
}

.pagination li.selected a, .pagination li.selected span, #maindiv .pagination li a:hover, #maindiv .pagination li a:focus, #maindiv .pagination li a:active
{
	background: #d8e5ed;
	border-bottom: none;
	color: #4d3069;
	font-weight: bold;
}

.article .hgroup, .footer .hgroup, .tag-list .hgroup, .listing .hgroup, .related-content .hgroup
{
	border-bottom: 1px solid #D6D7D8;
	margin-bottom: 17px;
	padding-bottom: 8px;
}

.footer .hgroup
{
	margin-bottom: 16px;
}
	/*HGROUP*/
	.article .hgroup h2, .footer .hgroup h2, .tag-list .hgroup h2, .listing .hgroup h2, .related-content .hgroup h2
	{
		border: none;
		float: left;
		margin-bottom: 0;
		padding-bottom: 0;
	}

#content .article .hgroup a, #maindiv .footer .hgroup h2 a, .listing .hgroup a, .related-content .hgroup a
{
	border: none;
}

#maindiv .hgroup img, #maindiv .hgroup .cta-link-1
{
	float: right;
	margin-bottom: 0;
}

#maindiv .hgroup .cta-link-1
{
	font-size: 1.2em;
}

/* Hero banner */
.herobanner
{
	display: block;
	height: 238px;
	margin-bottom: 10px;
	position: relative;
}

#content .herobanner, #content .herobanner:focus, #content .herobanner:hover, #content .herobanner:active
{
	border: 0;
}

.herobanner .content
{
	bottom: 15px;
	position: absolute;
	width: 320px;
}

.herobanner h2
{
	background: #fff;
	border: 0;
	float: left;
	font-family: Geogrotesque-Light, Arial, Helvetica, Verdana, sans-serif;
	font-size: 3.1em;
	line-height: 1.1em;
	margin: 0 0 1px 0;
	padding: 4px 18px;
}

.herobanner p
{
	background: #123362;
	clear: left;
	color: #fff;
	line-height: 1.4em;
	padding: 4px 18px 6px 18px;
}

.herobanner .button
{
	float: right;
	margin-top: 1px;
}

/* Tooltips */
.tooltip-box
{
	background: #E7EFF4;
	border: 1px solid #FFF;
	margin-top: 15px;
	padding: 0;
}

	.tooltip-box .close
	{
		background: url(../images/layout/tooltip-close.gif) no-repeat center center;
		float: right;
		height: 14px;
		margin: 6px 6px 0 0;
		overflow: hidden;
		text-indent: -999em;
		width: 14px;
	}

#content .tooltip-box .close
{
	border: 0;
}

.tooltip-box h3, #maindiv .tooltip-box h2
{
	background: #5D93C9;
	color: #FFF;
	font-size: 1.2em;
	padding: 6px 10px;
}

.tooltip-box ul
{
	padding: 12px 10px;
}

.tooltip-box li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.js .tooltip-box
{
	display: none;
	margin: 0;
	position: absolute;
	width: 196px;
	z-index: 100;
}

.tooltip-box-alt
{
	background: #e4e0e9;
}

	.tooltip-box-alt .close
	{
		background-image: url(../images/layout/tooltip-close-alt.gif);
	}

	.tooltip-box-alt h3, #maindiv .tooltip-box-alt h2
	{
		background: #4d3069;
	}

.confirmation
{
	left: 50%;
	margin-left: -100px;
	position: absolute;
	top: 100px;
	width: 200px;
	z-index: 4500;
}

body .confirmation h2
{
	background: #5D93C9;
	color: #FFF;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 10px;
}

.confirmation ul
{
	background-color: #E7EFF4;
	list-style-type: none;
	padding: 12px 10px;
}

.confirmation li
{
	float: left;
	margin: 0;
	padding: 0;
}

#maindiv .confirmation li.cancel a
{
	padding: 8px 15px 9px;
}

.confirmation li.cancel
{
	float: right;
}

.overlay
{
	background: rgba(0,0,0,0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4000;
}
/*COLORBOX STYLES*/
#cboxLoadedContent #content
{
	background: #fff;
	border: 0;
	float: left;
	margin: 0;
	padding-top: 13px;
	text-align: left;
	width: 671px;
}

	#cboxLoadedContent #content .page-header
	{
		background: none;
		border-bottom: 1px solid #BECFD9;
		min-height: 0px;
		position: static;
	}

	#cboxLoadedContent #content h1
	{
		border: 0;
		border-color: #e5eff2;
		float: none;
		font-size: 1.4em;
		left: auto;
		margin: 0;
		padding-bottom: 14px;
		padding-left: 39px;
		padding-right: 40px;
		position: static;
	}

		#cboxLoadedContent #content h1.feature-video
		{
			background: url(../images/layout/video.gif) no-repeat 14px 3px;
		}

		#cboxLoadedContent #content h1.feature-image
		{
			background: url(../images/layout/image.gif) no-repeat 14px 1px;
		}

		#cboxLoadedContent #content h1 span
		{
			background: transparent;
			color: #4d3069;
			padding: 0;
		}

	#cboxLoadedContent #content .video-module
	{
		margin-bottom: 0;
		padding: 14px 0px 0px 14px;
	}

	#cboxLoadedContent #content .video
	{
		border-bottom: 1px solid #e5eff2;
		margin-bottom: 15px;
		padding-bottom: 14px;
	}

#colorbox video
{
	display: none;
}

#colorbox .video
{
	height: 360px;
	width: 640px;
}
/* COLORBOX MAPOVERLAY STYLES */
.map-content #cboxLoadedContent #content
{
	width: auto;
}

	.map-content #cboxLoadedContent #content h1
	{
		background: none;
		padding-left: 14px;
	}

	.map-content #cboxLoadedContent #content .contact-main
	{
		margin: 0;
	}
/*NOTIFICATIONS*/
.notification
{
	background: #f6f4f7;
	border-bottom: 1px solid #bfcacc;
	width: 100%;
}

	.notification .content
	{
		margin: 0 auto;
		padding: 13px 0px !important;
		text-align: left;
		width: 940px;
	}

	.notification p
	{
		background: url(../images/layout/language.gif) no-repeat left top;
		float: left;
		line-height: 1.3em;
		padding-bottom: 0;
		padding-left: 30px;
		width: 890px;
	}

		.notification p a
		{
			margin-left: 14px;
		}

	.notification a.close
	{
		background: url(../images/layout/close.gif) no-repeat left top;
		display: block;
		float: right;
		height: 16px;
		width: 16px;
	}

	.notification p.location
	{
		background-image: url(../images/layout/location.gif);
		padding-left: 18px;
	}
/* Password strength meter */
.password-meter-container
{
	clear: both;
	display: none;
	padding: 8px 0 4px 0;
}

.js .password-meter-container
{
	display: block;
}

.password-meter-container div
{
	padding-bottom: 0;
}

.password-meter-label
{
	float: left;
	font-size: 1.1em;
	padding-right: 10px;
}

.password-meter
{
	float: left;
	height: 6px;
	margin-top: 4px;
	overflow: hidden;
	overflow: hidden;
	padding: 0;
	text-indent: -99em;
	width: 79px;
}

.strength-0
{
	background-position: 0 -24px;
}

.strength-1
{
	background-position: 0 -18px;
}

.strength-2
{
	background-position: 0 -12px;
}

.strength-3
{
	background-position: 0 -6px;
}

.strength-4
{
	background-position: 0 0px;
}

.password-meter-message
{
	float: left;
	margin-left: 10px;
}

/*VIDEO PANEL*/
.video-module
{
	padding-bottom: 13px;
}

	.video-module .video
	{
		margin-bottom: 15px;
	}

	.video-module p
	{
		padding-bottom: 10px;
	}

	.video-module video
	{
		display: none;
	}

.no-js
{
	background: #000;
}

.js .video-module .no-js
{
	display: none;
}
/*.video-script{display:none;}
.js .video-script{display:block;}*/
/* ================================================================== 6.0 CLEARING AND GENERIC STYLES  ========================================== */
#maindiv a.image-pos-1
{
	border-bottom: none;
	display: block;
	float: left;
	margin-right: 15px;
}

	#maindiv a.image-pos-1 img
	{
		margin-right: 0;
	}

#maindiv .author-info a.image-pos-1
{
	margin-right: 0;
}

.clear:after, /*.validator:after,*/ .hgroup:after
{
	clear: both;
	content: ".";
	display: block;
	font-size: 0px;
	height: 0;
	visibility: hidden;
}

.clear, .validator, .hgroup
{
	display: block;
}

.padding
{
	padding: 10px;
}

.hide, .mobile-copyright
{
	display: none;
}

.accessibility, .course-details h1
{
	left: -9999em;
	position: absolute;
	top: -9999em;
	width: 100px;
}

#cn, #cn .search-banner p, .search-banner h1, #ru, #ru .search-banner p, .search-banner h1
{
	font-family: Arial Unicode MS, Arial, Helvetica, Verdana, Sans-Serif;
}

/*MEDIA ELEMENT CSS - TO BE COMPRESSED*/
.mejs-container
{
	background: #000;
	font-family: Helvetica, Arial;
	position: relative;
}

.mejs-container-fullscreen
{
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
}

	.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video
	{
		height: 100%;
		width: 100%;
	}

/* Start: LAYERS */
.mejs-background
{
	left: 0;
	position: absolute;
	top: 0;
}

.mejs-mediaelement
{
	left: 0;
	position: absolute;
	top: 0;
}

.mejs-poster
{
	left: 0;
	position: absolute;
	top: 0;
}

.mejs-overlay
{
	left: 0;
	position: absolute;
	top: 0;
}

.mejs-overlay-play
{
	cursor: pointer;
}

.mejs-overlay-button
{
	background: url(../images/layout/play.png) no-repeat top left;
	height: 100px;
	left: 50%;
	margin: -50px 0 0 -50px;
	position: absolute;
	top: 50%;
	width: 100px;
}

.mejs-overlay:hover .mejs-overlay-button
{
	background-position: 0 -100px;
}

.mejs-overlay-loading
{
	height: 80px;
	left: 50%;
	margin: -40px 0 0 -40px;
	position: absolute;
	top: 50%;
	width: 80px;
}

	.mejs-overlay-loading span
	{
		background: transparent url(../images/layout/ajax-loader-large.gif) center center no-repeat;
		display: block;
		height: 80px;
		width: 80px;
	}

/* End: LAYERS */


/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 9999;
}

#cboxOverlay
{
	height: 100%;
	position: fixed;
	width: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft
{
	clear: left;
}

#cboxContent
{
	position: relative;
}

#cboxLoadedContent
{
	overflow: auto;
}

#cboxTitle
{
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic
{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor: pointer;
}

.cboxPhoto
{
	border: 0;
	display: block;
	float: left;
	margin: auto;
}

.cboxIframe
{
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

/* 
	User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
	background: #e5eff2;
}

#colorbox
{
}

#cboxContent
{
	margin-top: 20px;
}

#cboxError
{
	border: 1px solid #ccc;
	padding: 50px;
}

#cboxLoadedContent
{
	position: relative;
}

#cboxTitle
{
	color: #ccc;
	left: 0;
	position: absolute;
	top: -20px;
}

#cboxCurrent
{
	color: #ccc;
	position: absolute;
	right: 0px;
	top: -20px;
}

#cboxSlideshow
{
	color: #fff;
	position: absolute;
	right: 90px;
	top: -20px;
}

#cboxPrevious
{
	background: url(../images/layout/controls.png) no-repeat top left;
	height: 65px;
	left: 5px;
	margin-top: -32px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}

	#cboxPrevious.hover
	{
		background-position: bottom left;
	}

#cboxNext
{
	background: url(../images/layout/controls.png) no-repeat top right;
	height: 65px;
	margin-top: -32px;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}

	#cboxNext.hover
	{
		background-position: bottom right;
	}

#cboxLoadingOverlay
{
	background: #000;
}

#cboxLoadingGraphic
{
	background: url(../images/layout/loading.gif) no-repeat center center;
}

#cboxClose
{
	background: url(../images/layout/close.gif) no-repeat top center;
	display: block;
	height: 16px;
	position: absolute;
	right: 15px;
	text-indent: -9999px;
	top: 13px;
	width: 16px;
}

	#cboxClose.close-carousel
	{
		right: 55px;
	}

	/* Added by SRH */
	.logout {
		float: left;
		font-size: 150%;
		left: 866px;
		position: relative;
		top: 2px;
	}

/* Contact Details side box Start */

#contactDetails {
font-size: 84%;
border: solid 1px;
background-color: #e7eef4;
width: 273px;
line-height: 1.3em;
	float: left;
	left: -300px;
	position: absolute;
	top: 71px;
}

#contactDetailsDialog {
font-size: 84%;
border: solid 1px;
background-color: #e7eef4;
width: 273px;
line-height: 1.3em;
}

#addressBox {
padding-left: 10px;
padding-bottom: 10px;
}

#phone {
padding-left: 10px;
line-height: 2;
}

#email {
padding-left: 10px;
padding-bottom: 7px;
}

#website {
padding-left: 10px;
padding-bottom: 10px;
}

#header {
	 background-color: #6a1975;
	 color: #fff;
	 padding: 10px;
	 font-weight: bold;
	 margin-bottom: 10px;

}

/* Contact Details side box End*/


/*
	Ajax loading css
	
*/

#modalOverlay {
position: absolute;
top: 30%;
left: 30%;
z-index: 1010;
display: none;
padding: 25px;
width: 30%;
height: 3%;
border: 2px solid #9945a5;
background-color: #fff;
font-size: 20px;
text-align: center;
}

#modalFade {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: none;
width: 100%;
height: 100%;
background-color: #A279A8;
-moz-filter: alpha(opacity=70);
-o-filter: alpha(opacity=70);
-webkit-filter: alpha(opacity=70);
-ms-opacity: .70;
opacity: .70;
filter: alpha(opacity=70);
}