.preloadimg {
	display:none;
}

/* Neutralize styling: 
Elements we want to clean out entirely: */
html, body, form, fieldset {
margin: 0;
padding: 0;
font: 100%/135% Arial, sans-serif, Geneva;
}

/* Neutralize styling: 
Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
margin-left: 1em;
}

ul {
	list-style-type: disc;
}

ol
{
	list-style-type:decimal;
}

ul#ulCheckList
{
	list-style-type:none;
	text-align:left; 
	width:100%;
	font-size:11px;
	font-weight:bold;
}

ul#ulCheckList li
{
	color:Black;
}
ul#ulCheckList li ul li
{
	color:#2D6DED;
}
ul#ulCheckList li ul li ul li
{
	color:#74941B;
}

ul.mostread li,ul.latestnews li {
	line-height: 145%;
}

a.BlueLink , a.BlueLink:visited, a.BlueLink:link
{
	color:#2D6DED;
}

a.BlueLink:hover
{
	color:#74941B;
}

/* Miscellaneous conveniences: */
form label {
cursor: pointer;
}

.aLoginPanel:hover
{
	color:orange;
}

fieldset {
border: none;
}

/* Form field text-scaling */
input, select, textarea {
font-size: 100%;
}

a:focus
{
outline: none;
}

div.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.clear {
clear:both;
}

/* @end */

/* @group Typography Styles */

a:link, a:visited {
color: #74941b;
text-decoration: none;
}

a:hover {
color: #06c;
 text-decoration: none;
}




p {
margin:.5em;
}

.bold {
font-weight:bold;
}

.bolder {
font-weight:bolder;
}

.small, .createdate, .modifydate {
	color: #949494;
	text-decoration: none;
	font-variant: normal;
	font-style: normal;
	line-height: 11px;
	font-size: 11px;
}

ul.productchecklist li {
line-height: 140%;
color: #666;
font-size: 12px;
list-style: none;
}

ul.productchecklist li strong {
line-height: 200%;
color: #333;
font-size: 13px;
background: url("../images/tick.png") no-repeat left top;
padding-left: 18px;
}

ul.checklist,div.checklist div ul {
	list-style: none;
}
ul.checklist li,div.checklist div li {
line-height: 18px;
color: #666;
font-size: 11px;
background: url(../images/tick.png) no-repeat left top;
text-indent: 18px;
margin: 0px;
}



blockquote {
margin:2em;
border:1px #ccc dotted;
background:#eee;
}

h1 {
    /*color: #0066CC;*/
    color:White;
	font-weight: bold;
	line-height: 32px;
	font-size: 24px;
}

h2 {
	/*color: #2f2f2f;*/
	color:White;
	font-weight: bold;
	line-height: 32px;
	/*font-size: 18px;*/
	font-size: 16px;
}
h1.close {
color: #0066CC;
	font-weight: bold;
	line-height: 32px;
	font-size: 24px;
}

h2.close {
color: #7ca11e;
padding-bottom: 10px;
	font-weight: bold;
	line-height: 18px;
	font-size: 18px;
}

h3 {
color: #7ca11e;
margin: 8px 0px;
	font-weight: bold;
	line-height: 20px;
	font-size: 16px;
}

h4 {
/*color: #7ca11e;*/
color:White;
	font-weight: bold;
	line-height: 20px;
	/*font-size: 14px;*/
	font-size: 13px;
}

p.warn {
    background: #FBEEF1 url(../images/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
}

p.alert {
    background: #FFF7C0 url(../images/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
}

p.info {
    background: #F8FAFC url(../images/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
}


/* @end */

html {
height: 100%;
}

body.jshack {
height: 100%;
background: #CCC url('../images/body-bg.png') 0 0 repeat-x;
margin:0 auto;
font-size:12px;
color:#333333;
min-height:500px;
}

div#outer-wrapper {
/*height: 100%;*/
width:998px;
margin:0 auto;
background: transparent url('../images/outer-wrapper-bg.png') 0 0 no-repeat;
}

div.inner-wrap {
padding:20px 10px;
}

div#header {
height:88px;
margin:0px 19px;
}

div#logo {
float:left;
}

div#logo h1 a{
text-indent:-9000px;
background: transparent url('../images/js-logo.png') 0 0 no-repeat;
height:60px;
width:299px;
display:block;
}

