/* 
Eptica / Service Tabs
Author nativeBrand Ltd (www.nativebrand.com)
*/

#tabs { width:100%; float:left; }
  
#tabs ul {
	margin:0;
	padding: 0;
	list-style:none;
	float: left;
}
  
#tabs li {
	float:left;
	margin:0;
	padding:0;
	border-right: 1px solid #fff;
}
  
#tabs a {
	float:left;
	display:block;
	padding: 9px 15px 8px 15px;
	text-decoration:none;
	color: #fff;
	font-size: 107%;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */


/*---- News & Events ----*/ 
#news #tabs { background: url("../images/tab-bg-blue.gif") repeat-x bottom; }  
#news #tabs a { background: #d5ecf0; color: #6ca2ab; }
#news #tabs a:hover { color: #80c1ce; }

#news.intro #tabs .tab1 a, #news.clippings #tabs .tab2 a, #news.events #tabs .tab3 a, #news.newsletters #tabs .tab4 a
{ background: #52BDD0 url("../images/tab-btn-bg-blue.gif") repeat-x; color:#fff; }


/*---- Customers ----*/ 
#customers #tabs { background: url("../images/tab-bg-blue.gif") repeat-x bottom; }  
#customers #tabs a { background: #d5ecf0; color: #6ca2ab; }
#customers #tabs a:hover { color: #80c1ce; }

#customers.intro #tabs .tab1 a, #customers.casestudies #tabs .tab2 a, #customers.awards #tabs .tab3 a
{ background: #52BDD0 url("../images/tab-btn-bg-blue.gif") repeat-x; color:#fff; }


/*---- Company ----*/ 
#company #tabs { background: url("../images/tab-bg-blue.gif") repeat-x bottom; }  
#company #tabs a { background: #d5ecf0; color: #6ca2ab; }
#company #tabs a:hover { color: #80c1ce; }

#company.intro #tabs .tab1 a, #company.team #tabs .tab2 a, #company.careers #tabs .tab3 a, #company.worldwide #tabs .tab4 a
{ background: #52BDD0 url("../images/tab-btn-bg-blue.gif") repeat-x; color:#fff; }


/*---- Web Self Service ----*/ 
#selfService #tabs { background: url("../images/tab-bg-yellow.gif") repeat-x bottom; }  
#selfService #tabs a { background: #f4d15f; color: #9a7910; }
#selfService #tabs a:hover { color: #d8a707; }

#selfService.intro #tabs .tab1 a, #selfService.features #tabs .tab2 a, #selfService.casestudy #tabs .tab3 a
{ background: #e7b512 url("../images/tab-btn-bg-yellow.gif") repeat-x; color:#fff; }


/*---- Email Management ----*/ 
#emailManage #tabs { background: url("../images/tab-bg-green.gif") repeat-x bottom; }  
#emailManage #tabs a { background: #c3d3a7; color: #5c7f26; }
#emailManage #tabs a:hover { color: #78934c; }

#emailManage.intro #tabs .tab1 a, #emailManage.features #tabs .tab2 a, #emailManage.casestudy #tabs .tab3 a
{ background: #678D2A url("../images/tab-btn-bg-green.gif") repeat-x; color:#fff; }


/*---- Chat ----*/ 
#chat #tabs { background: url("../images/tab-bg-orange.gif") repeat-x bottom; }  
#chat #tabs a { background: #f8b96e; color: #aa6715; }
#chat #tabs a:hover { color: #e98612; }

#chat.intro #tabs .tab1 a, #chat.features #tabs .tab2 a, #chat.casestudy #tabs .tab3 a
{ background: #EF8E1C url("../images/tab-btn-bg-orange.gif") repeat-x; color:#fff; }


/*---- Knowledgebase ----*/ 
#knowledgebase #tabs { background: url("../images/tab-bg-lilac.gif") repeat-x bottom; }  
#knowledgebase #tabs a { background: #ccb2de; color: #6f5088;}
#knowledgebase #tabs a:hover { color: #9a70b8; }

#knowledgebase.intro #tabs .tab1 a, #knowledgebase.features #tabs .tab2 a, #knowledgebase.casestudy #tabs .tab3 a
{ background: #9f74c0 url("../images/tab-btn-bg-lilac.gif") repeat-x; color:#fff; }

/*---- faxLetterSms ----*/ 
#faxLetterSms #tabs { background: url("../images/tab-bg-fushia.gif") repeat-x bottom; }  
#faxLetterSms #tabs a { background: #e2a8ba; color: #c52356;}
#faxLetterSms #tabs a:hover { color: #d8567f; }

#faxLetterSms.intro #tabs .tab1 a, #faxLetterSms.features #tabs .tab2 a, #faxLetterSms.casestudy #tabs .tab3 a
{ background: #9f74c0 url("../images/tab-btn-bg-fushia.gif") repeat-x; color:#fff; }

/*---- socialMedia ----*/ 
#socialMedia #tabs { background: url("../images/tab-bg-fushia.gif") repeat-x bottom; }  
#socialMedia #tabs a { background: #e2a8ba; color: #c52356;}
#socialMedia #tabs a:hover { color: #d8567f; }

#socialMedia.intro #tabs .tab1 a, #socialMedia.features #tabs .tab2 a, #socialMedia.casestudy #tabs .tab3 a
{ background: #9f74c0 url("../images/tab-btn-bg-fushia.gif") repeat-x; color:#fff; }

/*---- analytics ----*/ 
#analytics #tabs { background: url("../images/tab-bg-grey.gif") repeat-x bottom; }  
#analytics #tabs a { background: #b1b3b0; color: #7a7b7a;}
#analytics #tabs a:hover { color: #959694; }

#analytics.intro #tabs .tab1 a, #analytics.features #tabs .tab2 a, #analytics.casestudy #tabs .tab3 a
{ background: #9f74c0 url("../images/tab-btn-bg-grey.gif") repeat-x; color:#fff; }