x/* CSS Document */

/*basics*/
* {
  margin:0;
  padding:0;
  list-style-type:none;}
img{border:0;}



body{
	line-height: 1.5;
	font:normal normal normal 13px/1.5 Trebuchet MS, Helvetica, serif;
	text-transform: none;
	color: #444;
	text-decoration: none;
	background:#212426;
	letter-spacing: 0.5px;}



p, li { margin-top: 10px; }

a, a:link, a:visited {text-decoration:none; color:#0033FF;}
a:hover {text-decoration: underline; color:#0033FF;}

a.redcolour:link, a.redcolour:visited {font-weight:bold; color:#ff0000;}
a.redcolour:hover {text-decoration: underline;}

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

img a{text-decoration:none;}

.floatleft
{
float: left;
margin: 0 10px 3px 0;}
	

#wrapper 
{
	width: auto; 
	min-width: 896px; /* 896px */
	max-width: 1260px;/*  +60  */
	height: 100%;
	margin: 0 auto;
}

#masthead {
	clear: both;
	min-width: 896px;
	max-width: 1260px;
	margin: 0 auto 0 auto;
	}

#nav_wrapper{
	width:auto;
	height:44px;
	float:right;
	padding:40px 0 0 0;}


#content {
	clear: both;
	width: auto; 
	min-width: 896px;
	max-width: 1260px;
	margin: 0 auto 0 auto;}


#footer{
	width: auto; 
	min-width: 896px;
	max-width: 1260px;
	margin: 0 auto 0 auto;}

.separator {
		clear: both;}

.separatorInvisible {
		clear: both;
		height: 1px;}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;}
		
/*?*/ul#list1 { 
margin: 25px 25px 15px 55px;
list-style-image: url(../images/bullet.gif);
list-style-type: circle }

/*?*/.new {
position: relative;
width:32px; height:16px;
background: url(../images/new.gif) no-repeat;
}

/* body
--------------------------------------------------*/


/*?*/.div10 {margin: 25px 25px 25px 25px;}

/*?*/.div20 {margin: 0px 0px 0px 70px;}

/* front page
--------------------------------------------------*/

.img_frontpage {
	margin: 25px 25px 0 25px;}