div#top-navigation {
margin-left:430px;
margin-right:40px;
}

div.iconnav {
background: #302D2B url('../images/iconnav-l.png') 0 0 no-repeat;
margin-top:-16px;
height:27px;
}

div.iconnav ul#mainlevel-nav {
background: url('../images/iconnav-r.png') right top no-repeat;
margin-left:19px;
list-style-type:none;
height:27px;
padding-left: 0px;
}

div.iconnav ul#mainlevel-nav li {
display:inline;
line-height: 24px;
}
div.iconnav ul#mainlevel-nav li img {
display:inline;
position: relative;
top: 3px;
}
div#main-content-wide 
{
background:#FFFFFF url(../images/main-content-wide-bg.png) no-repeat scroll 0 100%;
}

div.iconnav ul#mainlevel-nav li a:link, div.iconnav ul#mainlevel-nav li a:visited{
color:#ffffff;
text-decoration:none;
	font-size: 11px;
}

div.iconnav ul#mainlevel-nav li a:hover{
color: #e4e4e4;
text-decoration:underline;
	font-size: 11px;
}

/* @group Teaser Area */

div#user1234 {
margin:0px 19px;
height:216px;
background: #0066CC;
border-bottom: 4px solid #004a95;
}

div#user1234 div#user1-1,
div#user1234 div#user2-1,
div#user1234 div#user3-1,
div#user1234 div#user4-1 {
width:100%;
height:200px;
float: left;
}

div#user1234 div#user1-2,
div#user1234 div#user2-2,
div#user1234 div#user3-2,
div#user1234 div#user4-2 {
width:50%;
height:200px;
float: left;
}

div#user1234 div#user1-3,
div#user1234 div#user2-3,
div#user1234 div#user3-3,
div#user1234 div#user4-3 {
width:33%;
height:200px;
float: left;
}

div#user1234 div#user1-4,
div#user1234 div#user2-4,
div#user1234 div#user3-4,
div#user1234 div#user4-4 {
width:25%;
height:200px;
float: left;
}

div#user1234 div#user2-2,
div#user1234 div#user3-2,
div#user1234 div#user4-2,
div#user1234 div#user2-3,
div#user1234 div#user3-3,
div#user1234 div#user4-3,
div#user1234 div#user2-4,
div#user1234 div#user3-4,
div#user1234 div#user4-4  {
background: transparent url('../images/user1-divider.png') no-repeat left center;
}

div#user1234 div.inside,
div#user1234-2 div.inside, 
div#user1234-3 div.inside,
div#user1234-4 div.inside {
padding: 10px 10px;
}

div#user1234 h3 {
color: #ffffff;
	font-weight: bold;
	line-height: 18px;
	font-size: 18px;
}

div#user1234 {
color: #ffffff;
	line-height: 16px;
	font-size: 11px;
}
div#user1234 a {
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #badafe;
line-height: 16px;
}
div#user1234 a:hover {
text-decoration: none;
border-bottom: 0px;
}

#user1234 a.readon:link, #user1234 a.readon:visited {
color: #fff;
background: url(../images/user_readon.png) no-repeat 0px 0px;
text-decoration: none;
}



#user1234 a.readon:hover {
color: #90b822;
background: url(../images/user_readon.png) no-repeat 0px 0px;
text-decoration: none;
}

ul.userblock-list {
	list-style: none;
}
ul.userblock-list li {
	background: url(../images/userbox_check.png) no-repeat left top;
	text-indent: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}



div#no-banner-both, div#no-banner-left-only, 
div#no-banner-right-only, div#no-banner-wide {
height:20px;
margin:0px 19px;
}

div#no-banner-both {
background: transparent url('../images/no-banner-3col-bg.png') 0 0 repeat-x;
}

div#no-banner-left-only {
background: transparent url('../images/no-banner-2col-left-bg.png') 0 0 repeat-x;
}

div#no-banner-right-only {
background: transparent url('../images/no-banner-2col-right-bg.png') 0 0 repeat-x;
}

div#no-banner-wide {
background: transparent url('../images/no-banner-bg.png') 0 0 repeat-x;
}

