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

.canvas_aTab{background-color:#e5eafa;}
.canvas_tabPane .tabActive{background-image:url(../../images/canvas/c-tab_left_active.gif);}
.canvas_tabPane .tabInactive{background-image:url(../../images/canvas/c-tab_left_inactive.gif);}
.canvas_tabPane .inactiveTabOver{background-image:url(../../images/canvas/c-tab_left_over.gif);}
.canvas_tabPane span{color:#1d3ca2;}

#topsection  {float: left; display: block; width: 890px; height: 720px; text-align: justify; overflow: hidden;}
#tp1  {float: left;background: url(../../images/canvas/can-head-1.jpg) no-repeat;display: block;width: 450px;height: 0px;padding-top:250px;text-align: justify;overflow: hidden;}
#tp2  {float: left;background: url(../../images/canvas/can-head-2s.jpg) no-repeat;display: block;width: 440px;height: 0px;padding-top:250px;text-align: justify;overflow: hidden;}
#tp3  {float: left;background: url(../../images/canvas/can-head-3.jpg) no-repeat;display: block;width: 450px;height: 250px;padding-top:0px;text-align: justify;overflow: visible;}
#tp4  {float: left;background: url(../../images/canvas/can-head-4.jpg) no-repeat;display: block;width: 440px;height: 0px;padding-top:250px;text-align: justify;overflow: hidden;}
#tp5  {float: left;background: url(../../images/canvas/can-head-5.jpg) no-repeat;display: block;width: 450px;height: 0px;padding-top:250px;text-align: justify;overflow: hidden;}
#tp6  {float: left;background: url(../../images/canvas/can-head-6.jpg) no-repeat;display: block;width: 440px;height: 0px;padding-top:250px;text-align: justify;overflow: visible;}

#topsection p {text-align:left; width:260px; font:18px Verdana, Arial, sans-serif;color:#fff; margin:10px 0 0 20px;}
#topsection h1 {text-align:left;width:300px;font:30px Verdana, Arial, sans-serif;color:#fff;}
#topsection h1 a, a:hover {text-decoration:none;color:#8d4806;}				
#topsection h2 {text-align:left; width:260px; font:18px Verdana, Arial, sans-serif;color:#fff; margin:-50px 0 0 10px;}		
#topsection h2 a, a:hover {text-decoration:none;color:#fff;}	
#btn {float:left;display: block;margin:-145px 0 0 -335px;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/canvas/canv-start-new.png) 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/canvas/can-info-new.png) 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; }





#salecont {
		float: left;
		background: url(../../images/canvas/sale-info.gif) repeat-y;
		display: block;
		width: 890px;
		height: 300px;
		margin:10px 0 20px 0px;
		overflow: hidden;						
		}				
		
#saleinfo p {
	float:left;
	display:block;
	width:790px;
	margin:0px 0 0 70px;
	padding:5px 0 0 10px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	color:#1d3ca2;
	
		}
#saleinfo h3 {
		float:left;
		display:block;
		width:800px;
		margin:0px 0 20px 80px;
		font-size:30px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color: #1d3ca2;
		}	


#story2 {
		float: left;
		background: url(../../images/canvas/wrap-bg.gif) repeat-y;
		display: block;
		width: 435px;
		height: 385px;
		margin:0 0 20px 8px;
		overflow: hidden;				
		}
		
#story2 p {
		float:left;
		display:block;
		width:330px;
		margin:0px 0 0px 70px;
		padding:10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}			
#wrap {
		position:relative;
		float:left;
    	display: block;
		width:254px;
		height:50px;
		text-align:center;
		margin:10px 0 0 115px;
		}
IMG.displayed {
		float:left;
    	display: block;
		margin-left:90px;
	 }


IMG.displayed1 {
		float:left;
    	display: block;
		
	 }
			
#story3 {
		float: left;
		background: url(../../images/canvas/canvas-effects-bg.gif) repeat-y;
		display: block;
		width: 435px;
		height: 385px;
		margin:0 0 20px 20px;
		overflow: hidden;			
		}
#story3 p {
		float:left;
		display:block;
		width:330px;
		margin:0px 0 0px 70px;
		padding:10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}					
		
#effect {
		position:relative;
		float:left;
    	display: block;
		width:254px;
		height:50px;
		text-align:center;
		margin:10px 0 0 115px;
		}
		
#btt p, #btt1 p, #btt2 p {		
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;		
		}
		
#btt a, #btt1 a, #btt2 a {
		color:#1d3ca2;
		margin: -50px 30px 0 0;
		float:right;
		text-decoration:none;
		}

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