.banner_container {
	margin: 0px 6px 0 3px;
	background:url(../images/home_banner_bg.gif) no-repeat;/*currently used: the one with two product boxes*/
	width:787px; height:251px;
	line-height: 1.2;
	color: #fff;}

/*product info 2 column container*/
.banner_pr_container{
	height: 144px; width: 630px;
	padding: 20px 0 0 146px;
	position:inherit;
	font:normal normal 11px/1.3em Arial;
	color: #ccc;
	z-index: 2; /*	background-color:#FFFF99;*/}
		
.banner_pr_column1		{position:relative; width:210px;  height:144px; padding-left:4px; 	float:left; }
.banner_pr_column2		{position:relative; width:210px;  height:144px; padding-left:186px; float:right; }

.banner_pr_container a		{font-weight: bold; color: #ccc;}
.banner_pr_container a:hover{color: #ffee00; text-decoration:underline;}

.banner_pr_container h1 a, .banner_pr_container h1 a:hover{	
	font: normal normal 18px/2em Arial;
	color:#fff;}
	
.banner_pr_container h1 a:hover{color: #ffee00; text-decoration:none;}

.banner_pr_container ul { margin-top:10px; padding-left:0px; padding-top:0px; list-style:none;}
.banner_pr_container li{ 
	margin-top:0px; padding-left:15px; 		
	background:url(../images/home_banner_bullet.png) no-repeat 0 2px; /* yellow arrows */}
	
	
/* buttons 2 column container*/
.banner_bt_container{
	height: 35px; width: 630px; /*padding-top; padding-right; padding-bottom; padding-left*/
	padding: 6px 0 0 146px;
	position:relative;
	line-height: 15px;
	color: #ccc;
	z-index: 1;/*		background-color:#66FFFF;*/}
	
.banner_bt_column1{position:relative; width:210px;  height:35px; float:left;}
.banner_bt_column2{position:relative; width:210px;  height:35px; float:right; padding-left:186px;}


	
	
	
/* 3x3 apple styled table */
div.cell {
    width: 30%;
    float:left;
	margin:1%;
}

#row1, #row2, #row3
{
clear: both;
width: 750px;
margin: 20px auto 20px auto;
padding-bottom:20px;
color: #333;
}

#left1, #left2, #left3
{
float: left;
width: 230px;
margin: 0;
}

#right1, #right2, #right3
{
float: right;
width: 230px;
margin: 0;
}

#center1, #center2, #center3
{
margin: 0;
margin-left: 260px;
margin-right: 260px;
}

.cell p,
#center1 p, #center2 p, #center3 p, 
#left1 p, 	#left2 p, 	#left3 p,
#right1 p, 	#right2 p,  #right3 p { 
	margin: 0 0 0.5em 0; 
	font:normal normal normal 13px/1.5 Trebuchet MS, Helvetica, serif;
	color: #333;
	text-decoration: none;}
	
#row1 h2, #row1 h2 a:link, #row1 h2 a:visited, #row1 h2 a:hover, #row1 h2 a:focus, #row1 h2 a:active,
.cell h2, .cell h2 a:link, .cell h2 a:visited, .cell h2 a:hover, .cell h2 a:focus, .cell h2 a:active,
#row2 h2, #row2 h2 a:link, #row2 h2 a:visited, #row2 h2 a:hover, #row2 h2 a:focus, #row2 h2 a:active,
#row3 h2, #row3 h2 a:link, #row3 h2 a:visited, #row3 h2 a:hover, #row3 h2 a:focus, #row3 h2 a:active
{   margin: 0 0 .5em 0;
	font:normal normal normal 18px/1.5 Trebuchet MS, Helvetica, serif;
	color: #000;
	text-decoration: none;
	letter-spacing: 0;}

.cell h2 a:hover, .cell h2 a:focus, .cell h2 a:active,
#row1 h2 a:hover, #row1 h2 a:focus, #row1 h2 a:active,
#row2 h2 a:hover, #row2 h2 a:focus, #row2 h2 a:active,
#row3 h2 a:hover, #row3 h2 a:focus, #row3 h2 a:active {color: #0066ff;}
	

/* footer
--------------------------------------------------*/
ul.menu_bottom { /*the menu in the footer*/
	margin: 20px auto;
	margin-top:40px;
	padding:0;
	width:650px;
	list-style: none; 
	border:0; }
	
ul.menu_bottom a{
	color:#888;
	font-size: 13px;}
	
ul.menu_bottom li{
	display:inline-block;
	padding:0; margin:0;
	text-align:right;
	width:100px;}

ul.menu_bottom a:hover{color:#009900; font-weight:bold;}

.copyright {
	width: 400px; margin:0 auto;
	color:#444;
	font-size: 11px;
	position:relative;
	text-align:center;
	padding-bottom:3px;}


/* sexy BUY buttons*/

.button_buy {
	background: url(../images/button_buy_hover.png) no-repeat;
	height:31px;
	width:148px;}

.button_buy a{
	background: url(../images/button_buy.png) no-repeat;
	height:31px;
	width:148px;
	display: block;}

.button_buy a:hover{
	background: none;}


/*  top navigation
--------------------------------------------------*/
ul#nav {
	position:relative;
	margin: 0;
	padding:0;
	height: 48px;
	/*list-style-type: none;
	overflow: hidden;*/
}
/*
body#default	ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 0; }
body#home		ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 0; }
body#pptmovie 	ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 -78px; }
body#download 	ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 -156px; }
body#buynow 	ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 -234px; }
body#support	ul#nav  { background: transparent url(../images/nav.jpg) no-repeat 0 -312px; }
*/
ul#nav li, ul#nav li a {
	color:#CCC;
	font-size:16px;
	/*position: absolute;*/
	display: inline; 
	/*text-indent: -9000px;*/
	text-decoration: none;
	padding:0 16px 0 0;
	/*overflow: hidden;
	height: 0px !important; */
	height /**/:48px; /* IE5/Win */
/*	background: transparent url(../images/nav.jpg) no-repeat;*/
}

ul#nav li#sup a, ul#nav li#sup a:hover  {padding:0; margin:0}
ul#nav li a:hover {color:#fff}

body#default li#hom a,
body#default li#hom a:hover,
body#home li#hom a,
body#home li#hom a:hover,
body#pptmovie li#ppt a,
body#pptmovie li#ppt a:hover,
body#download li#dow a,
body#download li#dow a:hover
body#buynow li#buy a,
body#buynow li#buy a:hover
{ color:#fff}


body#home li#ppt a,
body#home li#ppt a:hover,
body#home li#dow a,
body#home li#dow a:hover,
body#home li#buy a,
body#home li#buy a:hover,
body#home li#sup a,
body#home li#sup a:hover,		

body#pptmovie li#hom a,
body#pptmovie li#hom a:hover,

body#pptmovie li#dow a,
body#pptmovie li#dow a:hover,
body#pptmovie li#buy a,
body#pptmovie li#buy a:hover,
body#pptmovie li#sup a,
body#pptmovie li#sup a:hover,

body#download li#hom a,
body#download li#hom a:hover,
body#download li#ppt a,
body#download li#ppt a:hover,

body#download li#buy a,
body#download li#buy a:hover,
body#download li#sup a,
body#download li#sup a:hover,


body#buynow li#hom a,
body#buynow li#hom a:hover,
body#buynow li#ppt a,
body#buynow li#ppt a:hover,
body#buynow li#dow a,
body#buynow li#dow a:hover,

body#buynow li#sup a,
body#buynow li#sup a:hover,

body#support li#hom a,
body#support li#hom a:hover,
body#support li#ppt a,
body#support li#ppt a:hover,
body#support li#dow a,
body#support li#dow a:hover,
body#support li#buy a,
body#support li#buy a:hover
{ color:#CCC}


/*  product page
--------------------------------------------------*/
#menuleft_container {
	width:167px;
	float:left; 
	margin:0;
	margin-left:-6px;}
	
#menuleft {
	width:167px; 
	float:left;
	margin:0;}

#menuleft_right {
	min-width: 690px;
	max-width: 1054px;
	margin:0; 
	margin-left:192px;
	line-height:1.5;}
	
#menuleft_right h1{
	font: normal normal 26px/0.6 Arial, Helvetica, sans-serif;
	color:#F60;
	padding-top:5px;
}

#menuleft_right h2{
	font: normal normal 18px/1 Arial, Helvetica, sans-serif;
	color:#999;
}