/* User1 Pro Templates Button */
div#user1234 a.userdemobutton
{
background: url(../images/user_buttons.png) 0px -136px no-repeat;
text-decoration:none;
float: right;
width:172px;
height: 53px;
line-height: 53px;
text-indent: -6000em;
border: none;
margin-right:60px;
margin-top: 10px;
}

div#user1234 a.userdemobutton:hover
{background: url(../images/user_buttons.png) 0px -347px no-repeat;
}
/* User2 Free Stuff Button */
div#user1234 a.userfreebutton
{
background: url(../images/user_buttons.png) 0px 0px no-repeat;
text-decoration:none;
float: right;
width:172px;
height: 55px;
line-height: 55px;
text-indent: -6000em;
border: none;
margin-right:60px;
margin-top: 10px;
}

div#user1234 a.userfreebutton:hover
{background: url(../images/user_buttons.png) 0px -211px no-repeat;
}
/* User3 Education Button */
div#user1234 a.usereducationbutton
{
background: url(../images/user_buttons.png) 0px -64px no-repeat;
text-decoration:none;
float: right;
width:172px;
height: 55px;
line-height: 55px;
text-indent: -6000em;
border: none;
margin-right:60px;
margin-top: 10px;

}

div#user1234 a.usereducationbutton:hover
{background: url(../images/user_buttons.png) 0px -275px no-repeat;
}



/* @end */

/* @group Main Content Area */

div#main-content-both, div#main-content-left-only, 
div#main-content-right-only {
margin:0px 19px;
padding-bottom:13px;
}

div#main-content-wide {
margin:0px 19px;
padding-bottom:45px;
}

div#main-content-both {
background: #ffffff url('../images/3-col-bottom.png') 0 100% no-repeat;
}

div#main-content-left-only 
{
/*	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
*/
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	background: #ffffff url('../images/2-col-left-bottom.png') 0 100% no-repeat;
}

div#main-content-right-only {
background: #ffffff url('../images/2-col-right-bottom.png') 0 100% no-repeat;
}

div#main-content-wide {
background: #ffffff url('../images/main-content-wide-bg.png') 0 100% no-repeat;
}

div#main-content-both div.inner-wrap {
background: #ffffff url('../images/3-col-bg.png') 0 100% repeat-y;
padding: 0px;
}

div#main-content-left-only div.inner-wrap {
background: #ffffff url('../images/2-col-left-bg.png') 0 100% repeat-y;
margin: 0px;
padding: 0px;

}

div#main-content-right-only div.inner-wrap {
background: #ffffff url('../images/2-col-right-bg.png') 0 100% repeat-y;
margin: 0px;
padding: 0px;

}

div#main-content-wide div.inner-wrap {
background: #ffffff;
margin: 0px 10px;
padding: 0px;
}

/* @group Left, Mainbody & Right */

div#left-body-right-wrapper {
	margin:0px;
	padding:0px;
}

div#left-column {
margin: 0px;
padding:0px;
width: 250px;
float: left;
overflow: hidden;
background-color:Transparent;
}


div#mainbody-both {
width: 464px;
float: left;
}

div#mainbody-left-only {
width: 680px;
float: right;
padding:0px;
margin:0px;
min-height:400px;
text-align:justify;
}

div#mainbody-right-only {
width: 690px;
float: left;
text-align:justify;
}

div#mainbody-topImg
{
	margin:0px;
	padding:0px;
	background: transparent url(../images/footer-top-bg.png) no-repeat scroll 0 0;
    padding-top: 13px;    
}

div#mainbody-wide {
width: 100%;
}

div#mainbody-both div#inside {
margin:0px 10px;
}

div#mainbody-left-only div#inside {
margin: 0;
}

div#mainbody-left-only div#insideborder {
margin: 0;
border:4px #90B822 solid;
border-bottom:14px solid #90B822;
margin-bottom:15px;
}

div#mainbody-right-only div#inside {
margin-right: 10px;
}

div#right-column {
margin: 0px 10px;
width: 228px;
float: right;
}

/* @end */

/* @end */

/* @group module styles */

