/* @group Blueprint CSS Framework 0.8 */

/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   
   Version : 2009.06.09

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height: 18px;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size: 12px;color:#666;background:#FFF url(/site-images/body-bg.gif) repeat-x;font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size: 36px;line-height:1;margin-bottom:30px;}
h2 {font-size: 24px;line-height:1;margin-bottom:18px;}
h3 {font-size: 18px;line-height:1;margin-bottom:18px;}
h4 {font-size: 14px;line-height:1.25;margin-bottom:0;}
h5 {font-size:12px;font-weight:bold;margin-bottom:0;}
h6 {font-size:12px;margin-bottom: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 18px;}
p img.left {float:left;margin:18px 18px 18px 0;padding:0;}
p img.right {float:right;margin:18px 0 18px 18px;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
a, a:active {outline: 0px;}
blockquote {margin:18px;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 18px;font-style:italic;}
del {color:#666;}
pre {margin:18px 0;white-space:pre;}
pre, code, tt {font:12px 'andale mono', 'lucida console', monospace;line-height:18px;}
li ul, li ol {margin:0 18px;}
ul, ol {margin:0 24px 18px 24px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 18px 0;}
dl dt {font-weight:bold;}
dd {margin-left:18px;}
table {margin-bottom:18px;}
th {font-weight:bold;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.yhighlight {color: #de9a28;}

/* forms.css */
label {font-weight:bold; line-height: 1.5;}
fieldset {padding:18px;margin:0 0 18px 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:14px;}
input.text, input.title, textarea, select {margin: 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:18px;}
textarea {width:390px;height:250px;padding:5px;}


/* grid.css */
.container {width:950px;margin:0 auto; background: none;}
.showgrid {background:url(/cssimg/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 18px 40px;}
.push-2 {margin:0 -80px 18px 80px;}
.push-3 {margin:0 -120px 18px 120px;}
.push-4 {margin:0 -160px 18px 160px;}
.push-5 {margin:0 -200px 18px 200px;}
.push-6 {margin:0 -240px 18px 240px;}
.push-7 {margin:0 -280px 18px 280px;}
.push-8 {margin:0 -320px 18px 320px;}
.push-9 {margin:0 -360px 18px 360px;}
.push-10 {margin:0 -400px 18px 400px;}
.push-11 {margin:0 -440px 18px 440px;}
.push-12 {margin:0 -480px 18px 480px;}
.push-13 {margin:0 -520px 18px 520px;}
.push-14 {margin:0 -560px 18px 560px;}
.push-15 {margin:0 -600px 18px 600px;}
.push-16 {margin:0 -640px 18px 640px;}
.push-17 {margin:0 -680px 18px 680px;}
.push-18 {margin:0 -720px 18px 720px;}
.push-19 {margin:0 -760px 18px 760px;}
.push-20 {margin:0 -800px 18px 800px;}
.push-21 {margin:0 -840px 18px 840px;}
.push-22 {margin:0 -880px 18px 880px;}
.push-23 {margin:0 -920px 18px 920px;}
.push-24 {margin:0 -960px 18px 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:18px;}
.append-bottom {margin-bottom:18px;}
.box {padding:18px;margin-bottom:18px;border: 1px solid #d7d7d7;}
hr {clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border-top:2px dotted #badae9; border-bottom: none; border-right: none; border-left: none;}
hr.space {}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* @end */

/* @group Library */

/* @group Slider */

	
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
	

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #d7d7d7; /* this is the border. should have the same value for the links */
			border-top: none;
			margin: auto;
			width: 708px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 708px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 30px 30px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			background: #eee;
			border-top: 1px solid #d7d7d7;
			border-left: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			height: 36px;
			margin: 0;
			overflow: hidden;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
		
		.stripNav ul li {
			float: left;
			margin: 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#stripNav0 a { /* The nav links */
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 36px;
			color: #888;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		

		#stripNav0 li a:hover {
			background: #e0f0fa;
			color: #1969bc;
			text-decoration: none;
		}
		
		#stripNav0 li a.current {
			background: #fff;
			color: #000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			background: #000;
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}


/* @end */

p.intro {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 18px;
}

span.req {
	color: red;
	font-size: 14px;
	font-weight: bold;
}

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;
}

a:hover, a:active {
	color: #464748;
	text-decoration: underline;
}

a.link-button {
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #0066bc;
	font-weight: bold;
	padding: 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-button:hover {
	background: #0066bc;
	border: 1px solid #0066bc;
	color: #fff;
	text-decoration: none;
}

a.button-friendly,
a.button-friendly:link,
a.button-friendly:visited {
	background: #5DA83C;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.button-friendly:hover,
a.button-friendly:active {
	background: #346C1B;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.box-buttons {
	margin: 27px 0 42px;
}

.button-submit {
	background: #363738;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 6px 9px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.alt-list {
	margin: 0;
	padding: 0;
} 

.alt-list li {
	list-style: none;
}

.side-info {
	padding: 0 18px 0 0;
}

.side-info h2 {
	font-size: 14px;
	margin: 0 0 3px;
}

a.link-block {
	background: #0066bc;
	color: #fff;
	display: block;
	margin: 0 0 18px;
	padding: 15px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-block:hover {
	background: #e0f0fa;
	color: #1969bc;;
}

a.link-block .heading {
	display: block;
	font-size: 24px;
	margin: 0 0 6px;
}

a.link-block .txt {
	font-size: 12px;
}

.cta {
	background: #5DA83C;
}

.cta a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

a.link-to-button,
a.link-to-button:link,
a.link-to-button:visited {
	color: #fff;
	padding: 6px 9px;
	cursor: pointer;
	cursor: hand;
}

a.link-to-button:hover {
	background: #346C1B;
	color: #fff;
	padding: 6px 9px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.nav {
	margin: 0 0 18px;
}

.nav li {
	display: inline;
}

.nav li a {
	margin: 0 6px 0 0;
}

.nav-footer h6 {
	margin:  0 0 6px;
}

.nav-footer ul {
	margin: 0;
	padding: 0;
}

.nav-footer li {
	border-bottom: 1px solid #eee;
	list-style: none;
	padding: 3px 0;
}

.nav-footer a {
	font-size: 11px;
}

/* @end */

/* @group Containers */

a#site-admin {
	background: url(/site-images/site-admin-button.png) no-repeat 0 0;
	cursor: hand;
	cursor: pointer;
	height: 85px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 85px;
	z-index: 999;
}

* html a#site-admin { /*PNG Fix for IE6*/
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cssimg/site-admin-button.png',sizingMethod='crop');
}

#stretch-header {
	height: 124px;
}

#container-header {
	clear: both;
	width: 990px;
	height: 124px;
	position: relative;
}

#page {
clear: both;
width: 990px;
margin: 0px auto;
}

#headerwrapper {
	background: url(/site-images/header-wrapper.gif) top center no-repeat;
	margin: 0px;
}

#pagewrapper {
	background: url(/site-images/page-wrapper.gif) center repeat-y;
	margin: 0px;
}

hero-text {
	padding-top: 20px;
	padding-left: 30px;
}

#homeh1 {
	display: block;
	width: 329px;
	height: 32px;
	text-indent: -10000px;
	background: url(/cssimg/home-h1.gif) no-repeat;
	clear: both;
}

.box-buttons a.button-friendly-home {
	display: block;
	width: 414px;
	height: 56px;
	text-indent: -10000px;
	background: url(/cssimg/home-free-trial-button.gif) no-repeat;
	clear: both;
	margin: 0px;
}

#stretch-content, #stretch-content-hometop {
	clear: both;
	padding: 20px 0 0;
	width: 988px;
	margin: 0px auto;
}

