/*-------------------------------------------------------
* Filename: styles.css
* Version: 1.0.0 (2008-12-03)
* Website: http://www.gorilla.com
* Author: gorilla
* Description: Handles the site layout.
   -----------------------------------------------------*/

/*------------------------------------------------------
  				Global Reset
  ------------------------------------------------------*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: Arial, sans-serif;

}

ul li {
    list-style-type:none;
} 

body	{
	margin:0;
	font:normal 15px Arial, sans-serif;
	padding:0;
	background:#FFFFFF;

}


/*------------------------------------------------------
  				page structure
  ------------------------------------------------------*/
#total	{
	width:100%;
	height:auto;
	margin:auto;

}

#toppart	{
	width:100%;
	background:url(images/mainbg.gif) top left repeat-x;
	height:auto;
	margin:auto;
}
#toppartsub	{
	width:100%;
	background:url(images/header_2.gif) top left repeat-x;
	height:auto;
	margin:auto;
}

#middlepart	{	
	background:url(images/mid_bg.gif) repeat-x;
	height:auto;
}

#middlepart2	{
	width:980px;
	height:auto;
	margin:auto;


}

#middlepart2_bottom	{
	background:url(images/mid_bottom.gif) bottom no-repeat;
	width:980px;
	height:50px;

}

.topbg	{
	width:997px;
	margin:auto;

}

#content	{
	float:none;
	width:960px; 
	margin:auto;
	padding-top:10px;

}

#content2	{
	width:960px; 
	height:auto;

}

.leftpart	{
	display:inline;
	float:left;
	width:470px; 
}


.rightpart	{
	float:right;
	width:470px;
}

.mainproducts	{
	width:570px;
	height:auto;
	float:left;
	margin:0;

}

.products	{
	list-style:none;
	margin:0 0 0 -20px;
	padding:0;
	width:570px;
}

.products li	{
	font:normal 12px Arial,sans-serif;
	color:#636b75;
	line-height:18px;
	display:inline;
	float:left;
	margin:0 0 27px 20px;
	width:252px;
	border:0px solid #cccccc;
	padding:3px;
}

.products a	{
	display:block;
	margin-bottom:3px;
}

.middleforums	{
	width:390px;
	height:auto;
	float:right;
	margin:0;


}
/* - ---------------------------- */

#pricing	{
	display:inline;
	float:left;
	margin-right:10px;
	width:225px;
}

#freeebook	{
	display:inline;
	float:right;
	margin-right:10px;
	width:225px;
	border-left: solid 1px #cccccc;
	padding-left:100px;
}

img{border:none;
}


/* - ---------------------------- */
#screenshot	{
	height:35px;
	margin:8px 0 12px 9px;
	font:normal 18px Arial,sans-serif;
	color:#494f57;
}

#screen	{
	display:inline;
	float:left;
	width:233px;
}

#screen ul	{
	list-style:none;
	margin:0 -7px 0 0;
	padding:0 0 0 7px;
}

#screen li	{

	margin:0 2px 2px 0;
	padding:0;
}

#screen li a	{
	display:block;
	overflow:hidden;
	margin:5px;
}
/* - ---------------------------- */
#middlebottom {
	width:960px;
	border-top:1px solid #d3d4d4;
	margin:20px auto 8px auto;
	padding-top:30px;
	text-align:left;

}

.logo	{
    background: url(images/logo2.gif) left no-repeat;
    width: 108px;
    height: 52px;
    float: left;
    margin-left: 10px;
    padding-top: 0px;
}

.leftbg	{
	background:url(images/left_bg.gif) left no-repeat;
	width:275px;
	min-height:600px;
	float:left;
	margin-right:15px;
	height:720px;
}

.prorightbg	{
	background:url(images/proright_bg.gif) left top no-repeat;
	width:275px;
	min-height:600px;
	float:right;
	margin-right:15px;
	height:720px;
}
/* - ---------------------------- */

