/*
Title:      Science Photo Library main screen styles
Copyright:  2009 Science Photo Library. All rights reserved.
*/

input.disabled, a.disabled > img {
    opacity: 0.35;
}

body {
	background: #fff;
	color: #1a1818;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased; /* makes webfonts appear correct weight in all browsers */
	-moz-osx-font-smoothing: grayscale; /* makes webfonts appear correct weight in all browsers */
}

/* links */

a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #994c4c;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

/* structure
--------------------------------------------- */

#wrap {
	width: 959px;
}

/* header
--------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 959px;
	clear: both;
}

#logobar {
	background-color: #888383;
	clear: both;
	margin: 0;
	padding: 0;
	height: 99px;   /* AB */
    position: relative;
}

#logo {
	margin: 1px 494px 0 38px;   /* AB */
	padding: 0;
	float: left;
}

.acting-as {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    font-size: 200%;
/*    font-family: "Gentium", "Gentium Alt", "Maiandra GD", "Arial Rounded MS", sans-serif; */
    color: orange;
    padding: 13px;
}

.status_msg {
    display: inline;
    margin-left: -10px;
    font-weight: bold;
    color: orange;
}
.status_message {
    margin: 0 0 2px 25px;
    width: auto;
    padding-left: 213px;
    clear: both;
    padding: 13px;
    background-color: #778899;
    color: orange;
    line-height: 1;
    font-weight: bold;
}

/* navigation */

#section_nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 59px;
	vertical-align: top;
}

#section_nav ul {
	margin: 0;
	padding: 0;
}

#section_nav li {
	display: inline;
	margin: 0;
	padding: 0;
	height: 59px;
}

#section_nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}

.sf-menu li#n_home a.toplevel,
.sf-menu li#n_images a.toplevel,
.sf-menu li#n_motion a.toplevel,
.sf-menu li#n_education a.toplevel,
.sf-menu li#n_new a.toplevel {
	height: 59px;
	overflow: hidden;
	display: block;
	float: left;
	text-indent: -9000px;
}

.sf-menu li#n_home a.toplevel,
.sf-menu li#n_home a.toplevelselected {
	width: 77px;
	background: url(/static/media/header/nav/nav_home.gif);
}
.sf-menu li#n_images a.toplevel,
.sf-menu li#n_images a.toplevelselected {
	width: 64px;
	background: url(/static/media/header/nav/nav_images.gif);
}
.sf-menu li#n_motion a.toplevel,
.sf-menu li#n_motion a.toplevelselected {
	width: 66px;
	background: url(/static/media/header/nav/nav_motion.gif);
}
.sf-menu li#n_education a.toplevel,
.sf-menu li#n_education a.toplevelselected {
	width: 91px;
	background: url(/static/media/header/nav/nav_education.gif);
}
.sf-menu li#n_new a.toplevel,
.sf-menu li#n_new a.toplevelselected {
	width: 100px;
	background: url(/static/media/header/nav/nav_new.gif);
}

.sf-menu li#n_home a.toplevelselected,
.sf-menu li#n_images a.toplevelselected,
.sf-menu li#n_motion a.toplevelselected,
.sf-menu li#n_education a.toplevelselected,
.sf-menu li#n_new a.toplevelselected {
	background-position: 0 -118px;
	height: 59px;
	overflow: hidden;
	display: block;
	float: left;
	text-indent: -9000px;
}

.sf-menu2 ul,
.sf-menu ul {
	top: 59px;
	/* AB */
	/* background: #fff url(/static/media/header/dropdownBG.jpg) repeat-x; */
	padding: 8px 13px 10px 13px;
	border-left: 1px solid #e8e7e7;
	border-bottom: 1px solid #e8e7e7;
	border-right: 1px solid #e8e7e7;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.95 opacity */
	background: rgba(255, 255, 255, 0.95);

}
/*
.sf-menu2 ul {
	padding: 4px 13px 13px 13px;
}
*/
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {
	top: 35px  !important;
}
.sf-menu li#n_home a.toplevel:hover,
.sf-menu li#n_images a.toplevel:hover,
.sf-menu li#n_motion a.toplevel:hover,
.sf-menu li#n_education a.toplevel:hover,
.sf-menu li#n_new a.toplevel:hover {
	background-position: 0 -59px;
}
.sf-menu ul li {
	display: block;
}
.sf-menu2 ul li,
.sf-menu ul li {
	background: none;
	line-height: 1.4em;
	text-align: left;
	font-weight: normal;
}
.sf-menu2 ul li.channel,
.sf-menu ul li.channel {
    padding-left: 13px;
}
.section_subnav {
	width: 130px;
	left: 20px;
	font-size: 110%;
}
#section_subnav ul {
	margin: 0;
	padding: 0;
	}
#account {
	float: right;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 50%;
	height: 39px;
	position: relative;
	font-size: 110%;
}
	#account div {
		position: absolute;
		top: 24px;  /* positions to bottom and ensures IE7 does this correctly */
		right: 0;
	}
	#account_nav {
		font-weight: bold;
	}
	#account_nav li {
		border-right: 1px solid #b8b5b5;
	}
		#account_nav li a {
			display: block;
			padding: 12px;
		}
		#account_nav li a:link,
		#account_nav li a:visited {
			color: #1a1818;
			text-decoration: none;
			}
		#account_nav li a:hover {
			color: #990000;
			text-decoration: none;
			}
			#account_nav  #orders_subnav {
			}
			#account_nav ul li {
				display: inline;
				margin: 0;
				padding: 0;
				border-right: none;
			}
			#account_nav ul li a {
				padding: 0;
			}
	#account_nav li#n_user {
		border-right: none;
	}
		#account_nav li#n_user a {
			padding-right: 0;
			color: #888383;
		}
		#account_nav li#n_user a:hover {
			color: #990000;
		}
	#account_nav li#n_basket a {
		background: #FFF url(/static/media/header/icon_basket.png) 13px 9px no-repeat;
		padding-left: 33px;
	}
	#account_nav li#n_basket a.highlight {
		background-color: #d8e66a;
	}
