@charset "utf-8";
/* 
By Charles Chen
 
File Name: 
	homestyles.css

Description:
This .css includes elements used by homepage or similar layout (grey background, two cols which left col is wide and right one is narrow).

The following section 1-4 can be found in common.css
Section 1: Reset elements to a common value
Section 2: Elements used 
Section 3: Page Header
Section 4: Page Footer
*/


/* 5: BEGIN Main Body Copy 'mainContent' ------------------------------------------------------------------ */
div#col-left h1 {
	font-size:23px;
	font-weight:bold;
	color:#000;
}

div#col-left h2 {	
	font-size:18px;
	font-weight:bold;
}

div#col-left h3 {
	font-size:16px;
	/*color:#FF6600;*/
	color:#F77E20;
	margin-bottom:3px;
}

#col-left {
	width:697px;
	background:url(/images/background/dash.gif) right repeat-y;
	padding-right:20px;
}

#col-right {
 	right:10px;
	position:absolute;
	width:210px;
}

body#home div.panel-wrapper {
	border:10px solid #D4D4C9;
	background-color:#EBEBE1;
	margin-top:10px;
	padding:0px;
	float:none;
}

div.panel-wrapper .heading {
	background:url(/images/background/panel-touchpoint.jpg) no-repeat;
	height:48px;
	border-bottom:1px solid #FFF;

}
div.panel-wrapper .heading .btn-request_a_demo {
	float:right;
	margin:8px 7px 10px 0;
}

div.panel-wrapper .menu-homeintro { background:url(/images/background/homeintro_tab.jpg) repeat-x 0 0; height:26px; font-weight:bold;}
div.panel-wrapper .menu-homeintro ul {margin:0px; padding:0px; list-style:none; text-align:left;clear:both;}
div.panel-wrapper .menu-homeintro li {display:inline; float:left;}
div.panel-wrapper .menu-homeintro li a {color:#FFF; text-decoration:none; padding:6px 10px 7px 10px;  border-right:1px solid #FFF; clear:both; background:none; }
div.panel-wrapper .menu-homeintro li a:hover { background-color:#CC3300;}
div.panel-wrapper .menu-homeintro li a.tabactive {background-color:#FFF; font-weight:bold;clear:both; color:#000;}


#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5 {text-align:left;padding:20px 25px 10px 30px; background:#FFF; /*color:#AEAE97;*/ color:#666; font-weight:bold; line-height:16px;}

/* For homepage TP platform tabs*/
div.copy-homeintro div.page-nav {
	float:none;
	width:400px;
	clear:none;
}
div.thumb-home { 
	padding-left:20px; 
	margin-top:-20px;
	float:right;
	text-align:center;
	
}

div.thumb-home a.thickbox:link, div.thumb-home a.thickbox:visited{
	background:none;
}
/* ----- */

/* 5: END Main Body Copy 'mainContent' ------------------------------------------------------------------ */

/* 6: BEGIN Copy 'col-right ' ------------------------------------------------------------------ */
div#col-right {	line-height:18px;}
div#col-right h3{ float:left; color:#F77E20;}

div#col-right a:link, div#col-right a:visited, div#case-studies a:link, div#case-studies a:visited, div.copy-homeintro a:link,div.copy-homeintro a:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:3px;
	background:transparent url(/images/misc/line_orange-dot.gif) repeat-x scroll center bottom;
}

div#col-right a:hover, div#case-studies a:hover, div.copy-homeintro a:hover{
	color:#FF0000;
	background:url(/images/misc/line_red-dot.gif) repeat-x bottom;	
}

/* -- Image with link, WHITE border, turns Black border when mouseover -----*/
div#col-right a.linkcasestudy, div#case-studies a.linkcasestudy {background:none;}

a.linkcasestudy img {
	border:5px solid #FFF;
	background:none;
}
a.linkcasestudy:hover img{
	/*border:5px solid #000;*/
	border:5px solid #98CB00;
	background:none;
}
/* ------ */
/* With Background color, change when mouseover */
div#col-right a.linkNormalHightlighted
{
	background-color:#F77E20;
	float:right;
	color:#FFF;
	text-decoration:none;
	background-image:none;
}

div#col-right a.linkNormalHightlighted:hover
{
	background-color:#FF0000;
	float:right;
	color:#FFF;
}

/* ------ */
/* 6: END Copy 'col-right ' ------------------------------------------------------------------ */