/* CSS Document */
	
#mainnav li a {background:url(../../images/fotobloc/small-FB-btn-off.gif);}
#mainnav li a b {background:url(../../images/fotobloc/small-FB-btn-off.gif) right top;}
#mainnav li a:hover {color:#fff;  background:url(../../images/fotobloc/small-FB-btn-over.gif);}
#mainnav li a:hover b {background:url(../../images/fotobloc/small-FB-btn-over.gif) right top;}
#mainnav li.current a {background:url(../../images/fotobloc/small-FB-btn-over.gif);}
#mainnav li.current a b { background:url(../../images/fotobloc/small-FB-btn-over.gif) right top;}
#mainnav li.current a:hover {color:#fff; background:url(../../images/fotobloc/small-FB-btn-over.gif); cursor:default;}
#mainnav li.current a:hover b {background:url(../../images/fotobloc/small-FB-btn-over.gif) right top;}

.fotobloc_aTab{background-color:#caf9e8;}
.fotobloc_tabPane .tabActive{background-image:url(../../images/fotobloc/f-tab_left_active.gif);}
.fotobloc_tabPane .tabInactive{background-image:url(../../images/fotobloc/f-tab_left_inactive.gif);}
.fotobloc_tabPane .inactiveTabOver{background-image:url(../../images/fotobloc/f-tab_left_over.gif);}
.fotobloc_tabPane span{color:#186d4e;}
	
#story1 {
		float: left;
		background: url(../../images/fotobloc/fotobloc-header.gif) no-repeat;
		display: block;
		width: 890px;
		height: 530px;
		text-align: justify;
		overflow: hidden;					
		}	
.headerimage1 {
			
		
		clear:left; position:relative;		
		float:left;
    	display: block;
		margin:-399px 0 0 330px;
	 }
.headerimage2 {
		clear:both;
		position:relative;
		float:left;
    	display: block;
		margin:-110px 0 0 0px;
	 }
				
		
#s1text  {
		float:left;
		display: block;
		width: 300px;
		height: 369px;
		padding:15px;
		}
#s1text p {
		text-align: justify;
		font: 14px Verdana, Arial, sans-serif;
		color:#fff;
		padding:5px 5px 0 5px;
		margin-bottom: 12px;
		}
#s1text h3 {
		font-size:31px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#ffffff;
		padding-top:5px;
		}		
		
#fotobloc {
		clear:both;
		float:left;
		display: block;
		width: 226px;
		height:170px;
		}		
		


#btn {	
		clear:left;
		position:relative;
		float:left;
		display: block;
		margin:-130px 0 0 130px;
		width: 580px;
		height:90px;
		}
		
#btn ul li {
		display:inline;
		padding-left:190px;
		}
				

.submit {
		position:relative;
		margin:0px 0 0 0px;
		overflow:hidden;
		font-size:1em;
}


.submit em {
  text-decoration:none;
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#subbtn {
  background: none;
  border: none;
  float: left;
  display: inline;  outline: none; /* hide dotted outline in Firefox */

}

#subbtn:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn, #subbtn em { width: 274px; height: 100px; }
#subbtn em { background: url(../../images/fotobloc/FB-start-btn.jpg) no-repeat; }
#subbtn:hover em, #subbtn:focus em { background-position:-276px 0; }

/* for ie5.x/mac only */
* html>body .submit1 {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .submit em { position: static; }
* html>body #subbtn em { margin-bottom: -26px; }

.submit1 {
		position:relative;
		margin:0px 0 0 -2px;
		overflow:hidden;
		font-size:1em;
}


.submit1 em {
  text-decoration:none;
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#subbtn1 {
  background: none;
  border: none;
  float: left;
  display: inline;  outline: none; /* hide dotted outline in Firefox */

}

#subbtn1:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn1, #subbtn1 em { width: 260px; height: 100px; }
#subbtn1 em { background: url(../../images/fotobloc/FB-more-info.jpg) no-repeat; }
#subbtn1:hover em, #subbtn1:focus em { background-position:-260px 0; }

/* for ie5.x/mac only */
* html>body .submit1 {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .submit1 em { position: static; }
* html>body #subbtn1 em { margin-bottom: -26px; }
		

IMG.displayed {
		float:left;
    	display: block;
		margin-left:90px;
	 }


IMG.displayed1 {
		float:left;
    	display: block;
		
	 }
		
		
#btt p, #btt1 p, #btt2 p {		
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#186d4e;		
		}
		
#btt a, #btt1 a, #btt2 a {
		color:#186d4e;
		margin: -50px 30px 0 0;
		float:right;
		text-decoration:none;
		}

#btt a:hover, #btt1 a:hover, #btt2  a:hover {
		color: #186d4e;
		text-decoration:underline;
		}	 		


IMG.displayed3 {
		float:left;
    	display: block;
		margin-left:20px;  
	 }
IMG.displayed4 {
		float:left;
    	display: block;
		margin-left:150px;
	 }	 
	 