#account_nav li img {
	padding: 0 0 0 6px;
	position: relative;
	top: 1px;
	}

img { border: 0; }

/* search
--------------------------------------------- */

#search {
	/* background: url(/static/media/search/bar/searchBG.jpg) repeat-x; */
	background-color: #e8e7e7;  /* AB */
	clear: both;
	height: 31px;   /* AB */
	text-align: left;
	padding: 7px 0 0 0; /* AB */
	width: 959px;   /* AB */
	}
#search .keywordsouter {
	width: 220px;   /* AB */
	height: 22px;   /* AB */
	margin: 1px 0 0 38px;   /* AB */
	background: url(/static/media/201111/search/bar/bg_textInput.gif) 0 0 no-repeat;
	overflow: visible;
	float: left;
	display: block;
}
#search .refinement {
	float: left;
	width: 482px;
}
#search #keywords {
	width: 205px;   /* AB */
	height: 14px;   /* AB */
	margin: 0 10px 4px 10px;    /* AB */
	padding: 4px 0 4px 0;   /* AB */
	border: none;
	background: none;
}
#search #search_btn {
	margin: 2px 0 0 8px;    /* AB */
	float: left;
	width: 58px;
	display: block;
}
#search #search_within_btn {
	margin: 2px 0 0 3px;
}
#search #free_research_btn {
	margin: 2px 13px 0 0;
	float: right;
	display: block;
}
.or_seperator {
	margin: 3px 0px 0px 5px;
	color: #1A1818; /* AB */
	position: relative;
	text-align: center;
	top: -6px;
}
#search #refine_results {
	position: relative;
	margin: 0px 0px 0px 3px;
	padding: 0;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	top: -6px;
}
#search #search_options {
	background-color: #e8e7e7;  /* AB */
	padding: 13px 13px 12px 13px;
	margin: 0 0 0 25px; /* AB */
	min-width: 274px;   /* AB */
	float: none;
	clear: both;
	position: absolute;
	top: 191px; /* AB */
	z-index: 10;
	display: none;
}
#search #media_select,
#search #licence_select,
#search #image_category_select,
#search #motion_category_select {
	display: block;
	float: left;
	margin: 3px 20px 13px 0;
}
#search #motion_category_select {
	display: none;
}
#search label {
	color: #1A1818; /* AB */
}
.hr,
#search hr {
	clear: both;
	border: none;
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: #e8e7e7 thin solid;
	line-height: 0;
	}
.hr {
	width: auto;
}
#search #search_links li {
	float: left;
	padding: 0 13px 0 0px;
	margin: 0;
	line-height: 1.2;
}
#search #search_links li a {
	margin: 0;
	padding: 0;
	}
#search #search_links img {
	margin: 0 0 -1px 4px;
	}
#search #search_links {
	clear: both;
	float: none;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 0 0;   /* AB */
	}
#search li#closeButton img {
	position: absolute;
	right: 13px;
	bottom: 13px;
	margin: 0;
	padding: 0;
}
#search img#closeSearch {
	cursor: pointer;
}


/* site body
--------------------------------------------- */

#content {
    /* position: absolute; */
	/* top: 194px; */
	width: 959px;
	overflow: visible;
	z-index: 0;
	margin: 38px 0 0 0;
}

/* search results
--------------------------------------------- */

ul.search_summary {
	margin: 0 0 0 38px;
	line-height: 1;
}
ul.search_summary li {
	display: inline;
	clear: none;
	padding: 0 0 12px 0;
}

#content ul.search_summary li.result_count,
#content ul.search_summary li.search_text,
#content ul.search_summary li.pagination_status {
	font-weight: bold;
}
#content ul.search_summary li.datecreated {
	color: #8c8b8b;
}
#content ul.search_summary li.pagination_status {
	//position: absolute;
	//right: 13px;
	float: right;
	text-align: right;
	padding: 0 13px 0 0;
}

#content ul.images_pp {
	margin: 16px 0 0 38px;
	float: left;
	height: 20px;
	padding: 0 0 2px 0;
	line-height: 1;
}

#content ul.images_pp li {
	display: inline;
	padding: 0 0 2px 0;
}

#content ul.images_pp li a {
	font-weight: bold;
}

#content ul.images_pp li img {
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#content ul.pagination {
	float: right;
	text-align: right;
	margin: 12px 13px 0 0;
	line-height: 1;
}
#content ul.pagination li {
	display: inline;
	float: left;
	font-weight: bold;
}
#content ul.pagination li.number {
	margin: 4px 3px 0px 3px;
}
#content ul.pagination li.page_previous a,
#content ul.pagination li.page_start a,
#content ul.pagination li.page_next a,
#content ul.pagination li.page_end a {
	height: 20px;
	width: 20px;
	overflow: hidden;
	display: block;
	text-indent: -9000px;
	text-align: left;
	padding: 0 6px 0 0;
	margin: 0;
}

#content ul.pagination li.page_start a {
	background: #fff url(/static/media/search/results/b_start.gif) no-repeat;
}
#content ul.pagination li.page_previous a {
	background: #fff url(/static/media/search/results/b_previous.gif) no-repeat;
}
#content ul.pagination li.page_next a {
	margin: 0 0 0 6px;
	background: #fff url(/static/media/search/results/b_next.gif) no-repeat;
}
#content ul.pagination li.page_end a {
	padding: 0 0 0 0;
	background: #fff url(/static/media/search/results/b_end.gif) no-repeat;
}





