/* Prototype Styles for Fuji */
/*
body {
	padding:					0;
	margin:						0;
	font-size:					small;
	font-family:				Arial, Helvetica, sans-serif;
}

 * {
	padding:					0;
	margin:						0;
}

a img {
  border:						0;
}*/

/* ************************ 
#framework {
	padding:					0 14px 0 0;
}*/
/* ** moved to styles.css
#header {
	margin-left:				20px;
	width:						935px;
}

#header ul {
	list-style:					none;
	font-size:					85%;
	margin:						5px 0 15px;
}

/* Clear Hack 
#header ul:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html #header ul { height:1%; }
Clear Hack */
/*
#header ul li {
	float:						left;
	margin-right:				4px;
	background:					url(/media/site/images/bg_header_li.gif) 0 0.6em no-repeat;
	padding-left:				5px;
}

#header ul li a {
	color:						#000;
	text-decoration:			none;
	font-size:					75%;
	font-family:				Verdana, Arial, sans-serif;
}
** */
h1 {
	font-size:					180%;
font-weight:normal;
color:#999;
padding:	0 0 7px;
}

#promo {
	width:						935px;
	margin-left:				20px;
}

#editorial {
	margin-top:					10px;
	margin-left:				20px;
	width:						935px;
	background:					url(/media/site/images/bg_vertical_light_grad.png) 0 0 repeat-x;
}

/* Clear Hack */
#editorial:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html #editorial { height:1%; }
/* Clear Hack */

/*
#editorial_left {
	float:						left;
}

#editorial_centre {
	float:						left;
}
*/



#editorial_right {
	float:						left;
}

#editorial .callout {
	width:						158px;
	margin:						5px 3px 10px 4px;

}

#editorial .callout img {
	display:					block;
}

/*#editorial .dropshadow_content {
	background:					none;
}*/


#base_promo {
	text-align:					right;
	padding:					7px 0;
	margin:						0;
	clear:						both;
	border-top:					1px solid #ccc;
}

#base_promo img {
	margin-left:				1px;
}







/* ************************ */
/* Home Styles */
.home h1 {
	margin:						20px 0 5px;
}

.home #editorial_left {
	width:						236px;
	min-height:					250px;
	margin-right:				3px;
}
* html .home #editorial_left { height:250px; }

.home #editorial_centre {
	width:						513px;
	margin-right:				4px;
	background:					url(/media/site/images/bg_vertical_dark_grad.png) 0 0 repeat-x;
}

.home .advertising {
	width:						486px;
	margin:						12px 10px;
}

.home #editorial_right {
  width:						169px;
	padding:					0 5px;
	background:					url(/media/site/images/bg_vertical_dark_grad.png) 0 0 repeat-x;
}

.popular_links {
	background:					url(/media/site/images/bg_vertical_light_grad.png) 0 0 repeat-x;
}

.home h4 {
	background:					#fff;
	color:						#333;
	float:						left;
	padding:					2px 10px 2px 10px;
	font-size:					110%;
	margin:						10px 0;
}

/* Scott added image replacement to a couple of h4s on the homepage 
h4.txt_popular_links{
	padding:					0;
	margin:						10px 0;
	display:					block;
	width:						117px;
	height:						22px;
	background-image:			url(/media/site/images/front-end/title_popular_links.gif);
}

h4.txt_popular_links span{
	display:none;
}

h4.txt_whats_new{
	padding:					0;
	margin:						10px 0;
	display:					block;
	width:						125px;
	height:						22px;
	background-image:			url(/media/site/images/front-end/title_whats_new.gif);
}

h4.txt_whats_new span{
	display:none;
}
*/
/* Scott leaves the building */

.popular_links ul {
	clear:						left;
	list-style:					none;
	margin-right:				15px;
	width:						200px;
}

.popular_links ul li {
	display:					block;
}

#editorial_left.popular_links ul li a {
	font-family:				Verdana, Arial, Helvetica, sans-serif;	
	display:					block;
	padding:					2px 2px 2px 10px;
	border-bottom:				1px solid #ccc;
	text-decoration:			none;
	color:						#000;
}

#editorial #editorial_left.popular_links ul li a {
	font-size:					0.65em;
}

#editorial_left.popular_links ul li a:first-letter {
	color:#c00;
}


#editorial_left.popular_links ul li a:hover {
	color:						#c00;
}




#editorial_centre .whats_new {
	border-top:					1px solid #fff;
	clear:						left;
	background:					#fff;
	padding-left:				10px;
}

* html #editorial_centre .whats_new {
	height:						1%;
}

#editorial_centre .whats_new:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
}
	

#editorial_centre .whats_new div {
	width:						230px;
	padding:					10px 15px 10px 0;
	border-bottom:				1px solid #999;
	float:						left;
	min-height:					105px;
}