.subrightpart	{
	width:650px;
	height:auto;
	margin:0;
	padding: 20px 0 0;
	float:right;
}
/* - ---------------------------- */
.proleftpart	{
	width:650px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
/* - ---------------------------- */
.subiconlist {
	padding:0;
	margin-bottom:30px;

}

.subiconlist li a {
	display:block; 
	color:#83bc00; 
	text-decoration:none; 
	font:normal 18px Arial,sans-serif;
		
}

.subiconlist li a:hover {
	text-decoration:underline;	
 
}

.icon-list,
.icon-list ul,
.icon-list li{margin:0;padding:0;list-style-type:none;position:relative;}

.icon-list li{list-style:none;margin-bottom:50px;margin-top:50px;}

.icon-list h3{padding-bottom:12px;margin-bottom:36px;}

.icon-list img{left:0;position:absolute;top:0;}

.icon-list p{font-size:14px;}

.icon-list
.gt{margin-top:27px;}

.icon-list 
{clear:both;}

.icon-list 
.icon{margin-bottom:18px;position:relative;}

.icon-list 
.icon h3{margin-bottom:9px;margin-top:0;}

.icon-list 
.icon h3,
.icon-list 
.icon p,
.icon-list 
.icon ul{margin-left:80px;}

.icon-list 
.gr-2 
.icon, 
.icon-list 
.gr-3 
.icon,
.icon-list 
.gr-4
.icon{margin-right:2%;}

.icon-list 
.gr-2 
.icon h3,
.icon-list 
.gr-3 
.icon h3{font-size:15px;font-weight:bold;margin-bottom:5px;}

.icon-list 
.gr-2 
.icon p,
.icon-list 
.gr-3 
.icon p{font-size:12px;}

.icon-list 
.gr-2 
.icon{width:48%;}

.icon-list 
.gr-3
.icon{width:31.3%;}

.icon-list 
.gr-4
.icon{width:23%;}


.bottomborder	{
	background:url(images/border.gif) repeat-x;
	width:87%;
	margin:auto;
	height:1px;
	margin-left:80px;
}

.moreingo_button	{
	position:relative;
	top:0px;
	left:0px;
	margin:10px 20px 0 350px;

}


.addtocare_button	{
	padding:0 0 0 160px;

}

.create_button	{
	padding:20px 0 0 0px;
	float:right;

}

.prolist {
	height:auto;
	margin:0;
	padding:0;
}

.prolist ul {
	padding:0px 0 0 60px;
	margin:0;
	list-style:none;
}

.prolist li {
	list-style:none;
	font:normal 16px "Trebuchet MS", Verdana, Sans-serif;
	margin:0;
	color:#878b91;
	background:url(images/pro_bg.png)  0% 50% no-repeat;
	padding-left:25px;
}

.probox	{
	width:218px;
	height:auto;
	margin:20px 0 0 20px;

}

.proboxtop	{
	background:url(images/probox_top.gif) no-repeat;
	height:47px;
}

.proboxmid	{
background:#FFFFFF;
border:1px solid #dddddd;
padding:10px;
border-width:0 1px 0 1px;

}

.proboxbottom	{
	background:url(images/probox_bottom.gif) no-repeat;
	height:8px;
}



/*------------------------------------------------------
  				top navigation
  ------------------------------------------------------*/
  /* home page nav background */
 #navHContainer {
    background:url(images/topmenu.gif) top right no-repeat;
	height:52px;
	margin:0;
	padding:0;
}

 #navHContainer2 {
    background:url(images/topmenu2.gif) top right no-repeat;
	height:52px;
	margin:0;
	padding:0;
}
/*
#nav ul {
    padding:0px;
	margin:0;
	list-style:none;
	float:left;
	padding-right:10px;
}

#nav li {
    list-style:none;
	margin:0;
	float:left;
}
 second-level lists 
#nav li ul { 
	position : absolute;
	left: -999em;
	width:13em;
    background-color:#6CC1F7;
	border:1px solid #809DF9;
	float:left;
}


#nav a {
    display:block; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-family:Arial,sans-serif; 
	text-indent: 10px;
	padding:18px 10px 10px 10px;
	line-height:18px;
	float:left;
}
#nav li li a {
    width:12em;
}

#nav li a:hover {
  color:#dbf271;
}
#nav li a.SelectedTab {
    color:#dbf271;
}
#nav .DisabledTab {
    color:#fff; 
}
*/
#nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:auto;
}

#nav li {
position: relative;
float:left;
line-height : 1.25em;
list-style: none;
}

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
background-color:#3F6E01;
font-weight:normal;
z-index:1000;


}

