body{
  font-family: Verdana, Arial, Tahoma, sans-serif;
  background: #EAEAEA url() repeat-x top left; /* 91B0BC */
  color: #000;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
}
a img{ border: 0px; }
td{ vertical-align: top; }
h3{ color: #00ADEF; }
#page{
	width: 775px;
	margin: 25px auto;
}
/**
	This section is for the main column stuff
*/
div#left_column{
	background: transparent url(../images/pro/big_head2.jpg) no-repeat center top;
	padding-top: 75px
}

td#left_column{
	background: #EAEAEA url(../images/pro/big_bkg.jpg) repeat-y center top;
	padding: 0px 0px;
}
/**
	This is rounded bottom of the main column
*/
td#big_foot{
	height: 18px;
	background: transparent url(../images/pro/big_foot.jpg) no-repeat center top;
}
/**
	This is the nifty tag line at the top
*/
p#tag_line{
	width: 300px;
	float: right;
	margin: 10px 40px 30px 60px;
	clear: both;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
/**
	This section is for the form at the top of the page
*/
#forms{
	overflow: auto;
	clear: right;
	margin: 10px 0px 20px;
}

#forms p.options{
	float: right;
	width: 150px;
	border-right: 1px solid orange;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#forms p.checkout input{
	margin: 2px 0px 0px;
}

#forms p.checkout #price_tag{
	float: left;
	font-weight: bold;
	font-size: 15px;
	margin: 6px 0px 0px 15px;
}
#forms p.checkout{
	float: right;
	width: 230px;
	text-align: center;
	margin: 0px;
}
/**
	This section is for the little paragraph between the form and the tabs
*/
div#intro{
	width: 490px;
	margin: 60px auto 15px;
}
/**
	This is lesser appreciated right column with nav and adds
*/
#nav_adds{ width: 182px;}
#nav_adds img{ clear: both; }

/**
	All Tab styles are in tabber.css
*/

ul.whats_new{
	list-style-image: url(../images/pro/orange_bullet.jpg);
}
ul.whats_new strong{
	color: #F26B00;
}
ul.whats_new a{
	color: #036;
	cursor: pointer;
	text-decoration: underline;
}
ul.key_features li{
	margin-bottom: 14px;
}
ul.whats_new li, ul.key_features li, ul.system_reqs li{
	margin-bottom: 14px;
}

ul.whats_new, ul.key_features, ul.system_reqs{
	padding-bottom: 20px;
	margin-right: 14px;
}
/**
	This is tab with the accordion
*/
#accordion{
	width: 531px;
	margin: 0px auto 0px;
}

.tabbertab p.toggler {
	margin: 0;
	background: #2364A2 url(../images/pro/arrow_right.gif) no-repeat 3px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 25px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #ccc;
	cursor: pointer;
}

.active {
	height: auto;
}

.element p, .element h4 {
	margin: 0px 14px 0px;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}
/**
	This is the tool tips

<div class="options.className"> //the className you pass in options will be assigned here.
    <div class="tip-top"></div> //useful for styling
    <div class="tip">
        <div class="tip-title"></div>
        <div class="tip-text"></div>

    </div>
    <div class="tip-bottom"></div> //useful for styling
</div>

*/
.tipped{
	background: #fff url(../images/pro/tip_bkg.jpg) left bottom repeat-x;
}
.tip {
	width: 302px;
	font-family: tahoma,arial;
	background: transparent;
	border: 0px solid orange;
}
.tip-top {
	background: transparent url(../images/pro/tip_top.gif) left bottom no-repeat;
	width: 302px;
	height: 10px;
	padding: 0px;
	margin: 0px;
}
.tip-title {
	color: #e95e25;
	font-weight: bold;
	margin: 0px 0px 0px;
	padding: 2px 8px;
	background: transparent url(../images/pro/tip_middle.gif) left top repeat-y;
}
.tip-text {
	color: #000;
	margin: 0px 0px 0px;
	padding: 8px;
	background: transparent url(../images/pro/tip_middle.gif) left top repeat-y;
}
.tip-bottom {
	background: transparent url(../images/pro/tip_bottom.gif) left bottom no-repeat;
	width: 302px;
	height: 19px;

}