/* 	GENERIC 
	CONTENT
======================================================================*/

#contentWrapper
	{
	color:#FFFFFF;
	line-height:18px;
	}

#contentWrapper a
	{
	color:#dedeff;
	}

#contentWrapper a:hover
	{
	color:#FFFFFF;
	}

/* Page Heading - displays with default margins and at 100% wide */
#contentWrapper h1
	{ 
	color: #FFFFFF;
	border-bottom:1px solid white;
	}

/* Section Heading - displays with default margins and at 100% wide */
h2 
	{ 
	color: #FFFFFF;
	letter-spacing:1px;
	border-bottom:1px solid white;
	}

/* Sub-Section Heading - displays with default margins and at 100% wide */
h3 
	{
	color: #EEEEEE;
	letter-spacing:1px;
	border-bottom: 1px solid #DDDDDD;
	border-bottom-style:dashed;
	clear:both;
	}

#contentSingleColumn
	{
	padding:0 18px 0 18px;
	}

#contentSingleColumn p
	{
	color:#EEEEEE;
	}

.figureBlock
	{
	color:#dddddd;
	font-weight:bold;
	margin:18px 0 27px 0;
	}
.figureBlock em
	{
	margin-left:1ex;
	font-weight:normal;
	}
.figureBlock img
	{
	display:block;
	margin-top:9px;
	}

.imageRightAligned
	{
	float:right;
	margin:18px 0 18px 18px;
	border:1px solid #FFFFFF;
	}

#contentWrapper .productTagLine 
	{
	font-weight:bold;
	color:#FFFFFF;
	}

#productsPageWrapper 
	{
	}

.IECantGetThisHeadingRight
	{
	background:url(../images/Transparent_1x1.gif);
	}

#contentWrapper
	{
	background:url(../images/BG_content_swoosh_top.jpg) top left no-repeat;
	padding:0 7px 0 7px;
	padding-top:30px;
	width:742px;
	position:relative;
	}

.smallerFont {
	font-size:0.875em;
}

/* CLEARER
	This is used to reset the screen layout after floating elements.
	This prevents weird overlapping of elements that follow a floated element. 
	Typically this is used like:
	<div class="floatLeft">Some Floatede Element</div>
	<div class="clearer"></div>
	<h2>Some non-floated element</h2>
	*/