/* MenuModule Style */
div.module-menu {
	margin: 10px 0px;
	width: 255px;
	position: relative;
	left: -20px;
	background:transparent none;
}
div.module-menu a {
}
div.module-menu div {
}
div.module-menu div div {
}
div.module-menu div div div {
}
div.module-menu div div div div {
}
div.module-menu h3 {
	padding-left: 20px;
	margin-bottom: 5px;
}
/* MenuModule Link Item Styling */

div.module-menu ul#mainlevel {
list-style: none;
}
div.module-menu ul#mainlevel li {
line-height: 32px;
height: 32px;
border-bottom: 1px solid #e7e8de;
border-top: 1px solid #fff;
}
div.module-menu ul#mainlevel li a {
display: block;
width: 245px;
text-decoration: none;
text-indent: 20px;
}
div.module-menu ul#mainlevel li a:hover {
color: #06c;
background-color: #fff;
}

/* Module Style Home */
div.moduleHome {
	margin-top: 10px;
	background: url(../images/topright_1.png) 100% 0 no-repeat;
	height: 1%;
	color: #fff;
	width: 245px;
	font-size: 11px;

}
div.moduleHome a {
	color: #fff;
}

div.moduleHome div {
	background: url(../images/topleft_1.png) 0 0 no-repeat;
}
div.moduleHome div div {
	background: url(../images/botright_1.png) 100% 100% no-repeat;
}
div.moduleHome div div div {
	background: url(../images/botleft_1.png) 0 100% no-repeat;
	padding: 15px 20px 25px 20px;
}
div.moduleHome div div div div {
	background: transparent none;
	padding: 0;
}
div.moduleHome h3 {
	color: #fff;
	margin: 10px 0;
	padding:0;
	line-height: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
}

/* Module Style S1 */

div.moduleS1 {
	margin-bottom: 10px;
	background: url(../images/topright_1.png) 100% 0 no-repeat;
	height: 1%;
	color: #fff;
	width: 228px;
	font-size: 13px;

}
div.moduleS1 a:link, div.moduleS1 a:visited {
	color: #fff;
}

div.moduleS1 a:hover {
	text-decoration:none;
	color:#FFA500 !important;
}

div.moduleS1 div {
	background: url(../images/topleft_1.png) 0 0 no-repeat;
}
div.moduleS1 div div {
	background: url(../images/botright_1.png) 100% 100% no-repeat;
}
div.moduleS1 div div div {
	background: url(../images/botleft_1.png) 0 100% no-repeat;
	padding: 15px 20px 25px 20px;
}
div.moduleS1 div div div div {
	background: transparent none;
	padding: 0;
}
div.moduleS1 h3 {
	color: #fff;
	margin: 10px 0;
	padding:0;
	line-height: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
}
/* Module Style S2 */
div.moduleS2 {
	margin-bottom: 10px;
	background: url(../images/topright_2.png) 100% 0 no-repeat;
	height: 1%;
	color: #fff;
	width: 228px;
	font-size: 11px;
}
div.moduleS2 a {
	color: #fff;
}

div.moduleS2 div {
	background: url(../images/topleft_2.png) 0 0 no-repeat;
}
div.moduleS2 div div {
	background: url(../images/botright_2.png) 100% 100% no-repeat;
}
div.moduleS2 div div div {
	background: url(../images/botleft_2.png) 0 100% no-repeat;
	padding: 15px 20px 25px 20px;
}
div.moduleS2 div div div div {
	background: transparent none;
	padding: 0;
}
div.moduleS2 h3 {
	color: #fff;
	margin: 10px 0;
	padding:0;
	line-height: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
}

/* Module Style S3 (DEFAULT) */
div.moduleS3, div.module {
	margin-bottom: 10px;
	background: url(../images/topright_3.png) 100% 0 no-repeat;
	height: 1%;
	width: 228px;
	font-size: 11px;
}

div.moduleS3 div, div.module div {
	background: url(../images/topleft_3.png) 0 0 no-repeat;
}
div.moduleS3 div div, div.module div div {
	background: url(../images/botright_3.png) 100% 100% no-repeat;
}
div.moduleS3 div div div, div.module div div div {
	background: url(../images/botleft_3.png) 0 100% no-repeat;
	padding: 15px 20px 25px 20px;
}
div.moduleS3 div div div div, div.module div div div div {
	background: transparent none;
	padding: 0;
}
div.moduleS3 h3, div.module h3 {
	color: #90b822;
	margin: 10px 0;
	padding:0;
	line-height: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
}

