/* 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: 330px; height:318px; overflow: hidden; display: block; }
h2, h2 a, h2 a:hover { text-align: Justify; text-decoration:none; font: normal 28px Arial,Helvetica, sans-serif; padding:14px; color:#fff; }
#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:none; }
#intro-text  a:hover { color: #fff; text-decoration:none; }
#products img { float:left; display:block; margin:4px 0 0 20px; }

/*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; }		

#payment {float: left; background: url(../images/sizes-prices/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:#5e029b; }
#story6 a { color:#5e029b; float:right; text-decoration:none; }
#story6  a:hover { color: #5e029b; 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; }