#nav a {
display:block; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-family:Arial,sans-serif; 
	text-indent: 10px;
	padding:18px 0px 10px 0px;
	line-height:25px;
	float:left;
	white-space:nowrap;

}
#nav li li a {
width:17em;
display:table;
padding:5px 10px 0px 0px;
font-size:12px;
text-transform:none;
}
#nav li a:hover {
color:#dbf271;
}
#nav li a.SelectedTab {
font-size:1.12em;
background-color: #FFF;
}
#nav .DisabledTab {
color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul {
top: 44px;
left:0;

}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
top: 0;
left:12.8em;
}
/* sub nav hover */
#nav li li:hover,#nav li li.hover {background:#649200;}

.userlogin{
    display:block; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-family:Arial,sans-serif; 
	text-indent: 10px;
	padding:18px 10px 10px 10px;
	line-height:18px;
	float:right;
	/*background:url(images/login.gif) no-repeat 16px 21px;*/
}

.userlogin ul {
	padding:0px;
	margin:0;
	list-style:none;
	float:right;
	padding-right:10px;
	
}

.userlogin li {
	list-style:none;
	margin:0;
	float:right;
	
}

.userlogin li a {
	display:block; 
	color:#DBF271; 
	text-decoration:none; 
	font-size:15px; 
	font-family:Arial,sans-serif; 
	text-indent: 5px;
	line-height:18px;
	font-weight:bold;
}

.userlogin li.login {
	text-transform:uppercase;
}

.userlogin li a:hover {
	color:#fff;
} 
  
.menu {	
	background:url(images/topmenu.jpg) top right no-repeat;
	height:52px;
	margin:0;
	padding:0;}

.menu ul {
	padding:0px;
	margin:0;
	list-style:none;
	float:right;
	padding-right:10px;
}

.menu li {
	list-style:none;
	margin:0;
	float:left;
}

.menu li a {
	display:block; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-family:Arial,sans-serif; 
	text-indent: 30px;
	padding:18px 10px 10px 10px;
	line-height:18px;
}

.menu li.home {
	background:url(images/home.gif) no-repeat 16px 17px;
}
.menu li.product {
	background:url(images/products.gif) no-repeat 16px 19px;
}
.menu li.blog {
	background:url(images/blog.gif) no-repeat 16px 19px;
}
.menu li.about {
	background:url(images/about.gif) no-repeat 16px 19px;
}
.menu li.contact {
	background:url(images/signup.gif) no-repeat 16px 19px;
}
.menu li.experiments {
	background:url(images/exp.gif) no-repeat 15px 16px;
}
.menu li.login {
	background:url(images/login.gif) no-repeat 16px 21px;
	text-transform:uppercase;
}

.menu li a:hover {
	color:#dbf271;
}

.menu_hover_active {
	color:#dbf271;
}

/*------------------------------------------------------
  				header
  ------------------------------------------------------*/
.banner
{
background:url(images/banner.gif) top left repeat-x;
height:262px;
width:100%;
}

.header	{
	background:url(images/header_main.jpg) top center no-repeat;
	width:100%;
	height:358px;
}
/*
.header2	{
	background:#689605;
	width:997px;
	margin:auto;
	height:134px;
}
*/
.header2	{
	/*background:url(images/product_bg.gif) repeat-x;*/
	margin:auto;
	text-align:center;
	width:997px;
	/* Set the height only for IE
	#height:131px; */
}
.header_product	{
	background:#79a417 url(images/header_sub.gif) top center no-repeat;
	width:100%;
	margin:auto;
	height:128px;
}

/*------------------------------------------------------
  				left navigation
  ------------------------------------------------------*/
.leftmenu {
	width:276px;
	height:auto;
	margin:0;
	padding:0;
	margin-top:30px;
}

.leftmenu ul {
	padding:0px;
	margin:0;
	list-style:none;

}

.leftmenu li {
	list-style:none;
	margin:0;


}

.leftmenu li a {
	display:block; 
	color:#8f8f8f; 
	text-decoration:none; 
	font:bold 14px Arial,sans-serif; 
	text-indent: 10px;
	padding-left:10px;
	background:url(images/leftmenu_bg.gif) no-repeat;
	padding-top:10px;
	height:46px;
}