.clearer
	{
	clear:both;
	height:1px;
	}

	/* 	GENERIC
		FORMS
	----------------------------------------------------------------------*/

	.formButton,
	.formButtonOver
		{
		display:block;
		width:121px;
		height:31px;
		padding:0;
		margin:18px 18px 18px 0;
		background:#73737C url(../images/button_teal_121x31.png) 0px 0px no-repeat;
		cursor:pointer;
		border:0px none;

		font-family:Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		letter-spacing:1px;
		color:#FFFFFF;
		text-align:center;
		}
	.formButtonOver
		{
		background-position:0px -31px;
		}
	
	label
		{
		display:block;
		margin-bottom:18px;
		position:relative;
		font-weight:bold;
		color:#FFFFFF;
		}

	label em
		{
		font-weight:normal;
		color:#C9C9C9;
		}


	label input,
	label select
		{
		font-weight:normal;
		color:#000000;
		display:block;
		line-height:18px;
		padding:3px 0 3px 3px;
		}
	label select
		{
		padding:0px 0 0px 3px;
		height:20px;
		}

	.fieldError
		{
		display:none;/* The visibility of field errors is controlled through Javascript */
		color:red;
		font-weight:normal;
		padding-left:24px;
		background:transparent url(../images/BG_error.png) 6px 1px no-repeat;
		}
	
	.reminder
		{
		background:url(../images/BG_reminder-paragraph.png) top left no-repeat;
		padding:45px 0 0 18px;
		margin:3px 0 18px 18px;
		width:212px;
		float:right;
		clear:right;
		}

	.warning 
		{
		background:url(../images/BG_warning-paragraph.png) top left no-repeat;
		padding:45px 0 0 18px;
		margin:3px 0 18px 18px;
		width:212px;
		float:right;
		clear:right;
		}	
		
	.need-help
		{
		background:url(../images/BG_need-help-paragraph.png) top left no-repeat;
		padding:45px 0 0 18px;
		margin:3px 0 18px 18px;
		width:212px;
		float:right;
		clear:right;
		}	
		
	
	/* 	GENERIC
		LEFT COLUMN ELEMENTS
	----------------------------------------------------------------------*/
	
	#contentLeft
		{
		float:left;
		width: 519px;
		padding-left:14px;
		}
	
	#contentLeft p
		{
		color:#EEEEEE;
		margin-right: 15px;
		}
	
	#contentLeft ul
		{
		margin-left:0;
		padding-left:5px;
		list-style-position:inside;
		list-style-type:square;
		}
		
	table {
		width:100%;
	}
	
	th {
		border-bottom:1px solid white;
	}
	
	#contentLeft td {
		padding:3px;
	}
	
	.shaded td {
		background:transparent url(../images/BG_10percentBlack.png) repeat;
	}
	
	/* 
		GENERIC
		RIGHT COLUMN ELEMENTS
	----------------------------------------------------------------------*/
	
	#contentRight
		{
		float:right;
		width: 174px;
		margin-right:10px;
		padding-bottom:18px;
		border-bottom:1px solid #b2b2b8;
		
		background-image:url(../images/BG_content_right_tall_light.png);
		background-position:left 39px; /*lower the BG position */
		background-repeat:no-repeat;
		
	/*IE fix for double margin */ 
		display:inline;
		}
	
	#contentRight h2 
		{ 
		padding-left:10px;
		font-weight:normal;
		}

		#contentRight h2 a
			{
			color: #FFFFFF;
			text-decoration: none;
			padding-left:0;
			}
	
	#contentRight h3 
		{ 
		color: #FFFFFF;
		letter-spacing:1px;
		border-bottom: 1px solid #FFFFFF;
		font-weight:normal;
		padding-left:10px;
		}
	
	/* RIGHT NAV LIST */
	#contentRight ul
		{
		padding:0;
		margin:0 0 18px 10px;
		}
	#contentRight li
		{
		padding:3px 0 3px 0;
		list-style:none;
		}
	
	#contentRight li ul
		{
		margin: 0;
		}
	
		/* 	GENERIC
			RIGHT NAV LINKS
		----------------------------------------------------------------------*/
		
		#contentRight a
			{
			color: #dedeff;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			}
		
		#contentRight .selected a
			{
			font-weight:bold;
			color:white;
			}
		
		#contentRight .selected li a
			{
			font-weight:normal;
			}
		
		#contentRight li li a
			{
			padding-left:14px;
			background-image:url(../images/side_nav_bullet.gif);
			background-position: 1px 3px;
			background-repeat:no-repeat;
			}
		
		#contentRight a:hover,
		#contentRight a:focus
			{
			text-decoration:underline;
			color:#FFFFFF;
			}
		
		#contentRight a.smallerNavLink
			{
			font-size:0.75em;
			}




/* 	HOME PAGE 
	SPECIFIC STYLES
======================================================================*/

#homePageWrapper #contentLeft
	{
	float:left;
	width:450px;
	padding-left:0;
/*	border-right:1px solid #a3a3a3;*/
	}

#homePageWrapper #contentRight
	{
	padding-top:18px;
	width:230px;
	margin-right:0;
	background:none;
	border-bottom:0px none;
	}

#homePageWrapper .featuredHeadline {
	display:block;
	height:36px;
	width:450px;
	margin-top:18px;
	letter-spacing:1px;
	padding:0px 0px 0px 18px;
	color:white;
	text-decoration:none;
	line-height:36px;
	overflow:hidden;
	font-weight:bold;
	background:transparent url(../images/featuredHeadline.png) top left no-repeat;
}

#homePageWrapper .featuredHeadline:hover {
	text-decoration:underline;
}

#suitePreviewWrapper {
	margin-top:18px;
	margin-bottom:18px;
	width:450px;
	background-image:url(../images/BG_suitePreviewPanel.png);
	background-position: top left;
	background-repeat:no-repeat;
}
#suitePreviewPanel {
	padding-top:18px;
	padding-bottom:36px;
	width:450px;
	background-image:url(../images/BG_suitePreviewPanelBottom.png);
	background-position: bottom left;
	background-repeat:no-repeat;
}

#suitePreviewPanel h2 {
	text-indent:18px;
	margin-top:0px;
	font-weight:normal;
	border-bottom-color:#ABABBC;
}	
#suitePreviewPanel ul {
	list-style-type:none;
	display:block;
	width:160px;
	float:left;
	clear:none;
	margin:0;
	padding:0 0 18px 0;
}

#suitePreviewPanel li {
	margin:0;
	padding:0;
	float:left;
	clear:none;
	display:block;
}