#story4 {
		clear:left;
		float: left;
		background: url(../../images/fotobloc/fotobloc-details.gif) repeat-y;
		display: block;
		width: 890px;
		height: 400px;
		padding-left:50px;
		overflow: hidden;				
		}
#story4 p {
		float:left;
		display:block;
		width:750px;
		margin:0px 0 0 0px;
		padding:5px 0 0 10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#186d4e;
		}	

#colouroptions, #storyshipping {
		float: left;
		display: block;
		width: 750px;
		height:300px;
		margin-left:25px;
		padding-top:3px;
		text-align: justify;
		overflow: hidden;						
		}
#colouroptions p {
		width: 700px;
		margin:10px 0 0 20px;		
		}
		
#printoptions {
		float: left;
		background: transparent;
		display: block;
		width: 800px;
		height: 385px;
		margin:0 0 20px 20px;		
		overflow: hidden;			
		}
#potext {
		float: left;
		background: transparent;
		display: block;
		width: 400px;
		height: 385px;
		margin:20px 0 20px 0px;		
		overflow: hidden;	
		}		
		
#potext p {
		float:left;
		display:block;
		width:360px;
		margin:0px 0 0px 20px;
		padding:10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#186d4e;
		}	
		
#effect {
		float:left;
    	display: block;
		width:254px;
		height:50px;
		text-align:center;
		margin:10px 0 0 50px;
		}		
		
IMG.displayed-effect  { float: left; display: block; margin-left: -20px; }

#storysquareblock, #storybigblock, #storypanoblock {
		float: left;
		background: transparent;
		display: block;
		width: 820px;
		height: 385px;
		margin:0 0 0px 20px;		
		overflow: hidden; 
		}

#sb, #bb, #pb		{
		height:180px;
		}
		
IMG.displayedsb, IMG.displayedbb, IMG.displayedpb  { float: left; display: block; margin:10px 0 0 10px; }

IMG.displayedsb1 { float: left; display: block; margin:10px 0 0 0px; }
IMG.displayedpb { float: left; display: block; margin:10px 0 0 37px; }
IMG.displayedpb1 { float: left; display: block; margin:10px 0 0 65px; }
IMG.displayedpb2 { float: left; display: block; margin:10px 0 0 63px; }

#text4x4, #text2x4, #text3x3, #text4x2, #text2x2, #text1x1, #textbig4x4, #textbig3x3, #textbig4x2, #textpano4, #textpano3, #textpano1	{
		float: left;
		background: transparent;
		display: block;
		width: 170px;
		height: 130px;
		margin:0px;
		margin-top:-10px;
		padding:0px;	
		overflow: hidden;	  
		}
#text2x4	{width: 120px;}
#text3x3	{width: 120px; margin-left:7px;}
#text4x2	{width: 120px;margin-left:34px;}
#text2x2	{width: 120px;margin-left:24px;}
#text1x1	{width: 100px;margin-left:0px;}
#textbig4x4 {width:170px;}
#textbig3x3	{width:150px; margin-left:20px; }
#textbig4x2	{width:140px; margin-left:15px;}

#order4x4sb, #orderpano4 {display: block;margin-left:15px;}
#order2x4sb, #order3x3sb {display: block;margin-left:0px;}
#order4x2sb, #order2x2sb, #orderpano3, #orderpano1  {display: block;margin-left:10px;}
#order1x1sb {display: block;margin-left:-15px;}
#order4x4bb, #order4x2bb {display: block;margin-left:5px;}
#order3x3bb {display: block;margin-left:-5px;}


#text4x4 p, #text2x4 p, #text3x3 p, #text4x2 p, #text2x2 p, #text1x1 p, #textbig4x4 p, #textbig3x3 p, #textbig4x2 p, #textpano4 p, #textpano3 p, #textpano1 p	{
		float:left;
		display:block;
		width:90px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin-left:38px;
		text-align:center;
		color:#186d4e;	
		}
#text2x4 p	{width:90px; margin-left:5px;}
#text3x3 p	{width:90px; margin-left:5px;}
#text4x2 p	{width:90px; margin-left:10px;}
#text2x2 p	{width:90px; margin-left:10px;}
#text1x1 p	{width:90px; margin-left:-15px;}	
#textbig3x3 p	{width:100px; margin-left:15px;}
#textbig4x2 p	{width:100px; margin-left:15px;}


#storyshipping {margin-left:30px; padding-top:0px; width:230px;}	
		
IMG.displayedsq, IMG.displayedsq1, IMG.displayedsq2, IMG.displayedpm IMG.displayedtt  { float: left; display: block; margin:10px 0 0 40px; }		

#storyshipping1  {
		float: left;
		
		display: block;
		width: 550px;
		height:300px;
		margin:10px 0 0 -5px;
		text-align: justify;
		overflow: hidden;					
		}	
		
#storyshipping1 p {
		width: 500px;
		}				
	
table.shipping1 {
		float: left;
		text-align: center;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		width: 550px;
		background-color: #fff;
		border: 1px;
		border: solid 1px #186d4e;
		border-spacing: 0px;
		}