select.selected_lightbox {
	width: 212px;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}

/* search results column
--------------------------------------------- */

ul#search_columns li {
	width: 225px; /* DF was 170 */
	height: 305px; /* DF was 250 */
	float: left;
	padding: 13px 13px 0 103px; /* DF was 13px 13px 0 63px */
	margin: 0 0 2px 0;
	background-color: #f8f8f8;
}

ul#search_columns li.row_start {
	padding: 13px 13px 0 13px; /* DF was 13px 12px 0 13px; */
	width: 226px; /* DF was 171 */
}

.thumbnail170_top,
.thumbnail170,
ul#search_columns div,
ul#search_columns a {
	width: 170px;
	height: 170px;
	background-position: bottom left;
	background-repeat: no-repeat;
	text-indent: -9000px;
	display: block;
}
ul#search_columns div,
ul#search_columns a {
	width: 225px; /* DF added in to over-write above */
	height: 225px; /* DF added in to over-write above */
}
.thumbnail170_top {
	background-position: top left;
}
ul#search_columns label {
	float: left;
	margin: 6px 0 0 0;
	position: relative;
	left: -2px;
	}
ul#search_columns p {
	float: none;
	clear: both;
	margin: 0;
	padding: 2px 0 0 0;
	}
#content div.format_image, #content div.format_clip {
	display: inline;
	text-align: left;
	float: left;
	text-indent: -9000px;
	width: 16px;
	height: 13px;
	margin: 8px 0 0 4px;
	padding: 0;
	}
#content div.format_image {
	background: #fff url(/static/media/search/results/i_image16x16.gif) no-repeat;
	}
#content div.format_clip {
	background: #fff url(/static/media/search/results/i_motion16x16.gif) no-repeat;
	}
ul#search_columns input {
	vertical-align: middle;
	margin: 0 1px 1px 1px;
	}

/* lightbox manager
--------------------------------------------- */

#content form#lightbox_manager_actions div.lightbox_preview_row {
	background-color: #f8f8f8;
	padding: 13px 13px 13px 13px;
	margin: 0 0 2px 0;
	clear: both;
	display: block;
	min-height: 147px;
	}

#content form#lightbox_manager_actions div.lightbox_details {
	width: 565px;
	height: 145px;
	border-right: #e8e7e7 2px solid;
	float: left;
	}

div.lightbox_notes_outer {
	float: left;
	width: 328px;
	margin: 0 0 0 13px;
	}
div.lightbox_notes {
	display: block;
	width: 328px;
	height: 113px;
	margin: 0;
	padding: 0;
	overflow: auto;
	}
div.lightbox_notes div {
	margin: 0 6px 0 0;
	}

#content form#lightbox_manager_actions div.lightbox_preview_row p {
	margin: 0;
	padding: 0;
	}

p.lightbox_description {
	font-weight: bold;
	}
#content form#lightbox_manager_actions ul.lightbox_thumbnails {
	display: block;
	margin: 11px 0 0 0;
	height: 70px;
	clear: both;
	}
.thumbnail76,
.orderthumb70,
.thumbnail100,
.thumbnail70,
#content form#lightbox_manager_actions ul.lightbox_thumbnails li {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 70px;
	height: 70px;
	float: left;
	margin: 0 13px 0 0;
	padding: 0;
	text-align: left;
	text-indent: -9000px;
	}
.thumbnail76 {
	width: 76px;
	height: 76px;
	}
.thumbnail70 {
	margin: 0 13px 13px 25px;
	padding-top: 4px;
	}
.thumbnail100 {
    width: 100px;
    height: 100px;
	}
#content form#lightbox_manager_actions ul.lightbox_thumbnails li.view_link {
	text-indent: 0px;
	width: auto;
	font-weight: bold;
	}
li.view_link > a {
	position: relative;
	top: 60px;
}

.format_icon {
	margin: -9px 3px -4px 3px;
	padding: 0;
	}

a.add_note_btn,
a.edit_note_btn {
	display: block;
	height: 20px;
	text-indent: -9000px;
	margin: 4px 0 0 0;
	}

a.edit_note_btn {
	width: 73px;
	background: url(/static/media/lightboxes/manager/b_editNote.gif) no-repeat;
	}
a.add_note_btn {
	width: 73px;
	background: url(/static/media/lightboxes/manager/b_addNote.gif) no-repeat;
	}

#content form#lightbox_manager_actions .lightbox_buttons {
	margin: 0 0 0 0;
	}
#content form#lightbox_manager_actions .lightbox_buttons li {
	margin: 13px 6px 0 0;
	float: left;
	}
#content form#lightbox_manager_actions .lightbox_buttons li a {
	display: block;
	background-repeat: no-repeat;
	height: 20px;
	text-indent: -9000px;
	}
#content form#lightbox_manager_actions .lightbox_buttons li a.request_link {
	width: 64px;
	background-image: url(/static/media/lightboxes/manager/b_request.gif);
	}
#content form#lightbox_manager_actions .lightbox_buttons li a.email_link {
	width: 49px;
	background-image: url(/static/media/lightboxes/manager/b_email.gif);
	}
#content form#lightbox_manager_actions .lightbox_buttons li a.rename_link {
	width: 62px;
	background-image: url(/static/media/lightboxes/manager/b_rename.gif);
	}
#content form#lightbox_manager_actions .lightbox_buttons li a.delete_link {
	width: 55px;
	background-image: url(/static/media/lightboxes/manager/b_delete.gif);
	}
#content form#lightbox_manager_actions .grey {
	color: #8c8b8b;
	}



/* lightbox view
--------------------------------------*/

p.jumplightboxes {
	float: right;
	padding: 0 10px 0 0;
}
p.jumplightboxes select,
p.jumplightboxes input {
	vertical-align: middle;
}