* html #editorial_centre .whats_new div {
	height:						105px;
}

#editorial_centre .whats_new div p {
	font-size:					85%;
	margin:						0 0 0.6em;
	color:						#666;
}

#editorial_centre .whats_new div p a {
	background:					#F60120;
	color:						#fff;
	font-weight:				bold;
	text-decoration:			none;
	padding:					2px;
}
	







/* ************************ */
/* Consumer Styles */

.consumer #editorial {
	margin-top:					30px;
}

.consumer #editorial_left {
	width:						517px;
	min-height:					260px;
	background:					url(/media/site/images/bg_vertical_dark_grad.png) 0 0 repeat-x;	
}
* html .consumer #editorial_left { height:260px; }

.consumer  #editorial_left .advertising {
	width:						486px;
	margin:						12px 14px 5px;
}

/*
.consumer #editorial_centre {
	width:						220px;
	padding:					0 9px 0 8px;
}
*/

.consumer .service_support {
	min-height:					300px;
}

* html .consumer .service_support {
	height:						300px;
	background:					#ccc;
}

.consumer #editorial_right {
	width:						176px;
}

.consumer #editorial_right .myfuj_callout {
border:1px solid red!important;
}

h2.where_to_buy {	
	margin:						0 10px;
	position:					relative;
	margin-top:						-10px;
}

div.where_to_buy {
	background:					#fff;
	margin:						10px;
	min-height:					93px;
	padding:					10px 0 10px 10px
}

* html div.where_to_buy {
	height:						73px;
}

div.where_to_buy p,
div.where_to_buy form {
	float:						left;
	width:						150px;
}

div.where_to_buy p {
	font-size:					85%;
}

div.where_to_buy form {
	padding-right:				20px;
	padding-left:				10px;
}

div.where_to_buy form input {
	font-size:					85%;
}

div.where_to_buy form label {
	font-size:					85%;
	color:						#666;
	padding-bottom:				5px;
	display:					block;
}

div.where_to_buy strong {
	display:					block;
	font-size:					110%;
	padding-bottom:				5px;

}

div.where_to_buy p a {
	display:					block;
	color:						#666;
	text-decoration:			none;
	padding-top:				2px;
	background:					url(/media/site/images/btn_arrow.gif) bottom right no-repeat;
	margin-right:				10px;
}

/*.shop_offer {
	background:					#fff;
	padding:					1px 4px 4px 1px!important;
}

.shop_offer a img {
	float:						right;
}

.shop_offer .content {
	padding:					10px 0;
	font-size:					70%;
	font-family:				Verdana, Arial, sans-serif;
	display:					block;
}

.shop_offer .content strong {
	font-size:					130%;
	display:					block;
}

.shop_offer .content span {
	background:					#c00;
	color:						#fff;
	font-weight:				bold;
	padding:					1px 2px;
	line-height:				1.9em;
	font-size:					120%;
}*/

.service_support {
	background:					none!important;
}

.service_support h3 {
	margin-top:					-10px;
	margin-bottom:				10px;
	position:					relative;
}

.service_support ul {
	background:					#F6E9F4 url(/media/site/images/bg_service_and_support.png) 0 0 no-repeat;
	list-style:					none;
	width:						203px;
	margin:						0 3px;
	padding:					70px 0 20px 6px;
}



.service_support ul li {
	display:					inline;
}

#editorial .service_support ul li a {
	font-family:				Verdana, Arial, Helvetica, sans-serif;	
	display:					block;
	padding:					4px 0 2px 0;
	font-size:					80%;
	text-decoration:			none;
	color:						#000;
}

#editorial .service_support ul li a:first-letter {
	color:#c00;
}


#editorial .service_support ul li a:hover {
	color:						#c00;
}



/* ************************ */
/* Digital Styles */

.digital #promo {
	min-height:					217px;
}

* html .digital #promo {
	height:						217px;
}

.digital #editorial_left {
	width:						519px;
	min-height:					260px;
}
* html .digital #editorial_left { height:260px; }

.digital  #editorial_left .advertising {
	width:						486px;
	min-height:					50px;
	margin:						12px 14px 5px;
	background:					#94C955;
}

* html .digital #editorial_left .advertising { height:50px; }


.digital #editorial_centre {
	width:						219px;
	padding:					0 11px;
}

.digital .service_support {
	min-height:					300px;
}
* html .digital .service_support {
	height:						300px;
	background:					#ccc;
}

.digital #editorial_centre .callout {
	width:						218px;
	background:					#ccc;
	margin:						8px 0;
	min-height:					100px;
}

* html .digital #editorial_centre .callout {
	height:						100px;
}

.digital #editorial_right {
	width:						175px;
}






.detail #editorial {
	float:						right;
	width:						740px;
	border-top:					4px solid #ccc;
	padding:					8px 0 0 6px;
	background:					none;
}

