/* CSS for Tabs on TECSYS Home Page and Industry home pages */

/* Styles for the tabs */
#home #tabs {background:#000 url(../images/tab_bg.jpg) no-repeat left top; clear:both; float:left;}
#cat #tabs {background:url(../images/tab_bg_cat.jpg) no-repeat left top; clear:both; float:left;}
#gas #tabs {background:url(../images/tab_bg_gas.jpg) no-repeat left top; clear:both; float:left;}
#giftware #tabs {background:url(../images/tab_bg_giftware.jpg) no-repeat left top; clear:both; float:left;}
#healthcare #tabs {background:url(../images/tab_bg_healthcare.jpg) no-repeat left top; clear:both; float:left;}
#industrial #tabs {background:url(../images/tab_bg_industrial.jpg) no-repeat left top; clear:both; float:left;}
#threepl #tabs {background:url(../images/tab_bg_3pl.jpg) no-repeat left top; clear:both; float:left;}

#maintab {list-style-type:none; margin:0; margin-left:200px; padding:0; float:left; height:30px; width:560px;}
* html #maintab {margin:0; padding-left:200px;}
#maintab li {display:inline; font-size:1.2em; margin:0; padding:0;}
#maintab li a {background:url(../images/tab-off.gif) no-repeat; color:#556; float:left; padding:12px 0 5px 0; text-decoration:none; width:180px; }
#maintab li a:hover {background:url(../images/tab-off.gif) no-repeat; border:none; color:#fff;}
#maintab li.selected a:link,
#maintab li.selected a:visited,
#maintab li.selected a:active {background:url(../images/tab-active.gif) no-repeat left bottom; color:#556; padding:12px 0 5px 0;}
#maintab li.selected a:hover {color:#07d;}

 
/* Styles for the main content area containing the logo fader and tab contents */
#content .lhcol {background:url(../images/home_lhcol_top.png) no-repeat left top; padding-top:25px; text-align:center;}
#content .rhcol {padding:0;}


/* Styles for the tab content areas */

.tabcontentarea {height:300px; padding:0; margin:0;}
.tabcontent {display:none;}

#content .tabcontentarea h1,
#content .tabcontentarea h2,
#content .tabcontentarea h3,
#content .tabcontentarea h4,
#content .tabcontentarea p {margin-left:40px; margin-right:40px;}

#tcontent1,
#tcontent2,
#tcontent3 {height:250px; overflow:hidden; padding:0px;}
#tcontent1 p, #tcontent2 p, #tcontent3 p, 
#tcontent1 h2, #tcontent2 h2, #tcontent3 h2, 
#tcontent1 h3, #tcontent2 h3, #tcontent3 h3, 
#tcontent1 h4, #tcontent2 h4, #tcontent3 h4, 
#tcontent1 ul, #tcontent2 ul, #tcontent3 ul {line-height:1.2em; margin-bottom:8px; padding:0;}
#tcontent2 p.pdf,
#tcontent3 p.pdf {line-height:1.3em; padding:4px 0 4px 20px;}
#tcontent1 h2,
#tcontent2 h2,
#tcontent3 h2 {font-size:1em; margin-top:25px;}
#tcontent1 h2 {margin-bottom:3px;}
#tcontent1 h3 {color:#999; font-weight:normal;}
#tcontent1 h3,
#tcontent2 h2 {border-bottom:1px dotted #ccc; margin-bottom:15px; padding-bottom:5px;}
#tcontent3 h2 {border:none; letter-spacing:normal;}

#tcontent1 p.event, 
#tcontent1 p.news, 
#tcontent2 p.pdf,
#tcontent2 p.event, 
#tcontent2 p.news, 
#tcontent2 p.pdf,
#tcontent3 p.event, 
#tcontent3 p.news, 
#tcontent3 p.pdf {font-size:0.7em;}
#tcontent3 div.article {background:#fe8 url(/images/article-bg.jpg) repeat-x left bottom; border:0px solid #fc6; margin-left:25px; margin-top:10px; padding:10px 10px 10px 20px;}
#tcontent1 p.event,
#tcontent2 p.event,
#tcontent3 p.event {background:url(../images/bullet1.png) no-repeat left -2px; padding-left:20px;}
#tcontent1 p.news,
#tcontent2 p.news,
#tcontent3 p.news {background:url(../images/bullet1.png) no-repeat left -2px; padding-left:20px;}

div#events {float:right; margin-bottom:0px; margin-left:0px; padding:0; width:200px;}
#tcontent3 div#events p {margin-left:15px; margin-right:15px;}
#tcontent3 div#events h2 {margin-left:15px; margin-right:15px;}
#tcontent3 div#news {margin-right:200px;}
#tcontent3 div#news p {margin-left:25px; margin-right:0px;}
#tcontent3 div#news h2 {margin-left:25px; margin-right:0px;}
#tcontent3 div#news div.article p {margin-left:0;}

/* Styles for tabs on the home page */

#home #tcontent1 {background:url(../images/forklift-and-package.jpg) no-repeat 93% 50px;}
#home #tcontent1 p,
#home #tcontent2 p,
#home #tcontent1 ul {font-size:0.75em; padding-bottom:5px; margin-left:40px;}
#home #tcontent1 ul {font-size:0.85em; margin-left:60px; margin-top:10px;}

/* Styles for tabs on the industry home pages */

#cat #tcontent1,
#cat #tcontent2 {background:url(../images/cat.jpg) no-repeat 360px 90px;}
/*#gas #tcontent1,
#gas #tcontent2 {background:url(../images/gas.jpg) no-repeat 400px 75px;}*/
/*#giftware #tcontent1,
#giftware #tcontent2 {background:url(../images/giftware.jpg) no-repeat 400px 90px;}*/
#healthcare #tcontent1,
#healthcare #tcontent2 {background:url(../images/healthcare.jpg) no-repeat 350px 90px;}
#industrial #tcontent1,
#industrial #tcontent2 {background:url(../images/industrial.jpg) no-repeat 375px 85px;}
#threepl #tcontent1,
#threepl #tcontent2 {background:url(../images/3-pl.jpg) no-repeat 360px 90px;}

#cat #tcontent1 p.event,
#giftware #tcontent1 p.event,
#healthcare #tcontent1 p.event,
#industrial #tcontent1 p.event,
#threepl #tcontent1 p.event {font-size:0.85em;}


#cat #tcontent2 p,
/*#gas #tcontent2 p,*/
/*#giftware #tcontent2 p,*/
#healthcare #tcontent2 p,
#industrial #tcontent2 p,
#threepl #tcontent2 p {margin-right:200px;}