div.lightbox_caption_row {
	background-color: #f8f8f8;
	padding: 13px 13px 13px 13px;
	margin: 0 0 2px 0;
	min-height: 225px;
	clear: both;
	}

.lightbox_view_image {
	width: 225px;
	height: 225px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9000px;
	float: left;
	display: block;
}

div.lightbox_view_description {
	width: 430px;
	float: left;
	padding: 0 0 0 13px;
}

div.lightbox_view_description p {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}

div.lightbox_view_description ul {
	margin: 16px 0 10px -4px;
	padding-left: 0;
}

div.lightbox_image_notes_outer {
	float: left;
	width: 209px;
	border-left: #e8e7e7 2px solid;
	margin: 0 0 0 13px;
	padding: 0 0 0 13px;
}

div.lightbox_image_notes div {
	margin: 0 6px 0 0;
}

div.lightbox_image_notes {
	display: block;
	width: 209px;
	height: 191px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* advanced search
--------------------------------------------- */

div#empty_search {
	/* background: url(/static/media/search/bar/searchBG.jpg) repeat-x; */
	background-color: #E8E7E7;
	clear: both;
	text-align: left;
	height: 42px;
	}

form#advanced_search {
	width: 934px;
	}

form#advanced_search p {
	margin: 0 0 6px 6px;
}

form#advanced_search #advanced_keywords {
	width: 332px;
	margin: 0 0 6px 0;
	}

form#advanced_search #contributor_input {
	width: 142px;
}

.form_row {
	background-color: #f8f8f8;
	padding: 13px 0 13px 13px;
	margin: 0 0 2px 0;
	display: block;
	width: 921px;
	}
	.form_row .form_column {
		font-size: 110%;
	}
#content form#advanced_search div div {
	width: 8px;
}

form#popup_form div {
	width: 730px;
	}

form#popup_form div h3,
form#orderform div h3,
form#lightboxactions div h3,
form#loginlogoutpassword div h3,
form#advanced_search div h3 {
	width: 200px;
	height: 100%;
	float: left;
	}

#content form#advanced_search div.form_column,
.form_column {
	padding: 0;
	width: auto;
	float: left;
	vertical-align: middle;
	background: none;
	}

form#popup_form div div.form_column {
	width: 490px;
}

form#advanced_search div div.form_column input#advanced_keywords,
form#advanced_search div div.form_column input.image_input {
	vertical-align: top;
}

.radio_list {
	display: block;
	float: left;
	padding: 0 25px 0 0;
	}

.single_check {
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0 25px 0 6px;
}


.single_check li,
.radio_list li {
	padding: 0;
	margin: 0;
	}

.single_check label,
.single_check input,
.radio_list label,
.radio_list input {
	vertical-align: middle;
	}

.single_check input,
.radio_list input {
	position: relative;
	top: -2px;
	left: -1px;
}

li.list_header {
	font-weight: bold;
	color: #535252;
	margin-bottom: 6px;
	}
.form_column strong {
	color: #535252;
}



form#advanced_search #image_category_select {
	padding-right: 25px;
	border-right: #e8e7e7 2px solid;
}

form#advanced_search #motion_category_select {
	padding-right: 25px;
	border-right: #e8e7e7 2px solid;
	display: none;
}

form#advanced_search #sort_results,
form#advanced_search #images_per_page,
form#advanced_search #previous_searches {
	width: 182px;
	font-size: 11px;
	vertical-align: bottom;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}


form#advanced_search #motion_format_filter {
	display: none;
}


/* Login/Logout/Password
---------------------------------------------------- */


/* Pop Ups
---------------------------------------------------- */

#popup #header { width: 100%; }
#popup #logobar { height: 72px; }
#popup #close_button { margin: 26px 0 18px 26px; }
#popup #logo { float: right; height: 41px; margin: 15px 15px 16px 0; }
#popup .page-basket { margin-left: 0; }	/* override the extra indentation in basket.css */

#popup #content {
	width: 897px;
	padding: 25px 13px 0 25px;
	margin: 0;
}
#popup #order_content {
	width: 897px;
	/* padding: 25px 13px 0 0; */
}
#popup #order_content h2.large_title {
	margin-left: 25px;
}

#popup #order_content #image_display {
	float: left;
	margin: 0 13px 25px 25px;
	}

#popup #content #image_display {
	float: left;
	margin: 0 0 25px 0;
	}

#popup #content #motion_display {
	width: 480px;
	float: left;
	margin: 0 0 25px 0;
	}

#popup #content #image_details {
	float: left;
	width: 320px;
	margin: -2px 0 25px 13px;
	padding: 0;
}

#popup #content #motion_details {
	float: left;
	width: 371px;
	margin: -2px 0 25px 13px;
	padding: 0;
	position: relative;
}

#popup #content #motion_details h1,
#popup #content #image_details h1 {
	padding: 0 0 2px 0;
}

#popup #content #motion_details p,
#popup #content #image_details p,
#popup #content #motion_details ul,
#popup #content #image_details ul {
	font-size: 110%; /* DF added to enlarge fontsize to match search results Feb 2016 */
}

#popup #content #motion_details p a,
#popup #content #image_details p a {
	font-size: 127.272727273%; /* DF added to make size 14px again after above change Feb 2016 */
}

#popup #content #motion_details .padded,
#popup #content #image_details .padded {
	margin: 14px 0 2px 0;
	display: block;
}

#popup #content label,
#popup #content input {
	vertical-align: middle;
	font-weight: bold;
}
#popup #content label {
	display: block;
	margin: 14px 0 0 0;
}

#popup #content input {
	position: relative;
	top: -2px;
	left: -1px;
}

#popup #content #image_description {
	clear: both;
	padding: 0 0 24px 0;
	font-size: 110%; /* DF added to enlarge fontsize to match search results Feb 2016 */
}