ul#menuleft, ul#menuleft li, ul#menuleft li a{
			list-style: none; 
			font:normal normal normal 13px/30px Arial;
			color:#888; padding:0;
			}

/*  navigation on the product page
--------------------------------------------------*/			
			
ul#menuleft li{padding-left:20px;}
ul#menuleft li.active, ul#menuleft li.active a, ul#menuleft li.active a:hover{color:#000;}
ul#menuleft li a:hover{list-style: none; color:#0033ff; text-decoration:none;}
ul.overview 	{background:url(../images/menuvert_bg.png) 0px 7px no-repeat;}
ul.watchvideo	{background:url(../images/menuvert_bg.png) 0px 47px no-repeat;}
ul.download		{background:url(../images/menuvert_bg.png) 0px 87px no-repeat;}
ul.buynow		{background:url(../images/menuvert_bg.png) 0px 127px no-repeat;}
			

#submenuleft {
	width:136px; 
	float:left;
	margin:0; 
	padding:0;
	padding-top:5px;
	clear:both;
	padding-left:20px;
	}

ul#submenuleft, ul#submenuleft li, ul#submenuleft li a{
	list-style: none; 
	font:normal normal normal 13px/30px Arial;
	color:#888; 
	margin:0; 
	padding:0;
	display:block;}
			
ul#submenuleft li{padding-left:10px; border-bottom:#e3e3e3 solid 1px; background-color:#f5f5f5; 	margin-top:2px; margin-bottom:5px; }
ul#submenuleft li.active, ul#submenuleft li.active a, ul#submenuleft li.active a:hover{color:#000; background-color:#e5f5d0; font-weight:bold}
ul#submenuleft li a:hover{list-style: none; color:#0033ff; text-decoration:none;}

/*  content on the product page
--------------------------------------------------*/
#wrapper_product
{
	min-width: 650px; 
	max-width: 1014px;
	margin: 0;
}

