﻿* 
{
	margin:0;
	padding:0;
}

body 
{
	-x-system-font:none;
	background:#000000 url(../images/body.jpg) no-repeat scroll center top;
	color:#EEEEEE;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
}

.menu 
{
	border:1px solid #262626;
	height:32px;
	margin-bottom:8px;
	position:relative;
	width:920px;
}

.content 
{
	border:1px solid #212121;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:11px;
	padding-right:9px;
	position:relative;
	width:920px;
}

.container
{
	clear: none;
	float: left;
	position:relative;
}

.main
{
	float: left; 
	width: 608px; 
	height: 243px;
	margin-bottom: 8px;
	padding: 0px; 
	border: 1px solid #666666; 
	overflow: hidden;
}

.main .imageContainer
{
	width: 608px;
	height: 243px;
}

.banner
{
	clear: left;
	float: left; 
	width: 608px; 
	height: 93px;
	margin-bottom: 8px;
	padding: 0px; 
	border: 1px solid #666666; 
	overflow: hidden;
}

.banner .imageContainer
{
	width: 608px;
	height: 93px;
}

.main580
{
	float: left; 
	width: 578px; 
	height: 243px;
	margin-bottom: 8px;
	padding: 0px; 
	border: 1px solid #666666; 
	overflow: hidden;
}

.main580 .imageContainer
{
	width: 578px;
	height: 243px;
}

.banner580
{
	clear: left;
	float: left; 
	width: 578px; 
	height: 93px;
	margin-bottom: 8px;
	padding: 0px; 
	border: 1px solid #666666; 
	overflow: hidden;
}

.banner580 .imageContainer
{
	width: 578px;
	height: 93px;
}

.rightContent300,
.rightContent332
{
	float:left;
	margin-bottom: 8px;
	position:relative;
	height: 316px;
	padding: 15px; 
	border: 1px solid #666666; 
	overflow: hidden; 
}

.rightContent300
{
	width: 268px; 
	margin-left:10px;
}
.rightContent332
{
	width: 300px; 
	margin-left:8px;
}

