/*-------------------------------------
[ Content ]
-------------------------------------*/

.content .contentRightCol h1 {
	padding:10px 0px 10px 0px;
	height:30px;
	display:block;
}



/*-------------------------------------
[ Highlights ]
-------------------------------------*/

.videoWrapper {
	position:relative;
	width:340px;
	float:left;
}

.videoPadding {
	padding:0px 0px 0px 0px;
}

.video {}

.video .details {
	float:left;
}

.video .hdr {
	color:#838b28;
	font:bold 12px arial;
}

.video .txt {
	color:#666;
	font-size:11px;
	line-height:16px;
	width:160px;
}


.video .new {
	background-color:#f48b2d;
	color:#fff;
	font:bold 11px arial;

	position:absolute;
	bottom:0px;
	left:0px;
	padding:5px;
}

.video .thumb {
	float:right;
	width:170px;
	height:100px;
	display:block;
}

.video .thumb.overview {
	background:url(../images/support_video_overview.gif) top left no-repeat;
}

.videoWrapper.last {
	margin:0px 0px 0px 40px;
}




/*-----------------------------------
[ sorting ]
-----------------------------------*/

.sortingWrapper {
	height:30px;
}

.sorting ul {
	float:left;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	padding:0px;
	margin:0;
}

.sorting li {
	float:left;
	display:block;
		padding:0px 10px 0px 0px;
	margin:0px 10px 0px 0px;
	border-right:1px solid #e5e5e5;
	
}

.sorting li a {
	color:#6b6b6b;
	font:normal 11px arial;
	display:block;

}

.sorting li a:link, .sorting li a:visited, .sorting li a:hover, .sorting li a:active {
	color:#6b6b6b;
	font:normal 11px arial;
	display:block;
}

.sorting li.active a {
	color:#86a722;
}

.sorting li.active a:link, .banner li.active a:visited, .banner li.active a:hover, .banner li.active a:active {
	color:#86a722;
}

.sorting li.comingSoon {
	background:url(../images/bg_coming_soon.png) no-repeat 116px 20px;;
}

.sorting .label {
	float:left;
	color:#4b4b4b;
	padding:0px 10px 0px 0px;
}



/*-----------------------------------
[ tile ]
-----------------------------------*/

.tileWrapper {
	float:left;
	margin:0px 10px 10px 0px;
	width:200px;
}

.tileBorder {
	border:1px solid #e5e5e5;
}

.tilePadding {
	padding:9px 9px 2px 9px;
}

.tileContent {
	height:280px;
	position:relative;
}

.tileDetailsWrapper {}

.tileTitle {
	font-weight:bold;
	color:#666;
	padding:6px 0px 2px 0px;
	margin:0px 0px 2px 0px;
}

.tileText {
	color:#666;
	padding:2px 0px 2px 0px;
	margin:0px 0px 2px 0px;
}

.tileDate {
	position:absolute;
	bottom:5px;
	left:0px;
	color:#999;
	padding:0;
	margin:0;
}




/*-----------------------------------
[ faqs ]
-----------------------------------*/

.faqWrapper {
	border-bottom:1px dotted #e5e5e5;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

.faqBorder {}

.faqPadding {}

.faqContent {
	position:relative;
}

.faqDetailsWrapper {}

.faqTitle {
	font:bold 14px arial;
	color:#86a722;
	padding:0px 0px 8px 0px;
	margin:0;
}

.faqText {
	font:normal 12px arial;
	color:#666;
	padding:0px 0px 22px 0px;
	margin:0;
	line-height:20px;
}

.faqDate {
	color:#999;
	padding:0;
	margin:0;
}

.faqText li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
}




/*-----------------------------------
[ news ]
-----------------------------------*/

.newsWrapper {
	border-bottom:1px dotted #e5e5e5;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

.newsBorder {}

.newsPadding {}

.newsContent {
	position:relative;
}

.newsDetailsWrapper {}

.newsTitle {
	font:bold 14px arial;
	color:#86a722;
	padding:0px 0px 8px 0px;
	margin:0;
}

.newsText {
	font:normal 12px arial;
	color:#666;
	padding:0px 0px 22px 0px;
	margin:0;
	line-height:20px;
}

.newsDate {
	color:#999;
	padding:0;
	margin:0;
}

.newsText li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
}


.newsWrapper a:link, .newsWrapper a:visited, .newsWrapper a:hover, .newsWrapper a:active {
	font:normal 12px arial;
}