.leftmenu li.current a {
	background:url(images/left_overview_hover.gif) no-repeat;
	height:46px;
	text-decoration:none;
	color:#FFFFFF;	
}

.leftmenu create li.current a {
	background:url(images/left_create_hover.gif) no-repeat;
	height:46px;
	text-decoration:none;
	color:#FFFFFF;
}

.leftmenu managing li.current a {
	background:url(images/left_managing_hover.gif) no-repeat;
	height:46px;
	text-decoration:none;
	color:#FFFFFF;
}

.leftmenu reporting li.current a {
	background:url(images/left_report_hover.gif) no-repeat;
	height:46px;
	text-decoration:none;
	color:#FFFFFF;
}

.leftmenu resell li.current a {
	background:url(images/left_resell_hover.gif) no-repeat;
	height:46px;
	text-decoration:none;
	color:#FFFFFF;
}

.leftmenu li a:hover {
text-decoration:underline;
}


/*------------------------------------------------------
  				left links
  ------------------------------------------------------*/
.leftlinks {
	width:227px;
	height:auto;
	margin:0;
	padding:0;
}

.leftlinks ul {
	padding:0px;
	margin:0;
	list-style:none;
}

.leftlinks li {
	list-style:none;
	margin:0;
	
}

.leftlinks li a {
	display:block; 
	color:#5d8700; 
	text-decoration:none; 
	font:normal 12px Arial,sans-serif; 
	background:url(images/menu_bullet.gif) right 50% no-repeat;
	padding:5px 0 5px 20px;
}

.leftlinks li a:hover {
text-decoration:underline;
}

/*------------------------------------------------------
  				misecellaneous
  ------------------------------------------------------*/
p	{
	font:normal 13px Arial, sans-serif;
	color:#636b75;
	line-height:18px;
	margin:0;
	padding:0;
}

ul.hbox	{
	list-style:none;
	padding:0;
}
ul.hbox li	{
	margin-bottom:0;
}

#topbut	{
	left:50%;
	list-style:none;
	margin-left:-480px;
	padding:0;
	position:absolute;
	top:348px;
}

#breadcrumb	{
	left:50%;
	list-style:none;
	margin-left:-480px;
	padding:0;
	position:absolute;
	color:#ffffff;
	font:Arial;
	padding-left:10px;
	padding-top:110px;
	font-size:10px;
}

#breadcrumb a	{

	color:#ffffff;
}

.breadtitle{
    font:Arial;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

#topbut2	{
	list-style:none;
	padding:40px 20% 0 0;
}


.readmore	{
	margin:0;
	float:right;
	margin:10px 0 10px 0;
}

.readmore a	{
	color:#636b75;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;	text-decoration:none;

}

.readmore a:hover	{
	color:#636b75;
	text-decoration:underline;
	
}

/*------------------------------------------------------
  				subfooter
  ------------------------------------------------------*/

#links	{
	background:none;
	list-style:none;
	margin:0;
}

#links ul	{
	list-style:none;
	margin:0;
	padding:0;

}

#links li	{
	display:inline;
	float:left;
	margin-bottom:0;
	padding:0;
	width:290px;	
}

#links li li	{
	display:block;
	float:none;
	margin-bottom:18px;
	padding:0;
	width:auto;
	margin:0;
}

#links h3	{
	color:#0570b8;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
	text-transform:uppercase;
	margin:0;
}

#links 
#blog	{
	font:normal 13px Arial,sans-serif;
	padding-right:10px;
	width:480px;
	color:#2173af;
}

#blog li	{
list-style:none;
line-height:18px;
}

#blog li a	{
	font:normal 13px Arial,sans-serif;
	color:#2173af;
	text-decoration:none;
}

#blog li a:hover	{
	text-decoration:underline;
}

.recentforum	{
	font:normal 13px Arial,sans-serif;
	color:#2173af;
	margin-left:0px;
	margin:0px;
	width:460px;
	float:right;
}

.recentforum ul	{
	margin:0;

}

.recentforum li a	{
	font:normal 13px Arial,sans-serif;
	color:#2173af;
	text-decoration:none;
}

.recentforum li a:hover	{
	text-decoration:underline;
}

.post	{
	color:#b0b0b0;
}