.column300 { float: left; width: 268px; padding: 15px; border: 1px solid #666666; overflow: hidden; }
.column332 { float: left; width: 300px; padding: 15px; border: 1px solid #666666; overflow: hidden; }
.column580 { float: left; width: 538px; padding: 20px; border: 1px solid #666666; overflow: hidden; }
.column920 { float: left; width: 878px; padding: 20px; border: 1px solid #666666; overflow: hidden; }

.right8 { float: left; margin-left: 8px; position: relative; }
.right10 { float: left; margin-left: 10px; position: relative; }

.newsletter { position: absolute; right: 15px; top: 42px; }

.newsletter a, 
.newsletter a:link, 
.newsletter a:visited 
{
	color:#EEEEEE;
	text-decoration:underline;
}

.footer { border-top: 20px solid #000000; clear: both; height: 60px; position: relative; }

.footer a, 
.footer a:link, 
.footer a:visited 
{
	-x-system-font:none;
	color:#CCCCCC;
	font-family:Arial;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-right:36px;
	text-decoration:none;
	text-transform:uppercase;
}

.footer a:hover, 
.footer a:active 
{
	color:#FFFFFF;
	text-decoration:underline;
}

.copy 
{
	-x-system-font:none;
	color:#666666;
	font-family:Arial;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
}

.copy a, 
.copy a:link, 
.copy a:visited 
{
	padding:0;
}

.rightContent300 .formContainer, 
.rightContent300 .dividerContainer, 
.rightContent300 .imageContainer, 
.rightContent300 .textBlockContainer, 
.rightContent300 .loginContainer,
.rightContent300 .registerContainer,
.rightContent300 .userProfileContainer,
.rightContent300 .forgotPasswordContainer,
.rightContent300 .changePasswordContainer,
.rightContent300 .loginStatusContainer,
.rightContent300 .userTrainingContainer,
.rightContent300 .activateTrainingContainer,
.rightContent300 .certificateContainer,
.rightContent300 .feedbackContainer,
.rightContent300 .downloadsContainer,
.rightContent300 .listContainer,
.rightContent300 .viewCartContainer,
.rightContent300 .orderSummaryContainer,
.rightContent300 .orderConfirmationContainer,
.rightContent300 .productCategoriesContainer,
.rightContent300 .productCatalogContainer, 
.rightContent300 .productRotatorContainer,
.rightContent300 .productDetailContainer
{
	width: 268px;
	margin-bottom: 20px;
}


.column300 .formContainer, 
.column300 .dividerContainer, 
.column300 .imageContainer, 
.column300 .textBlockContainer, 
.column300 .loginContainer,
.column300 .registerContainer,
.column300 .userProfileContainer,
.column300 .forgotPasswordContainer,
.column300 .changePasswordContainer,
.column300 .loginStatusContainer,
.column300 .userTrainingContainer,
.column300 .activateTrainingContainer,
.column300 .certificateContainer,
.column300 .feedbackContainer,
.column300 .downloadsContainer,
.column300 .listContainer,
.column300 .viewCartContainer,
.column300 .orderSummaryContainer,
.column300 .orderConfirmationContainer,
.column300 .productCategoriesContainer,
.column300 .productCatalogContainer, 
.column300 .productRotatorContainer,
.column300 .productDetailContainer
{
	width: 268px;
	margin-bottom: 20px;
}

.rightContent332 .formContainer, 
.rightContent332 .dividerContainer, 
.rightContent332 .imageContainer, 
.rightContent332 .textBlockContainer, 
.rightContent332 .loginContainer,
.rightContent332 .registerContainer,
.rightContent332 .userProfileContainer,
.rightContent332 .forgotPasswordContainer,
.rightContent332 .changePasswordContainer,
.rightContent332 .loginStatusContainer,
.rightContent332 .userTrainingContainer,
.rightContent332 .activateTrainingContainer,
.rightContent332 .certificateContainer,
.rightContent332 .feedbackContainer,
.rightContent332 .downloadsContainer,
.rightContent332 .listContainer,
.rightContent332 .viewCartContainer,
.rightContent332 .orderSummaryContainer,
.rightContent332 .orderConfirmationContainer,
.rightContent332 .productCategoriesContainer,
.rightContent332 .productCatalogContainer, 
.rightContent332 .productRotatorContainer,
.rightContent332 .productDetailContainer
{
	width: 300px;
	margin-bottom: 20px;
}

.column332 .formContainer, 
.column332 .dividerContainer, 
.column332 .imageContainer, 
.column332 .textBlockContainer, 
.column332 .loginContainer,
.column332 .registerContainer,
.column332 .userProfileContainer,
.column332 .forgotPasswordContainer,
.column332 .changePasswordContainer,
.column332 .loginStatusContainer,
.column332 .userTrainingContainer,
.column332 .activateTrainingContainer,
.column332 .certificateContainer,
.column332 .feedbackContainer,
.column332 .downloadsContainer,
.column332 .listContainer,
.column332 .viewCartContainer,
.column332 .orderSummaryContainer,
.column332 .orderConfirmationContainer,
.column332 .productCategoriesContainer,
.column332 .productCatalogContainer, 
.column332 .productRotatorContainer,
.column332 .productDetailContainer
{
	width: 300px;
	margin-bottom: 20px;
}

.column580 .formContainer, 
.column580 .dividerContainer, 
.column580 .imageContainer, 
.column580 .textBlockContainer, 
.column580 .loginContainer,
.column580 .registerContainer,
.column580 .userProfileContainer,
.column580 .forgotPasswordContainer,
.column580 .changePasswordContainer,
.column580 .loginStatusContainer,
.column580 .userTrainingContainer,
.column580 .activateTrainingContainer,
.column580 .certificateContainer,
.column580 .feedbackContainer,
.column580 .downloadsContainer,
.column580 .listContainer,
.column580 .viewCartContainer,
.column580 .orderSummaryContainer,
.column580 .orderConfirmationContainer,
.column580 .productCategoriesContainer,
.column580 .productCatalogContainer, 
.column580 .productRotatorContainer,
.column580 .productDetailContainer
{
	width: 538px;
	margin-bottom: 20px;
}

.column920 .formContainer, 
.column920 .dividerContainer, 
.column920 .imageContainer, 
.column920 .textBlockContainer, 
.column920 .loginContainer,
.column920 .registerContainer,
.column920 .userProfileContainer,
.column920 .forgotPasswordContainer,
.column920 .changePasswordContainer,
.column920 .loginStatusContainer,
.column920 .userTrainingContainer,
.column920 .activateTrainingContainer,
.column920 .certificateContainer,
.column920 .feedbackContainer,
.column920 .downloadsContainer,
.column920 .listContainer,
.column920 .viewCartContainer,
.column920 .orderSummaryContainer,
.column920 .orderConfirmationContainer,
.column920 .productCategoriesContainer,
.column920 .productCatalogContainer, 
.column920 .productRotatorContainer,
.column920 .productDetailContainer
{
	width: 878px;
	margin-bottom: 20px;
}

.rightContent300 .buttonField, 
.rightContent300 .errorField, 
.rightContent300 .formField,
.column300 .buttonField, 
.column300 .errorField, 
.column300 .formField
{
	clear: both;
	width: 268px;
}

.rightContent332 .buttonField,
.rightContent332 .errorField,
.rightContent332 .formField,  
.column332 .buttonField,
.column332 .errorField,
.column332 .formField,  
.column580 .buttonField, 
.column580 .errorField, 
.column580 .formField, 
.column920 .buttonField,
.column920 .errorField,
.column920 .formField  
{
	clear: both;
	width: 280px;
}

.cf_menu 
{
	height:20px;
	margin:0;
	padding:0;
}

.cf_menu li 
{
	border-left:1px solid #282828;
	border-right:1px solid #000000;
	display:inline;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.cf_menu li a, 
.cf_menu li a#buttonnohover 
{
	-x-system-font:none;
	color:#EEEEEE;
	display:block;
	font-family:Arial;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:34px;
	margin:0;
	padding-left:19px;
	padding-right:19px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}

.cf_menu li a:hover, 
.cf_menu li a#buttonhover 
{
	color:#D47D26;
}

.cf_menu ul 
{
	border:1px solid #333333;
	line-height:18px;
	margin:0;
	padding:0;
	position:absolute;
}

.cf_menu ul li 
{
	border-left:0 none;
	border-right:0 none;
	float:none;
	line-height:18px;
}

.cf_menu ul li a 
{
	background-color:#141414;
	border-bottom:1px solid #000000;
	border-left:0 none;
	border-right:0 none;
	border-width:0 0 1px;
	color:#EEEEEE;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:5px 17px 5px 13px;
	text-align:left;
	text-transform:none;
}

.cf_menu .hsub 
{
	line-height:18px;
}

.cf_menu ul li .hsub 
{
	line-height:18px;
}

.cf_menu .hsub:hover 
{
	line-height:18px;
}

.cf_menu ul li .hsub:hover 
{
	line-height:18px;
}

/* --- LINKBUTTON --- */

a  { color: #FFFFFF; }

h1 { font-size: 20px; color: #CCCCCC; margin-bottom: 15px; }
h2 { font-size: 20px; color: #CCCCCC; margin-bottom: 15px; }
h3 { font-size: 14px; color: #CCCCCC; margin-bottom: 5px; }
h4 { font-size: 12px; color: #CCCCCC; margin-bottom: 5px; }

button 
{ 
	width:auto; 
	overflow:visible; 
}

button span 
{ 
	margin-top:0px; 
	color:#EEEEEE;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.4em;
}

ul { margin: 0; padding: 0; }

ul.linkList
{
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

ul.linkList li { margin-bottom: 4px; }

.linkButton 
{
	display:block;
	border:0; 
	cursor:pointer; 
	font-weight:bold; 
	padding:0 20px 0 0;
	text-align:center; 
	text-decoration:none;
}

.linkButton span 
{ 
	position:relative; 
	display:block; 
	white-space:nowrap; 
	padding:0 0 0px 20px; 
	height:25px; 
	line-height:25px;
}

.linkButton 
{ 
	background:url(../images/button_right.gif) right no-repeat; 
	color:#eeeeee;
}

.linkButton span 
{ 
	background:url(../images/button_left.gif) left no-repeat;
	color:#eeeeee; 
}

.linkButton:hover 
{
	text-decoration: none;
	color :#fff; 
}

.linkButton:hover span 
{
	text-decoration: none;
	color :#fff; 
}



.formContainer,
.buttonField,
.errorField,
.formField,
.dividerContainer, 
.imageContainer, 
.textBlockContainer, 
.loginContainer,
.registerContainer,
.userProfileContainer,
.forgotPasswordContainer,
.changePasswordContainer,
.loginStatusContainer,
.userTrainingContainer,
.activateTrainingContainer,
.certificateContainer,
.feedbackContainer,
.downloadsContainer,
.listContainer,
.viewCartContainer,
.orderSummaryContainer,
.orderConfirmationContainer,
.productCategoriesContainer,
.productCatalogContainer, 
.productRotatorContainer,
.productDetailContainer
{
	float: left;
	overflow: hidden;
}

.formContainer,
.listContainer
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.formContainer .doubleColumnContainer
{
	float: left;
	overflow: hidden;
	width: 100%;
}

.formContainer .columnContainer
{
	float: left;
	overflow: hidden;
	width: 50%;
}

.buttonField
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.imageContainer img { display:block; }

.divider
{
	clear: both;
	width: 100%;
	height: 0px;
    border-bottom: 1px solid #666666;
    overflow: hidden;
}

.activateTrainingWrapper
{
	clear: both;
	float: left;
	width: 100%;
	height: 60px;
    overflow: hidden;
}

.displayBlock { display:block; }
.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenter { margin-left: auto; margin-right: auto; }

.spacingTop2 { margin-top: 2px; }
.spacingBottom2 { margin-bottom: 2px; }
.spacingLeft2 { margin-left: 2px; }
.spacingRight2 { margin-right: 2px; }

.spacingTop4 { margin-top: 4px; }
.spacingBottom4 { margin-bottom: 4px; }
.spacingLeft4 { margin-left: 4px; }
.spacingRight4 { margin-right: 4px; }

.spacingTop10 { margin-top: 10px; }
.spacingBottom10 { margin-bottom: 10px; }
.spacingLeft10 { margin-left: 10px; }
.spacingRight10 { margin-right: 10px; }

.spacingTop20 { margin-top: 20px; }
.spacingBottom20 { margin-bottom: 20px; }
.spacingLeft20 { margin-left: 20px; }
.spacingRight20 { margin-right: 20px; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJustify { text-align: justify; }

fieldset  
{
	clear: both;
	float: left;
	border: 0px none; 
	margin-top: 10px; 
	overflow: hidden;
}

fieldset legend 
{ 
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3em;
	/*font-weight: bold;*/
	color: #CCCCCC;
}

.errorField span
{
	clear: both;
	float: left;
	color: #CC0000; 
	margin-bottom: 10px;
}

.formField span.errorText
{
	clear: both;
	float: right;
	margin-top: -6px;
	margin-bottom: 10px;
	color: #CC0000;
}

.rightContent300 .formField span.errorText,
.column300 .formField span.errorText 
{
	width: 268px;
}

.rightContent332 .formField span.errorText,
.column332 .formField span.errorText,
.column580 .formField span.errorText, 
.column920 .formField span.errorText
{
	width: 280px; 
}

/* --- Forgot Password Link ---*/

.formField a
{
	clear: both;
	float: left;
	margin-top: 10px;
    color: #777;
    text-decoration: none;
}

/* --- E-Commerce CCV ---*/

.formField a.ccv
{
	clear: none;
	float: none;
}

.formField a:hover { text-decoration: underline; }

.rightContent300 .formField label,
.column300 .formField label 
{ 
	width: 268px; 
}

.rightContent332 .formField label,
.column332 .formField label,
.column580 .formField label, 
.column920 .formField label 
{ 
	width: 280px; 
}

.formField label
{	
	clear: both;
	float: left;
	margin-bottom: 2px;
}

.formField label span
{
	color: #777;
}

.formField label.rememberMe
{
	clear: none;
	width: 180px; 
}

.formField input
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 93%;
    font-weight: normal;
	color: #36393D;
}

.formField span.checkBoxControl input
{
	margin-top: 2px;
	margin-right: 7px;
}

.rightContent300 .formField input.textBoxControl,
.column300 .formField input.textBoxControl
{ width: 264px; }

.rightContent332 .formField input.textBoxControl, 
.column332 .formField input.textBoxControl,
.column580 .formField input.textBoxControl, 
.column920 .formField input.textBoxControl { width: 276px; }

input.textBoxControlw210 { width: 210px; }
input.textBoxControlw60 { width: 60px; margin-right: 10px;}

.formField input.textBoxControl
{ 
	height: 16px;
}


.formField textarea
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 93%;
    font-weight: normal;
	color: #36393D;
}

.rightContent300 .formField textarea,
.column300 .formField textarea { width: 264px; }

.rightContent332 .formField textarea,
.column332 .formField textarea,
.column580 .formField textarea, 
.column920 .formField textarea { width: 276px; }

.formField select
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 93%;
    font-weight: normal;
	color: #36393D;
}

.rightContent300 .formField select,
.column300 .formField select { width: 268px; }

.rightContent332 .formField select,
.column332 .formField select,
.column480 .formField select, 
.column730 .formField select { width: 280px; }

.formField select.month { width: 130px; }
.formField select.year { width: 80px; margin-left: 4px; }

.formField ul { list-style-type: none; clear: both; float: left; margin-bottom:10px; }

.formField ul li { display: inline; color: #999; }
.formField ul li input { margin-left: 13px; }

.buttonField input.submitButton
{ 
	width: 75px;
}

.buttonField .primaryAction { float: left; }


.loginStatusContainer .greeting  
{

	text-align: left; 
	margin-bottom: 10px;
}

.loginStatusContainer .greeting span
{
	font-weight: bold; 
}

.loginStatusContainer .logOut  
{
	text-align: right; 
	margin-bottom: 4px;
}

.cartStatusContainer ul
{
	list-style-type: none;
	margin-left: 10px;
}

.cartTotals
{
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
	width: 210px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cartTotals img
{
	clear: both;
	float: left;
	margin-top: 10px;
	padding-right: 10px;
}

/* PRODUCT DETAIL CONTENT BLOCK */

.productDetailContainer h4
{
	color: #ffffff;
	margin-bottom: 0px;
}

/* PRODUCT CATALOG CONTENT BLOCK */

.catalogHeading
{
	float: left;
}

.catalogHeading h2
{
	margin-bottom: 10px;
}

.catalogHeading p
{
	margin-bottom: 10px;
}

.catalogItem
{
	clear: both;
	float: left;
	display: block;
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}

.catalogItem h3
{
	margin-bottom: 10px;
}

.catalogItem h4
{
	color: #ffffff;
	margin-bottom: 0px;
}

.catalogItem p
{
	margin-bottom: 10px;
}

.catalogItemImage
{
	background: #000000 url(../images/item_bg.jpg) repeat-x scroll left top;
	padding: 20px 10px;
	margin-right: 3px;
	clear: both;
	float: left;
	display: block;
	overflow: hidden;
}

.catalogItemDetails
{
	background: #000000 url(../images/item_bg.jpg) repeat-x scroll left top;
	padding: 20px 10px;
	display: block;
	overflow: hidden;
}

.catalogItemDetails div
{
	display: block;
	overflow: hidden;
}

.catalogItemActions
{
	display: block;
	overflow: hidden;
	width: 100%;
}

/* USER TRAINING CONTENT BLOCK */

.trainingCourseItem
{
	background: #000000 url(../images/item_bg.jpg) repeat-x scroll left top;
	clear: both;
	float: left;
	display: block;
	width: 518px;
	margin-top: 10px;
	padding: 20px 10px;
	overflow: hidden;	
}

.trainingCourseItem h3
{
	color: #ffffff;
	margin-bottom: 10px;
}

.trainingCourseItem p
{
	padding-bottom: 10px;
}

.trainingCourseItem .labelText
{
	font-style: italic;
	color: #ffffff;
}


.trainingCourseItem .usageContainer
{
	display: block;
	overflow: hidden;	
	margin-bottom: 10px;
}


.trainingCourseItem .usage
{
	clear: none;
	float: left;
	width: 50%;
	margin-bottom: 4px;
}

.trainingCourseItem .actions
{
	clear:both;
	display: block;
	overflow: hidden;
}

/* END - USER TRAINING CONTENT BLOCK */


.downloadItem
{
	background: #000000 url(../images/item_bg.jpg) repeat-x scroll left top;
	clear: both;
	float: left;
	display: block;
	margin-top: 10px;
	padding: 20px 10px;
	overflow: hidden;	
}

.downloadItem h3
{
	color: #ffffff;
	margin-bottom: 10px;
}

.downloadItem p
{
	padding-bottom: 10px;
}

li.head { float: left; clear:both; margin: 0; padding: 4px; /*width:732px;*/ height: 16px; /*background-color: #36393D;*/ border-bottom: 1px solid #666666; border-top: 1px solid #666666; font-weight: bold; color: #FFFFFF; }
li.foot { float: left; clear:both; margin: 0; padding: 4px; /*width:732px;*/ height: 16px; /*background-color: #fff;*/ font-weight: bold; color: #FFFFFF;}
li.even { float: left; clear:both; margin: 0; padding: 4px; /*width:732px;*/ height: 16px; /*background-color: #fff;*/ border-bottom: 1px solid #666666; }
li.odd  { float: left; clear:both; margin: 0; padding: 4px; /*width:732px;*/ height: 16px; /*background-color: #fff;*/ border-bottom: 1px solid #666666; }

ul.horz { list-style-type: none; }

ul.horz li { float: left; height: 16px; overflow: hidden; }

ul.horz li.alignCenter { text-align: center; }
ul.horz li.alignRight { text-align: right; }

ul.horz li.width40  { width: 40px; }
ul.horz li.width100 { width: 100px; }
ul.horz li.width478 { width: 470px; }
ul.horz li.width578 { width: 570px; }
ul.horz li.width778 { width: 770px; }


/* used on payment form */
.smallText { font-size: 85%; }


/* cart summary */
dt
{
	clear:both;
	float:left;
	width: 100px;
}

dd
{
	float:left;
	width: 90px;
	text-align: right;
}