.detail #editorial h1 {
	padding:					10px 0 0;
}

.detail #editorial_left {
	width:						553px;
	margin-right:				10px;
}

.detail #editorial_right {
	width:						177px;
}

.detail_nav {
	background:					#F0F0F0;
	border-top:					1px solid #D9D9D9;
	padding:					6px 6px 0;
}

.detail_nav ul {
	list-style:					none;
}

/* Clear Hack */
.detail_nav ul:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html .detail_nav ul { height:1%; }
/* Clear Hack */

.detail_nav ul li {
	display:					inline;
}

.detail_nav ul li a {
	display:					block;
	float:						left;
	padding:					5px 5px 5px 15px;
	font-size:					85%;
	text-decoration:			none;
	color:						#5B5B5B;
	background:					url(/media/site/images/bg_subnav.gif) 6px 50% no-repeat;
}

.detail_nav ul li a.selected,
.detail_nav ul li a:hover {
	background:					#FFFFFF url(/media/site/images/bg_subnav_selected.gif) 6px 50% no-repeat;;
}

.detail #promo {
	width:						auto!important;
	padding:					10px 0 0;
}

.detail #promo .left {
	width:						270px;
}


.detail .content {
	padding:					10px 0 10px 10px;
	margin-top:					25px;
	background:					url(/media/site/images/bg_detail_content.gif) 0 0 repeat-x;
}

/* Clear Hack */
.detail .content:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html .detail .content { height:1%; }
/* Clear Hack */

.detail .content .left {
	width:						160px;
	float:						left;
}

.detail .content .left ul {
	list-style:					none;
}


.detail .content .right {
	width:						370px;
	float:						right;
}

.detail #editorial_right .callout {
	width:						156px;
	margin:						9px;
}


.detail .content h3 {
	color:						#fff;
	background:					#91C851;
	padding:					7px 50px 7px 10px;
	font-size:					130%;
	position:					relative;
	top:						-20px;
	display:					inline;
}



.left_panel {
	float:						left;
	width:						168px;
	margin-top:					10px;
}

#nav {
	float:						left;
	width:						168px;
}

#nav ul {
	list-style:					none;
}

#nav ul li {
	display:					inline;
}

#nav ul li a {
	display:					block;
	margin-bottom:				4px;
	border-bottom:				1px solid #b6b6b6;
	background:					#D9D9D9;
	padding:					12px 10px 5px;
	font-size:					85%;
	text-decoration:			none;
	color:						#000;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
}

#nav ul li a:hover {
	background:					#D1F0E0;
}

#nav ul li ul {
	margin:						10px 0;
}


#nav ul li ul li a {
	background:					#F0F0F0 url(/media/site/images/bg_subnav.gif) 10px 60% no-repeat;
	border-top:					1px solid #d9d9d9;
	border-bottom:				0;
	padding:					6px 17px 5px;
	color:						#5B5B5B;
	font-size:					85%;
	margin-bottom:				2px;
}

#nav ul li ul li a.selected,
#nav ul li ul li a:hover {
	background:					#D1F0E0 url(/media/site/images/bg_subnav.gif) 10px 60% no-repeat;
}

#nav ul li ul li ul {
	margin:						4px 10px 8px 10px;
}

#nav ul li ul li ul li a {
	background:					none;
	border-top:					0;
	border-bottom:				1px solid #b6b6b6;
	padding:					1px 7px 2px;
	color:						#5B5B5B;
	font-size:					75%;
	margin-bottom:				2px;
}

#nav ul li ul li ul li a.selected,
#nav ul li ul li ul li a:hover.selected {
	font-weight:				bold;
	background:					none;
	color:						#000;
}

#nav ul li ul li ul li a:hover {
	background:					#D1F0E0;
}

#nav ul li ul li ul li.last a {
	border-bottom:				0;
}


.left_panel .promo {
	clear:						left;
	border-top:					10px solid #fff;
	background:					#fff;
	width:						165px;
}



/* take up dimentions of parent element 
#editorial .dropshadow_content,
#framework .dropshadow_content {
	position:			relative; 
	overflow:			hidden; 
	width:				100%; 
	height:				100%;
	padding:			0 3px 3px 0;
	z-index:			100;
}

#editorial .dropshadow_content *,
#framework .dropshadow_content * {
	position:			relative; 
	z-index:			100;
}

#editorial .dropshadow,
#framework .dropshadow {
	position:			absolute;
	bottom:				0px;
	right:				0px;
	z-index:			1;
}*/

.left {
	float:				left
}

/* compare cameras home page */
.compare {
	border-bottom: 1px solid green;
}
.compare, .compare h3, .compare div {
	margin-bottom: 10px;
}
.compare div {
	margin-left: 20px;
}
.compare a.disabled {
	color: rgb(150,150,150);
	cursor: default;
}
