/* LAYOUT */
BODY								{ background: #333333 url(../../images/bg_page.jpg) repeat-x 0% 0%; margin:0 auto; padding: 0px; float: right; text-align: center; padding-bottom: 10px; }
#container							{ background: transparent url(../../images/bg_content_main.gif) repeat 0% 0%; margin-left: 20px; margin-right: auto; float: right; text-align: left; width: 760px;	/* includes the borders */ }
#containerFooter					{ background: transparent url(../../images/bg_content_bottom.gif) no-repeat 0% 0%; }
#contentFooter						{ padding-top: 20px; }
#containerMain						{ background: transparent url(../../images/bg_content_main_top.gif) repeat-x 0% 0%; padding-top: 20px; }
html[xmlns] #containerMain			{ /* hack: moz specific fix */
	min-height: 500px; /* minimum height of content block */
	}
* html #containerMain				{ /* hack: ie specific fix */
	/* not ie.mac */
	/* \*/	
	height: 500px; /* minimum height of content block */
	/* */
	}
* html #content						{ /* hack: ie5.0 specific fix */
	/* not ie.mac */
	/* \*/	
	height: 10px; /* minimum height of content block */
	/* */
	}
#containerMain #header				{ margin: 0px 20px 0px 20px; padding-bottom: 30px; }
#containerMain.home #header			{ background: none; padding-bottom: 0px; }

#content							{ background: transparent url(../../images/bg_content_foot.gif) no-repeat 100% 100%; margin: 0px 18px 0px 10px; padding-bottom: 1px;}

#contentRight						{ float: right; width: 200px; }
/* Chris Added */
#contentRighttwo					{ float: left; width: 100px; }

#contentRight .contentRightBlock	{ margin-left: 8px; margin-top: 20px; width: 192px; }
#contentRight #rightNav				{ text-align: right; }
#contentFooter						{ margin: 0px 20px 0px 20px; }
#contentFooter .floatLeft			{ padding-top: 5px; }

#bottomText							{ color: #9f9f9f; font: 65%/126% verdana; }


/* main content areas */
.contentBox							{ background: transparent url(../../images/bg_box700_white.gif) repeat-y 0% 0%; display: block; width: 700px; margin: 10px 0px 30px 0px; }
.contentBox LI						{ background: none; margin: 8px 0px 0px 0px; padding: 0px 10px 8px 10px; }
* html .contentBox LI				{ /* hack: IE only (this hack solves the IE5.5 list problems) */
	/* for IE 5.0+ */
	/* not ie.mac */
	/* \*/
	display: block;
	float: left;
	width: 100%;
	/* */
	/* for IE 6.0 only */
	d\isplay: auto;
	f\loat: auto;
	w\idth: auto;
}

