/* 

CSS Document for MyFujiPrints
From Source styles for FujiFilm
Author: Paul Mortimer
Date: 05.07.07
Agency: Soup Ltd

*/

/* Main HTML Styles ****************************************************** */
* {
	padding:				0;
	margin:					0;							
}

body {
	/*width:					949px;*/
	font-size:				75%;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	/*background:				url(/media/site/images/front-end/generic/bg_body.gif) 0 0 repeat-x;*/
}

a img {
	border:					none;
}

table,
table td {
	border:none;
	}
	
/* Clear out all heading styles so we can use any Heading element anywhere 
in the site with a class to deal with the display method */
h1, h2, h3, h4, h5, h6 {
	font-size:				100%;
	font-weight:			normal;
}

p {
	margin: 0 0 1em 0;
	}


/* Layout Styles ****************************************************** */
#framework {
	width:					949px;
	padding:				0 14px 0 0; /*moved here from prototype.css remove and uncomment in proto if any problems*/
}

#structure {
	float:					right;
	width:					746px;
	padding:				10px 0 40px;
	border-top:				5px solid #999;
}
/** html #structure {
	width:					735px;
	}
*+html #structure {
	width:					735px;
	}*/

/* Clear Float Hacks */
#structure:after {
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
} * html #structure { height: 1%; }

#content {
	float:					left;
	width:					566px;
/*	padding-right:			4px;*/
	overflow: 				hidden;
}

#content p a {
	color:					#91C851;
}

#callout_column {
	float:					left;
	width:					176px;
	background:				url(/media/site/images/front-end/generic/bg_callout_column.png) 0 0 repeat-x;
	z-index:				-1;
	margin-left:			4px;
	padding-top:			2px;
}

#left_column {
	padding-left:			21px;
	width:					169px;
}

/* Header Styles ****************************************************** */
#header ul {
	list-style:					none;
	margin:						10px 0 10px 25px;
}

/* Clear Hack */
#header ul:after, #content_box prod_compare_a ul:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html #header ul, *html #content_box prod_compare_a ul { height:1%; }
/* Clear Hack */

#header ul li {
	font-size:					75%;
	float:						left;
	margin-right:				4px;
	background:					url(/media/site/images/front-end/generic/bg_header_li.gif) 0 0.6em no-repeat;
	padding-left:				5px;
	//margin-bottom:			10px;
	font-weight: bold;
}

#header ul li a {
	color:						#000;
	text-decoration:			none;
	font-weight:				normal;
	font-family:				Verdana, Arial, sans-serif;
}

/* Footer Styles ****************************************************** */

#footer {
 	clear: 			 both;
	font-size:		 0.8em;
	padding:		 4px 0px;
}

#base_promo {
	width:						923px;
	text-align:					right;
	padding:					7px 0;
	margin:						0 1px 0 0;
	clear:						both;
	border-top:					1px solid #ccc;
}

#base_promo img {
	margin-left:				1px;
}

/* Left Column Styles ****************************************************** */
#left_column .recently_viewed {
	background:				url(/media/site/images/front-end/generic/bg_callout_column.png) 0 0 repeat-x;
	padding:				8px 0 0 8px;
	margin-top:				10px;
	z-index:				-1;
}

/*#left_column #gsg_Left_Navigation ul ul li a  {
	font-size:				95%;
}
#left_column #gsg_Left_Navigation ul ul ul li a  {
	font-size:				120%;
}*/

.widget .container {
	position:			relative; 
	overflow:			hidden; 
	width:				152px; 
	height:				100%;
	padding:			0 3px 3px 0;
	margin:				0 0 10px;
	z-index:			10;
}

.dropshadow {
	position:			absolute;
	bottom:				0px;
	right:				0px;
	z-index:			-1;
}

.content_box {
	background:				url(/media/site/images/front-end/generic/bg_content_box.png) bottom right no-repeat;
	padding-bottom:			35px;
}

.content_box:after {
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
} * html .content_box { height: 1%; }

.content_box .heading {
	background:				#fff url(/media/site/images/front-end/generic/bg_content_box_heading.png) top right no-repeat;
	height:					41px;
	padding-left:			6px;
	padding-bottom:			6px;
	z-index:				0;
}

.content_box .heading *{
	margin:					0;
}

.content_box .r {
	float:					right;
	width:					398px;
}

.content_box .l {
	float:					left;
	width:					136px;
	padding:				0 10px 0 17px;
}