#suitePreviewPanel li a {
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:142px;
	text-decoration:none;
	color:#A1E636;
	padding:0 0 9px 18px;
	letter-spacing:1px;
}

#suitePreviewPanel ul li a:hover {
	text-decoration:underline;
	color:white;
}

#suitePreviewPanel p {
	padding-right:10px;
}

#suitePreviewPanel p strong {
	display:block;
}

#suitePreviewPanel #suiteDescription {
	/* this one is shown by default when the page loads */
	float:left;
	width:290px;
	display:block;
}

#suitePreviewPanel .productDescription {
	/*display is controlled by Javascript*/
	display:none;
	font-size:1.125em;
}

#suitePreviewPanel .productDescription .new {
	background:transparent url(../images/BG_new-product-pod.png) 160px 0px no-repeat;
	text-indent: 0;
	padding-top: 27px;
}

#suitePreviewPanel .productDescription .new strong {
/*	text-indent: 63px;*/
}

#contentLeft #suitePreviewPanel .productButton {
	float:left;
	margin-right:10px;
	margin-left:0;
	color:#FFFFFF;
	margin-bottom:15px;
}

#homePageWrapper #contentRight a
	{
	letter-spacing:0;
	text-decoration:underline;
	}
	
.macLogo 
	{
	float:left;
	margin:3px 18px 6px 0;
	}
.auLogo
	{
	float:left;
	margin:3px 18px 6px 0;
	}

#homePageWrapper #contentRight h2
	{
	font-weight:bold;
	color:#FFFFFF;
	margin-left:0;
	letter-spacing:1px;
	overflow:hidden;
	display:block;
	padding-left:0;
	border-bottom:1px solid #D1D1D5;
	}

#see-how-it-works h3
	{
	margin:0px 0 18px 0;
	background: url(../images/see-how-it-works.png) 0px 0px no-repeat;
	padding:128px 0 0 0;
	overflow:hidden;
	line-height:128px;
	/* */ height:128px;
	height:0px !important; 
	display:block;
	border-bottom:0px none;
	}

#wrapper #contentRight .demoButton {
	background:transparent url(../images/download_button_230px.png) top left no-repeat;
	width:230px;
	display:block;
	height:36px;
	margin-bottom:18px;
	letter-spacing:1px;
	padding:0px 0px 0px 18px;
	color:white;
	text-decoration:none;
	line-height:36px;
	overflow:hidden;
	font-weight:bold;
}

#wrapper #contentRight .demoButton:hover {
	text-decoration:underline;
}


/* 	PRODUCTS PAGE 
	SPECIFIC STYLES
======================================================================*/

#productsPageWrapper
	{
	
	}

#productsPageWrapper #contentLeft
	{
	width:240px;
	padding-left:0;
	}

	.see-it-in-action
		{
		background:url(../images/BG_see-it-in-action.png) top left no-repeat;
		padding:54px 0 0 18px;
		margin:3px 0 18px 18px;
		width:162px;
		float:right;
		clear:right;
		}	
		
	.video-link
		{
		background:url(../images/quicktime-icon-reflected.png) top left no-repeat;
		height:70px;
		padding-top:10px;
		padding-left:55px;
		display:block;
		text-decoration:none;
		}
	.video-link:hover
		{
		text-decoration:underline;
		}
	.screen-shot-preview-block
		{
/*		float:left;
*/		margin:0 18px 18px 0;
/*		width:150px;
*/		}	
    .screen-shot-preview-block a
        {
        display:block;
        width:175px;
        float:left;
        clear:none;
        height:155px;
        }
	.screen-shot-preview-block a img
		{
		border:1px solid #B2B2C2;
		padding:1px;
		width:150px;
		}
	.screen-shot-preview-block a:hover img
		{
		border:1px solid #FFFFFF;
		}

	.screen-shot-preview-block-2
		{
/*		float:left;
*/		margin:0 18px 18px 0;
/*		width:150px;
*/		}	
    .screen-shot-preview-block-2 a
        {
	display:block;
	width:120px;
	float:left;
	clear:none;
	height:185px;
        }
	.screen-shot-preview-block-2 a img
		{
		border:1px solid #B2B2C2;
		padding:1px;
		width:107px;
		}
	.screen-shot-preview-block-2 a:hover img
		{
		border:1px solid #FFFFFF;
		}

