/*-------------------------------------
[ Promo ]
-------------------------------------*/

.promoWrapper {
	position:relative;
}

.promoBorder {
/*	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;*/
}

.promoPadding {
	padding:30px 0px 0px 0px;
}

.promo { 
	position:relative;
	height:200px;
}

.promo .p1 {
	font-size:54px;
	color:#666;
	position:absolute;
	top:0px;
	left:10px;
}

.promo .p2 {
	font-size:32px;
	color:#949494;
	position:absolute;
	top:18px;
	left:115px;
}

.promo .p3 {
	width:380px;
	font-size:14px;
	color:#333;
	line-height:28px;
	position:absolute;
	top:60px;
	left:20px;
}

.promo a {
	margin:0px 10px 0px 0px;
}

.seeADemo:link, .seeADemo:visited, .seeADemo:hover, .seeADemo:active {
	display:block;
	width:290px;
	height:180px;
	background:url(../images/home_see_a_demo.gif) top left no-repeat;
	position:absolute;
	top:0px;
	left:415px;
}






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

.highlightsWrapper {
	border-top:1px solid #ccc;
}

.highlightsPadding {
	padding:10px 0px 10px 0px;
}

.highlights {}

.highlightWrapper {
	float:left;
	width:245px;
}

.highlightShadow {
	border-right:1px solid #ccc;
	padding:0px 10px 0px 5px;
	margin:0px 0px 0px 0px;
}

.highlightShadow.last {
	border-right:0px solid #ccc;
	padding:0px 10px 0px 5px;
	margin:0px 0px 0px 0px;
}

.highlightPadding {
	padding:0px 0px 0px 10px;
}

.highlight .hdr {
	color:#039be7;
	font-size:18px;
	padding:0px 0px 8px 0px;
}

.highlight .txt {
	color:#666;
	font-size:12px;
	height:70px;
}










.recentBookmarksWrapper {
	color:#999;
}

.recentBookmarksPadding {
	padding:5px 10px 0px 10px;
}

.recentBookmarks {}

.recentBookmarks h3 {
	font:normal 18px arial;
	display:block;
	height:30px;
}

.recentBookmarks h2 {
	font:normal 11px arial;
	display:block;
}





/* labels */

.recentLabelsWrapper {
	float:left;
	width:160px;
}

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

.recentLabels {
	color:#333;
}

.recentLabels .favThumbLabel {
	width:200px;
	height:170px;
	display:block;
	overflow:hidden;
}

.recentLabels .favNameLabel {
	height:30px;
	overflow:hidden;
	display:block;
}

.recentLabels .favUrlLabel {
	height:30px;
	overflow:hidden;
	display:block;
}

.recentLabels .favAddedByLabel {
	height:20px;
	overflow:hidden;
	display:block;
}

.recentLabels .favDateLabel {
	height:20px;
	overflow:hidden;
	display:block;
}

.recentLabels .favTagsLabel {}





/* bookmark */

.recentBookmarkWrapper {
	float:left;
	width:260px;
}

.recentBookmarkPadding {
	padding:0px 0px 0px 20px;
}

.recentBookmark {
	color:#666;
}

.recentBookmark .thumbWrapper {
	width:200px;
	height:170px;
	display:block;
	background:url(../images/home_bg_thumbx.gif) top left no-repeat;
}

.recentBookmark .thumb {
	padding:5px;
}



.recentBookmark .favName {
	height:30px;
	overflow:hidden;
	display:block;
}

.recentBookmark .favUrl {
	height:30px;
	overflow:hidden;
	display:block;
}

.recentBookmark .favAddedBy {
	height:20px;
	overflow:hidden;
	display:block;
}

.recentBookmark .favDate {
	height:20px;
	overflow:hidden;
	display:block;
}

.recentBookmark .favTags {}

.recentBookmark .favTags a:link,.recentBookmark .favTags a:visited, .recentBookmark .favTags a:hover, .recentBookmark .favTags a:active {
	display:block;
	padding:0px 0px 4px 0px;
}	 








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

.homepageTabs {
	height:30px;
	margin:10px 0px 0px 0px;
	background:url(../images/pixel_e5e5e5.gif) bottom left repeat-x;
}

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

.homepageTabs li {
	float:left;
	display:block;
	padding:0;
	margin:0px 5px 0px 0px;

	background-color:#e5e5e5;
	height:30px;
	width:200px;
}

.homepageTabs div {
	padding:8px 0px 8px 10px;
		border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #fff;
}

.homepageTabs li.active {

	background-color:#fff;
}