#popup #content #image_description p {
	padding: 0 0 20px 0;
}

div#motion_details #order_form {
	margin: -10px 0 0 0;
	padding: 0;
}
.price_list {
	clear: both;
	margin: 1px 0 0 0;
	display: block;
	width: 22em;
}
ul.price_list li {
	display: block;
	padding: 2px 0 3px 0;
	float: left;
	border-bottom: #e8e7e7 2px solid;
}

form#orderform ul.price_list,
form#popup_form ul.price_list {
	width: auto;
	margin: 0;
}

form#orderform ul.price_list li,
form#popup_form ul.price_list li {
	border-bottom: none;
	padding: 0;
}
ul.price_list li.radio_li {
	height: 19px;
	margin-right: 2px;
}
ul.price_list li.filesize {
	width: 5em;
}
ul.price_list li.price {
	width: 5em;
}
ul.price_list li.dimensions {
	width: 12em;
}

.clear {
	clear: both;
	line-height: 1;
}
.footer_pad {
	clear: both;
	display: block;
	height: 6px;
	margin: 0;
	padding: 0;
}
.body_pad {
	clear: both;
	display: block;
	height: 200px;
	margin: 0;
	padding: 0;
}
.emphasis_120 {
	padding: 2px 0 0 0;
}


/* Selection bar (the grey bar at the top and bottom of search results etc)
---------------------------------------------- */
.dark_background,
ul.selector {
	background-color: #e8e7e7;
	padding: 10px 0 0 13px;
	height: 32px;
	margin: 0 0 2px 0;
}
ul.selector li {
	display: inline;
}

ul.selector li.select_options {
	//position: absolute;
    float: right;
	padding: 0 13px 0 0;
	margin-top: 6px;
}
ul.selector li.select_options a {
	padding: 4px 0 4px 0;
	margin-top: 3px;
	font-weight: bold;
}

/* drop down input for lightbox name */
#lightbox_name, #lightbox_name2 {
    background-color: #e8e7e7;
    display: none;
}

/* Form elements
---------------------------------------------- */

#content form#orderform,
#content form#lightboxactions,
#content form#loginlogoutpassword,
#content form#advanced_search,
#content form#lightbox_manager_actions,
#content form#lightbox_view,
#content form#lightboxFunctions,
#content form#lightboxFunctionsBottom,
#content form#search_result_actions {
	clear: both;
	margin: 0 0px 20px 25px;
}
form#popup_form {
	clear: both;
	margin: 0 0 0 -13px; /* bottom was 20px left was 12px */
}
.submit_button {
	margin: 0;
}

input.verbose_check {
	float: left;
}
label.verbose_label {
	position: relative;
	display: block;
	line-height: 1.5;
	float: left;
	padding: 0 0 6px 0;
	width: 645px;
	clear: right;
}
textarea.verbose_textbox,
input.verbose_textbox {
	width: 412px;
	margin: 0 3px 0 0;
}

.form_error,
.popup_error {
	padding: 13px;
	background-color: #def2f6;
	color: #006173;
	line-height: 1;
	font-weight: bold;
}

.popup_error {
	clear: both;
	margin: 0 0 2px 12px;
	width: 897px;
}
.form_error {
	margin: 0 0 2px 25px;
	width: auto;
	padding-left: 213px;
}
form#search_result_actions .form_error {
	margin-left: 0;
	padding-left: 13px;
}

.inline_button_start, .inline_button {
	margin: 0 3px 0 3px;
}
.inline_button_start {
	margin-left: 0;
}
.subscribe_btn_return {
        margin: 0 3px 0 3px;
}
input.textfield,
select.inline_select {
	margin: 0 3px 0 6px;
	vertical-align: middle;
}

select.date_select {
	margin: 0 6px 0 0;
}

input.loginfield {
	width: 212px;
	vertical-align: middle;
}
textarea.loginfield_nopad,
input.loginfield_nopad {
	width: 212px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
textarea.order_process_field,
input.order_process_field {
	width: 212px;
	margin-top: 0;
	margin-bottom: 0;
}
.order_process_field_nopad {
	margin-bottom: -1px;
}

ul.selector select.inline_select {
	margin: 0 0 0 3px;
}

#search #search_options input,
input.checkbox {
	position: relative;
	top: -2px;
	left: -1px;
}

#search #search_options input,
#search #search_options label,
#popup #order_content input,
#popup #order_content label,
#content input,
#content label {
	vertical-align: middle;
}

/*  Font definitions
--------------------------------------------------------- */

.paragraph_text_small,
form#popup_form div h3 {
	font-size: 100%;
	margin-top: 2px;
}

.footnote {
	margin: 20px 0 25px 25px;
}

q,
cite,
.subheading_text,
.emphasis_120,
ul#search_columns label,
#content ul.pagination,
#content ul.images_pp,
ul.search_summary,
.page-collections-images .wide_col p {
	font-size: 120%;
}

q {
	font-style: italic;
	margin-top: 38px;
}
q,
cite {
	display: block;
}
cite {
	font-style: normal;
}

ul#search_columns label {
	font-weight: bold;
	position: relative;
	top: 1px;
}
ul#search_columns input {
	position: relative;
	top: -1px;
}

.global_sub_heading,
#motion_details h1,
#motion_details a,
#image_details h1,
#image_description h1,
#image_details a {
	font-size: 140%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 2px 0;
}

h3 {
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 4px 0;
	margin: 0;
}
a.back_link {
	line-height: 1;
	font-weight: bold;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 180%;
	font-weight: bold;
	}
h2.fix {
	font-size: 140%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 2px 0;
	margin-top: 0; /* added to over-ride h2 web font subhead in /images */
	margin-bottom: 0; /* added to over-ride h2 web font subhead in /images */
	color: #1a1818; /* added to over-ride h2 web font subhead in /images */
	clear: both;
	}
