﻿/* CSS Document - Products Page */

/* //////////////////////////////////////////////////////////////////////////////////////// */


body {
	background: #FFFFFF url(/images/page_background-products.gif) repeat-x left top;
}

#content {
	margin: 0;
}

#tagline {
	height: 150px; width: 970px; margin: 0 0 32px 0; padding: 0
}

#tagline h1 {
	float:left; height:64px; width:298px; margin:28px 40px 0 0; padding: 0; text-indent: -9999px;
	background: transparent url(/images/products_title-ITissuesHappen.png) no-repeat;
}

#tagline p {
	float:left; height: 94px; width:630px; margin:28px 0 0 0; padding: 0;
	font-size: 16px; line-height: 24px; color: #FFFFFF; text-indent: -9999px;
	background: transparent url(/images/products_title-text.png) no-repeat;
}

#prodesc {
	clear:both; float: left; height: 270px; width: 470px; margin: 5px 30px 40px 0; padding: 0;
	background: transparent url(/images/products_description-background.gif) no-repeat;
}

#basicdesc {
	float: left; height: 270px; width: 470px; margin: 5px 0 40px 0; padding: 0;
	background: transparent url(/images/products_description-background.gif) no-repeat;
}

#prodesc h2, #basicdesc h2 {
	float:left; margin:20px 21px 16px; padding: 0; font-size:25px; line-height: 25px;
}

#prodesc h2 {
	color: #6da000;
}

#basicdesc h2 {
	color: #606060;
}

#prodesc ul, #basicdesc ul {
	clear:both; margin: 0 23px 25px; padding: 0;
	border-bottom: 1px dotted #a7a7a7;
}

/*
#basicdesc ul {
	margin: 0 23px 61px;
}
*/

#prodesc ul li, #basicdesc ul li {
	margin: 0 !important; padding:7px 0 8px !important; list-style-type: none; list-style-position: outside;
	font-family: Georgia, Times, sans-serif; font-style: normal !important; font-size: 1.07em; text-align: left; line-height:18px;
	border-top:1px dotted #a7a7a7;
}

#prodesc p, #basicdesc p {
	margin: 0 23px 6px; padding: 0;
}

#prodesc p.specs, #basicdesc p.specs {
	float:right; margin:26px 23px 0; padding: 0;
	font-size: 11px;
}

#prodesc a.buylink {
	display: block; height: 46px; width: 215px; margin: 0 auto; padding: 0;
	background: transparent url(/images/products_button-buyPro.gif) no-repeat; 
	text-indent: -9999px; border: none; text-decoration: none;
}

#basicdesc a.buylink {
	display: block; height: 46px; width: 215px; margin: 0 auto; padding: 0;
	background: transparent url(/images/products_button-buyBasic.gif) no-repeat; 
	text-indent: -9999px; border: none; text-decoration: none;
}

#features {
	clear: both; width: 970px; margin: 0; padding: 0;
}

#features table {
	width: 970px; margin: 5px auto 30px; padding:1px 0 0 0;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	background: #FFFFFF url(../images/products_table_header-background.gif) no-repeat;
}

#features table td {
	/* width:27%; */ 
	padding:4px 15px 6px; 
	text-align: center; vertical-align: middle; font-size:12px; font-weight: bold;
	color: #666666;
}

#features table td:first-child {
	text-align: left;
}

#features table th {
	padding:23px 15px 22px;
	font-size: 16px; font-weight: bold; color: #FFFFFF;
	text-align: center;
}

#features table thead tr th.features {
	text-align: left;
}

#features table th.pro {
	width:250px;
}

#features table th.basic {
	padding:23px 30px 22px 10px;
	width:180px;
}


#features table td img {
	width:24px; height:24px;
}

#features table tr.odd td {
	/* background-color: #eff6fd; */
	background: transparent url(/images/products_odd-bkg.png) repeat;
}

#features table tr.subheader td {
	border-bottom:1px solid #dddddd;
	border-top:1px solid #FFF;
	/* background: #f7f7f7 url(/images/products_table_subhead-background.gif) repeat-x bottom left; */
	background: transparent url(/images/products_table_subhead-background.png) repeat-x bottom left;
	font-weight: bold; font-size: 15px;
	padding:18px 15px 8px;
	color: #999;
}

#features table tr.subheader td a {
	color: #999;
}

#features table tr.subheader td a:hover {
	color: #666666;
}


#howitworks, #supportclients, #security {
	width:750px; margin: 0 0 30px 0;
}

#features colgroup col.pro {
	background: transparent url(/images/products_pro-bkg.png) repeat-y center top;
}

#features colgroup col:first-child {
	width:520px;
}