#left_product
{
float: left; 
width: 220px;
margin: 0; 
padding:30px 0 10px 0;
text-align:left;
}

#left_product h2, #left_product h2 a:link, #left_product h2 a:visited, #left_product h2 a:hover, #left_product h2 a:focus, #left_product h2 a:active
{   margin: 0 0 .5em 0;
	font:normal normal normal 16px/1.5 Arial;	
	text-transform: none;
	color: #000;
	text-decoration: none;}

#right_product
{
min-width: 410px;
max-width: 774px;
margin: 0; 
padding:30px 10px 20px 0;
margin-left:240px;
}

#right_product .header{
	height:26px;
	width:auto;
	background: url(../images/pr_header_bg_l.png) left no-repeat #999;
	display:block;
	}
	
#right_product .right_img{
	 background:url(../images/pr_header_bg_r.png) right no-repeat;
	 height:26px;
	 width:6px;
	 border:0; 
	 float:right;
	 }
	
#right_product .header span, #right_product .header span a, #right_product .header span a:hover{
	font:normal normal 15px/1.5 Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	letter-spacing:1px;
	}
	
#right_product .header span{
	float:left; 
	margin-left:10px;}
	

#inline-list ul, #inline-list li {
float: right; 
display: inline; 
list-style: none; 
padding:0; 
margin:0; 
border:0; 
}
 #inline-list li {
	 width:70px;
	 text-align:right;
	 margin-right:15px;
 }

#inline-list li a, #inline-list li a:visited{font-size:14px; color:#999; } 
#inline-list li a:hover{font-size:14px; color:#690; text-decoration:none; font-weight:bold;} 


/*product page*/
a.smalllinks, a.smalllinks:visited{color:#999}
a.smalllinks:hover{color:#0033FF}



/*illustration of the video formats on PPTmovie product page*/

#ppt_to_video_converter, #ppt_to_avi_converter, #ppt_to_mpeg_converter, #ppt_to_mp4_converter, #ppt_to_movie_converter, #ppt_to_flash_converter{
	display: inline-block;
	position:relative;
	background:url(../images/ppt_to_video_converter.png) no-repeat;
	width:468px;
	height:217px; 
	margin:25px auto 5px auto;
	}
	
#ppt_to_avi_converter{ background-image:url(../images/ppt_to_avi_converter.png);}
#ppt_to_mpeg_converter{ background-image:url(../images/ppt_to_mpeg_converter.png);}
#ppt_to_mp4_converter{ background-image:url(../images/ppt_to_mp4_converter.png);}
#ppt_to_movie_converter{ background-image:url(../images/ppt_to_movie_converter.png);}
#ppt_to_flash_converter{ background-image:url(../images/ppt_to_flash_converter.png);}

/*width:468px;*/
#video-formats a {
	position: absolute;
	height: 94px;
	width: 94px;
	text-decoration: none;}

#video-formats a i{visibility: hidden;}

a#ppt-to-avi { top: 66px; left:0px; width:60px;}
a#ppt-to-mpeg { top:116px; left: 80px; }
a#ppt-to-mp4 { top:123px; left: 184px; }
a#ppt-to-movie { top:123px; left: 287px; }
a#ppt-to-flash { top:66px; left: 400px; width:68px;}

/*END illustration of the video formats on PPTmovie product page*/



/*  white box
--------------------------------------------------*/
#white_box {
	width: auto; 
	min-width: 916px;
	max-width: 1260px;
	margin:0 2px 0 0;
	padding:0;
	background:#fff url(../images/white_table_left.jpg) repeat-y left top;}
	
.wb_top {
	width:100%;
	height:15px;
	background:url(../images/white_table_topleft.gif) no-repeat left top;}

.wb_top span {
	display:block;
	position:relative;
	height:15px;
	background:url(../images/white_table_topright.jpg) no-repeat right top;}

.wb_bottom-content{
	position:relative;
	background:url(../images/menu_bottom_bg.gif) no-repeat right bottom;
	margin: 0 -10px -10px 0;}

.wb_center-content {
	position:relative;
	background:url(../images/white_table_right.jpg) repeat-y right top;
	padding:1px 20px 16px 25px;
	margin:-1px 0 -12px 0;
	text-align:left;}