h2.large_title {
	margin: 0 0 3px 38px;
	height: 1.5em;
	}
.strong,
h3.sub_heading strong {
	font-weight: bold;
	}

#content,
#popup #order_content,
#popup #content,
div.lightbox_image_notes,
div.lightbox_view_description,
#content form#lightbox_manager_actions div.lightbox_preview_row p,
div.lightbox_notes,
ul#search_columns p {
	line-height: 1.5;
	}

#content form#orderform h3,
#content form#lightboxactions h3,
#content form#loginlogoutpassword h3,
#content form#advanced_search h3,
#content form#lightbox_manager_actions div.lightbox_preview_row h3 {
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
}

#footer,
h2,
div.lightbox_caption_row,
#content form#lightbox_manager_actions div.lightbox_preview_row {
	line-height: 1;
	}


#content form#lightboxactions ul.selector {
	background-color: #f8f8f8;
}

/* footer
--------------------------------------------- */

#footer {
	margin: 38px 0 0 0; /* AB: was 44px */
	width: 959px;
	clear: both;
	font-size: 110%;
}
#footer #social {
	height: 38px;
	border-top: #e8e7e7 1px solid;
	clear: both;
}
#footer #social #follow {
	display: inline;
	float: right;   /* AB */
	text-align: right;  /* AB */
	font-weight: bold;
	margin: 6px 9px 0 38px; /* AB */
	padding: 0;
	width: 669px;
}

#footer #social #share {
	display: inline;
	float: left;    /* AB */
	font-weight: bold;
	margin: 6px 13px 0 38px;    /* AB */
	padding: 0;
}
#footer #social #share .title {
	text-align: left;   /* AB */
	display: block;
	margin-top: 7px;
	float: left;
}
#footer #social #share .addthis_spl {
	float: right;
	padding: 0 0 0 4px;
	position: relative;
	top: 4px;
}

#footer #secondary_nav {
	border-top: #e8e7e7 1px solid;
	clear: both;
}
#footer #nav {
	margin: 13px 0 15px 28px;   /* AB */
	font-weight: bold;
	list-style: none;
	padding: 0;
	float: left;
}
#footer #contact {
	margin: 13px 13px 15px 0;   /* AB */
	font-weight: bold;
	list-style: none;
	padding: 0;
	float: right;
}
#footer #nav li,
#footer #contact li {
	display: inline;
	clear: none;
	padding: 0 0 0 10px;
	}
#footer #nav li.grey a:link,
#footer #contact li.grey a:link {
	color: #1a1818;
	}
#footer #nav li.grey a:visited,
#footer #contact  li.grey a:visited {
	color: #1a1818;
	}
#footer #nav li.grey a:hover,
#footer #contact li.grey a:hover {
	color: #990000;
	}
#footer #nav li img,
#footer #contact li img,
#footer #social img {
	padding: 0 4px 0 4px;
	position: relative;
	top: 4px;
	}
#footer #legals {
	background-color: #f8f8f8;
	height: 64px;
	clear: both;
}
#footer #legals p {
	line-height: 1.5em;
}
#footer #copyright {
	color: #8c8b8b;
	padding: 15px 0 0 0;
	margin: 0 0 0 38px;
	width: 500px;
	float: left;
}
#footer #credits {
	color: #bbbbbb;
	padding: 15px 0 0 0;
	margin: 0 13px 0 0;
	float: right;
}
#footer #credits a:link {
	color: #8c8b8b;
}
#footer #credits a:visited {
	color: #8c8b8b;
}
#footer #credits a:hover {
	color: #990000;
}
#footer #contact .title {
	color: #8c8b8b;
}

#footer h3 {
	text-indent: -9000px;
	font-size: 10px;
	width: 298px;
	height: 20px;
	background: url(/static/media/201111/footer/t_beInspired.gif) 0 0 no-repeat;    /* AB */
	margin: 3px 6px 0 25px; /* AB */
	float: left;
}

.vertical_pad_text {
	position: relative;
	top: 1px;
}

.bulleted_list {
	list-style: disc;
	padding-left: 1.4em;
}

.nobullet_list {
	list-style: none;
}

/* same as all the block headings, maybe share? */
.image_block_roll,
.image_block {
	display: block;
	text-indent: -9000px;
	background-repeat: no-repeat;
}
a.image_block_roll:link {
	background-position: top;
}
a.image_block_roll:hover {
	background-position: bottom;
}

.about_image {
	background: url(/static/media/about/xray.jpg) right top no-repeat;
	min-height: 302px;
}
.prints_image {
	background: url(/static/media/buyprints/butterfly.jpg) right top no-repeat;
	min-height: 302px;
}

.order_check_col1 {
	width: 354px;
}
.order_check_col2 {
	width: 138px;
}
.order_check_col3 {
	width: 403px;
}

.channel_section {
	width: 283px;
	height: 102px;
}

.order_row {
	width: 354px;
	margin: 0 0 13px 0;
	padding: 0;
	float: left;
}
.order_row p {
	line-height: 1.5;
}

.p_formfield {
	margin: 0 0 13px 0;
}
.p_form_field_shorten {
	margin: 0 0 10px 0;
}
.p_formfield_single {
	margin: 0;
}
.p_formfield_radio {
	margin: 0 0 5px 0;
}
.p_formlabelabove {
	margin: 0 0 6px 0;
}
.order_check_row {
	margin: 13px 0 0 0;
	height: 42px;
}
.order_check_heading {
	height: 20px;
}

.selection_options {
	margin-top: 6px;
}
.bottom_border {
	border-bottom: #e8e7e7 2px solid;
}

.order_pagination a {
	margin: 0 3px 0 3px;
	}
.order_pagination {
	margin-bottom: 16px;
}

.lh_1_3 {
	line-height: 1.3;
}

.mid_grey,
.image_caption,
cite,
.grey_link:link,
#account_nav ul li a:link,
.sf-menu li a:link {
	color: #535252;
	text-decoration: none;
	}
.grey_link:visited,
#account_nav ul li a:visited,
.sf-menu li a:visited {
	color: #535252;
	text-decoration: none;
	}
.grey_link:hover,
#account_nav ul li a:hover,
.sf-menu li a:hover {
	color: #990000;
	text-decoration: none;
	}
.sf-menu li.channel a:link,
.sf-menu li.channel a:visited {
    color: #888383;
    text-decoration: none;
}
.sf-menu li.channel a:hover {
    color: #990000;
    text-decoration: none;
}

.distributor_row {
	clear: both;
}

/* Quicktime fix for IE */
* html object.mov {
    display: none;
}

/* Homepage social media */
.home_social_panel {
	border: 1px solid #e8e7e7;
	width: 339px;
	height: 48px;
	padding: 0;
}

.social {
    padding-top: 12px;
}
.social_left {
	float: left;
	width: 200px;
	padding-left: 30px;
}
.addthis_toolbox {
	float: right;
	width: 109px;
	text-align: left;
}
.social_left strong {
	display: block;
	float: left;
	margin-left: 5px;
}
.social_left strong.share {
	margin-left: 15px;
}
.social_left a {
	display: block;
	height: 16px;
	float: left;
	margin-left: 4px;
}
.social_left a,
.addthis_toolbox a {
	margin-top: 2px;
}
.addthis_toolbox a.addthis_button_facebook_like {
	margin-top: 0;
}
.addthis_default_style .at15t_compact {
	margin-right: 0 !important;
}


/* Slideshows & showreels */

.show { margin-bottom: 13px; }
.show .slides { position: relative; overflow: hidden; }
.show .slides .slide { display: none; overflow: hidden; position: absolute; left: 0; top: 0; }
.show .slides .slide.first { display: block; }
.show .slides .slide .caption {
	display: none;
	background: transparent url(/static/slideshow/home/bg-white-trans-75.png);  /* Quite modern browsers */
	background: rgba(255,255,255,0.75) none;    /* Modern browsers */
	color: #000;
	position: absolute; left: 0; top: 0;
	width: 100%; /* height: 16px; */
    line-height: 1.5;
	padding: 5px 7px;
}
.show-description { background-color: #F4F3F3; color: #535252; width: 100%; }
.show-description > div { padding: 13px; }


/* Images and Motion homepages */
.channel-title {
	background-color: #F4F3F3;
	color: #535252;
	padding: 13px 13px 11px;
	}


.cookiewarning,
.notice-lang-alt{
	box-sizing:border-box;
	width: 100%;
	background-color: #e8e7e7;
	color: black;
    font-size: 120%;
	line-height: 1.5;
}
.cookiewarning {
    position: fixed;
    display: block;
    bottom: 0;
    z-index: 99;
	padding: 13px 0 13px 38px;
}
.notice-lang-alt{
	height: 64px;/* Need fixed height so that can calculate position of #search_options accurately. */
	padding-left: 38px;
}
.notice-lang-alt .wrapper{
	display: table;
}
.notice-lang-alt .msg{
	display: table-cell;
	vertical-align: middle;
	height: 62px;/* Adjust for ascenders */
}
#format-search .notice-lang-alt{	
	box-sizing: content-box;/* Adjust for padding on body in search page */
}
.has-notice #search #search_options{
	top: 255px;/* Add height of .notice-lang-alt to previous height of 191*/
}





/* Fixed widths and heights */

.fixed_width_154 { width: 154px; }
.fixed_width_277 { width: 277px; }
.fixed_width_281 { width: 281px; }
.fixed_width_282 { width: 282px; }
.fixed_width_283 { width: 283px; }
.fixed_width_287 { width: 287px; }
.fixed_width_288 { width: 288px; }
.fixed_width_319 { width: 319px; }
.fixed_width_332 { width: 332px; }
.fixed_width_341 { width: 341px; }
.fixed_width_345 { width: 345px; }
.fixed_width_380 { width: 380px; }
.fixed_width_413 { width: 413px; }
.fixed_width_424 { width: 424px; }
.fixed_width_555 { width: 555px; }
.fixed_width_567 { width: 567px; }
.fixed_width_576 { width: 576px; }
.fixed_width_700 { width: 700px; }
.fixed_width_921 { width: 921px; }

.full_width { width: 100%; }

.fixed_height_110 { height: 110px; }
.fixed_height_120 { height: 120px; }
.fixed_height_156 { height: 156px; }
.fixed_height_159 { height: 159px; }
.fixed_height_162 { height: 162px; }
.fixed_height_170 { height: 170px; }
.fixed_height_283 { height: 283px; }

.square_102 { width: 102px; height: 102px; }
.square_110 { width: 110px; height: 110px; }
.square_126 { width: 126px; height: 126px; }
.square_196 { width: 196px; height: 196px; }
.motionquiz_196 { width: 196px; height: 122px; }

.narrow_col { width: 341px; float: left; }
.narrow_col_180 { width: 180px; float: left; }
.narrow_col_319 { width: 319px; float: left; }
.narrow_col_357 { width: 357px; float: left; }
.narrow_col_370 { width: 370px; }
.narrow_col_ext { width: 379px; }
.wide_col { width: 567px; float: left; } /* old RH column width */
.wide_col_576 { width: 576px; float: left; } /* new RH column width */

/* Margins and padding */