#productsPageWrapper .featuredHeadline {
/*	float:left;		*/
	display:block;
	height:36px;
	width:450px;
	margin-top:27px;
	letter-spacing:1px;
	padding:0px 0px 0px 36px;
	color:white;
	text-decoration:none;
	line-height:36px;
	overflow:hidden; /* auto */
	font-weight:bold;
	background:transparent url(../images/featuredHeadline.png) top 18px no-repeat;
/*	background:transparent url(../images/featuredHeadline.png) top left  no-repeat; */
}

#productsPageWrapper .featuredHeadline:hover {
	text-decoration:underline;
}

/* 	PRODUCT PODS 
	GENERIC STYLES
======================================================================*/

.productPodOver,
.productPod
	{
	cursor:pointer;
	}

.productPod,
.productPodOver,
.utilsPod
	{
	float:left;
	margin-left:25px;
	width:175px;
	/*IE 2x margin fix*/
	display:inline;
	padding-bottom:17px;
	}

.productPod h3 
	{
	margin-top:0;
	border-bottom-style:solid;
	}

.productPodOver h3,
.productPod:hover h3
	{
	margin-top:0;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	color:#FFFFFF;
	}

.productPodOver a,
.productPod h3 a
	{
	text-decoration:none;
	color:#FFFFFF;
	}

.productPodOver h3 a,
.productPod:hover h3 a,
.productPodOver:hover h3 a,
.productPod h3 a:hover,
.productPod h3 a:focus,
.productPodOver h3 a:hover,
.productPodOver h3 a:focus
	{
	color:#FFFFFF;
	}

.productPodOver a,
.productPod h3 a
	{
	color:#ffffff;
	}

	.productPodOver h3,
	.productPod:hover h3
		{
		margin-bottom:17px;
		border-bottom-width:2px;
		}
		
	#wrapper .productPodOver h3 a, 
	#wrapper .productPod h3 a,
	#wrapper .productPodOver h3, 
	#wrapper .productPod h3,
	#wrapper .productPodOver h3 a:hover, 
	#wrapper .productPod h3 a:hover
		{
		color:#ffffff;
		}

	.productPodOver p
		{
		color:#FFFFFF;
		} 
		
	.new
		{
		background:url(../images/BG_new-product-pod.png) top left no-repeat;
		text-indent:60px;
		}

	/* 	HOME PAGE
		PRODUCT PODS ADJUSTMENTS
	----------------------------------------------------------------------*/
	
	#homePageWrapper .productPod,
	#homePageWrapper .productPodOver  
		{
		margin-left:0;
		margin-right:25px;
		width:210px;
		height:175px;
		}
	
	/* 	PRODUCTS PAGE
		PRODUCT PODS ADJUSTMENTS
	----------------------------------------------------------------------*/
	
	#productsPageWrapper .productPod,
	#productsPageWrapper .productPodOver
		{
		margin-left:25px;
		width:205px;
		margin-top:18px;
		height:157px;
		}
	





/* PRODUCT BUTTONS
======================================================================*/

.productButton
	{
	display:block;
	width:121px;
	height:31px;
	background-image:url(../images/button_teal_121x31.png);
	background-position:0px 0px;
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	font-family:Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin-left:142px;
	margin-bottom:17px;
	}

#contentRight .productButton {
	margin-left:0;
	margin-bottom:0;
	margin-top:10px;
}

#productsPageWrapper .productButton
	{
	float:left;
	margin-right:15px;
	margin-left:0;
	color:#FFFFFF;
	}

#homePageWrapper .productPod .productButton,
#homePageWrapper .productPodOver .productButton {
	margin-bottom:0px;
	}

#contentLeft .productButton
	{
	float:left;
	margin-right:15px;
	margin-left:0;
	color:#FFFFFF;
	margin-bottom:36px;
	}

#contentWrapper .productPodOver .productButton,
#contentWrapper .productPod:hover .productButton,
.productButton:hover
	{
	background-position:0px -31px;
	}

#wrapper #contentWrapper .new .productButton
	{
	margin-left:3px;
	}

/*	ADD TO CART POD
=========================================================================*/

#addToCartPod {
	float:left;
	clear:none;
	width:160px;
	padding:18px 15px 0 15px;
	margin-top:18px;
	height:332px;
	margin-right:15px;
	margin-bottom:15px;
	background:url(../images/BG_add_to_cart_pod.png) top left no-repeat;
}

#addToCartPod p {
	font-size:1.5em;
}
#addToCartPod li {
	padding:0;
}

#middleColumnInLicensePage {
	width:314px;
	float:left;
	clear:none;
}