/* CSS Document */
	
#header h1 {background-image: url(images/site-images/TDR-9-logo.jpg);}	
#mainnav li a {background:url(images/btn/btn-over.gif);}
#mainnav li a b {background:url(images/btn/btn-over.gif) right top;}
#mainnav li.current a {background:url(images/btn/btn-over1.gif);}
#mainnav li.current a b { background:url(images/btn/btn-over1.gif) right top;}

#product-cont { 
		float: left;
		background:transparent;
		display: block;
		width: 890px;
		background: #f4e7fd;
		margin-bottom:8px;
		text-align: justify;
		overflow: hidden;					
		}
		
#intro-text	{
		float: left;
		display: block;
		background:#5E029B;
		width: 332px;
		height:372px;
		overflow: hidden;					
		display: block;
		}
h2 {
		text-align: Justify;
		text-decoration:none;
		font: normal 28px Arial,Helvetica, sans-serif;
		padding:14px;
		color:#fff;
		}
		
#intro-text h2 a {
		color:#fff;
		text-decoration:none;
		}

#intro-text h2 a:hover {
		color: #fff;
		text-decoration:none;				
		}
#intro-text p {
		text-align: justify;
		font: 12px Verdana, Arial, sans-serif;
		color: #fff;
		padding: 0 20px 10px 20px;
		margin-bottom: 12px;
		}
#intro-text a {
		color:#fff;
		text-decoration:underline;
		}

#intro-text  a:hover {
		color: #fff;
		text-decoration:underline;
		}
/*first line*/			
#btn{ float:left; width:520px; height:57px; margin:10px 0 0 18px; }
#btn ul li{ display:inline; padding-left:0px; }

/*canvas button*/
.submit { position:relative; margin:0px 0 0 0px; overflow:hidden; font-size:1em; }
.submit em {
  text-decoration:none;
  display: block; position: absolute; top: 0px; left: 0px;  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: 180px; height: 57px; }
#subbtn em { background: url(images/sizes-prices/canvas.jpg) no-repeat; }
#subbtn:hover em, #subbtn:focus em { background-position:-180px 0; }
* html>body .submit { /* for ie5.x/mac only */ position: static; overflow: visible; font-size: 10px; }
* html>body .submit em { position: static; }
* html>body #subbtn em { margin-bottom: -26px; }

/*acrylic button*/
.submit1 { position:relative; margin:0px 0 0 17px; overflow:hidden; font-size:1em; }
.submit1 em {
  text-decoration:none;
  display: block;  position: absolute; top: 0; left: 0px;  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: 170px; height: 57px; }
#subbtn1 em { background: url(images/sizes-prices/acrylic.jpg) no-repeat; }
#subbtn1:hover em, #subbtn1:focus em { background-position:-170px 0; }
* html>body .submit1 {/* for ie5.x/mac only */ position: static; overflow: visible;  font-size: 10px; }
* html>body .submit1 em { position: static; }
* html>body #subbtn1 em { margin-bottom: -26px; }
		
/*MDF button*/
.submit2 {position:relative; margin:0px 0 0 19px; overflow:hidden; font-size:1em; }
.submit2 em {
  text-decoration:none;
  display: block; position: absolute; top: 0; left: -10px;  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: 170px; height: 57px; }
#subbtn2 em { background: url(images/sizes-prices/mdf.jpg) no-repeat; }
#subbtn2:hover em, #subbtn2:focus em { background-position:-170px 0; }
* html>body .submit2 { /* for ie5.x/mac only */position: static; overflow: visible; font-size: 10px; }
* html>body .submit2 em { position: static; }
* html>body #subbtn2 em { margin-bottom: -26px; }	

/*second line*/
#btn1{float:left;width:520px; height:57px; margin:-9px 0 0 19px; }		
#btn1 ul li{ display:inline; padding-left:0px; }

/*Deskblock button*/
.submit3 {position:relative; margin:60px 0 0 0px; overflow:hidden; font-size:1em; }
.submit3 em {
  text-decoration:none;
  display: block; position: absolute; top: 0; left: 0;  z-index: 1; }
button#subbtn3 {  background: none; border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn3:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn3, #subbtn3 em { width: 180px; height: 57px; }
#subbtn3 em { background: url(images/sizes-prices/deskblock.jpg) no-repeat; }
#subbtn3:hover em, #subbtn3:focus em { background-position:-180px 0; }
* html>body .submit3 {/* for ie5.x/mac only */  position: static;  overflow: visible;  font-size: 10px; }
* html>body .submit3 em { position: static; }
* html>body #subbtn3 em { margin-bottom: -26px; }		

/*fotoblock button*/
.submit4 { position:relative; margin:60px 0 0 -3px; overflow:hidden; font-size:1em; }
.submit4 em {
  text-decoration:none;
  display: block; position: absolute; top: 0; left: 0; z-index: 1; }
