/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:32px 0 0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{width:762px; height:116px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:762px; position:relative; margin:0 auto 25px auto; padding:0; background: #fff;}
#bodyPanel h2{ background:#fff; display:block; width:550px; height:50px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; 
			   padding:0 0 7px 202px; color:#FF7113;}
#bodyPanel p {background:url(images/symbol.jpg) 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 30px 150px; color:#0F0F0F; text-align: justify;}
#bodyPanel p span.introText{font:15px/20px Arial, Helvetica, sans-serif; font-weight: normal; display: block; margin: 0; text-align: justify;}
#bodyPanel p span.anonymous{display: block; font-style: italic; text-align:right;}
#bodyPanel p span.quot{font:14px/20px Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; display: block; margin: 0; text-align: justify;}
#bodyPanel p span.source{font:14px/20px Arial, Helvetica, sans-serif; font-weight: normal; display: block; margin: 0; text-align: right;}
#bodyPanel #index {width:700px; display:block; position:relative; background:#fff; padding:5px 33px 0 5px; margin:5px 0 0 35px; color:#786321;}
#bodyPanel #index p.letters {background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #index p.traffic {background:none; margin:0 0 0 61px; padding:0 0 5px 0; color:#0081db; text-align: center; font-weight: bold}
#bodyPanel #index p.letters a{width:1.2em; height: 1em; padding:3px 0; background:#fff; color:#0081db; text-decoration:none; text-align:center; margin:0 12px 0 0; font-weight:bold; font-size: 15px;}
#bodyPanel #index p.letters a:hover{width:705px; height:36px; text-decoration:none; background: #fff; font-weight:bold; color:#FC5F00;}
#bodyPanel p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 30px; color:#000;}

#termsPanel {width:690px; display:block; position:relative; margin: 0 auto; background:#fff; padding:0;}
#termsPanel p.definition {background:#fff; width:515px; position: relative; margin:0 0 0 175px; padding:0 0 5px 0;}
#termsPanel h3 { height: 35px; position: relative; background:#fff; display:block; margin: 15px 0 0 175px; padding: 7px; font:25px/25px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;}

#termsPanel p.definition span.term {background: #fff; display:block; font-weight: bold; margin: 25px 0 5px 0;}
#termsPanel p.definition span.italic {background: #fff; font-weight: normal; font-style: italic; margin: 0;}
#termsPanel p.definition span.description {background: #fff; display:block; text-align: justify; position:relative; padding:0; margin: 0 0 5px; color:#0F0F0F;}
#termsPanel p.definition span.subheader {background: #fff; font-weight: normal; font-style: italic; margin: 0 0 0 20px;}
#termsPanel ul.descriptionList {position: relative; list-style-image: url(images/checkmark.gif); background: none; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; font-weight:normal; margin: 0 0 0 235px; padding: 0 3px; }
#termsPanel li.descriptionItem {background: none; padding-bottom: 7px; text-align: justify;} 
#termsPanel p.definition span.description a{background:#fff; color:#0081db; padding: 3px 0 0 0; font-style: italic; text-decoration:none;font-weight:normal; font-size: 14px;}
#termsPanel p.definition span.description a:hover{text-decoration: underline; padding: 3px 0 0 0; font-style: italic; background: #fff; font-weight:normal; color:#FC5F00;}

/* This is an attempt to place left-side-menu with absolute position on the page 'Conversion Optimization' 

#termsPanel div.leftBar {position: absolute; top: 35% left: 12%; width: 75px; height: 250px; background: #808080;}
#termsPanel p.services {position: absolute; top: 37% left: 12%; width: 75px; background: #000080; margin: 5px;}
*/

#benefitsPanel {width:762px; position:relative; margin:0 auto 25px auto; padding:0; background: #fff;}
#benefitsPanel ul.benefitList {width:485px; margin: 15px 25px 0 195px; padding: 0 0 0 52px; text-align: justify; position: relative; list-style-image: url(images/checkmark.gif); background: none; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
#benefitsPanel li.benefitItem {background: none; padding: 0 3px 7px 0; text-align: justify;}
#benefitsPanel p {width:515px; margin: 15px 0 0 185px; padding: 0 10px 0 30px; text-align: justify; position: relative; background: none; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
#benefitsPanel p a{width:75px; height:36px; padding:3px 0; background:#fff; color:#0081db; text-decoration:none; text-align:center; margin:0; font-weight:bold; font-size: 15px;}
#benefitsPanel p a:hover{width:75px; height:36px; text-decoration:none; background: #fff; font-weight:bold; color:#FC5F00;}
#benefitsPanel p span {display: block; margin: 20px 0 0 0;}
#benefitsPanel p span.orange{font-weight:bold; color: #4a9819; font-size: 17px;} 

/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul{width:320px; display:block; position:absolute; right:10px; top:33px; }
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:#DCDCDC; display:block; position:absolute; top:54px; right:45px; color:#A64200;}
#footerPanel ul.templateworld{width:158px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}
#footerPanel ul.templateworld li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
#footerPanel ul.templateworld li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }