honey=/* global reset*/
html{
	height:100%;
	min-width:982px;
}
body{
	margin:0;
	color:#242423;
	font:11px arial,sans-serif;
	background:#e2e4ed url(../images/bg-body-grad.gif) repeat-y 50% 0;
	height:100%;
}
img{border-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper */
.w-page{
	width:100%;
	min-height:100%;
	background: url(../images/bg-body-head.gif) repeat-x 50% 0;
}
* html .w-page{height:100%;}
.w-main{
	width:100%;
	margin:0 0 96px;
	background: url(../images/bg-main-top.gif) no-repeat 50% 26px;
	position:relative;
	z-index:100;
}
.w-container{
	overflow:hidden;
	padding:0 25px;
	width:932px;
	margin:0 auto;
	background: url(../images/sep-container.gif) no-repeat 727px 0;
}
/* header */
#header{
	height:1%;
	width:932px;
	overflow:hidden;
	margin:0 auto 1px;
	background: url(../images/bg-header.gif) repeat-x 0 100%;
	padding:0 0 10px;
}
.h-top-menu-holder{
	background: url(../images/bg-top-menu-center.gif) repeat-x;
	float:right;
	margin:4px 0 0;
}
.h-top-menu-holder div{
	background: url(../images/bg-top-menu-left.gif) no-repeat;
	float:left;
	padding:0 0 0 15px;
}
.h-top-menu-holder ul{
	list-style:none;
	margin:0;
	padding:3px 15px 0 0;
	background: url(../images/bg-top-menu-right.gif) no-repeat 100% 0;
	height:1%;
	overflow:hidden;
	line-height:19px;
	font-size:12px;
	float:left;
}
.h-top-menu-holder li{
	background: url(../images/sep-top-menu.gif) no-repeat 0 50%;
	padding: 0 12px 0 14px;
	float:left;
	margin:0 2px 0 -2px;
}
.h-top-menu-holder a{color:#0001d5;}
.h-logo{
	float:left;
	clear:both;
	width:648px;
	height:80px;
	margin:20px 0 0;
}
.h-logo a{
	display:block;
	width:648px;
	height:80px;
	background: url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.h-contact-box{
	float:right;
	clear:right;
	text-align:right;
	padding:15px 0 0;
	font-size:12px;
	line-height:12px;
	color:#717171;
}
.h-contact-box address{font-style:normal;}
.h-contact-box ul{
	list-style:none;
	margin:0;
	padding:1px 0 0;
}
.h-contact-box ul a{color:#717171;text-decoration:underline;}
.h-contact-box ul a:hover{text-decoration:none;}
/*Added by Joshua Lewis on January 8th 2010 for twitter link in header.*/
.h-twitter-link{float:left; font-size:1.3em; font-weight:bold; margin-top:5px;}
.h-twitter-link span {position:relative; bottom:2px;}

/* promo */
#promo{
	height:1%;
	overflow:hidden;
	margin:0 auto 15px;
	background: url(../images/bg-promo.gif) repeat-x 0 100%;
	padding:0 0 7px;
	width:932px;
}
.navigation{
	list-style:none;
	margin:0;
	padding:0;
	width:250px;
	border:1px solid #919191;
	float:left;
	font-size:14px;
	line-height:52px;
	font-weight:bold;
	height:1%;
	overflow:hidden;
}
.navigation li{
	background: url(../images/sep-navigation.gif) no-repeat;
	padding:2px 0 0;
	height:1%;
	vertical-align:top;
}
.navigation li:first-child{background-image:none; padding:0;}
.navigation a{
	display:block;
	padding: 0 0 0 40px;
	background: url(../images/a-navigation.gif) no-repeat;
	color:#fff;
	height:1%;
}
.navigation li.active a,
.navigation a:hover{background-position:0 -53px;text-decoration:none;}
.p-img{
	float:right;
	border:1px solid #dfdfdf;
	background:#f1f1f1;
	padding:9px 10px;
	position:relative;
}
.p-img img{display:block;}
.p-img div{
	position:absolute;
	bottom:9px;
	left:10px;
	width:655px;
	height:60px;
	background: url(../images/bg-promo-img-caption.png);
	text-align:center;
	color:#fff;
	font-size:18px;
}
/* global block */
.g-block{
	background:#fdfdfd url(../images/bg-g-block-center.gif) repeat-x 0 100%;
	margin:0 0 20px;
}
#sidebar .g-block{margin:0 0 28px;}

.g-block .left{
	background: url(../images/bg-g-block-left.gif) no-repeat 0 100%;
}
.g-block .right{
	background: url(../images/bg-g-block-right.gif) no-repeat 100% 100%;
	height:1%;
	overflow:hidden;
	padding: 0 0 5px;
}
.g-block .ttl{
	background: url(../images/bg-g-ttl-left.gif) no-repeat;
	margin:0 6px 15px 0;
}
.g-block .ttl div{
	background: url(../images/bg-g-ttl-right.gif) no-repeat 100% 0;
	margin:0 -6px 0 0; 
}
.g-block .ttl img{float:left; margin:0 5px 0 7px; display:inline;}
.g-block .ttl h2{
	margin:0;
	font-size:18px;
	line-height:36px;
	color:#600;
	font-weight:normal;
}
/* sidebar */
#sidebar{
	width:212px;
	float:right;
}
.mess-form{
	height:1%;
	overflow:hidden;
	padding:0 15px;
        position:relative;
}
.mess-form label{
	font-size:13px;
	line-height:16px;
	display:block;
}
.mess-form input.text{
	display:block;
	margin:0 0 6px;
	border:1px solid #d8d7d7;
	width:171px;
	padding:4px 5px;
}
.mess-form textarea{
	display:block;
	margin:0 0 6px;
	border:1px solid #d8d7d7;
	width:171px;
	height:94px;
	padding:4px 5px;
}
.mess-form div{
	height:1%;
	overflow:hidden;
	margin:0 0 25px;
}
.mess-form div img{
	float:left;
	margin-top:18px;
}
.mess-form div label{
	float:right;
	padding-right:25px;
}
.mess-form div input.text{
	width:100px;
	float:right;
	clear:right;
	margin:0;
}
.mess-form input.submit{
	display:block;
	margin:0 auto;
}
#sidebar .ad{
	display:block;
	width:135px;
	margin:0 auto;
}
/*Added by Joshua Lewis on August 5th 2009 for honey pot form field.*/
.mess-form .honey_pot{position:absolute; left:50000px;}
/*Added by Joshua Lewis on December 18th 2009 for PHP form validation.*/
#mess-form-success {margin:0 15px}
.mess-form .error {color:red; font-weight:bold;}
/*Added by Joshua Lewis on June 11th 2010 for Round Table Group badge.*/
#sidebar #round-table table {margin:0 auto 30px;}

