/*
The following colors and styles are used throughout the application:

Dark grey 90% (background):
	#191919
	
Grey 60% (menu):
	#666666
	
Light grey 15% (boxes):
	#d9d9d9
	
Yellow (stock):	
	#FFC208
	
Green (editorial):
	#B3D234
	
Blue (news):
	#31B0CA
*/
* {
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	background-color: #191919;
	margin-top: 0px;
}

body,table,form,input,select,textarea {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #191919;
}

p {
	margin-top: 3px;
	margin-bottom: 10px;
}

li {
	margin-left: 15px;
}

td {
	vertical-align: top;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: black;
}

a.pictureLink {
	text-decoration: none;
}

a.pictureLink:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}
h5 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

th {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
}

label {
	font-weight: bold;
}

hr {
	color: black; /* Set the color in IE */
	background-color: black; /* Set the clor in Mozilla */
}

.disabled_link { /*
	font-style: italic;
	*/
	font-weight: bold;
}

.highlight {
	color: red;
}

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}

.feedbackPanel { /*
	border-style: solid;
	border-color: yellow;
	border-width: 1px;	
	*/
	margin: 0;
	padding: 0;
	clear: both;
	align: left;
	text-align: left;
	width: 100%;
}

.feedbackPanel ul {
	border: 1px solid red;
	background-color: #d9d9d9;
	padding-top: 5px;
	padding-bottom: 5px;
}

.feedbackPanel ul li {
	margin-left: 6px;
}

.feedbackPanelERROR {
	color: red;
	list-style: disc url(exclamation.gif) inside;
}

.feedbackPanelINFO {
	list-style: disc url(info.png) inside;
}

/**********************
 * Header styles
 *********************/
#header {
	color: white;
	font-size: 10px;
	text-transform: uppercase;
}

#header a {
	color: white;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
}

#header  .disabled_link {
	font-weight: normal;
	color: grey;
}

#header a:hover {
	text-decoration: underline;
}

/* The login box */
#login {
	float: right;
	text-transform: none;
	color: #191919;
	background-color: white;
	martin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

#login a {
	color: #191919;
	font-weight: bold;
}

#login a:hover {
	color: #191919;
}

/* The top row of links to static pages */
#menu_strip1 {
	float: left;
	height: 25px;
}

#menu1 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu1 .disabled_link {
	background-color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	color: #191919;
	font-style: normal;
	font-weight: bold;
}

#login select {
	text-transform: none;
}

/**************
 * the logo bar
 *************/
#logo {
	color: white;
	font-size: 16px;
}

#logo a {
	color: white;
	float: left;
	width: 33%;
}

#logo img {
	height: 50px;
	border: none;
}

#user_name {
	width: 50%;
	float: right;
	text-align: right;
	padding-top: 2px;
}

#slogan {
	width: 65%;
	float: right;
	text-align: right;
}

#slogan img {
	height: 35px;
	margin-top: 10px;
}

/*******************
 * The container with white background
 ******************/
#white_frame {
	min-height: 510px;
	/* IE Dynamic Expression to set the width. IE always treats height as min-height.
	 * Other browsers will ignore it, and correctly implement min-height
	 * 
	 */
	height: expression("100%");
	background-color: white;
	clear: both;
	padding: 10px;
}

/********************
 * The common menu bar
 ********************/
#menu_inner_top {
	height: 50px;
	color: white;
}

#menu_inner_top a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#menu_inner_top a:hover {
	text-decoration: underline;
}

/* Fix conflict with yahoo calendar in menu bar */
#menu_inner_top .yui-skin-sam .yui-calendar td.calcell a {
	color: #0066cc;
	display: block;
	height: 100%;
	text-decoration: none;
	font-weight: normal;
}

.yui-calendar thead {
	background-color: #666666;
	}
#menu_inner_top .yui-skin-sam .yui-calendar td.calcell .selected a {
	background-color: #b3d4ff;
	color: #000000;
}

#dummyPanel {
	float: left;
	height: 50px;
	background-color: #666666;
	width: 331px;
}

/************** 
 * The level 3 menu
 **************/
#menu_inner_side {
	width: 150px;
	float: left;
	margin-right: 6px;
	margin-top: 6px;
}

#menu_inner_side a {
	text-decoration: none;
	display: block;
}

#menu_inner_side a:hover {
	text-decoration: underline;
}

#menu3 {
	background-color: #666666;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	/*
	padding-left: 20px;
	padding-right: 15px;
	*/
	text-transform: uppercase;
	font-weight: bold;
}