#techinfo {
		float: left;
		background: url(../../images/canvas/canvas-tech-details-bg.gif) no-repeat;
		display: block;
		width: 890px;
		height: 700px;
		margin:-10px 0 20px 8px;
						
		}
#canvas1 {
		float: left;
		background: transparent;
		display: block;
		width: 400px;
		height: 500px;
		padding:10px;
		margin: 0px 0px 0px 40px;
						
		}

#canvas1 p {
		float:left;
		display:block;
		width:380px;
		margin-left:30px;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}			
IMG.displayed3 {
		float:left;
    	display: block;
		margin-left:20px;  
	 }
IMG.displayed4 {
		float:left;
    	display: block;
		margin-left:150px;
	 }	 
	 
#canvas2  {
		float:left;
		display: block;
		width: 400px;
		height: 369px;
		padding:10px;
		}
#canvas2 p {
		float:left;
		display:block;
		width:380px;
		margin:0px 0 0px 10px;
		padding:10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}						
		
#canvas3  {
		float:left;
		display: block;
		width: 400px;
		height: 369px;
		padding:10px;
		}
#canvas3 p {
		float:left;
		display:block;
		width:380px;
		margin:0px 0 0px 10px;
		padding:10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}
#canvas3 a {
		color:#1d3ca2;
		float:right;
		text-decoration:none;
		}

#canvas3  a:hover {
		color: #1d3ca2;
		text-decoration:underline;
		}	 
	 
	 
#story4 {
		clear:left;
		float: left;
		background: url(../../images/canvas/canvas-sizes-bg.gif) no-repeat;
		display: block;
		width: 890px;
		height: 570px;
		padding-left:50px;
		overflow: hidden;				
		}
#story4 p {
		float:left;
		display:block;
		width:400px;
		margin:0px 0 0 80px;
		padding:5px 0 0 10px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}	

#storysquare, #storyLandscape, #storyPortrait, #storyshipping {
		float: left;
		display: block;
		width: 225px;
		height:500px;
		margin-left:10px;				/*adjust*/
		padding-top:3px;
		text-align: justify;
		overflow: hidden;		
		}
#storysquare p, #storyLandscape p, #storyPortrait p {
		float:left;
		display:block;
		width:200px;
		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:#1d3ca2;
		}
		
#storyshipping {margin-left:25px;}
		
#storyLandscape {padding-top:30px;}	

#storyPortrait {width: 210px; margin-left:5px; margin-right:20px;/*adjust*/ padding-top:5px;}

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

IMG.displayedpt {margin-left:30px;}	
IMG.displayedtt {margin-top:50px;}		 	
#storysquare1, #storysquare2, #storylandscape1, #storylandscape2, #storyPortrait1, #storyPortrait2, #storyshipping1  {
		float: left;
		display: block;
		width: 290px;					/*adjust*/
		height:410x;
		margin-left: -5px;				/*adjust*/
		margin-bottom:5px;
		margin-top:15px;
		text-align: justify;
		overflow: hidden;					
		}	
		
#storyshipping1 {width: 550px; height: 240px; margin:10px 0 0 -5px;}		
		
#storysquare2, #storylandscape2, #storyPortrait2  {margin-left: 10px;}   /*adjust*/
	
table.square1, table.square2, table.landscape1, table.landscape2, table.Portrait1, table.Portrait2, table.shipping1 {
		float: left;
		text-align: center;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
		font-weight: normal;
		font-size: 11px;					/*adjust*/
		color: #fff;
		width: 290px;					/*adjust*/
		background-color: #fff;
		border: 1px;
		border: solid 1px #0000FF;
		border-spacing: 0px;
		}
		
table.shipping1 {font-size: 11px; width: 550px;}


table.square1 td.light, table.square2 td.light, table.landscape1 td.light, table.landscape2 td.light, table.Portrait1 td.light, table.Portrait2 td.light, table.shipping1 td.light {
		background-color:#fff;
		color: #1d3ca2;
		padding: 4px;
		text-align: center;
		border: 1px #dae1f8 solid;
		}

table.square1 td.lights1, table.square2 td.lights1, table.landscape1 td.lights1, table.landscape2 td.lights1, table.Portrait1 td.lights1, table.Portrait2 td.lights1 {
		background-color:#fff;
		color: #1d3ca2;
		padding: 4px;
		text-align: center;
		border: 1px #dae1f8 solid;
		
		}
table.square1 td.lights2, table.square2 td.lights2, table.landscape1 td.lights2, table.landscape2 td.lights2, table.Portrait1 td.lights2, table.Portrait2 td.lights2 {
		background-color:#fff;
		color: #1d3ca2;
		padding: 4px;
		text-align: center;
		border: 1px #dae1f8 solid;
		color: #FF0000;
	
		}				
	
	
	
		
		