#stretch-content-hometop {
	clear: both;
	padding: 15px 0px 15px 0px;
}

#container-content {
	background: none;
	padding-bottom: 36px;
}

#feature-nav {
	float: left;
}

#feature-con, #overview-con {
	width: 710px;
	float: right;
}

#overview-con img {
	width: 700px;
}

#overview-con .span-24 {
	width: 710px;
}

#stretch-footer {
	padding-bottom: 20px;
}

#container-footer {
	width: 950px;
	padding: 0px 19px;
}

#section-newsletter {

}

#section-newsletter .item {
	padding: 12px 0 0;
}

#section-newsletter .item .text {
	width: 170px;
}

#section-newsletter .item img {
	display: block;
}

#section-site-info {
	font-size: 11px;
	text-align: right;
}

/* @end */

/* @group Content - Header */

#logo {
	display: block;
	background: url(/site-images/heysmartguy-logo.gif);
	width: 322px;
	height: 105px;
	float: left;
	text-indent: -100000px;
	margin-left: 30px;
}

#whoslogged {
	color: #fff;
	font-size: 12px;
	padding: 3px 0;
	position: absolute;
	right: 0;
}

#whoslogged a {
	background: #3B8DEF;
	border: 1px solid #1B78E6;
	color: #fff;
	margin: 0 0 0 6px;
	padding: 9px 9px 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#whoslogged a:hover {
	background: #154C8E;
	border: 1px solid #154C8E;
	text-decoration: none;
}