.wb_bottom {
	width:100%;
	height:12px;
	background:url(../images/white_table_bottomleft.gif) no-repeat left bottom;}

.wb_bottom span {
	display:block;
	position:relative;
	height:12px;
	background:url(../images/white_table_bottomright.jpg) no-repeat right top;}
/*
html code:
<div id="white_box">
    <div class="wb_top"><span></span></div>
    <div class="wb_center-content">
	text
    </div>
    <div class="wb_bottom"><span></span></div>
</div>
*/

#TJK_ToggleON,#TJK_ToggleOFF {display:none} /*used on the FAQ page at the moment along with js/toggle.js triggering onLoad="TJK_ToggleDL()"*/

/*?*/.text {/* used in downloads/index.html; pptmp4converter/index.html; feedback/index.html; tmpl/header_2.html*/
	
	font:normal normal normal 12px/1.5 Arial;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

/*  another box with the rounded corners
--------------------------------------------------*/
.cornerBox { position: relative; width: 95%;}
.corner { position: absolute; width: 8px; height: 8px; background: url(../images/bx_corners.png) no-repeat; font-size: 0%; }
#cornerBoxInner { padding: 8px; background:#f5f5f5; border:#ccc solid thin; height:auto;}
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -8px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -8px; }
.BR { bottom: 0; right: 0; background-position: -8px -8px; }

#cornerBoxInner h2{font-size:12px; color:#000; font-weight:bold;}


/*  presumably support area
--------------------------------------------------*/


/*?*/#duck {/* used in feedback/index.html */
	font:normal normal normal 12px/1.5 Arial;	
	color: #000;
	text-decoration: none;
	padding:0;
}

/*?*/input.required, textarea.required {
	border: 1px solid #FF6600;
}

/*input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}*/

.validation-advice {
	margin: 5px 0;
	padding: 0;
	font:bold 10px Tahoma;
	/*background-color: #FF3300;*/
	color : #FF6600;}

#duck.verificationimages
{
	padding:50px 50px 10px 25px;}

	
/*  Regnow buy page
--------------------------------------------------*/	
	
/* Table 1px*/
table.sample
{
    border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

td.sample
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}


/* SITE WIDE TEMPLETE CONTROLS */
#silverWrapper											{ margin-top: 7px; margin-right: 9px; padding: 10px; background-color: #E7E7E7;}


/* CART TABLE STYLES */
#cartTable												{ background-color: #FFF; border-collapse: collapse; }
#cartTable tr.dark										{ background-color: #C0C0C0; padding: 4px 2px 4px 4px; border: 1px solid #B0B0B0;}
#cartTable tr.bright									{ background-color: #BDFF8C; padding: 4px 2px 4px 4px; border: 1px solid #B0B0B0;}
#cartTable tr											{ background-color: #FFFFFF; padding: 4px 2px 4px 4px; border: 1px solid #B0B0B0;}
#cartTable td											{ padding: 4px 18px 4px 14px; border: 1px solid #B0B0B0; vertical-align:middle; }


#cartTable .dividerRow									{ background-color: #B0B0B0; height: 1px; padding: 0px; }

p.cartTableTitle{margin: 3px 0 3px 0;              }
a.cartTableTitleTop {font-family: Arial, Helvetica, Verdana, sans-serif; 	color: #000000; 	font-weight: normal;	text-decoration:none;	font-size: 18px;}
a.cartTableTitleTop:hover {color: #CD0000;}
a.cartTableTitleBig {font-family: Arial, Helvetica, Verdana, sans-serif; 	color: #000000; 	font-weight: normal;	text-decoration:none;	font-size: 26px;}
a.cartTableTitleBig:hover {text-decoration:underline;}



div.margins {   font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000; 
	font-weight: normal;
	text-decoration:none;
	font-size: 11px; margin-top: 7px; padding: 10px;}
	
div.margins2 {margin-left: 7px; padding: 10px;}





/* subscribe to newsletter form style*/
.subscribed { width:30%; height:auto; margin:40px 0 0 3%; color: #ccc; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; float:left;} 
#theForm {width:30%; height:auto; margin:40px 0 0 3%; color:#CCC; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; float:left;}