table.shipping1 td.light {
		background-color:#fff;
		color: #186d4e;
		padding: 4px;
		text-align: center;
		border: 1px #dae1f8 solid;
		}

table.shipping1 td.dark {
		background-color: #adf4da;
		color: #186d4e;
		padding: 5px;
		text-align: center;
		border: 1px #fff solid;
		}		

table.shipping1 td.hed {
		background-color:#adf4da;
		color: #186d4e;
		padding: 6px;
		text-align: center;
		border: 1px #fff solid;
		border-bottom:1px #186d4e solid;
		font-size: 12px;
		font-weight: bold;
		} 	
table.shipping1 td.light, table.shipping1 td.dark { padding: 3px;}

table.shipping1 td.hed {padding: 5px;} 

#storyrush {
		float: left;
		display: block;
		width: 225px;
		height:300px;
		margin-left:30px;
		padding-top:3px;
		text-align: justify;
		overflow: hidden;						
		}
#storyrush1  {
		
		float:left;
		display:block;
		width:450px;
		height:100px;
		padding:5px 0 0 10px;
		margin-left:20px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#471669;
		}
#storyrush1 p {width:450px; margin-bottom:20px;
		}	

#story4 a {
		color:#186d4e;
		text-decoration:none;
		}

#story4  a:hover {
		color: #186d4e;
		text-decoration:underline;
		}		
				
		

#story4 h3		{
		text-align:left;
		margin-left:90px;
		color:#186d4e;
		}	
		

#reviewtxt {
		float: left;
		display: block;
		width: 360px;
		height:350px;
		margin-left:10px;
		padding-top:3px;
		text-align: justify;			
		overflow: hidden;						
		}
#reviewtxt p {
		width:350px;
		padding:5px 0 0 5px;
		font-size:14px;
		margin-left:0px;
		padding-top:3px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#186d4e;
		}
#reviewtxt h3		{
		text-align:left;
		margin-left:20px;
		margin-top:-10px;
		color:#186d4e;
		}	
#freeindex {
		float: left;
		display: block;
		width: 420px;
		height:3400px;
		margin-left:20px;
		padding-top:0px;
		text-align: justify;		
								
		}				
		
#payment {
		float: left;
		background: url(../../images/fotobloc/payment-details-bg.gif) repeat-y;
		display: block;
		width: 890px;
		height: 420px;
		margin:-10px 0 20px 8px;
		overflow: hidden;						
		}				
		
#story6 p {
		float:left;
		display:block;
		width:790px;
		margin:0px 0 0 70px;
		padding:20px 0 0 10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#186d4e;	
		}
#story6 a {
			color:#186d4e;
		float:right;
		text-decoration:none;
		}

#story6  a:hover {
		color: #186d4e;
		text-decoration:underline;
		}	
		
IMG.displayed6 {
		float:left;
    	display: block;
		margin-right:40px;  
	 }
IMG.displayed7 {
		float:left;
    	display: block;
		margin-left:20px;
	 }	 
IMG.displayed8 {
		float:left;
    	display: block;
		margin-left:55px;
	 }
#creditation {
		
		float:left;	
		width:790px;			
		text-align:center;
    	display: block; 
		margin:20px 0 0 80px ;
	 }
#creditation a {
		float:left;
		}	 
	 
IMG.getsafe {
		float:left;
		display:block;
		border: #000 1px solid;
		}	
	 
IMG.safebuy {
		float:left;
		display:block;
		border: #000 1px solid;
		margin:0 30px 0 30px;
		}
IMG.displayed10 {
		float:left;			
		display: block;
		margin:30px 0 0 30px;
	 }
IMG.displayed11 {
		float:left;			
		display: block;
		margin:30px 0 0 30px;
	 } 	 	 	 
#btn2 {	
		clear:left;
		position:relative;
		float:left;
		display: block;
		margin:0px 0 0 130px;
		width: 580px;
		height:90px;
		}
		
#btn2 ul li {
		display:inline;
		padding-left:190px;
		}			 
	 	 	 
.submit2 {
		position:relative;
		margin:0px 0 0 -2px;
		overflow:hidden;
		font-size:1em;
}


.submit2 em {
  text-decoration:none;
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#subbtn2 {
  background: none;
  border: none;
  float: left;
  display: inline;  outline: none; /* hide dotted outline in Firefox */

}

#subbtn2:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn2, #subbtn2 em { width: 274px; height: 100px; }
#subbtn2 em { background: url(../../images/fotobloc/fb-start-single.jpg) no-repeat; }
#subbtn2:hover em, #subbtn2:focus em { background-position:-276px 0; }

/* for ie5.x/mac only */
* html>body .submit2 {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .submit2 em { position: static; }
* html>body #subbtn2 em { margin-bottom: -26px; }	 	
#contactus p {
		float:left;
		display:block;
		width:850px;
		margin:10px 0 20px 20px;
		font-size:20px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color: #186d4e;
		}			
#contactus a {
		color: #186d4e;
		}