#menu3 a {
	display: block;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: white;
	font-weight: normal;
	text-transform: none;
}

#menu3 a:hover {
	text-decoration: none;
	background-color: #999999;
}

#menu3 a:visited {
	color: white;
}

#menu3 .disabled_link {
	display: block;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #999999;
	font-style: normal;
	text-transform: none;
}

.section_tab {
	background-color: #666666;
	font-weight: bold;
	height: 50px;
	float: left;
	width: 150px;
	margin-right: 6px;
	text-transform: uppercase;
}

.section_tab a {
	display: block;
	/* Indent the tabs 20px from the top */
	height: 30px;
	padding-top: 20px;
	line-height: 30px;
	vertical-align: center;
	/* Indent the tabs 10% from left */
	width: 90%;
	padding-left: 10%;
}

.section_tab a:hover {
	background-color: #999999;
	text-decoration: none;
}

.section_tab_menu_height {
	height: 50px;
}

.stock_tab { /*
	padding-top: 10px;
	*/
	border-left: 12px solid #FFC208;
}

.editorial_tab { /*
	padding-top: 10px;
	*/
	border-left: 12px solid #B3D234;
}

.news_tab { /*
	padding-top: 10px;
	*/
	border-left: 12px solid #31B0CA;
}

.video_tab { /*
	padding-top: 10px;
	*/
	border-left: 12px solid #631D91;
}

.motion_tab {
	border-left: 12px solid #b02020; /* #aa3e3e; #ca3131; */
}

#search_box {
	float: left;
	height: 50px;
	background-color: #666666;
	width: 879px;
	padding-top: 0px;
}

#search_box form {
	color: white;
	margin: 0px;
	padding: 0px;
}

#check_box_group {
	float: left;
	text-align: right;
	padding-left: 20px;
	padding-top: 10px;
	vertical-align: middle;
}

#check_box {
	height: 13px;
}

#check_box_flyout {
	position: relative;
	display: none;
	z-index: 1000;
	top: 15px;
	width: 185px;

	background-color: #444;
	filter:alpha(opacity=80); /* IE */
	opacity:0.8; /* CSS 3 */
	padding: 10px 20px 40px 20px;
	vertical-align: middle;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#check_box_flyout li {
	list-style-type: none;
	line-height: 1.5;
}

#check_box_flyout label {
	font-weight: normal;
}

#check_box_flyout .title {
	font-weight: bold;
	line-height: 2.0;
}

#check_box_flyout #advancedSearchLink {
	float: right;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

#search_field {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	vertical-align: bottom;
}

#search_field input {
	width: 110px;
}

#search_links {
	float: left;
	padding-top: 25px;
	padding-left: 5px;
	color: white;
}

#today_box {
	float: left;
	width: 35px;
	padding-left: 10px;
	padding-top: 10px;
}

.search_date {
	float: left;
	width: 20px;
	padding-top: 10px;
}

#agencies {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#search_box table {
	display: inline;
	background-color: #666666;
	text-align: left;
	border-spacing: 10px 0px;
	color: white;
}

#search_box a {
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}

/***************
 * Content
 **************/
#content {
	margin-top: 6px;
}

#section_content {
	margin-top: 6px;
	float: left;
	width: 879px;
}

.small_indented_content {
	display: inline; /* This is a fix for IE6's "double-margin" bug */
	float: left;
	margin-left: 50px;
	margin-top: 6px;
	width: 748px;
}

.indented_content {
	display: inline; /* This is a fix for IE6's "double-margin" bug */
	float: left;
	margin-left: 150px;
}

/* Can be used with a sidebar */
.indented_content_narrow {
	display: inline; /* This is a fix for IE6's "double-margin" bug */
	float: left;
	margin-left: 150px;
	width: 552px;
}

/* Can be used with a sidebar, but doesn't indent */
.content_narrow {
	display: inline; /* This is a fix for IE6's "double-margin" bug */
	float: left;
	width: 65%;
}

#sidebar p {
	margin-bottom: 6px;
	margin-top: 6px;
}

#infobox {
	padding: 10px;
	background: #d9d9d9;
}

#topImage img {
	width: 100%;
	height: 200px;
	margin-top: 6px;
}

/************
 * Footer
 ************/
#footer {
	clear: both;
	margin-top: 10px;
	color: white;
	font-size: 10px;
}

/***************
 * Common stuff
 **************/
.even {
	background-color: #d9d9d9;
}

.odd {
	background-color: white;
}

#sidebar .fancyText {
	margin-left: 0px;
}

#sidebar {
	width: 25%;
	float: right;
	clear: right;
}

/**************
 * Slideshow
 *************/
#myInfoContainer a {
	display: block;
	width: 150px;
	float: right;
	font-size: 10px;
	height: 20px;
	/*
	line-height: 20px;
	vertical-align: center;
	*/
	padding-top: 5px;
}

#myInfoContainer a:hover {
	text-decoration: underline;
}

#myInfoContainer img {
	display: block;
	float: right;
	/*
	height: 30px;
	*/
}

#myInfoContainer a.open .stock {
	color: #FFC208;
}

#myInfoContainer a.open .editorial {
	color: #B3D234;
}

#myInfoContainer a.open .news {
	color: #31B0CA;
}

#searchMessagePanel {
	background-color: #666666;
	color: white;
	height: 44px;
	padding-top: 6px;
	/* A semi-nasty hack to move the search message panel up, over the search_box,
	 because it is difficult to move the search message panel into the menu panel in code */
	margin-top: -56px;
	position: relative; /* Otherwise IE 6 won't recognize the z-index... */
	z-index: 10;
	margin-bottom: 6px;
}

#searchMessagePanel p {
	color: white;
	margin-left: 10px;
}

#searchMessagePanel a {
	margin-right: 10px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#searchMessagePanel a:hover {
	text-decoration: underline;
}

#descriptionContainer {
	float: right;
	width: 25%
}

.descriptionPanelContent {
	display: none;
	float: right;
	padding-top: 12px;
	width: 100%;
}

.descriptionPanel_title {
	font-weight: bold;
}

.descriptionPanel_id {
	font-weight: bold;
}

/*
.previewPanel .image img {
	width: 100%;	
}
*/ /*
.thumbnail_img {
}
.thumbnail_img:hover {
}
.thumbnail_img img {
	border-style: none;	
}
*/
.color_green {
	color: #009900;
}

.color_red {
	color: #FF0000;
}

/******************
 * Basket
 *****************/
#basket {
	margin-top: 16px;
	display: block;
}

#basket_items td {
	vertical-align: top;
}

.phot_headline {
	font-weight: bold;
}

#basket_buttons {
	text-align: right;
}

.basket_total_price {
	font-size: 14px;
	font-weight: bold;
}

/******************
 * Contact page
 *****************/
.employeesHeader {
	background-color: #d9d9d9;
	height: 30px;
	padding-left: 20px;
	padding-top: 2px;
}

.employeesHeader h3 {
	font-weight: normal;
}

table.employeesTable {
	margin-bottom: 20px;
}

.employeesTable td {
	width: 150px;
}

.employeesTable .picture {
	text-align: center;
}

.employeesTable img { /*
	width: 150px;
	height: 120px;
	*/
	margin-top: 5px;
	margin-bottom: 5px;
}

.employeesTable .filled .details { /*
	height: 120px;
	*/
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.employeesTable .filled .details table {
	
}

.employeesTable .filled .details table td {
	
}

.employeesTable .filled .details table .rightAligned {
	text-align: right;
}

.employeesTable .filled .name {
	font-weight: bold;
}

/*************
 My POlfoto
 ************/
span.wicket-ajax-indicator {
	margin: 0;
	padding: 0;
	padding-left: 2px;
}

/***********
Corbis box
***********/
#corbis {
	width: 282px;
	height: 98px;
	float: left;
	margin-left: 6px;
	margin-top: 6px;
	padding-left: 10px;
	background-color: #666666;
}

#corbis_logo {
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#text {
	padding-bottom: 10px;
	width: 487 px;
	font-size: 20px;
	color: white;
	float: left;
}

#text img {
	margin: 0px;
	padding: 0px;
}

#corbis_form {
	float: left;
	background-color: #666666;
	color: white;
}

#corbis_form form {
	color: white;
}

#corbis_form a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}

#corbis_search {
	float: left;
	padding-left: 10px;
	color: white;
	height: 30px;
	width: 150px;
}

#corbis_check_box {
	float: left;
	text-align: right;
	color: white;
	padding-left: 20px;
	padding-top: 10px;
}

#feature_name{
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	
	
	}


#feature_photograph{
	font-size: 10px;
	margin-top: 5px;
	
	}


#feature_img{
	float: left;
	padding-top: 20px;
	padding-left: 25px;
	}
	
#feature_text{
	padding-top: 20px;
	padding-left: 25px;
	width: 500px;
	font-size: 12px;
	color: black;
	float: left;
}

#feature_title{
	font-size: 14px;
	color: black;
	font-weight: bold;
	
	
}