/* Module Style S4 */
div.moduleS4 {
	margin-bottom: 10px;
	background: url(../images/topright_4.png) 100% 0 no-repeat;
	height: 1%;
	width: 228px;
	line-height: 110%;
	font-size: 11px;
}

div.moduleS4 div {
	background: url(../images/topleft_4.png) 0 0 no-repeat;
}
div.moduleS4 div div {
	background: url(../images/botright_4.png) 100% 100% no-repeat;
}
div.moduleS4 div div div {
	background: url(../images/botleft_4.png) 0 100% no-repeat;
	padding: 15px 20px 25px 20px;
}
div.moduleS4 div div div div {
	background: transparent none;
	padding: 0;
}
div.moduleS4 h3 {
	color: #06c;
	margin: 10px 0;
	padding:0;
	line-height: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
}
/* Mosload Modules */
div#inside div.moduletable table.contentpaneopen {
	margin: 0;
	padding: 0;
}


/* @end */

/* @group footer styles */

div#footer {
margin:10px 19px 35px 19px;
padding-top:13px;
background: transparent url('../images/footer-top-bg.png') 0 0 no-repeat;
}

div#footer div.inner-wrap {
padding:10px 40px 30px 40px;
background: #ffffff url('../images/footer-bottom-bg.png') 0 100% no-repeat;
}

div#footer .moduletable {
	margin-bottom: 10px;
}
div#footer .moduletable p {
color: #666;
	font-size: 11px;
}

div#footer .moduletable h3 {
	color: #06c;
	font-size: 16px;
	padding-bottom: 8px;
}

div#footer .moduletable ul.mostread,
div#footer .moduletable ul.latestnews {
	list-style: none;
}
div#footer .moduletable ul.mostread li a,
div#footer .moduletable ul.latestnews li a {
line-height: 20px;
font-size: 11px;
_height: 20px;
display: block;
text-decoration: none;
border-bottom: 1px dotted #d3d4cb;
white-space: normal;
background: url(../images/user_bullets.png) no-repeat 0px 0px;
padding-left: 15px;
}
div#footer .moduletable ul.mostread li a:hover,
div#footer .moduletable ul.latestnews li a:hover {
background: url(../images/user_bullets.png) no-repeat 0px -143px;
}


#footercaption, #footercaption p {
	font-size: 10px;
	line-height: 12px;
	color: #3f3f3f;
}
#footercaption a {
	color: #2e2e2e;
}


/* @end */


/* @group Joomla Styles */
.componentheading {
color: #333;
padding: 10px 0px;
	font-weight: bold;
	line-height: 24px;
	font-size: 22px;
}

.contentheading {
color: #0066CC;
	font-weight: bold;
	line-height: 24px;
	font-size: 22px;
}

td.contentheading a.contentpagetitle {
text-decoration: none;
color: #0066CC;
	font-weight: bold;
	line-height: 24px;
	font-size: 22px;
}
table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  top: 10px;
}
div.module table.contentpaneopen,
div.moduleS1 table.contentpaneopen,
div.moduleS2 table.contentpaneopen,
div.moduleS3 table.contentpaneopen,
div.moduleS4 table.contentpaneopen
 {
  line-height: 130%;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  top: 0px;
  }


td.contentheading a.contentpagetitle:hover {
color: #222;
}