.content_box .fullwidth {
	padding:				0 10px 0 17px;
}

/* Product List A Styles ######################## */
.prod_list_a .l p {
	color:					#B8426D;
	font-weight:			bold;
	font-size:				90%;		
}

.prod_list_a form {
	text-align:				right;
	padding-bottom:			15px;
	padding-right:			13px;
}

.prod_list_a form,
.prod_list_a form * {
	vertical-align:			middle;
}

.prod_list_a select {
	font-size:				85%;
	margin:					0 5px;		
}

.prod_list_a ul {
	list-style:				none;		
}

.prod_list_a li {
	background:				url(/media/site/images/front-end/generic/bg_prod_list_a_box.png) 0 0 no-repeat;
	width:					119px;
	padding:				0 3px 10px;
	float:					left;
	margin-right:			9px;
}

.prod_list_a .image {
	padding:				7px 0 14px;
	text-align:				center;
}

body {
  font-size:			 0.8em;
}

a {
  text-decoration: none;
	color:					 #000;
}

#content {
  font-size:			 0.8em;				 
}

h1 {
  margin-bottom:	 10px;
}

#content #copy {
  padding:		 0 10px;				 
}

#callout_column {
  background:		 	 none;
}

#callout_column .callout {
	padding-top:		 0;
	margin-top:			 0;
}

.callout  {
	z-index:			10;
}

#embedApp {
float:		 				 right;
width:						 290px;
height:						 160px;
background:				 #000;
color:						 #fff;
margin:						 0 0 10px 10px;
background:	 		 	 #000 url('/media/site/images/front-end/icons/icon_alert.gif') 5px 5px no-repeat;
}

#embedApp .notCompatible {
	border:1px solid red;
}

#embedApp div {
  width: 			 		 75%;
	height:					 80%;
	margin:					 40px auto 0;
  font-size:			 1.2em;
}

.prod_list_a {
  clear:both;
}

#myFujiLogo {
  margin-bottom:	 5px;
}

table.priceList {
  	width:				 	 90%;
	margin:					 0 0 20px 20px;
	font-size: 1em;
}

table.priceList col.col1 {
  
}

table.priceList col.col2,
table.priceList col.col3,
table.priceList col.col4 {
  width:				 	 90px;
}

table.priceList col.col5 {
  width:					 115px;
}

table.priceList th {
  text-align:			 left;
	background:			 #f1f1f1;
	padding:				 4px 6px;
	border-right:		 1px solid #fff;
}

table.priceList td {
  text-align:			 left;
	padding:				 4px 6px;
	border-right:		 1px solid #fff;
}

table.priceList tr.even {
  text-align:			 left;
	background:			 #f1f1f1;
}

/*-------------------- HELP & FAQ STYLES --------------------*/


ul.questions {
	margin-bottom: 				30px;
}

ul.questions li {
	font-weight: 				bold;
	list-style-type: 			none;
	margin-bottom: 				10px;
}

ul.questions li span {
	color:					red;
	font-weight:				bold;
}


















ul.answers li {
	list-style-type: 			none;
	margin-bottom: 				10px;
}

ul.questions li span, ul.answers li span {
	color:						red;
	font-weight:				bold;
}


ul.answers {
	list-style-type: 			none;
	margin:					20px 0 0 0;
}


ul.answers li {
  list-style-type: none;
	margin:					 50px 0 0 0;
	clear: both;
}


ul.answers li a {
	display:block;
	padding-bottom:2px;
}
ul.answers li span {
	display: block;
	margin-bottom: 5px;
	}


ul.answers li ul {
  list-style-type: disc;
	margin:					 0 0 5px 15px;
}

ul.answers li ul li {
  list-style-type: disc;
	margin:					5px 0;
}




ul.answers li p.buttons {
	margin-top: 10px;
}

ul.answers li p.buttons a {
	padding: 0;
}
ul.answers li p.buttons a img{
	margin-right: 10px;
}