.contentBox .head					{ background: transparent url(../../images/bg_box700_head.gif) repeat 0% 0%; margin: 0px; padding: 6px 10px 6px 10px; color: #ffffff; font-weight: bold; border-bottom: 3px solid #dadace; }
.contentBox .mid					{ background: transparent url(../../images/bg_box700_mid.gif) repeat 0% 0%; margin: 0px; padding: 4px 10px 2px 10px; }
.contentBox .midDark				{ background: transparent url(../../images/bg_box700_middark.gif) repeat 0% 0%; margin: 0px; padding: 4px 10px 2px 10px; }
.contentBox IMG.floatRight			{ margin-left: 20px; margin-bottom: 20px; }
.contentBox .mid IMG				{ vertical-align: middle; }
.contentBox .foot					{ background: transparent url(../../images/bg_box700_foot.gif) no-repeat 0% 100%; margin: 0px; padding: 0px; line-height:5px; font-size:1px; }
.contentBox .foot,.contentBox .footDark	{ /* hack: ie5.5 specific fix (if not ie5.5 then do the following) */
	voice-family:"\"}\"";
	voice-family:inherit;
	height: 5px;
	}
.hackdummy							{}	/* hack: ie5.5 specific closing fix */
.contentBox .footDark				{ background: transparent url(../../images/bg_box700_footdark.gif) no-repeat 0% 100%; margin: 0px; padding: 0px; line-height:5px; font-size:1px; }
.rightNav .contentBox				{ background: transparent url(../../images/bg_box486_white.gif) repeat 0% 0%; width: 486px; }
.rightNav .contentBox LI			{ background-image: url(../../images/bg_box486_white.gif); }
.rightNav .contentBox .head			{ background-image: url(../../images/bg_box486_head.gif); }
.rightNav .contentBox .mid			{ background-image: url(../../images/bg_box486_mid.gif); }
.rightNav .contentBox .midDark		{ background-image: url(../../images/bg_box486_middark.gif); }
.rightNav .contentBox .foot			{ background-image: url(../../images/bg_box486_foot.gif); }
.rightNav .contentBox .footDark		{ background-image: url(../../images/bg_box486_footdark.gif); }
/* start: correction for sub lists */
.contentBox LI LI					{ background: none; margin: 0px; padding: 0px; }
.contentBox LI UL					{ margin: 0px; padding: 0px; }
.contentBox LI LI					{ background: transparent url(../../images/icn_blankpage.gif) no-repeat 0% 0%; padding: 3px 0px 3px 22px; }
/* end: correction for sub lists */
.contentBox .white .floatLeft		{ width: 280px; }
/* /LAYOUT */



/* LISTS */
UL									{ list-style-type: none; margin: 10px 0px 28px 0px; padding: 0px; }
UL LI								{ background: transparent url(../../images/icn_list.gif) no-repeat 0% 5px; margin: 5px 0px 5px 0px; padding: 0px; padding-left: 10px; }
UL.links LI							{ padding: 0px; background: none; }
UL.links LI A						{ background: transparent url(../../images/icn_arrowdoubleright.gif) no-repeat 100% 4px; padding-right: 18px; text-decoration: none; }
UL.links LI A:hover					{ background-image: url(../../images/icn_arrowdoubleright-over.gif); text-decoration: underline; }
/* /LISTS */



/* FORMS */
FORM								{ margin: 0px; padding: 0px; }
INPUT.inputSearch					{ /* nav search input field */ background-color: #dadace; border: 1px solid #8a8975; border-bottom: 1px solid #f4f5f0; border-right: 1px solid #f4f5f0; color: #333333; /*	display: block;*/ font: 8pt/10pt verdana; width: 107px; }
INPUT.inputCheckbox					{ vertical-align: middle; }
#header INPUT.inputSearch			{ margin-top: 15px; }
.searchForm INPUT.inputSearch		{ vertical-align: middle; }
.searchForm INPUT.rollover			{ padding-bottom: 2px; vertical-align: middle; }
INPUT.rollover						{ border: none; }

.twoColumn .floatLeft				{ width: 30%; }
.twoColumn .floatRight				{ width: 65%; text-align: left; }
.twoColumn .inputTextArea			{ width: 98%; }
.twoColumn .buttonSubmit			{ border: 0px; background: transparent url(../../images/icn_arrowdoubleright.gif) no-repeat 100% 4px; cursor: pointer; margin: 0px; padding: 0px; padding-right: 12px; text-decoration: none; }
.twoColumn .buttonSubmit:hover		{ background-image: url(../../images/icn_arrowdoubleright-over.gif); text-decoration: underline; }
.twoColumn INPUT					{ vertical-align: middle; }

INPUT.inputText, TEXTAREA.inputTextArea
									{ border: 1px solid #8a8975; border-bottom: 1px solid #dadad3; border-right: 1px solid #dadad3; color: #333333; font: 8pt/10pt verdana; }
/* /FORMS */


	
/* FONTS */
H1, H2, H3, H4, H5, H6				{ font-size: 150%; margin: 0px; padding-bottom: 10px; }
P									{ margin-top: 10px; margin-bottom: 28px; font:12px verdana; color: #333333; font-weight: normal; line-height: 1.5; }
/*.columnsThree P,.columnsThree UL	{ font-size: 89%; }*/
.noBold								{ font-weight: normal; }


.articletext						{ font:12px verdana; color: #333333; font-weight: normal; line-height: 1.5;}
.articletextbold					{ font:14px verdana; color: #333333; font-weight: bold; line-height: 1.5;}

.howtodisclaimertext				{ font:10px verdana; color: #FF6600; font-weight: normal; line-height: 1.5;}


/* Link schemes */
A:Link								{ color: #FF6600; font-weight: bold; text-decoration: none; }
A:visited							{ color: #666666; font-weight: bold; text-decoration: none; }
A:hover								{ color: #FF6600; text-decoration: none; }

.headingOrangelink					{ font:12px verdana; color: #FF6600; font-weight: bold; line-height: 2;}
A.headingOrangelink	:Link			{ color: #FF6600; font-weight: bold; text-decoration: none; }
A.headingOrangelink	:visited		{ color: #666666; font-weight: bold; text-decoration: none; }
A.headingOrangelink	:hover			{ color: #666666; text-decoration: none; }

A.headinggreylink:Link				{ font:12px verdana; font-weight: bold; line-height: 2; color: #666666; font-weight: bold; text-decoration: none; }
A.headinggreylink:visited			{ font:12px verdana; font-weight: bold; line-height: 2;color: #666666; font-weight: bold; text-decoration: none; }
A.headinggreylink:hover				{ font:12px verdana; font-weight: bold; line-height: 2;color: #FF6600; text-decoration: none; }

A.textlink:Link						{ font:10px verdana; font-weight: bold; color: #666666; font-weight: bold; text-decoration: none; }
A.textlink:visited					{ font:10px verdana; font-weight: bold; color: #666666; font-weight: bold; text-decoration: none; }
A.textlink:hover					{ font:10px verdana; font-weight: bold; color: #FF6600; font-weight: bold; text-decoration: none; }

A.date:Link							{ font:10px verdana; font-weight: bold; color: #999999; font-weight: bold; text-decoration: none; }
A.date:visited						{ font:10px verdana; font-weight: bold; color: #666666; font-weight: bold; text-decoration: none; }
A.date:hover						{ font:10px verdana; font-weight: bold; color: #FF6600; font-weight: bold; text-decoration: none; }

A.readmorelink:Link					{ font:10px verdana; font-weight: bold; line-height: 2; color: #FF6600; font-weight: bold; text-decoration: none; }
A.readmorelink:visited				{ font:10px verdana; font-weight: bold; line-height: 2; color: #FF6600; font-weight: bold; text-decoration: none; }
A.readmorelink:hover				{ font:10px verdana; font-weight: bold; line-height: 2; color: #666666; text-decoration: none; }

A.boxlink:Link						{ font:12px verdana;  font-weight: bold; color: #FF6600; font-weight: bold; text-decoration: none; }
A.boxlink:visited					{ font:12px verdana;  font-weight: bold;color: #666666; font-weight: bold; text-decoration: none; }
A.boxlink:hover						{ font:12px verdana;  font-weight: bold;color: #FF6600; text-decoration: none; }


#contentMain						{ color: #000000; font:12px verdana; padding: 0px 10px 0px 10px; }
TD, TH								{ font: 95%/126% verdana; } /* ALL tables have a slightly smaller font size */

* html TD, * html TH				{ /* hack: IE only (this hack solves the IE5.5 font size problem in tables) */
	/* for IE 5.0+ */
	/* not ie.mac */
	/* \*/
	font: 65%/126% verdana;
	/* */
	/* for IE 6.0 only */
	f\ont-size: 95%;
}
#containerMain.home #contentMain	{ padding: 0px; }
#contentFooter						{ color: #9f9f9f; font: 65%/126% verdana; }
#contentFooter A					{ color: #9f9f9f; text-decoration: none; }
#contentFooter A:visited			{ color: #9f9f9f; }
#contentFooter A:hover				{ color: #ffffff; text-decoration: underline; }
#contentHeading						{ color: #FF6600; font: 65%/126% verdana; }
#contentRight						{ color: #666666; font: 65%/126% verdana; }
#contentRight A						{ color: #666666; text-decoration: none; }
#contentRight A:hover				{ color: #7a2008; text-decoration: underline; }
A.link								{ background: transparent url(../../images/icn_arrowdoubleright.gif) no-repeat 100% 3px; padding-right: 18px; text-decoration: none; line-height: 180%; }
A.link:hover						{ background-image: url(../../images/icn_arrowdoubleright-over.gif); text-decoration: underline; }
TH A, .th A							{ color: #ffffff!important; }
TH A.link, .th A.link				{ background-image: url(../../images/icn_arrowdoublewhiteright.gif); }
TH A.link:hover, .th A.link:hover	{ background-image: url(../../images/icn_arrowdoublewhiteright-over.gif);  color: #7a2008!important; }
/* /FONTS */



/* GENERAL */
BR.spacer							{ line-height: 50%; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }
/* NB: when using .clearBoth with a .floatLeft and .floatRight above make sure that a <br /> tag is used before the .clearBoth, in some cases this will solve the IE/MOZ spacing problem. */
.clearBoth							{ clear: both; height: auto; padding-bottom: 1px; }
.clearBoth HR						{ display: none; }
/* /GENERAL */



/* COLUMNS */
.columnsThree						{ padding-top: 10px; }
.columnsThree .left					{ float: left; width: 73%; }
.columnsThree .col1					{ float: left; width: 322px; margin: 0px 0px 0px 5px; background-image: url(../../images/home/recent_features_header.gif); background-repeat:no-repeat;}
.columnsThree .col2					{ float: right; width: 187px; margin: 0px px 0px 2px; background-image: url(../../images/home/lates_products_header.gif); background-repeat:no-repeat;}
.columnsThree .col3					{ float: right; width: 194px; height: 670px; margin: 0px 0px 0px 0px; background-image: url(../../images/home/how_to_guides_header.gif); background-repeat:no-repeat;}
.columnsThree .article_col1			{ float: left; width: 520px; margin: 0px 0px 0px 5px; font:13px/18px verdana; color: #000000;}
.columnsThree .heading				{ font:14px verdana; color: #FF6600;}
.columnsThree .body					{ font:10px verdana; color: #000000;}
/*.columnsThree .link					{ font:10px verdana; color: #FF6600; font-weight: bold;} */
.columnsThree .feature_question 	{ font:14px/18px verdana; font-weight: bold; text-decoration: none; color: #000000;}


.columnsThree .colSpacer			{ margin-left: 10px; }
.columnsThree P,.columnsThree UL	{ margin: 0px; margin-bottom: 5px; padding: 0px; }
.columnsThree .floatRight			{ margin-left: 5px; }
/* /COLUMNS */


/* /RIGHTHAND BOXES */
.rightHandBox {
	background: transparent url(../../images/general/righthandbox_middle.jpg) repeat-y 0% 0%;
	width: 194px;
	}
.rightHandBox .boxHeader {
	background: transparent url(../../images/general/righthandbox_header.jpg) no-repeat 0% 0%;
	padding: 3px;
}
.rightHandBox .boxOrangeBar {
	padding: 0px 0px 0px 3px;;
}
.rightHandBox .boxImage {
	padding: 0px 0px 0px 4px;;
}
.rightHandBox .boxDividerLine {
	padding: 0px 0px 0px 3px;;
}
.rightHandBox .boxMiddle	{ 
	padding: 5px 5px 5px 9px;
}
.rightHandBox .boxFooter {
	background: transparent url(../../images/general/righthandbox_footer.jpg) no-repeat 0% 100%;
	padding: 5px;
}
.rightHandBox P	{ margin:0px; padding:0px 5px 0px 5px; }

.rightHandBox .rightboxlink				{ font:12px verdana; color: #FF6600; font-weight: bold; line-height: 2;}
.rightHandBox A.rightboxlink:link		{ color: #FF6600; font-weight: bold; text-decoration: none; }
.rightHandBox A.rightboxlink:visited	{ color: #FF6600; font-weight: bold;}
.rightHandBox A.rightboxlink:hover		{ color: #666666; }

.rightHandBox .rightboxtext				{ font:10px verdana; color: #000000; font-weight: bold;}
.rightHandBox A.rightboxtext:link		{ color: #000000; font-weight: bold; text-decoration: none; }
.rightHandBox A.rightboxtext:visited	{ color: #666666; font-weight: bold;}
.rightHandBox A.rightboxtext:hover		{ color: #FF6600; }




/* /emails */
.email {
	background: transparent url(../../images/general/righthandbox_middle.jpg) repeat-y 0% 0%;
	width: 583px;
	}
.email .emailTop {
	background: transparent url(../../emails/launch/images/top.jpg) no-repeat 0% 0%;
	height: 357px; padding: 0px;
}
.email .emailMiddle {
	background: transparent url(../../emails/launch/images/middle.jpg) no-repeat 0% 0%;
	height: 207px; padding: 0px; text-align: left;
}
.email .emailBottom {
	background: transparent url(../../emails/launch/images/bottom.jpg) no-repeat 0% 0%;
	height: 261px; padding: 0px;
}