#search-site {
	float: right;
	margin: 25px 33px 0px 0px;
	padding: 6px 0px;
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	width: 360px;
}

#search-site input.text {
	width: 160px;
	margin-right: 10px;
	margin-left:10px;
}

#tagline h2 {
	clear: right;
	display: block;
	background: url('/cssimg/tagline-v2.png') no-repeat;
	width: 360px;
	height: 25px;
	text-indent: -1000000px;
	float: right;
	padding: 0px 30px 0px 0px;
	margin: 15px 0px 0px 0px;
}

/* @end */

/* @group Content - Header */

#container-nav {

}

#container-nav.container {
	width: 990px;
}

#container-nav.container ul {
	padding: 0px 32px 0px 32px;
	height: 41px;
}

#container-nav.container ul li a {
	color: #464748;
}

#container-nav.container ul li a:hover, #container-nav.container ul li.selected a {
	color: #ff7111;
}

#container-nav ul {
	margin: 0;
	padding: 0;
}

#container-nav li {
	display: inline;
	list-style: none;
}

#container-nav li a {
	color: #fff;
	text-decoration: none;
}

#container-nav li.selected a,
#container-nav li.selected a:hover {
	color: #00418E;
	cursor: default;
}

#container-nav li a:hover {
	color: #FFFFFF;
}

#container-nav li.main a {
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	width: 126px;
	display: block;
	background: url(/site-images/nav-bg.gif) top left;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#container-nav.container ul li.main.selected a, #container-nav.container ul li.main a:hover {
	background-position: left -41px;
	color: #FFFFFF;
}

#container-nav li.sub a {
	float: right;
	margin: 0 0 0 21px;
	font-size: 12px;
}

/* @end */

/* @group Content - Home */

#hero-text h1 {
	margin: 0 0 6px;
}

#hero-text p {
	font-size: 18px;
	line-height: 24px;
}

#hero-text .announcement-list p,
#hero-text .announcement-list a{
	font-size: 11px;
	line-height: 14px;
}

.feature-list h3 {
	color: #000;
	font-size: 16px;
}

.feature-list h3,
.feature-list h4 {
	margin: 0 0 3px 75px;
}

.feature-list.bullet h3 {
	margin: 0px;
}

.feature-list.bullet ul {
	margin: 0px;
	padding-left: 20px;
}

.feature-list.bullet ul li {
	overflow: visible;
	list-style: disc;
}

.feature-list.bullet li {
	padding: 5px 0px 3px 0px;
}