/*
ul.answers {
	list-style-type: 			none;
	margin:					 	20px 0 0 0;
}

ul.questions {
	margin-bottom: 				30px;
	}

ul.questions li {
	font-weight: 				bold;
	}



ul.questions li, ul.answers li {
	list-style-type: 			none;
	margin-bottom: 				10px;
}

ul.questions li span, ul.answers li span {
	color:						red;
	font-weight:				bold;
}

ul.answers li {
  list-style-type: none;
	margin:					 20px 0 0 0;
	clear: both;
}

ul.answers li:after {
	display:					block;
	content: 					".";
	height: 					0;
	font-size:					0;
	clear: 						both;
	visibility:					hidden;
} * html ul.answers li { height:1%; }

ul.answers li a {
	display:block;
	padding-bottom:2px;
}
ul.answers li span {
	display: block;
	margin-bottom: 5px;
	}
ul.answers li ul {
  list-style-type: disc;
	margin:					 0 0 5px 15px;
}

ul.answers li ul li {
  list-style-type: disc;
	margin:					 5px;
}

ul.answers li p.buttons {
	margin-top: 10px;
}

ul.answers li p.buttons a {
	padding: 0;
}
ul.answers li p.buttons a img{
	margin-right: 10px;
}
*/






#login {	
  position:					relative;
	background:				url(/media/site/images/front-end/generic/bg_login.png) -1px 0 no-repeat;
	width:						735px;
	height:						35px;
	margin:						0 0 10px 0;
	padding:					10px 0 8px 8px;
	font-size:				0.7em;
}

#gsg_Left_Navigation a {
	font-size			:	9pt;
}
#gsg_Left_Navigation ul li ul li a {
  font-size:				 110%;
}

ul#contactDetails {
  list-style-type: none;
	margin:					 20px 0 0 0;
}

ul#contactDetails li {
  	list-style-type: none;
	clear:					 left;
	margin:					 25px 0;
}
ul#contactDetails li:after {
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
} * html ul#contactDetails li { height: 1%; }

ul#contactDetails li a {
	color:					#000;
}
ul#contactDetails li img {
  	float:						left;
	clear:						left;
}
ul#contactDetails li p {
  	float:						left;
	width: 350px;
}

ul#contactDetails span.email {
	display: block;
	margin-top: 5px;
	}

ul#contactDetails span.email a {
	text-decoration: underline;
	}

.w3c {
	position:				absolute;
	top:					-3000px;
	left:					-3000px;
	visibility:				hidden;
}

div#footerBanner {
  clear:				 both;
	margin:				 20px 0 0 0;
}


/** Really dirty fix - i hate myself - Brad***/
div#gsg_nav ul li {
margin:0 0 -1px 0!important;
}

* html div#gsg_nav {
border-bottom:0;
}

/* Scott adds stuff here - SPACER.gif ahoy! HAHAHAHA! */

/* Welcom back title div on homepage */
#welcomeBack{
	display:block;
	width:741px;
	height:35px;
	padding:0;
	border:0;
	margin:0 0 5px 0;
	background-image:url(/media/site/images/front-end/titles/welcome_back_bg.gif);
	overflow:hidden;
}

#welcomeBack span{
	display:block;
	margin:6px 0 0 110px;
	padding:0;
}

#startPrintingBar{
	display:block;
	margin-top:20px;
	width:566px;
	height:48px;
	background-image:url(/media/site/images/front-end/titles/start_printing_bar_bg.gif);
	overflow:hidden;
}

#startPrintingBar a{
	display:block;
	position:absolute;
	width:150px;
	height:22px;
	margin-top:13px;
	margin-left:396px;
	background-image:url(/media/site/images/front-end/generic/btn_start_printing_black_bg.gif);
}

#startPrintingBar a span{
	display:none;
}

/* CSS FIXES AND OVERRIDES - LEE, 16.07.07 */
#gsg_Left_Navigation li {
	width: 169px;
	}
body div#gsg_bottom_navigation {
	background: url('/media/site/images/front-end/generic/bg_footer.gif') repeat-x bottom left;
	padding: 30px 10px 0 0;
	}
body div#gsg_bottom_navigation:after {
	content:				".";
	display:				block;
	height:					0;
	font-size:				0;
	clear:					both;
	visibility:				hidden;
} * html body div#gsg_bottom_navigation { height: 1%; }

body div#gsg_copyright {
	width: 400px;
	background: url('/media/site/images/front-end/generic/bg_footer_936.gif') no-repeat bottom left;
	padding-left: 18px;
	padding-bottom: 26px;
	}
	
body #gsg_Left_Navigation ul ul {
	margin-bottom:0;
	border-bottom: 8px solid #FFF;
}


.errors {
list-style-type:none;
color:#FF0000;
font-weight:bold;
margin-left:10px;
margin-bottom:5px;

}