.nospace {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
ul {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
img {border: none;}

table.inside_main_tbl {width: 98%; clear: both;}

.inside_main_tbl a:link {font-size: 12px; color: #005a9c; font-family: Tahoma; text-decoration: underline;}
.inside_main_tbl a:hover {font-size: 12px; color: #0087e9; font-family: Tahoma; text-decoration: none;}
.inside_main_tbl a:visited {font-size: 12px; color: #005a9c; font-family: Tahoma; text-decoration: underline;}
.inside_main_tbl_left {width: 900px; padding-right: 50px;}

.inside_main_tbl_left { font-size: 12pt; clear: both; line-height: 1.3em; font-family: Georgia; color: #333;}
.inside_main_tbl_left h1 {padding-top:5px; padding-bottom:15px; margin:0px; font-size: 15pt; color: #005a9c; }
.inside_main_tbl_left h1 span {padding-top:5px; padding-bottom:5px; margin:0px; font-size: 15pt; color: #333333 !important ;}
.inside_main_tbl_left h2 {padding-top:5px; padding-bottom:5px; margin:0px; font-size: 13pt;  font-family: Verdana, Arial, sans-serif; color: #f78b00;}
.inside_main_tbl_left h3 {padding-top:5px; padding-bottom:5px; margin:0px; font-size: 14pt; color: #005a9c;}

.inside_main_tbl_left ul {list-style: outside; margin: 10px 0px 10px 30px;  padding: 0px;}
.inside_main_tbl_left ul li {padding: 2px 0px 10px 0px;}

hr {display: none;}

body {background: url(images/bg.gif) top left no-repeat #eef3ef; padding: 0 0 20px 0; margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

#wrapper {width: 990px; margin: 0 auto;}

#header {margin: 10px 0 10px 0; padding: 0 5px 0 5px; position: relative; height: 60px;}
#header span {width: 400px; position: absolute; top: 0; right: 5px; font-size: 34px; text-align: right; color: #555;}
#header span small {display: block; text-transform: uppercase; font-size: 12px; color: #666666;}
#header img {float: left; border: none;}
#header form {float: right; margin: 30px 275px 0 0;}

#nav {display: block; height: 50px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(images/nav-bg.gif) no-repeat;}
#nav ul {display: block; padding-top: 4px; margin-left: 8px;}
#nav ul li {display: block; float: left; padding: 10px; margin: 0 10px 0 10px;}
#nav ul li a {padding: 5px; text-transform:  uppercase; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: center;}
#nav ul li a.pricing {color: #FFCC33;}
#nav ul li a:hover {background-color: #6699CC;}

ul.submenu {display: block; width: 970px; padding: 5px 5px 20px 5px; text-align: center;}
ul.submenu li {display: block; float: left; padding: 10px 20px 10px 20px; border-right: 1px solid #ccc; text-align: center;}
ul.submenu li a {padding: 5px; text-transform:  uppercase; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #0066FF;}
ul.submenu li a.pricing {color: #FFCC33;}
ul.submenu li a:hover {border-bottom: 2px solid #003366;}
ul.submenu li.last {border: none;}

#content {display: block; padding: 0px 15px 0px 15px; background: url(images/content-bg.gif) repeat-y; margin: 0px 0px 0px 0px; position: relative;} 

#intro, #intro2 {width: 965px; height: 305px; display: block; background: url(images/intro-bg2.jpg) no-repeat; padding: 20px 0 0px 15px; position: relative; margin-bottom: 0px;}
#intro2 {background: url(images/intro-bg3.jpg) no-repeat;}
#intro h1.old, #intro2 h1.old {display: block; width: 450px; color: #113C58; font-size: 27px; padding: 0px 0 0px 0;}
#intro h1.old strong, #intro2 h1.old strong {color: #0E2F45; font-size: 30px;}
#intro p, #intro2 p {width: 430px; font: 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0;}
#intro span, #intro2 span {display: block; width: 420px; font: 15px Verdana, Arial, Helvetica, sans-serif; color: #222; margin: 20px 0 10px 0;}
#intro img, #intro2 img {vertical-align: middle; border: none;}
#intro img.button, #intro2 img.button {margin-left: 10px;}
#intro a, #intro2 a { font-weight: bold; color: #0066CC; margin-right: 10px;}

#intro a.play, #intro2 a.play {position: absolute; top: 120px; right: 160px; width:167px; height: 126px; background: url(images/play-button.png) 0 0 no-repeat;  cursor: pointer; text-indent: -99999px;}
#intro a.play:hover, #intro2 a.play:hover {background: url(images/play-button.png) 0 -126px no-repeat;}

#clientbar {width: 960px; height: 100px; background: url(images/clientbar-bg.gif) no-repeat; margin: 0 0 20px 0; text-align: right;}
#clientbar img {margin: 5px 20px 0 0;}

#left {width: 630px; float: left; margin: 0 0 10px 0;}
#left h2 {font: 18px Tahoma, Arial, Helvetica, sans-serif; color: #222; line-height: 1.5em; margin-bottom: 20px;}

#left .column {width: 280px; float: left; margin: 0 30px 0 0; line-height: 1.3em; padding-bottom: 20px; color: #444;}
#left .column h3 {font: bold 14px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 20px; color: #006699; border-bottom: 3px solid #FF9900; padding-bottom: 3px;}
#left .column small {display: block; color: #666; text-align: right; margin-top: 5px; font-size: 11px;}

#left .more a:link {font-size: 14px; color: #005a9c; font-family: Tahoma; text-decoration: underline;}
#left .more a:hover {font-size: 14px; color: #0087e9; font-family: Tahoma; text-decoration: none;}
#left .more a:visited {font-size: 14px; color: #005a9c; font-family: Tahoma; text-decoration: underline;}
#left .more a.quote {background-color: #FFFF66; padding: 5px; margin-top: 5px; display: block;}
#left .more h3 {font-size: 16px; border: none; color: #444; margin: 0 0 5px 0;}
#left .more img {vertical-align: middle; margin-right: 10px;}
#left .more small {width: 200px;}

#right {width: 330px; float: right; margin: 10px 0 10px 0;}

#right .box {display: block; border: 1px solid #C5D6C9; padding: 0px 5px 5px 105px; margin: 0 0 25px 0; text-align: center; font-size: 12px; position: relative;}
#right .webinar {background: #E0E9E2 url(images/webinar-bg.gif) 7px 15px no-repeat;}
#right .box p {display: block; margin: 10px 0 10px 0;}
#right .box a {font-size: 20px; color: #6699FF; font-weight: bold;}
#right .box small {display: block;}
#right .video {background: #E0E9E2 url(images/video-bg.gif) 7px 15px no-repeat;}
#right .buy {background: #B5CABA; height: 70px; margin-top: 50px; padding: 5px; position: relative;}
#right .buy p {display: block; float: left; width: 150px; height: 60px;}
#right .buy p.left {padding-right: 5px; margin-right: 10px; border-right: 1px dashed #006666;}
#right .buy a {font-size: 16px; margin: 15px 0 5px 0; display: block; color: #003366;}

#right .box h3 {font-size: 14px;}

#right .buy h3 {font-size: 19px; color: #fff; text-align: center; background: url(images/purchase-bg.jpg) no-repeat; position: absolute; display: block; top: -30px; left: -1px; width: 330px; height: 44px; padding-top: 8px; margin: 0 0 0 0;}

#right .news {background: #E0E9E2; margin-top: 20px; padding: 0 8px 8px 8px; text-align: left; position:relative;}
#right .news h3 {text-align: left; margin-bottom: 20px; font-size: 13px;}
#right .news strong {display: block; margin: 0 0 5px 0;}
#right .news a {font-size: 12px;}
#right .news p {margin-bottom: 20px;}

#right .news img.twitterbird {position: absolute; top: -20px; right: 0px;}
#right .rss {position: absolute; top: 22px; right: 0; display: block; width: 80px;}

#left-buy {width: 460px; padding-right: 12px; border-right: 2px dashed #999; float: left; text-align: center; margin: 20px 0 20px 0;}
#right-buy {width: 475px; float: right; text-align: center; margin: 20px 0 20px 0;}

#left-buy h1, #right-buy h1 {font-size: 24px; margin: 0 0 30px 0; color: #006666;}
#right-buy p, #left-buy p {text-align: justify; padding: 0 20px 30px 20px;}
#right-buy a, #left-buy a {display: block; margin: 20px; font-weight: bold; color: #336699; font-size: 16px; background: #f1f1f1; padding: 5px; border: 1px solid #ccc;}
#right-buy a.img, #left-buy a.img {margin: 0 0 0 0; background: none; border: none;}

div#twitter_div li {
padding: 5px 10px 10px 10px;
}

div#twitter_div li a:link  { color: #003366;}


#footer {display: block; overflow: auto; border-top: 1px dotted #ccc; padding: 20px 0 20px 0; margin: 0px 0px 0px 0px; clear: both;}
#footer span { display: block; width: 140px; margin: 0 0px 0 10px; float: left;}
#footer span.first {width: 130px; padding-top: 30px;}
#footer span.bottom-guide {margin-right: 20px;}
#footer span strong {display: block; font-size: 14px; margin-bottom: 10px;}
#footer span a {display: block; font-size: 10px; text-transform:  uppercase; text-decoration: underline; margin-top: 5px; color: #336699;}
#footer a.trial {color: #FF6600;}

#bottom-links {width: 400px; float: left; margin: 5px 0 10px 10px; font-size: 11px; }
#bottom-links a {color: #006699;}

#copyright {font-size: 11px; color: #999; width: 530px; float: right; margin: 5px 0 10px 0;}
#copyright a {color: #006699;}

#news_archive { display: block; width: 300px; text-align: right;}
#news_archive img {margin-left: 5px;}
#news_archive a, .news_archive a:visited {font-size: 11px !important; text-decoration: underline; color: #f78b00;}
#news_archive a:hover {font-size: 11px !important; text-decoration: none;}

blockquote { background: #f3f3f3 url(images/blockquote-bg.png) 10px 10px no-repeat; width: 200px; padding: 10px 10px 10px 70px; margin: 0;}

table.scr_tbl td strong {display: block; margin-bottom: 20px;}

#theform {
	float: left;
	margin: 10px 0 30px 0;
	border: 10px solid #0066CC;
	border-width: 10px 0;
	padding: 10px 0 0 0;
	}
#theform fieldset {
display: inline;
	width: 290px;
	height: 340px;
	border: 0;
	padding: 14px 7px 14px 21px;
	margin: 0 0 20px 0;
	float: left;
	border-right: 1px dashed #ccc;
	}
	
#theform fieldset small {font-size: 11px;}

#theform fieldset legend {
	display: block;
	font-size: 42px;
	color: #444;
	margin-bottom: 5px;
	}
#theform fieldset legend span {
	display: none;
	}
#theform fieldset legend strong {
	font-size: 14px;
	margin-left: 10px;
	}
#theform fieldset div.help {
	color: #000;
	background: #eee;
	font-size: 0.8em;
	width: 260px;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 15px 0 20px 0;
	}
#theform fieldset label {
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	line-height: 1.5em;
	}
#theform fieldset input {
	font-size: 14px;
	}

#theform #pt3 {border: none;}
	
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #FFCC33;
	}
#theform fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	}

/* Part 4 Styling */
#theform #pt4 {
	clear: both;
	display: block;
	width: 930px;
	height: 70px;
	border: 1px dashed #ccc;
	border-width: 1px 0 0 0;
	padding: 14px;
	margin: 0 0 0 0;
	overflow: auto;
	}
#theform #pt4 legend {
	display: none;
	}
#theform #pt4 h3 {
	display: none;
	}
#theform #pt4 #disclaimer {
	width: 400px;
	float: left;
	font-size: 0.8em;
	}
#theform #pt4 input {
display: block;
	height: 70px;
	font-size: 14px;
	width: 270px;
	color: #fff; 
	background: #FF9900;
	font-weight: bold;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	float: right;
	margin: 0 15px 0 0;
	cursor: pointer;
	}
	
#theform .cool {margin: 0 0 10px 0; font-weight: normal;}
#theform .drop {width: 260px;}
#theform .short {width: 120px; float: left; display: inline; margin-right: 10px;}

.heading {display: block; text-align: center; font-size: 22px; font-weight: lighter; color: #555;}
.client-list {display: block; border: 1px solid #ccc; border-width: 1px 0 1px 0; padding: 10px; text-align: center; margin: 20px 0 20px 0;}
.client-list-index {display: block; padding: 0 10px; text-align: center; margin: 0px 0 20px 0;}
.client-link {float: right; font-size: 11px;}
.account-url {display: block; font-size: 12px; margin: 10px 0 20px 0; padding: 5px; background: #FFFF99; border: 1px solid #FFCC66; width:260px;}

a.pitch {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button.gif) no-repeat; text-indent: -99999px; margin: 12px 0 0 5px;}
a.pitch:hover {background: url(images/top-pitch-button.gif) 0px -67px no-repeat; text-indent: -99999px;}

div.bar {display: block; clear: both; width: 940px; background: #D6FAB8; padding: 10px; border: 1px solid #B1F57A; text-align: center; font-size: 24px;}
div.bar a {color: #555;}
div.bar a:hover {text-decoration: none;}

div.top div.pitch h1 {text-align: left; font-size: 28px; font-family: helvetica, arial, sans-serif; color: #113C58; padding:0px 0 20px 0; margin: 0 0 0 0;}
div.top div.pitch h2 {text-align: left; font-size: 18px; font-family: helvetica, arial, sans-serif; margin: 10px 0 20px 0; color: #175075; font-weight: 100; line-height: 24px;}
div.top div.pitch h2 strong {font-weight: lighter; background: #FFFF99; padding: 3px; color: #333;}

div.top div.pitch {width: 410px; padding-top: 15px;}

a.pitch-button {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button.png) no-repeat; text-indent: -99999px; margin-top: 30px;}
a.pitch-button:hover {background: url(images/top-pitch-button.png) 0px -67px no-repeat; text-indent: -99999px;}

div.intro-bar {width: 960px; height: 40px; background: #183344; margin: 0 0 10px 0; text-align: right; padding: 5px 0 0 0;}
div.intro-bar p {margin: 0 0 0 60px; width: 500px; float: left; text-align: left; color: #ccc; font-weight: bold;}
div.intro-bar img.icon {vertical-align: middle; margin: 0 20px 0 0;}
div.intro-bar a {display: block;padding: 8px 20px 0 0; color: #6699CC; font-weight: bold;}
div.intro-bar a:hover {text-decoration: none;}

div#left div.feature {display: block; width: 200px; margin:0 0px 30px 5px; float: left; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; display: inline;}
div#left div.last {margin-bottom: 0;}
div#left h4 {width: 180px; height: 45px; display: block; text-indent: -99999px; margin-bottom: 10px;}
div#left h4.feature-1 {background: url(images/content-features-1.gif) no-repeat;}
div#left h4.feature-2 {background: url(images/content-features-2.gif) no-repeat;}
div#left h4.feature-3 {background: url(images/content-features-3.gif) no-repeat;}
div#left h4.feature-4 {background: url(images/content-features-4.gif) no-repeat;}
div#left h4.feature-5 {background: url(images/content-features-5.gif) no-repeat;}
div#left h4.feature-6 {background: url(images/content-features-6.gif) no-repeat;}

div#right strong.client-head {font-size: 18px; color: #333; font-weight: lighter;}

div.buy-heading {display: block; margin: 20px 0 0 0; text-align: center; float: left; width: 960px;}
h1.buy-heading {font-size: 28px; line-height: 40px; font-weight: lighter; color: #666; display: block; margin: 0px 0 20px 25px;}

input.number {display: inline; border: 1px solid #66CC00; padding: 3px; font-size: 22px; color: #555; margin: 0 0 0 15px; width: 40px; text-align: center; background: #f9f9f9; font: Arial, Helvetica, sans-serif;}

div.plans {display: block; float: left; width: 960px; margin: 30px 0;}

div.plan {display: block; float: left; width: 300px; background: #EFFFE1; margin: 0 26px 0 0; border: 1px solid #C9FF97; text-align: center; position: relative;}
div.plan h2 {text-align: center; font-size: 28px; color: #00592D; margin-top: 35px;}
div.plan small {display: block; width: 225px; margin: 0 auto; color: #555; text-align: center; font-size: 11px;}
div#badge {position: absolute; top: 80px; left: -20px;}
div.plan strong {display: block; text-align: center; font-size: 60px; text-align: center; padding: 0 15px 0 0; margin: 20px 0; color: #4B4B25;}
div.plan strong sup {display: inline-block; font-size: 16px; border-bottom: 1px solid #000; vertical-align: top; margin: 5px 0 0 0;}
div.plan strong i {display: inline-block; font-size: 26px; font-style: normal; vertical-align: top; margin: 10px 5px 0 0;}
div.plan strong sub {font-size: 30px;}
div.plan strong.inhouse sub {font-size: 18px;}
div.plan ul {display: block; text-align: center; color: #374406;}
div.plan ul li {display: block; margin: 10px 0;}

div.plan u {background: #FFFF99; padding: 1px 2px; text-decoration: none;}

div.plan a.signup {display: block; width: 231px; height: 28px; background: url(images/buy-signup.png) no-repeat; text-indent: -99999px;margin: 30px auto 0 auto;} 
div.plan a.signup:hover {background: url(images/buy-signup.png) 0px -29px no-repeat;} 
div.plan a.signup-s {display: block; width: 231px; height: 28px; background: url(images/buy-signup2.png) no-repeat; text-indent: -99999px;margin: 30px auto 0 auto;} 
div.plan a.signup-s:hover {background: url(images/buy-signup2.png) 0px -29px no-repeat;} 
div.plan a.order {display: block; width: 231px; height: 28px; background: url(images/buy-order.png) no-repeat; text-indent: -99999px;margin: 10px auto;} 
div.plan a.order:hover {background: url(images/buy-order.png) 0px -29px no-repeat;} 
div.plan a.free {display: block; width: 231px; height: 28px; background: url(images/buy-free.png) no-repeat; text-indent: -99999px;margin: 30px auto;} 
div.plan a.free:hover {background: url(images/buy-free.png) 0px -29px no-repeat;} 
div.plan a.small {display: block; font-size: 10px; color: #3366CC; margin-bottom: 14px; text-align: center;}
div.plan a.small:hover {text-decoration: none;}

div.plan select {display: inline-block; border: 1px solid #ccc; width: 90px; margin: 40px 0 0 10px; font-size: 16px; background: #D5FFAE; padding: 2px; color: #4B4B25; vertical-align: top;}

a.current-customer {position: absolute; top: -25px; right: 0; color: #006699; text-decoration: none; font-size: 11px; background: #FFFF66; padding: 3px;}
a.current-customer:hover {text-decoration: underline;}
div.current-customer {float: left; display: block; width: 936px; padding: 10px; background: #eee; border: 1px solid #ccc; font-size: 18px; color: #333; margin: 30px 0 0 0; text-align: center;}
div.current-customer a {background: #FEE970; padding: 5px; margin: 0 5px 0 5px; color: #006699; text-decoration: none;}
div.current-customer a:hover {text-decoration: underline; background: #FFFF66;}

div.bottom-center {display: block; float: left; width: 958px; margin: 40px 0 0px 0;}

div.bottom-center blockquote {margin: 0 0 0 0; padding: 15px 10px 15px 90px; display: block; font-size: 24px; font-weight: lighter; background: #EFEFDE url(images/blockquote-bg.png) 15px 15px no-repeat; width: 857px;}
div.bottom-center blockquote img {vertical-align: middle; margin-left: 10px;}
div.bottom-center small {float: right;}

div.plan a.signup-2 {display: block; width: 231px; height: 28px; background: url(images/buy-signup-2.png) no-repeat; text-indent: -99999px;margin: 30px auto 0 auto;} 
div.plan a.signup-2:hover {background: url(images/buy-signup-2.png) 0px -29px no-repeat;} 
div.plan a.signup-s-2 {display: block; width: 231px; height: 28px; background: url(images/buy-signup2-2.png) no-repeat; text-indent: -99999px;margin: 30px auto 0 auto;} 
div.plan a.signup-s-2:hover {background: url(images/buy-signup2-2.png) 0px -29px no-repeat;} 
div.plan a.order-2 {display: block; width: 231px; height: 28px; background: url(images/buy-order-2.png) no-repeat; text-indent: -99999px;margin: 10px auto;} 
div.plan a.order-2:hover {background: url(images/buy-order-2.png) 0px -29px no-repeat;} 
div.plan a.free-2 {display: block; width: 231px; height: 28px; background: url(images/buy-free-2.png) no-repeat; text-indent: -99999px;margin: 30px auto;} 
div.plan a.free-2:hover {background: url(images/buy-free-2.png) 0px -29px no-repeat;} 

div.center {display: block; float: left; margin: 40px 0 40px 0; font-size: 16px; font-weight: bold; color: #222;}


div.center a.steps {display: block; float: left; border: 1px solid #ddd; border-width: 1px 0 1px 0; font-size: 16px; font-weight: bold; text-decoration: none; color: #222;}
div.center a.step1 {background: url(images/center-step1.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step1:hover {background: url(images/center-step1.gif) 0 -63px no-repeat;}
div.center a.step2 {background: url(images/center-step2.gif) no-repeat; width: 235px; height: 42px; padding: 23px 0 0 85px;}
div.center a.step2:hover {background: url(images/center-step2.gif) 0 -63px no-repeat;}
div.center a.step3 {background: url(images/center-step3.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step3:hover {background: url(images/center-step3.gif) 0 -63px no-repeat;}

a.sidebar-try {display: block; width: 286px; height: 96px; text-indent: -99999px; background: url(images/sidebar-try.gif) no-repeat;}
a.sidebar-try:hover {background: url(images/sidebar-try.gif) 0px -97px no-repeat;}
a.sidebar-buy {display: block; width: 286px; height: 96px; text-indent: -99999px; background: url(images/sidebar-buy.gif) no-repeat;}
a.sidebar-buy:hover {background: url(images/sidebar-buy.gif) 0px -97px no-repeat;}

div.price-box {display: block; border: 1px solid #ccc; background: #f9f9f9; height: 90px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 50px 0; position: relative;}
div.price-box div.label {position: absolute; top: -22px; right: -1px; text-transform: uppercase; background: #6699CC; font-size: 11px; font-weight: bold; padding: 1px 5px 0 5px; color: #fff; text-align: left;}
div.price-box div.users {display: block; width: 85px; height: 45px; float: left; text-align: center; font-weight: bold; font-size: 14px; border-right: 1px solid #ddd; padding: 15px 0 10px 0; margin: 10px 0;}
div.price-box div.users strong {display: block; margin: 0 0 10px 0; font-size: 35px;}
div.price-box div.price {display: block; width: 205px; height: 55px; float: right; text-align: center; font-weight: bold; font-size: 28px; border-left: 1px solid #ddd; padding: 5px 0 10px 0; margin: 10px 0; color: #660000;}
div.price-box div.price a.order {display: block; width: 176px; height: 28px; background: url(images/pricing-checkout.png) no-repeat; text-indent: -99999px; margin: 15px auto 0 auto;} 
div.price-box div.price a.order:hover {background: url(images/pricing-checkout.png) 0px -28px no-repeat;} 
div.price-box div.content {display: block; float: left; padding: 0 10px;}
div.price-box div.content p {margin: 0 0 0 0; padding: 7px 0 3px 0; height: 40px; font-size: 11px; display: block; width: 385px; line-height: 18px; color: #666;}
div.price-box div.content p b {font-weight: normal; padding: 2px; background: #FFFF99;}
div.price-box div.content span.addons {display: block; font-size: 11px; line-height: 17px; width: 385px;}
div.price-box div.content span strong {font-size: 15px; color: #c3c3c3; display: block; width: 10px; float: left; line-height: 16px; margin: 3px 30px 0 0;}
div.price-box img.sticker {position: absolute; top: -25px; left: -15px;}
strong.header-custom {display: block; text-align: center; font: 26px lighter Arial, Helvetica, sans-serif; margin: 0 0 20px 0;}
input#customqty {width:50px; font-size: 26px; border: 1px solid #66CC00; padding: 2px; text-align: center; margin: 0 0 5px 0; height: 30px;}

ul.tourtabs {display: block; width: 200px; position: absolute; top: 70px; left: 5px;}
ul.tourtabs li a {display: block; background: #eee; padding: 15px 15px 15px 60px; border: 1px solid #ccc; border-width: 1px 1px 0 0px; color: #333; font: 14px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;}
ul.tourtabs li a.active {background: #fff; border-right: none;}
ul.tourtabs li a:hover {background: #ddd; color: #666;}

ul.tourtabs li a.dashboard.active {background: #fff url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat; border-top: none;}
ul.tourtabs li a.dashboard:hover {background: #ddd url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat;}
ul.tourtabs li a.dashboard {background: #eee url(QuickTour/images/dashboard-off.gif) 15px 7px no-repeat;}

ul.tourtabs li a.projects.active {background: #fff url(QuickTour/images/projects-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.projects:hover {background: #ddd url(QuickTour/images/projects-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.projects {background: #eee url(QuickTour/images/projects-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.activities.active {background: #fff url(QuickTour/images/activities-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.activities:hover {background: #ddd url(QuickTour/images/activities-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.activities {background: #eee url(QuickTour/images/activities-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.details.active {background: #fff url(QuickTour/images/details-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.details:hover {background: #ddd url(QuickTour/images/details-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.details {background: #eee url(QuickTour/images/details-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.collaboration.active {background: #fff url(QuickTour/images/collaboration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.collaboration:hover {background: #ddd url(QuickTour/images/collaboration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.collaboration {background: #eee url(QuickTour/images/collaboration-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.sharing.active {background: #fff url(QuickTour/images/sharing-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.sharing:hover {background: #ddd url(QuickTour/images/sharing-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.sharing {background: #eee url(QuickTour/images/sharing-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.permissions.active {background: #fff url(QuickTour/images/permissions-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.permissions:hover {background: #ddd url(QuickTour/images/permissions-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.permissions {background: #eee url(QuickTour/images/permissions-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.notifications.active {background: #fff url(QuickTour/images/notifications-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.notifications:hover {background: #ddd url(QuickTour/images/notifications-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.notifications {background: #eee url(QuickTour/images/notifications-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.calendar.active {background: #fff url(QuickTour/images/calendar-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.calendar:hover {background: #ddd url(QuickTour/images/calendar-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.calendar {background: #eee url(QuickTour/images/calendar-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.timelogs.active {background: #fff url(QuickTour/images/timelogs-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.timelogs:hover {background: #ddd url(QuickTour/images/timelogs-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.timelogs {background: #eee url(QuickTour/images/timelogs-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.gantt.active {background: #fff url(QuickTour/images/gantt-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.gantt:hover {background: #ddd url(QuickTour/images/gantt-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.gantt {background: #eee url(QuickTour/images/gantt-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.reports.active {background: #fff url(QuickTour/images/reports-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.reports:hover {background: #ddd url(QuickTour/images/reports-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.reports {background: #eee url(QuickTour/images/reports-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.customization.active {background: #fff url(QuickTour/images/customization-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.customization:hover {background: #ddd url(QuickTour/images/customization-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.customization {background: #eee url(QuickTour/images/customization-off.gif) 15px 8px no-repeat;}

ul.tourtabs li a.integration.active {background: #fff url(QuickTour/images/integration-on.gif) 15px 8px no-repeat; border-bottom: none;}
ul.tourtabs li a.integration:hover {background: #ddd url(QuickTour/images/integration-on.gif) 15px 8px no-repeat;}
ul.tourtabs li a.integration {background: #eee url(QuickTour/images/integration-off.gif) 15px 8px no-repeat; border-bottom: 1px solid #ccc;}


.quick_tour_tbl, .quick_tour {display: block; width: 670px; float: right; text-align: left; font: 15px Arial, Helvetica, sans-serif;}
.quick_tour h2 {font: 30px Verdana, Helvetica, sans-serif; color: #222;}
.quick_tour h3 {font: 18px Tahoma, Helvetica, sans-serif; color: #888; line-height: 24px; margin: 0 0 30px 0;}
.quick_tour h4 {font-size: 16px;}
.quick_tour img.screen-right {float: right; margin: 0 10px 0 30px; border: 1px solid #ccc;}
.quick_tour img.screen-left {float: left; margin: 0 35px 0 0px; border: 1px solid #ccc;}
.quick_tour p {position: relative;}
.quick_tour img.button-right {position: absolute; top: -10px; right: 0; border: none; z-index: 2;}
.quick_tour img.button-left {position: absolute; top: -10px; left: -10px; border: none; z-index: 2;}

div.learnmore {margin-bottom: 30px; position: relative;}
div.learnmore a.next {position: absolute; right: 0; top: 3px; font-weight: bold;}
div.learnmore h4 {font-size: 22px; padding: 0 0 10px 0; display: block; border-bottom: 1px solid #777; font-weight: normal;}
div.learnmore ul {list-style: none; margin: 0; padding: 0;}
div.learnmore ul li {display: block; width: 335px; float: left;}
div.learnmore ul li a {display: block; width: 250px; padding: 10px 0 10px 60px; text-decoration: none; color: #777;}
div.learnmore ul li:hover {background: #f1f1f1;}
div.learnmore ul li a small {display: block; margin: 10px 0 0 0; text-decoration: none; color: #777; font-size: 11px; font-weight: normal;}
div.learnmore ul li a.dashboard {background: url(QuickTour/images/dashboard-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.projects {background: url(QuickTour/images/projects-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.details {background: url(QuickTour/images/details-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.collaboration {background: url(QuickTour/images/collaboration-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.calendar {background: url(QuickTour/images/calendar-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.gantt {background: url(QuickTour/images/gantt-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.reports {background: url(QuickTour/images/reports-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}
div.learnmore ul li a.permissions {background: url(QuickTour/images/permissions-on.gif) 15px 7px no-repeat; color: #444; text-decoration: none; font-weight: bold;}


ul.tourtabs li a.tourplans {display: block; margin: 20px 0 20px 7px; width: 190px; height: 60px; text-indent: -99999px; background: url(QuickTour/images/seeplans.png) no-repeat; border: none; padding: 0;}
ul.tourtabs li a.tourplans:hover {background: url(QuickTour/images/seeplans.png) 0px -60px no-repeat;}
a.tourplans {display: block; margin: 20px 0 20px 7px; width: 190px; height: 60px; text-indent: -99999px; background: url(QuickTour/images/seeplans.png) no-repeat; border: none; padding: 0;}
a.tourplans:hover {background: url(QuickTour/images/seeplans.png) 0px -60px no-repeat;}

img.special-pricing {position: absolute; top: -13px; left: -10px;}
strong#price small.bigred {font-weight: bold; color: #CC0000; font-size: 40px; position: absolute; top: 135px; right: 15px;}
strong#price2 small.bigred2 {font-weight: bold; color: #CC0000; font-size: 40px; position: absolute; top: 135px; right: -30px;}
small#warning, small#warning2 {color: #CC0000; margin: 2px; padding: 0 0 0 40px; text-align: right; display: block; position: absolute; right: 0; bottom: -20px;} 