table.square1 td.dark, table.square2 td.dark, table.landscape1 td.dark, table.landscape2 td.dark, table.Portrait1 td.dark, table.Portrait2 td.dark, table.shipping1 td.dark {
		background-color: #dae1f8;
		color: #1d3ca2;
		padding: 5px;
		text-align: center;
		border: 1px #fff solid;
		}		
		
		
			table.square1 td.darks1, table.square2 td.darks1, table.landscape1 td.darks1, table.landscape2 td.darks1, table.Portrait1 td.darks1, table.Portrait2 td.darks1 {
			background-color: #dae1f8;
		color: #1d3ca2;
		padding: 5px;
		text-align: center;
		border: 1px #fff solid;
	
		}	
		
table.square1 td.darks2, table.square2 td.darks2, table.landscape1 td.darks2, table.landscape2 td.darks2, table.Portrait1 td.darks2, table.Portrait2 td.darks2 {
		background-color: #dae1f8;
		color: #1d3ca2;
		padding: 5px;
		text-align: center;
		border: 1px #fff solid;
		color: #FF0000;
		
		}		
		
		

table.square1 td.hed, table.square2 td.hed, table.landscape1 td.hed, table.landscape2 td.hed, table.Portrait1 td.hed, table.Portrait2 td.hed, table.shipping1 td.hed {
		background-color:#dae1f8;
		color: #1d3ca2;
		padding: 6px;
		text-align: center;
		border: 1px #fff solid;
		border-bottom:1px #0000FF solid;
		font-size: 14px;
		font-weight: bold;
		} 	
		
table.square1 td.title, table.square2 td.title, table.landscape1 td.title, table.landscape2 td.title, table.Portrait1 td.title, table.Portrait2 td.title, table.shipping1 td.title {
		background-color:#fff;
		color: #1d3ca2;
		padding: 6px;
		text-align: center;
		border: 1px #fff solid;
		border-bottom:1px #0000FF solid;
		font-size: 16px;
		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:500px;
		margin-left:30px;
		padding-top:3px;
		text-align: justify;
		overflow: hidden;						
		}
#storyrush1  {
		
		float:left;
		display:block;
		width:550px;
		height:100px;
		padding:5px 0 0 10px;
		margin-top:30px;
		margin-left:-80px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#471669;
		}
#storyrush1 p {width:400px;
		}	
		
		

#story4 a {
		color:#1d3ca2;
		text-decoration:none;
		}

#story4  a:hover {
		color: #5483CF;
		text-decoration:underline;
		}		
		
#storysplit1, #storysplit2, #storysplit3 {
		float: left;
		display: block;
		width: 225px;
		height:300px;
		margin-left:20px;
		padding-top:3px;
		text-align: justify;
		overflow: hidden;						
		}		
#storysplit3 {
		width: 310px;
		height:150px;
		margin-left:10px;			
		}				
		
#storysplit4  {
		
		float:left;
		display:block;
		width:300px;
		height:100px;
		padding:5px 0 0 10px;
		margin-left:-85px;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#471669;
		}
#storysplit4 p {width:285px;margin-top:20px;
		}	
#story4 h3		{
		text-align:left;
		margin-left:120px;
		
		color:#a4b3e2;
		}	
#story4 h3.split		{
		margin:0 0 20px 280px;
		}			
		
IMG.displayedsc3 {margin-bottom:30px;}	


#reviewtxt {
		float: left;
		display: block;
		width: 360px;
		height:350px;
		margin-left:10px;
		padding-top:3px;
		text-align: justify;			
		overflow: hidden;						
		}
#reviewtxt p {
		width:300px;
		padding:5px 0 0 5px;
		font-size:14px;
		margin-left:10px;
		padding-top:3px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-align:justify;
		color:#1d3ca2;
		}
#reviewtxt h3		{
		text-align:left;
		margin-left:20px;
		margin-top:30px;
		color:#a4b3e2;
		}	
#freeindex {
		float: left;
		display: block;
		width: 420px;
		height:3400px;
		margin-left:20px;
		margin-top:50px;
		text-align: justify;		
								
		}		
		
		
		
		
		
#payment {
		float: left;
		background: url(../../images/canvas/payment-details-bg.gif) no-repeat;
		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:#1d3ca2;	
		}
#story6 a {
			color:#1d3ca2;
		float:right;
		text-decoration:none;
		}

#story6  a:hover {
		color: #1d3ca2;
		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/canvas/can-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: #1d3ca2;
		}			
#contactus a {
		color: #1d3ca2;
		}