span.article_seperator {
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
}
/*Joomla Tables*/
td.sectiontableheader {
	color: #FFF;
	font-weight: bold;
	background:#222;
	height: 25px;
	padding: 4px;
	border-bottom: 4px solid #90b822;
	font-size: 16px;
}
tr.sectiontableentry1 td {padding: 8px;background-color: #f5f5f5;
	border-bottom: 1px solid #fff;
}
tr.sectiontableentry2 td {padding: 8px;background-color: #fafafa;
	border-bottom: 1px solid #fff;
}
td.sectiontableentry1 {padding: 8px;background-color: #f5f5f5;}
td.sectiontableentry2{padding: 8px;background-color: #fafafa;}
.sectiontableentry2 a, .sectiontableentry1 a  {padding-left:5px; text-decoration: none;}

.sectiontableentry2 a, .sectiontableentry1 a  {padding-left:5px; text-decoration: none;}

a.readon:link, a.readon:visited {
background: url(../images/readon.png) no-repeat 0px 0px;
display: block;
height: 26px;
text-indent: 10px;
width: 98px;
outline: none;
float: right;
text-decoration: none;
font: bold 12px/26px Arial, Helvetica, Geneva, sans-serif;
margin-top: 10px;
margin-right: 10px;
color: #fff;
}

a.readon:link, a.readon:visited {
background: url(../images/readon.png) no-repeat 0px 0px;
display: block;
height: 26px;
text-indent: 10px;
width: 98px;
outline: none;
float: right;
text-decoration: none;
font: bold 12px/26px Arial, Helvetica, Geneva, sans-serif;
margin-top: 10px;
margin-right: 10px;
color: #fff;
}

a.readon:hover {
background: url(../images/readon.png) no-repeat 0px 0px;
display: block;
height: 26px;
text-indent: 10px;
width:98px;
outline: none;
float: right;
text-decoration: none;
font: bold 12px/26px Arial, Helvetica, Geneva, sans-serif;
color: #90b822;
margin-top: 10px;
}

/* @end */


/* @group All Products Page */
.fp_product_wrapper {
	width: 100%;
	margin: 0px 24px;
	padding: 0px;
}

.product_wrapper {
	width: 885px;
	margin: 0px auto;
}
.productA, .productB, .productC {
	background: url(../images/product_container.png) no-repeat center top;
	width: 282px;
	height: 291px;
	float: left;
	margin-right: 19px;
	margin-top: 19px;
}
.productC {
	margin-right:0px;
}
h2.product_title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 24px;
}
.product_thumbnail {
	margin: 10px auto;
	width: 245px;
	height: 170px;
	border: 1px solid #000;
	background: #fff url(../images/ajax-loader.gif) no-repeat center center;
}
.product_thumbnail img {
	border: none;
}
ul.products {list-style: none;}
li.product_techspecs, li.product_demo, li.product_purchase {
	background: url(../images/product_info.png) no-repeat left center;
	padding-left: 18px;
	line-height: 20px;
	margin-left: 20px;
	color:#fff;
}
li.product_techspecs a,
li.product_demo a,
li.product_purchase a,
li.product_techspecs a:visited,
li.product_demo a:visited,
li.product_purchase a:visited {color: #fff; text-decoration: none;border-bottom: 1px dotted #868686;
}
li.product_techspecs a:hover,
li.product_demo a:hover,
li.product_purchase a:hover {
	color: #acda38; text-decoration: none;border-bottom: 1px dotted #9b9b9b;
}
li.product_demo {background: url(../images/product_demo.png) no-repeat left center;
}
li.product_purchase {background: url(../images/product_purchase.png) no-repeat left center;
}

/* @end */

/* @group Free Templates Content Page */

table.contentpaneopen-free {
width:99%;
}

table.contentpaneopen-free div.pagenavcounter {
display:none;
}

table.contentpaneopen-free table.contenttoc{
width:220px;
margin:10px;
padding: 8px;
background: #f4f4f4;
border: 1px solid #eee;
}

table.contentpaneopen-free table.contenttoc th{
background: url(../images/free-h3.png) 0px 0px no-repeat;
text-decoration:none;
float: left;
width:200px;
height: 18px;
line-height: 18px;
text-indent: -6000em;
}

table.contentpaneopen-free div.pagenavbar{
clear:both;
}

/* @end */

/* @group Individual Pro Products Pages */

.clear {
clear:both;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
a img {border:none; border:0;}
a.joinbutton
{background: url(../images/join_now.png) 0px 0px no-repeat;
text-decoration:none;
float: right;
margin-right: 50px;
width:165px;
height: 64px;
line-height: 64px;
text-indent: -6000em;
}
a.joinbutton:hover
{background: url(../images//join_now.png) 0px -64px no-repeat;
}

a.demobutton
{background: url(../images/buy_demo_buttons.png) 0px -60px no-repeat;
text-decoration:none;
float: left;
width:86px;
height: 26px;
line-height: 26px;
text-indent: -6000em;
}
a.demobutton:hover
{background: url(../images/buy_demo_buttons.png) 0px -90px no-repeat;
}
a.addbutton
{background: url(../images/buy_demo_buttons.png) 0px 0px no-repeat;
text-decoration:none;
float: left;
width:86px;
height: 26px;
line-height: 26px;
text-indent: -6000em;
}
a.addbutton:hover
{background: url(../images/buy_demo_buttons.png) 0px -30px no-repeat;
}
a.downloadbutton{
background: url(../images/download_button.png) 0px 0px no-repeat;
text-decoration:none;
float: left;
width:120px;
height: 29px;
line-height: 29px;
text-indent: -6000em;
}
a.downloadbutton:hover{
background: url(../images/download_button.png) 0px -30px no-repeat;
}
p.buybuttons {
float:left;
display:block;
margin: 10px 0px;
}
ul.keyfeatures {
margin: 0 0 10px 0 ;
list-style: none;
margin:0px;
}

ul.keyfeatures li {
font-size: 13px;
line-height: 20px;
background: url(../images/tick.png) no-repeat 0px 0px;
padding-left: 18px;
}
ul.productjumplinks {
margin: 0 0 10px 0 ;
list-style: none;
margin:0px;
}

ul.productjumplinks li a {
font-size: 13px;
line-height: 20px;
background: url(../images/tag_green.png) no-repeat 0px 0px;
padding-left: 18px;
}
div.productsection ul.newsfeed,
div.productsection ul.mostread {
margin: 0 0 10px 0 ;
list-style: none;
margin:0px;
}

div.productsection ul.newsfeed li a,
div.productsection ul.mostread li a {
font-size: 13px;
line-height: 20px;
background: url(../images/information.png) no-repeat 0px 0px;
padding-left: 18px;
	font-weight: normal;
	font-style: normal;
}

p.highlighted_block ul {
margin: 0 0 10px 0;
}

/*Layout of Product Pages*/
.productmain {}
.productside {float:right;width:220px;margin:10px;padding: 8px;background: #f9f9f9;border: 1px solid #eee;position: relative;top: -50px;}
.productside li {font-size: 11px;
	list-style-position: inside;
}

.productside_left {
	float: left;width:220px;margin:10px;padding: 8px;background: #f9f9f9;border: 1px solid #eee;
} /*added by TJ for download info in shop items*/

.productsection {margin: 20px 0 0 0;}
.showcase_images ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.showcase_images li {
  float: left;
  width: 30%;
  height:150px;
  display:block;
  margin: 0;
  padding: 0;
list-style: none;
}
.showcase_urls ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.showcase_urls li {
  float: left;
  width: 30%;
  margin: 0;
  padding: 0;
list-style: none;
line-height:24px;
}

/* add spacing to blog columns/articles*/
table.blog table table {
	margin: 0px 0px 0px 5px;
}

/* @end */

/* @group Quotebox */
.quotebox {
	margin: 0px 10px 0 0;
	padding: 0px;
}


.bl {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	color: #5a565b;
	background: #ececec url(../images/bl.gif) no-repeat bottom left; 
}

.br {
	background: url(../images/br.gif) no-repeat bottom right;
}

.tl {
	background: url(../images/tl.gif) no-repeat top left;
}

.tr {
	background: url(../images/tr.gif) no-repeat top right; 
	padding:10px;
}

.correct {
	font-size: 1px; 
	height: 0px;
}

.client {
	margin: 0px;
	padding: 10px 15px 15px 55px;
	background: url(../images/speak.gif) no-repeat top left;
	font-size: 85%;
	font-style: italic;
	color: #4A4A4A;
}
/* @end */

/* @group Sitemap */
div.sitemap ul li {
    list-style-type: none;
    margin: 5px;
    padding: 0;
}

ul.sitemapcontent {
    list-style-type: none;
    padding: 0px;
    border: solid 0px;
    margin: 10px 0 10px 80px;
    font-size: 1em;
}
.unsichtbar {
    position: absolute;
    left: -3000px;
    top: -2000px;
    width: 0px;
    height: 0px;
}
div.sitemap h4 {
    margin: 20px 0 0 40px;
}
/* @end */

/* Barries CSS */
.jointlinkscss {display:none;}

/* @group SMF */

tr.windowbg2 b a {
font-size: 14px;
line-height: 20px;
}
.linkplease {
	color: #fbf723;
	font-size: 12px;
	font-weight: bold;
	background-color: #f41d1a;
	padding: 5px;
	border: 1px solid #bb1615;
	margin-bottom: 10px;
	line-height: 28px;
}

/* @end */

/* @group CODE */

.code, .code2 {
	font: 12px/14px "Courier New", Courier, mono;
	background-color: #fafaef;
	border: 1px solid #dbe8ce;
	padding: 5px;
	margin: 10px;
	overflow: hidden;
}
/* @end */

/* @group iContact Forms */
.formcontainer {margin:20px 15%;}
.formcontainer form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}
.formcontainer form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}
.formcontainer form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}
.formcontainer label {
  font-size: 100%;
}
.formcontainer label u {
  font-style: normal;
  text-decoration: underline;
}
.formcontainer input, .formcontainer select, .formcontainer textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}
.formcontainer textarea {
  overflow: auto;
}
.formcontainer form div {
  clear: left;
  display: block;
  width: 354px;
  /*height: expression('1%');*/
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
.formcontainer form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size:90%;
}
.formcontainer form fieldset div.notes h4 {
  background-image: url(http://www.joomlashack.com/images/icon_info.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
  margin:5px 0;
}
.formcontainer form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}
.formcontainer form fieldset div.notes p.last {
  margin: 0em;
}
.formcontainer form div.required fieldset legend {
  font-weight: bold;
}
.formcontainer form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.formcontainer form div.optional label, .formcontainer label.optional {
  font-weight: normal;
}
.formcontainer form div.required label, .formcontainer label.required {
  font-weight: bold;
}
.formcontainer span.radio label {
  width: 172px;
  height:20px;
  margin: 0 0 5px 0;
}
.formcontainer span.radio input {
  width: 29px;
  height:20px;
  margin: 2px 0 5px 0;
}
.formcontainer form div label.labelCheckbox, .formcontainer form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  /*height: expression('1%');*/
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}
.formcontainer form div fieldset label.labelCheckbox, .formcontainer form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}
.formcontainer form div img {
  border: 1px solid #000000;
}
.formcontainer form div input, .formcontainer form div select, .formcontainer form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}
.formcontainer form div input.inputFile {
  width: 211px;
}
.formcontainer form div select.selectOne, .formcontainer form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
  font-size:90%;
}
.formcontainer form div input.inputCheckbox, .formcontainer form div input.inputRadio, .formcontainer input.inputCheckbox, .formcontainer input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 15px;
}
.formcontainer form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}
.formcontainer form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}
.formcontainer form div input.inputSubmit, .formcontainer form div input.inputButton, .formcontainer input.inputSubmit, .formcontainer input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}
.formcontainer form div.submit div input.inputSubmit, .formcontainer form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}
.formcontainer form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  /*height: expression('1%');*/
}
.formcontainer form div.private {
display:none;
}
/*-- Checkboxes --*/