/* content */
#content{
	width:682px;
	float:left;
}
.c-text{
	padding: 0 17px;
}
#content p{
	font-size:13px;
	line-height:16px;
	margin:0 0 14px;
}
.img-list{
	list-style:none;
	margin:0 -28px 10px 0;
	padding:0;
	height:1%;
	overflow:hidden;
	width:675px;
}
.img-list li{
	float:left;
	margin: 0 24px 0 0;
}
.services{
	height:1%;
	overflow:hidden;
	padding: 0 27px 0 21px;
}
.services .box{
	height:1%;
	overflow:hidden;
	margin:0 0 13px;
}
.services img{
	float:left;
	margin:1px 9px 0 0;
}
.services .box div{
	height:1%;
	overflow:hidden;
}
.services h3{
	font-size:13px;
	line-height:16px;
	color:#0001d2;
	margin:0;
}
.services h3 a{color:#0001d2;}
.services p{margin:0 !important;}
.services .more{
	float:right;
	background: url(../images/a-more.gif) no-repeat;
	width:72px;
	line-height:21px;
	height:22px;
	padding:0 0 0 6px;
	color:#631a03;
	font-weight:bold;
}
	/* Added by Joshua Lewis on July 29th 2009 for ebooks.php
          Edited :
          January 20th 2010 to integrate e-junkie.com shopping cart buttons.
          February 5th 2010 to add page summary, upcoming items list, and make minor design improvements.

        */
p.library {padding-bottom:10px; clear:both;}

h3.library{clear:both;}

ul.library {	
	font-size:13px;
	line-height:16px;
	padding:0;
	float:left;
	margin:0 0 1em 0;
	width:100%;}
ul.library li {
	list-style-type:none; 
	float:left; 
	clear:both; 
	margin-bottom:15px;
	width:100%}
ul.library em {color:#555;}
ul.library img.product_icon {float:left;}
ul.library li div {float:right; width:590px;}
ul.library li div.links {width:auto;}
ul.library li div.links a {margin-left:1em;}
.ec_ejc_thkbx {position:relative; top:5px}
.hook .ec_ejc_thkbx {float: right; position:relative; top:4px;}
div#upcoming {float:right; width:275px; overflow:visible;}
div#upcoming h3 {background:none; font-size:13px; padding:0; margin-top:0;}
div#upcoming ul {list-style-position:  outside; font-size:13px; line-height:16px; padding-left:1.2em; margin:1em 0; overflow:visible;}
div#upcoming ul li {overflow:visible;}
p.library.page_summary{float:left; width:361px;}



/* resources */
.resources{
	margin:0 auto;
	background: url(../images/bg-resource-center.gif) repeat-y;
	border-bottom:14px solid #fff;
	width:932px;
}
.resources .bottom{
	background: url(../images/bg-recource-bottom.gif) no-repeat;
	height:3px;
	overflow:hidden;
	font-size:0px;
}
.resources .ttl{
	height:1%;
	overflow:hidden;
	background: url(../images/bg-resource-ttl.gif) no-repeat;
}
.resources .ttl img{
	float:left;
	margin:4px 10px 0 16px;
	display:inline;
}
.resources .ttl h2{
	margin:0;
	color:#fff;
	font-size:18px;
	line-height:35px;
	font-weight:normal;
}
.resources ul{
	list-style:none;
	margin:0;
	padding:20px 0 10px 6px;
	height:1%;
	overflow:hidden;
}
.resources ul li{
	float:left;
	margin: 0 23px;
	display:inline;
}
/* footer */
#footer{
	background:#a8b6e3 url(../images/bg-footer-border.gif) repeat-x;
	margin:-232px 0 0;
	position:relative;
	width:100%;
	height:232px;
}
#footer .f-holder{
	width:100%;
	height:75px;
	margin:0 auto;
	overflow:hidden;
	padding:157px 0 0;
	background: url(../images/bg-footer.gif) no-repeat 50% 0;
}
.f-nav{
	list-style:none;
	margin:0 0 10px;
	padding:0;
	text-align:center;
	font-size:12px;
}
.f-nav li{
	display:inline;
	padding:0 12px;
}
.f-nav li a{color:#fff;}
.copy{
	text-align:center;
	margin:0;
	line-height:16px;
	color:#79829e;
}
.copy a{color:#79829e;text-decoration:underline;}
.copy a:hover{text-decoration:none;}
/*--------------------------------------------------------------Slider CSS-------------------------------------------------------*/

#featured-item { background:#FCE8CB; width:95%; }
.featured-itemImage span { background-color: #000; color: #fff }			
.featured-itemImage span strong { color:#fff !important }
.featured-itemImage span b { color:#B1B1B1 }

#featured-item {
   width: 100%; /* important to be same as image width */
   height: 358px; /* important to be same as image height */
   position: relative; /* important */
   margin:10px auto 0;
   display:block;
   overflow: hidden; /* important */
   background:#000;
  /* padding:15px;*/
   background:transparent 0 0; /* url(../images/black_bg.png) */
}

#featured-itemContent {
   width:100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   /* top: 0; important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}
*:first-child+html #featured-itemContent
{
	left:0px;
}
* html #featured-itemContent
{
	left:0px;
}
*:first-child+html #featured-item 
{
	margin-top:18px;
}
* html #featured-item 
{
	margin-top:18px;
}
.featured-itemImage {
	width:100%; height:358px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
	margin-left:0;
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font-size:1.2em; 
   width: 100%;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
					
.featured-itemImage span strong {
	font-weight:bold;
	font-size:14px; 
	display:block;
	text-transform: uppercase;
	margin:15px 0 15px 15px !important; padding:0 }
	
	
.p-img
{
	position:static;
	width:650px;
	padding:9px 10px 0;
}
.p-img div
{
	left:0;
}
.inner
{
	background:#fff url(../images/inner-bg-image.gif) repeat-x scroll 0 37px!important;
}
.inner .left, .inner .right
{
	background:none!important;
}
.inner .ttl h2
{
	padding-left:15px;
}
.lists
{
	width:40%;
	float:left;
	margin-right:10px;
	font-size:1.2em;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
}
hr
{
	clear:both;
}
.inner h3
{
	background:#d3ddfc;
	padding:6px 4px;
	background:url(../images/header-bg.gif) repeat-x 0 0;
	color:#5d7de1;
	font-size:14px;
}
.image
{
	float:left;
	border:1px solid #ccc;
	padding:5px;
	margin:0 15px 8px 0;
}
h4
{
	clear:both;
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding:8px 0;
	margin-top:10px;
}
.useful
{
	clear:both;
	margin:8px 0!important;
	height:auto;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
	padding:8px 0;
}
* html .useful
{
	height:1%;
}
/*------------------------------End Inner page specific---------------------*/

.accordion2 
{
	margin:6px;
}
.accordion2 h3 
{
	padding: 7px 0;
	font-size:14px;
	margin: 0!important;
	border-bottom: solid 1px #ccc;
	color:#333;
	height:auto;
	overflow:hidden;
	background:none!important;
}
.accordion2 p
{
	margin:10px 0!important;
}
.accordion2 p span
{
	display:block;
	padding-left:10px;
	background:transparent url(../images/arrow1.gif) no-repeat scroll 0 6px;
	margin:2px 0;
}

.p-img.no {
padding:9px 10px;
overflow:hidden;
}
.listss li
{
	font-size:13px;
	margin:3px 0;
	
}
.underdev
{
	display:block;
	margin:10px auto;
}