/************************************************************
	Author: 	Alex Holsgrove
	E-Mail: 	alex.holsgrove@soup.co.uk
	Date:   	7th November 2007
	Client:		Fujifilm B2B
	
	Notes:  	Content Stylesheet - contains styles for
				visible elements such as colours, fonts
				and background images.
************************************************************/


/* -------------------- CORE ELEMENT STYLES -------------------- */

body {
	border-top:						4px solid #01916D;
}

a {
	border:							none;
	text-decoration:				none;
}

img {
	border:							none;
}

fieldset {
	border:							none;
}

/* -------------------- HEADER STYLES -------------------- */

#header span {
	font-weight:					bold;
}

#header #search {
	text-align:						right;
}

#header #search .submit {
	background:						#F1F1F1;
	border:							1px solid #AFAFAF;	
	color:							#000000;
	text-align:						center;
}	

#header #top_links li {
	list-style-type:				none;
}

#header #top_links a {
	color:							#000000;
}

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

#header #top_nav {
	background:						#000000;
	font-weight:					bold;
}

#header #top_nav li,
#header #top_nav_sub li {
	list-style-type:				none;
}

#header #top_nav a {
	color:							#FFFFFF;
}
z
#header #top_nav a:hover,
#header #top_nav_sub a:hover {
	text-decoration:				underline;
}

#header #top_nav li.selected {
	background:						#D9D9D9 url("/media/site/images/navigation/top_nav_separator.gif") top left no-repeat;	
}

#header #top_nav li.selected a {
	color:							#000000;
}

#header #top_nav li,
#header #top_nav_sub li {
	background:						url("/media/site/images/navigation/top_nav_separator.gif") top left no-repeat;
}

#header #top_nav_sub {
	background:						#D9D9D9;
}

#header #top_nav_sub a {
	color:							#000000;
}

#header #top_nav_sub li.selected {
	font-weight:					bold;
}


/* -------------------- BREADCRUMBS -------------------- */

#breadcrumbs li {
	background:						url(/media/site/images/navigation/breadcrumb_arrow.gif) 0px 50% no-repeat;
	list-style-type:				none;
}

#breadcrumbs a {
	color:							#5B5B5B;
	font-size:						0.9em;
}

#breadcrumbs li.selected a {
	color:							#000000;
}


/* -------------------- LOGIN BARS -------------------- */

#login_bar {
	background:						url("/media/site/images/backgrounds/bg_login.gif") bottom right no-repeat;			
}

#login_bar,
#login_bar a,
#login_bar input {
	color:							#000000;
	font-size:						0.9em;
}

#login_bar input {
	color:							#000000;
	font-size:						1.1em;	
}

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


/* -------------------- SEARCH BARS -------------------- */

#search_bar {
	background:						url("/media/site/images/backgrounds/bg_login.gif") bottom right no-repeat;			
}

#search_bar,
#search_bar a,
#search_bar label,
#search_bar input {
	color:							#000000;
	font-size:						0.9em;
}


/* -------------------- QUICK SHOP BARS -------------------- */

#quick_shop_bar {
	background:						url("/media/site/images/backgrounds/bg_login.gif") bottom right no-repeat;			
}

#quick_shop_bar,
#quick_shop_bar a,
#quick_shop_bar label,
#quick_shop_bar input {
	color:							#000000;
	font-size:						0.9em;
}


/* -------------------- HEADINGS -------------------- */

#feature_panel {
	background:						#43B4CF;
}

#feature_panel #feature_panels p,
#feature_panel #feature_list p {
	font-size:						0.82em;
}

#feature_panel #feature_panels #panel_1 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_photofinishing.gif") bottom right no-repeat;
}

#feature_panel #feature_panels #panel_2 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_graphic_systems.gif") bottom right no-repeat;
}

#feature_panel #feature_panels #panel_3 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_data_storage.gif") bottom right no-repeat;
}

#feature_panel #feature_panels #panel_4 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_medical_imaging.gif") bottom right no-repeat;
}

#feature_panel #feature_list {
	background:						#5FBFD7;
}

.product_header form input {
	font-size:						0.9em;
}
/************************ Photo Imaging Home Panel ****************************************/
#feature_panel.wide h2,
#feature_panel.wide h3 {
	margin-bottom:6px;
	}
#feature_panel.wide #feature_panels #panel_1 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_minilab_equipment.gif") bottom right no-repeat;
}

#feature_panel.wide #feature_panels #panel_2 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_large_format_printing.gif") bottom right no-repeat;
}

#feature_panel.wide #feature_panels #panel_3 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_photo_imaging_shop.gif") bottom right no-repeat;
}

#feature_panel.wide #feature_panels #panel_4 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_paper_and_chemistry.gif") bottom right no-repeat;
}
#feature_panel.wide #feature_panels #panel_5 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_equipment_support.gif") bottom right no-repeat;
}

#feature_panel.wide #feature_panels #panel_6 {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_panel_imaging_support.gif") bottom right no-repeat;
}
#feature_panel.wide #feature_panels li {
	padding:10px 0 10px 10px;
	width:198px;
}

#feature_panel.wide #feature_panels #panel_1 p,
#feature_panel.wide #feature_panels #panel_2 p,
#feature_panel.wide #feature_panels #panel_5 p{
	width:130px;
}

/* -------------------- FULL WIDTH PANELS -------------------- */

#product_panel {
	background:						url("/media/site/images/backgrounds/bg_gradient.png") top left repeat-x;
}

#product_panel ul {
	border-bottom:					7px solid #999999;
}


/* -------------------- CONTENT BOXES -------------------- */

#structure {
	border-top:						4px solid #999999;
}

.content_box {
	background:						url("/media/site/images/backgrounds/bg_content_box.png") bottom right no-repeat;
}

.content_box .heading {
	background:						#FFFFFF url("/media/site/images/backgrounds/bg_content_box_heading.png") 0px 5px no-repeat;
}

.heading h2 {
	background:						#43B4CF;
	color:							#FFFFFF;
	font-size:						1.2em;
	font-weight:					bold;
}

.content_box a {
	color:							#42B4CF;
	text-decoration:				underline;
}

.content_box hr {
	border-top:						1px solid #CCCCCC;
	border-right:					1px solid transparent;
	border-bottom:					1px solid transparent;
	border-left:					1px solid transparent;
}

.feature_box {
	background:						#43B4CF; 
}

.error {
	color:							#FF0000;
	font-weight:					bold;
	
}


/* -------------------- FORM STYLES -------------------- */

.content_box .formbuilder legend {
	font-weight:					bold;
}


/* -------------------- CALLOUTS -------------------- */

#callout_column a {
	color:							#42B4CF;
}

.listbox h4 {
	background:						#43B4CF none repeat scroll 0%;
	color:							#FFFFFF;
	font-size:						1.2em;
	font-weight:					bold;
}

.listbox li {
	list-style-type:				none;
}

.listbox a {
	text-decoration:				underline;
}


/* -------------------- FOOTER STYLES -------------------- */

#footer {
	border-bottom:					16px solid #01916D;
}

#footer p {
	background:						url("/media/site/images/backgrounds/bg_footer_streak.gif") bottom left no-repeat;
}

#footer ul li {
	background:						url("/media/site/images/navigation/nav_marker.gif") center left no-repeat;
}

#footer a {
	color:							#000000;
}

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


/* -------------------- SPECIAL ELEMENTS -------------------- */

.dropshadow {
	background:						none;
}