button#subbtn4 { background: none;  border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn4:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn4, #subbtn4 em { width: 170px; height: 57px; }
#subbtn4 em { background: url(images/sizes-prices/fotoblock.jpg) no-repeat; }
#subbtn4:hover em, #subbtn4:focus em { background-position:-170px 0; }
* html>body .submit4 {/* for ie5.x/mac only */ position: static; overflow: visible; font-size: 10px; }
* html>body .submit4 em { position: static; }
* html>body #subbtn4 em { margin-bottom: -26px; }	

/*e-vouchers button*/
.submit5 { position:relative; margin:60px 0 0 -2px; overflow:hidden; font-size:1em; } 
.submit5 em {
  text-decoration:none;
  display: block; position: absolute; top: 0; left: 0;  z-index: 1; }
button#subbtn5 { background: none; border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn5:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn5, #subbtn5 em { width: 170px; height: 57px; }
#subbtn5 em { background: url(images/sizes-prices/e-voucher.jpg) no-repeat; }
#subbtn5:hover em, #subbtn5:focus em { background-position:-170px 0; }
* html>body .submit5 {/* for ie5.x/mac only */ position: static; overflow: visible; font-size: 10px; }
* html>body .submit5 em { position: static; }
* html>body #subbtn5 em { margin-bottom: -26px; }		

/*third line*/
#btn2{float:left; width:520px; height:57px; margin:-9px 0 20px 17px; }
#btn2 ul li{ display:inline; padding-left:0px; }

/*montage button*/
.submit6 { position:relative; margin:60px 0 0 3px; overflow:hidden; font-size:1em; }
.submit6 em {
  text-decoration:none;
  display: block;  position: absolute; top: 0; left: 0;  z-index: 1; }
button#subbtn6 { background: none; border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn6:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn6, #subbtn6 em { width: 180px; height: 57px; }
#subbtn6 em { background: url(images/sizes-prices/montages.jpg) no-repeat; }
#subbtn6:hover em, #subbtn6:focus em { background-position:-180px 0; }
* html>body .submit6 {/* for ie5.x/mac only */ position: static; overflow: visible; font-size: 10px; }
* html>body .submit6 em { position: static; }
* html>body #subbtn6 em { margin-bottom: -26px; }		

/*effects button*/
.submit7 { position:relative; margin:60px 0 0 8px; overflow:hidden; font-size:1em; }
.submit7 em {
  text-decoration:none;
  display: block; position: absolute;  top: 0; left: 0; z-index: 1; }
button#subbtn7 {  background: none; border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn7:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn7, #subbtn7 em { width: 170px; height: 57px; }
#subbtn7 em { background: url(images/sizes-prices/effects.jpg) no-repeat; }
#subbtn7:hover em, #subbtn7:focus em { background-position:-170px 0; }
* html>body .submit7 {/* for ie5.x/mac only */  position: static;  overflow: visible; font-size: 10px; }
* html>body .submit7 em { position: static; }
* html>body #subbtn7 em { margin-bottom: -26px; }	

/*panoramics button*/
.submit8 { position:relative; margin:60px 0 0 0px; overflow:hidden; font-size:1em; }
.submit8 em {
  text-decoration:none;
  display: block; position: absolute; top: 0; left: 0; z-index: 1; }
button#subbtn8 {  background: none;  border: none; float: left; display: inline;  outline: none; /* hide dotted outline in Firefox */ }
#subbtn8:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#subbtn8, #subbtn8 em { width: 170px; height: 57px; }
#subbtn8 em { background: url(images/sizes-prices/panoramics.jpg) no-repeat; }
#subbtn8:hover em, #subbtn8:focus em { background-position:-170px 0; }
* html>body .submit8 {/* for ie5.x/mac only */  position: static; overflow: visible; font-size: 10px; }
* html>body .submit8 em { position: static; }
* html>body #subbtn8 em { margin-bottom: -26px; }				
		
#faq { 
		float: left;
		background: url(images/site-images/faq-bg.gif) ;
		display: block;
		width: 890px;
		padding-top:20px;
		padding-bottom: 20px;
		text-align: justify;
		overflow: hidden;					
		}
#story1, #story2, #story3 {
		float: left;
		display: block;
		width: 240px;
		
		padding-left: 20px;
		padding-right:10px;
		margin-left:50px;
		overflow: hidden;
		}
			
#story2, #story3 {margin-left:10px; border-left:#5E029B 1px solid;}		

#story1 p, #story2 p, #story3 p{
		text-align: justify;
		font: 12px Verdana, Arial, sans-serif;
		color: #5E029B;
		margin-bottom:10px;
		}
#story1 a, #story2 a, #story3 a {color:#5E029B;text-decoration:underline;}

#story1 a:hover, #story2 a:hover, #story3 a:hover {color: #5E029B;text-decoration:underline;}			
		
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

	
h4		{
		text-align: justify;
		font: bold 16px Arial,Helvetica, sans-serif;
		color: #5E029B;
		margin-bottom:10px;
		}
	
hr {color:#5E029B;height:1px; margin:0px 20px 10px 20px;}