.body_indent { margin-bottom: 20px; margin-left: 38px; }
.body_indent_x { margin-left: 38px; }
.small_indent { margin-bottom: 20px; margin-left: 25px; }
.small_indent_x { margin-left: 25px; }
.minimum_indent { margin-left: 13px; }
.double_indent { margin-left: 26px; } /* used with new RH column */
.minimum_indent_right { margin-right: 13px; }
.field_indent { margin-left: 200px; }
.header_indent { margin-bottom: 15px; margin-left: 25px; }

.vertical_mgn_13 { margin-top: 13px; }
.even_padding_13 { padding: 13px; }
.even_margin_13 { margin: 13px; }

.top_margin-13 { margin-top: -13px; }
.top_margin-2 { margin-top: -2px; }
.top_margin_5 { margin-top: 5px; }
.top_margin_10 { margin-top: 10px; }
.top_margin_13_ietweak, .top_margin_13 { margin-top: 13px; }
.top_margin_20 { margin-top: 20px; }

.bot_margin-2 { margin-bottom: -2px; }
.bot_margin_1 { margin-bottom: 1px; }
.bot_margin_2 { margin-bottom: 2px; }
.bot_margin_6 { margin-bottom: 6px; }
.bot_margin_9 { margin-bottom: 9px; }
.bot_margin_12 { margin-bottom: 12px; }
.bot_margin_13 { margin-bottom: 13px; }
.bot_margin_18 { margin-bottom: 18px; }
.bot_margin_20 { margin-bottom: 20px; }
.bot_margin_22 { margin-bottom: 22px; }
.bot_margin_31 { margin-bottom: 31px; }

.channel_bot_margin { margin-bottom: 44px; }

.left_margin-13 { margin-left: -13px; }
.left_margin_13 { margin-left: 13px; }
.left_margin_14 { margin-left: 14px; }

.right_padding_12 { padding-right: 12px; }

.margin_1 { margin-right: 1px; margin-bottom: 1px; }
.margin_2 { margin-right: 2px; margin-bottom: 2px; }

.zero_bot_margin { margin-bottom: 0; }
.zero_top_margin { margin-top: 0; }
.zero_left_margin { margin-left: 0; }
.zero_right_margin { margin-right: 0; }
.zero_bottom { margin-bottom: 0; padding-bottom: 0; }
.zero_top { margin-top: 0; padding-top: 0; }
.zero { margin: 0; padding: 0; }
.zero_padding { padding: 0; }

/* Colours */

.black { color: #1a1818; }
.grey { color: #8c8b8b; }
.greybar { color: #888383; }
.dark_grey { color: #1a1818; }
.deep_green { color: #006600; }
.dark_grey_bg { background-color: #e8e7e7; }
.light_grey_bg { background-color: #F8F8F8; }
.light_green_bg { background-color: #d9f0d9; }
.light_grey_grad_off196, .light_grey_grad_off102, .light_grey_gradient, .lgrey_short_grad {
	background: url(/static/media/global/gradient_f8f8f8.gif) repeat-x;
	background-color: #F8F8F8;
}

/* Other layout */

.light_grey_grad_off196 { background-position: 196px 0px; }
.light_grey_grad_off102 { background-position: 102px 0px; }

.offset_left-13 { position: relative; left: -13px; }
.offscreen { position: absolute; left: -999em; width: 990em; height: 0; }
.float_left { float: left; }
.float_right { float: right; }
.align_top { vertical-align: top; }
.va-middle { vertical-align: middle; }

.single_line { line-height: 1; }
.paragraph_text { line-height: 1.5; }
.normal { font-weight: normal; }

/* Headers */

/* We could really do with that CSS frontend language that does inheritance and stuff ... */
.h1_static, .h1_single_line, .h1_double_line, h1.oneLineTitle, h1.twoLineTitle, {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

/* Handles graphic heading on access_denied, gone and not_found templates */
.graphic-h1 {
	margin: -10px 0 19px 38px;
}

/* Fixes h1 spacing and colour in popups */

#popup #content h1 {
	color: #1a1818;
	margin-top: 0;
	margin-bottom: 0;
}

#popup #order_content h1 {
	color: #888383;
	/* margin-top: 19px; removed to fix spacing on popup titles */
	margin-bottom: 23px;
}

/* Styles different h1/h2 on standalone promos */

.format-promotion h1 {
	text-transform: uppercase;
	color: #6e6b6b;
	padding-top: 4px;
}

.format-promotion h2 {
	font-size: 310%;
	color: #b8b5b5;
	padding-bottom: 13px;
}

.page-exclusive-offer h1 {
	font-size: 525%;
}

.page-exclusive-offer h1 span {
	color: #00c676;
}

.page-flexible h1 {
	font-size: 450%;
}

.page-flexible h1 span {
	color: #9f5c03;
}

/*
   N.B.

    {one,two}LineTitle are for where the title is *inside* an element with a
    body indent already, i.e. the "new" style adopted with the updated basket
    pages and "account history" ...

    The other variants are all "old" and mostly expect the H1 to be top level
    rather than nested within (say) a form or whatever.
*/

.h1_single_line, .h1_double_line { margin: -10px 0 19px 38px; }
.h1_static { margin: -10px 0 19px 0; }
h1.oneLineTitle, h1.twoLineTitle { margin: -10px 0 19px 13px; }

.h1_static, .h1_single_line, h1.oneLineTitle { height: 39px; }
.h1_double_line, h1.twoLineTitle { height: 79px; }

/* Buttons
---------------------------------------------------- */

a.button {
	font-family: "Foundry Journal W01 Bk", sans-serif;
    font-size: 180%;
    color: #1a1818;
}

a.button-education {
	background: #c1e0ff;
}

a.button-education:hover {
	background: #cee7ff;
}

.button {
	display: inline-block;
    border: 0;
    padding: 0.5em 1em 0.75em;
}