.feature-list p {
	margin: 0 0 18px 75px;
	padding-right: 20px;
}

.feature-list ul {
	margin: 0 0 0 75px;
}

#main-features.box ul.feature-list.bullet ul {
	list-style: decimal;
	padding: 20px;
}

.feature-list li {
	margin: 0 0 21px;
	overflow: hidden;
	position: relative;
}

.feature-list li li {
	margin: 0;
	padding: 0;
}

.feature-list li .icon {
	float: left;
	_margin-top: 18px; /* IE6 */
}

#main-features {
	padding: 18px 0 18px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#main-features h2 {
	margin: 0 0 18px;
}

.feature-blox h2,
.feature-blox h3 {
	font-size: 12px;
	margin: 9px 0 3px;
}

.feature-blox td {
	vertical-align: top;
	width: 50%;
	padding: 0 18px 6px 0;
}

/* @end */

/* @group Content - Overview */

#feature-nav ul {
	margin: 0;
	padding: 0;
}

#feature-nav li {
	list-style: none;
}

li.feat-item a, h2.overview {
	background: #F5F5F5;
	color: #878787;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 18px 10px 18px;
	text-decoration: none;
	width: 180px;
}

h2.overview {
	margin: 0px 0px 0px 0px;
}

li.feat-item-hover a {
	background: #e0f0fa;
	color: #1969bc;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 18px 10px 18px;
	text-decoration: none;
	width: 180px;
}

li.feat-item.selected a {
	background: #666;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 18px 10px 18px;
	text-decoration: none;
	width: 180px;
}

li.feat-sub-item a {
	background: #FFFFFF url('/cssimg/check.png') left center no-repeat;
	border-bottom: 1px solid #F5F5F5;
	display: block;
	font-size: 11px;
	width: 158px;
	color: #4e4d4d;
	padding: 5px 18px 5px 40px;
}

li.feat-sub-item-hover a {
	background: #e0f0fa url('/cssimg/check.png') left center no-repeat;
	border-bottom: 1px solid #F5F5F5;
	display: block;
	font-size: 11px;
	width: 158px;
	color: #1969bc;
	padding: 5px 18px 5px 40px;
	text-decoration:none;
}

li.feat-sub-item.selected a {
	color: #fff;
	background: #666 url('/cssimg/check.png') left center no-repeat;
	border-bottom: 1px solid #F5F5F5;
	display: block;
	font-size: 11px;
	width: 158px;
	padding: 5px 18px 5px 40px;
	text-decoration:none;
}

div#cat_677783_divs {
	margin-top: 40px;
}

li.feat-sub-item.last-item a {
	border-bottom: 1px solid #FFFFFF;
}

div.featurebox {
	clear: both;
}

div.featureboximg {
	float: left;
	padding: 0px 20px 20px 0px;
}

hr.grey {
	border-top: 1px solid #e8e8e8;
}

div#tryitnow {
	clear: both;
	width: 350px;
	margin: 0px auto;
	border: 1px solid #e8e8e8;
	padding: 20px 60px 20px 60px;
	text-align: center;
	line-height: normal;
	font-size: 14px;
}

div#tryitnow p {
	margin: 5px;
}

div#tryitnow h2 a {
	display: block;
	text-indent: -100000px;
	width: 270px;
	height: 67px;
	background: url('/cssimg/free-30-day-trial.gif') top left;
	margin: 0px auto;
}

div#tryitnow h2 a:hover {
	background-position: left -67px;
}

.nav-side ul {
	margin: 0;
	padding: 0;
}

.nav-side li a {
	background: #F5F5F5;
	border-top: 1px solid #fff;
	color: #878787;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 18px;
	width: 180px;
	text-decoration: none;
}

.nav-side li a:hover {
	background: #e0f0fa;
	color: #1969bc;
}

.nav-side li.selected a,
.nav-side li.selected a:hover {
	background: #666;
	color: #fff;
	cursor: default;
}