/*------------------------------------------------------
  				headings
  ------------------------------------------------------*/
h5	{
	color:#3e434a;
	font:bold 12px Arial,sans-serif;
	margin:0;
	padding:0;
	line-height:18px;
}

h2	{
	/*height:13px;*/
	margin:18px 0 12px 0;
	font:normal 18px Arial,sans-serif;
	color:#494f57;
}

h1	{
	/*height:15px;*/
	font:normal 30px Arial,sans-serif;
	color:#494F57;
	padding:5px 0 0px 0;
	margin:0;
}

h3	{
	margin:5px 0 5px 0;
	font:normal 18px Arial,sans-serif;
	color:#7b8188;
	padding:0;
	padding-bottom:5px;
	line-height:27px;
}

h4	{
	font:normal 18px Arial,sans-serif;
	color:#6f9f00;

}

/*------------------------------------------------------
  				footer
  ------------------------------------------------------*/
#footer	{
	width:980px;
	background:url(images/footer_bg.gif) no-repeat;
	height:137px;
	margin:auto;
	margin-top:20px;
	font-size:12px;
}

.contentleft	{
	float:left;
	padding:30px 10px 0 10px;
	color:#636B75;
	font-size:12px;
	width:350px;
}

.contentleft p	{
	font-size:12px;
}

.contentright p	{
	font-size:12px;
	color:#636B75;
}

.contentright	{
	float:right;
	padding:30px 15px 0 10px;
	color:#636B75;
	font-size:12px;
	line-height:18px;
	text-align:right;
	width:200px;
}

.footerleft	{
	float:left;
	padding:30px 10px 0 10px;
	color:#b0b0b0;
	font-size:12px;

}

.footerleft p	{
	font-size:12px;
}

.footerright p	{
	font-size:12px;
	color:#b0b0b0;
}

.footerright	{
	float:right;
	padding:30px 15px 0 10px;
	color:#b0b0b0;
	font-size:12px;
	line-height:18px;
	text-align:right;
}

#footer a	{
	font:normal 12px Arial,sans-serif;
	color:#b0b0b0;
	text-decoration:underline;
	line-height:18px;
}

#footer a:hover	{
	font:normal 12px Arial,sans-serif;
	color:#b0b0b0;
	text-decoration:none;
	line-height:18px;
}

.greenboxtop	{
	background:url(images/top_green.gif) no-repeat;
	height:14px;

}

.greenboxbottom	{
	background:url(images/bottom_green.gif) no-repeat;
	height:14px;

}

.greenboxmid	{
	background:url(images/mid_green.gif) repeat-y;
	height:auto;
padding-right:30px;

}
.greenboxmid h2
{
margin:0;
padding:0 0 0 30px;
font:normal 3em Arial, "Trebuchet MS", Verdana, Sans-Serif;
}
.greenboxmid p	{
font:normal 15px Arial, Verdana, Sans-serif;
padding:10px 0 0 30px;
}

.titlebanner
{
width:997px;
margin:auto;
}


table {

border-collapse:collapse;
}

table thead
{
font:bold 15px Arial, Helvetica, sans-serif;
padding:5px 10px;
}
th
{
background-color:#d9d9d9;
font:bold 15px Arial, Helvetica, sans-serif;
padding:10px 10px;
text-align:left;
}

th.leftimg{
background:#d9d9d9 url('images/titlehead.gif') no-repeat 0 0
}
th.rightimg{
background:url('images/titleheadright.gif') no-repeat right top
}
/* this is the style used by the features table for products */
.featurestable td
{
border:1px solid #ccc;
border-width:1px 0 1px 0;
padding:8px 10px;
font:bold 15px Arial, sans-serif;
color:#8f9298;
}

.LinkIcon{
padding-right:5px;
vertical-align:text-bottom;

}

/* Overide dnn style */

.SelectedTab
{
    color:#DBF271; 
	text-decoration:none; 
	font-size:12px;	 
	font-family:Arial,sans-serif;
	font-weight:bold;	
	text-transform:uppercase; 

}
/* remove help icons */
.SubHead img
{
display: none;
}

.SubHead {
color:#003366;
font-family:Arial,sans-serif;
font-size:13px;
font-weight:bold;
}

.Normal{
font:normal 13px Arial, sans-serif;
}