.formcontainer form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0;
  padding: 0 5px 5px 5px;
  width: 344px;
}
.formcontainer form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 10px 9px;
}
.formcontainer span.checkbox {
  width:334px;
  clear:both;
}
.formcontainer span.checkbox label {
  width:295px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  float:left;
  text-align: left;
}
.formcontainer span.checkbox input{
  width:29px;
  height:20px;
  padding: 5px 0;
  margin: 0 0 5px 0;
  float:right;
}
.formcontainer input.hidden {
  display:none;
}


/* @end */

/* @group Custom Article SEO */

h2.relevant_round a {
	background: url(http://www.joomlashack.com/images/stories/template_thumbs/relevant/relevant_roundc_banner.png) no-repeat;
	width: 450px;
	height: 106px;
	text-indent: -5000em;
	display: block;
}


h2.weblogic_round a {
	background: url(http://www.joomlashack.com/images/stories/template_thumbs/weblogic/wl_roundc_banner.png) no-repeat;
	width: 450px;
	height: 106px;
	text-indent: -5000em;
	display: block;
}

h2.earthblog_round_lg a {
	background: url(http://www.joomlashack.com/images/stories/template_thumbs/earthblog/earthblog_banner.jpg) no-repeat;
	width: 929px;
	height: 177px;
	text-indent: -5000em;
	display: block;
}




/* @end */