@charset "UTF-8";

/* global settings */
div, p {font-size:12px; line-height:1.23em;color: #666;}
body{background: #FFFFFF;font-family: Arial, Helvetica, sans-serif;}

/* content container */
div#L1_product {position:absolute;top:22px;}

/***** Links *****/
a, a:visited {color:#87A2D3;text-decoration:none;*width:100%;/* IE */}
body>a { width:auto; } /* others */
a:hover, a:active {color:#f16422;outline:none; cursor:hand;}

/* Header, Title, Text, etc */
.hbH1 {width:302px;padding-left:55px;top:2px;margin:0;font-size:10px;}

.blackText {color: #000000;}/* tooltip bubble text style*/
.blueText{color: #7290c5;} /* t/gel product detail: How to use */
/*.grayText {color: #888888;} tooltip bubble text style*/
.grayText {color: #333;}/* tooltip bubble text style*/

.pdH1 sup {font-size: .85em;}  /*for registred mark for the Header */

.catH1{color:#575757;width:150px;margin:0;padding-left:15px;height:30px auto;padding-bottom:6px;font-size:138.5%;line-height:17px;display:block;cursor: hand;background: url('../tgel-assets/horzLine_blu.gif') no-repeat bottom left;}
.ttH1 {font-size: 12px;color: #7290c5;padding-bottom: 2px;}
H2.ttH1 {font-size: 12px;color: #7290c5;padding-bottom: 0px; margin:0;padding:0;display:inline;}
H2.ttH1 {*padding-right:1px;}/* IE6 fix  tooltip bubble text style*/
.ttPdH1 {font-size: 12px;color: #7290c5;/*padding-bottom: 2px;*/}
	
ul {padding: 0; margin: 0; list-style: none;}
ul li {padding-left: 5px;color: #666;}

/* shared elements: title, subtitle, colored text, row spacer, module content area padding */
.clear{clear: both;}
/* top level layout */
#layoutContainer{width: 100%;}

/* global header elements */
#headerContainer{width: 100%;}
#headerbar{width: 920px;height: 21px;margin: auto;background-color: #000000;}
#header{width: 920px;height: 69px;margin: auto;/*background: url('../tgel-assets/tgelworks.gif') no-repeat;*/}
/*#header H1 {
	margin: 8px 0 0 56px;
	font-size:27px;
	color: #919191;
	font-weight: normal;
}
#header H2 {
	margin:0 0 0 60px;
	*margin-top:10px;
	padding-top:10px;
	font-size: 108%;
	color: #7194be;
	font-weight: normal;
}*/
div#header h1 sup {font-size:.50em;line-height:-1px;vertical-align: text-top;} /* for registred mark for the Header */
div#header h2 sup {font-size:85%;line-height:-1px;vertical-align: text-top;} /* for registred mark for the Header */


/* 	global page container */
#pageContainer{width: 100%;}
#pageContainer #pageModule{width: 920px;height: 468px;margin: auto;}

/* Content - left side navigation and sub elements for t/gel landing page */
#mainLeftModule{float: left;width: 205px;display: block;padding-left: 51px;background-color: #FFFFFF;}
/* left Content */
.leftContent{width: 205px;font-size: 12px;line-height: 15px;overflow: hidden;}

ul.list{margin: 0px;padding: 0px;list-style: none;}
.listLink, .listLink_over { display: block;}
.listLink{color:#666;padding: 0px 0px 0px 16px;background: url("../tgel-assets/arrow_off.gif") no-repeat left 3px;}
.listLink_over{	padding: 0px 0px 0px 16px;color: #6485bd;background: url("../tgel-assets/arrow_over.gif") no-repeat left 3px;}
.listLink:hover{padding: 0px 0px 0px 16px;color: #6485bd;background: url("../tgel-assets/arrow_over.gif") no-repeat left 3px;}

.btnPersonalizedPlan{padding-top: 15px;padding-bottom: 5px;}
.btnBuyTGEL{padding-top: 5px;padding-bottom: 10px;}
/* Content - right side elements */
#mainRightContentModule{float: left;height: auto;display: block;width: 650px;}
/* tGel Product */
/* Tool Tip related style*/
#pInfo1,#pInfo2,#pInfo3,#pInfo4,#pInfo5,#pInfo6 {display:none}
.tooltipModule{width: 108px;height: 398px;float: left;}
.js{ display: none;	background-color: #888888;}
.ttPdModule {padding: 5px;padding-top: 8px;height: 55px;font-size: 11px;line-height: 12px;color: #3d3d3d;position: relative;margin-top: -70px;}