/*
------------------------------------
Created by Beyond The Pixels Pty Ltd
------------------------------------ */


@import "ddcolortabs.css";
@import "structure.css";
@import "typography.css";


* {
   margin: 0;
   padding: 0;
}

body, html {
	background-color: #d9d9d9;
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
}
	
a:hover { 
	text-decoration: none;
}

h4.tested { 
	margin-top: 2em;
}

small {
	line-height: 120%;
}
	
.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%;  }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
		margin-top:0px;
		top:0px;
		float:left;
}

 /**html ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		/*font-size: 0.9em;
		margin-top: 0px;
		top: 0px;
		float: left;
		width: 35px;
}*/

	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		/* font-size: 10px; */
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left;  } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em { height: 41px; }
	/**html .nav li, .nav li em { height: 41px; }*/
    

	
	* html>body ul.nav li em { margin-bottom: -41px; } /* for ie5.x/mac only */
	
	.mnHome em, .mnProducts em, .mnFeatures em, .mnResellers em, .mnMedia em, .mnSupport em, .mnFAQ em, .mnServices em, .mnContact em, .mnAboutUs em { 
		background: url(../images/SOSmenu.gif) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	.mnHome { left: 0; }
	.mnHome em { background-position: 0 0; width: 71px; }
	.mnHome:hover em { background-position: 0 -41px; width: 71px; }

	.mnProducts { left: 33px; }
	.mnProducts em { background-position: -71px 0; width: 83px; }
	.mnProducts:hover em { background-position: -71px -41px; width: 83px; }
		
	.mnFeatures { left: 79px; }
	.mnFeatures em { background-position: -154px 0; width: 82px;}
	.mnFeatures:hover em { background-position: -154px -41px; width: 82px;}
	
	.mnResellers { left: 124px; }
	.mnResellers em { background-position: -236px 0; width: 82px;}
	.mnResellers:hover em { background-position: -236px -41px; width: 82px;}
	
	.mnMedia { left: 169px; }
	.mnMedia em { background-position: -322px 0; width: 65px;}
	.mnMedia:hover em { background-position: -322px -41px; width: 65px;}

	.mnSupport { left: 197px; }
	.mnSupport em { background-position: -463px 0; width: 77px;}
	.mnSupport:hover em { background-position: -463px -41px; width: 77px;}
		
	.mnFAQ { left: 237px; }
	.mnFAQ em { background-position: -540px 0; width: 54px;}
	.mnFAQ:hover em { background-position: -540px -41px; width: 54px;}
	
	.mnServices { left: 254px; }
	.mnServices em { background-position: -594px 0; width: 82px;}
	.mnServices:hover em { background-position: -594px -41px; width: 82px;}
		
	.mnContact { left: 299px; }
	.mnContact em { background-position: -387px 0; width: 77px;}
	.mnContact:hover em { background-position: -387px -41px; width: 77px;}

	.mnAboutUs { left: 338px; }
	.mnAboutUs em { background-position: -676px 0; width: 85px;}
	.mnAboutUs:hover em { background-position: -676px -41px; width: 85px;}	

	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; text-decoration: none; }
	* html .nav a { height: 1%; text-decoration: none; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 41px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		width: 100%;
		list-style: none;
		border: 0px solid #FFCC00; text-decoration: none;
		
	}

	/**html .nav li ul {
		position: absolute;
		z-index: 10;  show the dropdowns above the images 
		top: 41px;  position the dropdowns a set distance from the top of the image 
		width: 100%;
		left: 0em;
		list-style: none;
		border: 0px solid #FFCC00;
		text-decoration: none;
		display: none;		
	}*/
	
	.nav li:hover ul { left: auto; text-decoration: none; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		border-bottom: 1px solid #c0c0c0;
		text-decoration: none;
	}
	
	.nav li ul a {
		padding: 0.25em;
		font-family: arial;
		font-size: 9pt;
		color: #787b80;
		background: #FFFFFF;
		width: 125px;
     	text-decoration: none;
	}
	.nav li ul a:hover {
		color: #009BE7;
		background: #f2f2f2;
		width: 125px;
      	text-decoration: none;
		}

	/*]]>*/
	
	.featuresmenu-top-bg
	{
	background-image:url(../images/featuresmenu-top.gif);
	background-repeat:no-repeat;
	width:262px;
	height:57px;
	}
	
	.featuresmenu-mid-bg
	{
	background-image:url(../images/featuresmenu-mid.gif);
	background-repeat:repeat-y;
	width:262px;	
	}
	
	.featuresmenu-bottom-bg
	{
	background-image:url(../images/featuresmenu-bottom.gif);
	background-repeat:no-repeat;
	width:262px;
	height:25px;
	}
	
	.featuresbox-top-bg
	{
	background-image:url(../images/featurebox-top.gif);
	background-repeat:no-repeat;
	width:280px;
	height:245px;
	}
	
	.featuresbox-base-bg
	{
	background-image:url(../images/featurebox-base.gif);
	background-repeat:no-repeat;
	width:280px;
	height:21px;
	}
	
	.download-top-bg
	{
	background-image:url(../images/downloads-top.gif);
	background-repeat:no-repeat;
	width:262px;
	height:57px;
	}
	.forms-background-bg
	{
	background-image:url(../images/reseller-form-back.gif);
	background-repeat:no-repeat;
	width:410px;
	height:310px;
	}
	
	.form-top-bg
	{
	background-image:url(../images/form-top-stripe.gif);
	background-repeat:no-repeat;
	width:410px;
	height:5px;
	}
	.form-bottom-bg
	{
	background-image:url(../images/form-bottom-stripe.gif);
	background-repeat:no-repeat;
	width:410px;
	height:5px;
	}
	.inputbox
	{
	background-color:#FFFFFF;
	border-left:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	border-top:solid 1px #bcbcbc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:150px;
	}
	
	.text-box
	{
	background-color:#FFFFFF;
	border-left:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	border-top:solid 1px #bcbcbc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:200px;
	}
	
	a.grey-link
	{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #464646;
	}
	
	a.grey-link:hover
	{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	}
	.style2 {font-size: 12px; font-weight: bold; }
	.style6 {font-size:12px; font-weight:bold; text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
	.form-drop-down
	{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	.features-left-list
	{
	background-image:url(../images/features-leftlist.gif);
	width:262px;
	height:282px;
	background-repeat:no-repeat;
	}
	.features-text
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:24px;
	}
	.search-top-bg
	{
	background-image:url(../images/search-top-stripe.gif);
	background-repeat:no-repeat;
	width:310px;
	height:5px;
	}
	.search-bottom-bg
	{
	background-image:url(../images/search-bottom-stripe.gif);
	background-repeat:no-repeat;
	width:310px;
	height:5px;
	}