.nav-side li a:hover {
	background: #e0f0fa;
	border-top: 1px solid #fff;
	color: #1969bc;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
}

.slider-wrap .cta {
	text-align: right;
}

.slider-wrap .skinny {
	width: 320px;
}

.slider-wrap h2 {
	margin: 0 0 30px;
}

.slider-wrap .skinny h3 {
	margin: 0 0 3px;
}

.super-image {
	position: absolute;
	top: 87px;
	right: 0;
}

.prev-next {
	margin: 36px 0 18px;
}


/* @end */

/* @group Content - Support */

a.triangle {
	background: #5DA83C;
	color: #fff;
	padding: 9px 15px;
	width: 180px;
}

a.triangle .heading {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

a.triangle .txt {
	font-size: 11px;
}

/* @end */

/* @group Content - Full Features */

container-feature-list img.f-image {
	float:left;
	margin:-38px 0 0;
}

container-feature-list ul {
	margin:0pt 0pt 36px 100px;
	padding:0pt;
}

container-feature-list li {
	padding:3px 0pt;
}

container-feature-list h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0pt 0pt 18px 84px;
}

.intro {
	font-size: 14px;
	margin: 0 0 36px;
}

/* @end */

/* @group Content - Shipping Providers */

.supported-payment-gateways,
.supported-shipping-providers  {
	margin: 24px 0;
	width: 100%;
}

.supported-payment-gateways td,
.supported-shipping-providers td {
	border: 1px solid #d7d7d7;
	font-size: 12px;
	line-height: 21px;
	padding: 9px;
}

td.logo {
	width: 100px;
}

p.copyright-info {
	font-size: 11px;
	margin: 0;
	text-align: center;
}

/* @end */

/* @group Content - Pricing */

.table-friendly {
	border: 1px solid #D2E4B8;
	width: 100%;
}

.table-friendly th,
.table-friendly td {
	color: #444;
	font-size: 14px;
	padding: 9px;
}

.table-friendly thead th {
	background: #36AA36;
	color: #fff;
}

.table-friendly .stripe th,
.table-friendly .stripe td {
	background: #F1F7EA;
}

.table-friendly a.button-friendly,
.table-friendly a.button-friendly:link,
.table-friendly a.button-friendly:visited,
.table-friendly a.button-friendly:hover,
.table-friendly a.button-friendly:active {
	font-size: 12px;
	font-style: normal;
	padding: 6px 9px;
}

.table-friendly tfoot {
	background: #E0F2C5;
} 

.table-friendly tfoot td {
	height: 30px;
}

th.txt-large {
	font-size: 30px;
}

th.txt-mid {
	font-size: 24px;
}

th.txt-small {
	font-size: 18px;
}

/* @end */

/* @group Content - For Designers */

.list-small li {
	font-size: 11px;
}


/* @end */

/* @group Content - Contact us */

.container-form {
	border-left: 1px solid #eee;
	padding: 0 0 0 27px;
}

/* @end */

/* @group Content - Detailed Tour */

p.backtop {
	margin: 18px 0 48px;
}

/* @end */

/* @group Content - Portfolio */

ul.list-3by3 {
	margin: 0 0 0 -9px ;
	width: 974px;
}

.list-3by3 li {
	background: #f0f0f0;
	float: left;
	font-size: 11px;
	height: 270px;
	margin: 0 0 12px 12px;
	overflow: hidden;
	padding: 12px;
	width: 284px;
	_display: inline;
}

.list-3by3 h2 {
	font-size: 14px;
	margin: 0 0 6px;
}

.list-3by3 img {
	border: 1px solid #dedede;
	display: block;
	margin: 0 0 12px;
}

/* @end */

/* TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	clear: both;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0px;
    padding: 0px 1px 0px px;
    min-width: 184px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0px;
    width: 184px;
    height: 45px;
    background: url(/site-images/tab-bg.gif) top left no-repeat;
}
.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #464748;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    color: #FFFFFF;
}
.ui-tabs-nav a span {
    width: 184px; /* IE 6 treats width as min-width */
    min-width: 184px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    padding-top: 15px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 0px -45px;
    color: #FFFFFF;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 0px -45px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0px -45px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#billboard {
	width: 930px;
	margin: 0px auto;
}

#billboard h2 {
	width: 360px;
	height: 83px;
	text-indent: -100000px;
	display: block;
	margin-bottom: 5px;
}

#slide-start h2 {
	background: url(/site-images/slide-0-h2.gif) no-repeat;
}

#slide-1 h2 {
	background: url(/site-images/slide-1-h2.gif) no-repeat;
}

#slide-2 h2 {
	background: url(/site-images/slide-2-h2.gif) no-repeat;
}

#slide-3 h2 {
	background: url(/site-images/slide-3-h2.gif) no-repeat;
}
#slide-4 h2 {
	background: url(/site-images/slide-4-h2.gif) no-repeat;
}

#slide-5 h2 {
	background: url(/site-images/slide-5-h2.gif) no-repeat;
}

#billboard h5.free-trial {
	display: block;
	text-indent: -100000px;
	width: 197px;
	height: 67px;
	background: url(/site-images/free-trial-billboard-button.gif) no-repeat;
	margin: 0px auto;
}

h5.free-trial a {
	display: block;
	width: 197px;
	height: 67px;
}

.billboard-message {
	clear: both;
	float: left;
	width: 370px;
}

.orange {
	color: #ff7111;
	margin-bottom: 5px;
	font-size: 17px;
}

.billboard-message strong {
	font-weight: normal;
	font-size: 15px;
	line-height: 26px;
}

.billboard-message-box {
	height: 220px;
}

.billboard-message-box p {
	padding-left: 8px;
}

.billboard-image {
	float: right;
	width: 525px;
}

/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
  background: #FFFFFF;
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/site-images/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/site-images/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/site-images/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/site-images/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/site-images/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/site-images/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

/*CSS FOR DESIGNERS PAGE*/
h1#designer_intro {
	text-indent: -1000000px;
	display: block;
	background: url(/site-images/cms-for-designers.gif) no-repeat;
	width: 771px;
	height: 29px;
	margin: 20px auto;
}

h2#copy {
	text-indent: -1000000px;
	display: block;
	background: url(/site-images/copy.gif) no-repeat;
	width: 249px;
	height: 242px;
	float: left;
}

h2#launch {
	text-indent: -1000000px;
	display: block;
	background: url(/site-images/launch.gif) no-repeat;
	width: 249px;
	height: 242px;
	float: left;
}

h2#paste {
	text-indent: -1000000px;
	display: block;
	background: url(/site-images/paste.gif) no-repeat;
	width: 303px;
	height: 242px;
	float: left;
}

div#designer_flowchart {
	width: 801px;
	margin: 20px auto 30px auto;
	clear: both;
}

div#designer_freetrial {
	clear: both;
}

h2#easy {
	text-indent: -1000000px;
	display: block;
	background: url(/site-images/yep-its-that-easy.gif) no-repeat;
	width: 443px;
	height: 70px;
	margin: 40px auto 0px;
}

div#designer_buttons {
	clear: both;
	width: 800px;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
}

div#designer_features {
	background: url(/site-images/designer_featuresbg.gif) no-repeat;
	width: 951px;
	height: 356px;
	padding: 0px 10px 0px 10px;
}

div.designer_feat {
	float: left;
	text-align: center;
	width: 165px;
	padding: 0px 10px 0px 10px;
}

div.designer_feat h3 {
	color: #ff7111;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

div.designer_feat ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
}

div.designer_feat li {
	padding: 7px 0px 5px 0px;
}

.hsgb {
	float:left;
	width:29px;
	padding:0px 2px 0px 2px;
}