@import "toggle.css";
@import "banners.css";

/* --------- GENERAL --------- */

body {
	margin: 0px;
	font-family: Arial;
}

form {
	margin: 0px;
	padding: 0px;
}

.error {
	color: #a41c20;
}

.errorStar {
	color: #a41c20;
}

img {
	border: 0px;
}

h1 {
	margin: 0px;
	font-size: 23px;
	color: #fff;
}

h2 {
	margin: 0px;
	font-size: 22px;
	font-weight: normal;
	color: #000;
}
h2.has-link {
	display: inline;
	padding: 0 0 12px 0;
	width: 100%;
	display: block;
	border-bottom: 1px solid #c3c4c7;
}

h3 {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 17px;
	color: #26328c;
}
h3.grey {
	color: #686868 !important;
}

h4 {
	margin: 0px;
	margin-bottom: 0px;
	/*margin-bottom: 10px;*/
	font-size: 15px;
	line-height: 120%;
	font-weight: normal;
	color: #4d4d4d;
}
h4.blue {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #26328c;
}

h5 {
	margin: 0px;
	font-size: 15px;
	display: inline;
}

h6 {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
}

hr {
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #dadbdc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

hr.dotted {
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 16px;
	border-top: 1px dotted #acabab;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

textarea {
	width: 99%;
}

.altrow {
	background: #eff8ff;
}

.altrow2 {
	background: #f9fcff;
}

a {
	outline: 0px;
}


/* --------- DIV IDS --------- */

#coverpage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	moz-opacity: .0;
	opacity: .0;
	text-align: center;
}
#coverpage img {
	margin-top: 200px;
}

#page {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	width: 900px;
	padding: 0 0 20px 0;
}

#header {
	float: left;
	height: 71px;
	width: 100%;
}

#logo {
	position: absolute;
	top: 30px;
	left: 36px;
	z-index: 1000;
	width: 208px;
	height: 68px;
}

#menu {
	float: right;
	margin-top: 50px;
	margin-right: 35px;
}
#menu a {
	text-decoration: none;
	font-size: 15px;
	padding: 0 0 0 22px;
	color: #26328c;
}
#menu a:hover {
	color: #9155ff;
}
#menu a.on, #menu a.on:hover {
	color: #9155ff;
}

#sub-nav {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 34px 24px 0 36px;
	width: 840px;
	height: 52px;
	background: url('../images/bg_sub_nav.jpg') no-repeat;
}
#sub-nav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav ul li a {
	text-decoration: none;
	color: #fff;
}
#sub-nav ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
#sub-nav ul li.section-title {
	padding: 10px 38px 10px 0;
	background: url('../images/subnav_section_divider.png') 58px 3px no-repeat;
	color: #9e9e9e;
}

#sub-nav-customize {
	background: url('../images/bg_long_intro.jpg') no-repeat;
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 46px 24px 0 36px;
	width: 840px;
	height: 40px;
}

#sub-nav-customize-reverse {
	background: url('../images/bg_long_intro_reverse.jpg') no-repeat;
	position: relative;
	clear: both;
	float: left;
	padding: 4px 0 0 0;
	width: 900px;
	height: 56px;
}

#sub-nav-customize ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav-customize ul li, #sub-nav-customize-reverse ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav-customize ul li a, #sub-nav-customize-reverse ul li a {
	text-decoration: none;
	color: #fff;
}
#sub-nav-customize ul li a.on, #sub-nav-customize-reverse ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
#sub-nav-customize ul li.section-title, #sub-nav-customize-reverse ul li.section-title {
	padding: 10px 38px 10px 0;
	background: url('../images/subnav_section_divider.png') 152px 3px no-repeat;
	color: #9ea0b5;
}

#page-intro {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 0 36px;
	width: 840px;
	color: #fff;
}

#page-intro-alt {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 20px 36px;
	width: 840px;
	color: #4d4d4d;
	background: #e7e7e7 url('../images/bg_sub_nav.png') no-repeat;
}
#page-intro-alt ul li {
	margin-bottom: 0px;
	padding: 0px;
}

#linkedin-bar, #category-search {
	float: left;
	position: relative;
}
#linkedin-bar, #help-search, #category-search {
	clear: both;
	background: #c5c7d2;
}

#linkedin-bar {
	height: 27px;
	width: 890px;
	padding: 6px 10px 0 0;
	text-align: right;
}
#linkedin-bar img {
	float: right;
	margin-left: 10px;
}

#help-search {
	width: 852px;
	padding: 18px 10px 18px 38px;
}
#help-search input[type="text"] {
	float: left;
	padding: 4px 0 4px 10px;
	width: 230px;
	font-size: 15px;
	color: #919191;
}
#help-search input[type="image"] {
	float: left;
	margin-left: 10px;
}

#category-search {
	height: 27px;
	width: 854px;
	padding: 6px 10px 0 36px;
}
#category-search select {
	font-size: 12px;
	color: #919191;
}
#category-search div {
	float: left;
	margin-right: 20px;
}

#addon-search {
	float: right;
}
#addon-search input {
	float: left;
	margin-right: 10px;
	width: 158px;
	font-size: 12px;
	color: #919191;
}

#prod-dl-btn {
	position: relative;
	z-index: 80;
	clear: both;
	float: right;
	margin-top: 70px;
	margin-bottom: 35px;
	width: 256px;
}
#prod-dl-btn p {
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 18px;
	color: #292830;
}

#prod-graphic {
	position: absolute;
	z-index: 40;
	top: 214px;
	left: -50px;
	width: 1000px;
}

#content-left, #content-left-notop {
	float: left;
	width: 592px;
}

#content-left {
	margin-top: 31px;
}

#content-left-notop {
	margin-top: 0px;
}

#content-right, #content-right-notop {
	float: right;
	width: 284px;
}

#content-right {
	margin-top: 17px;
}

#content-right-notop {
	margin-top: 0px;
}

#content-allwide {
	clear: both;
	float: left;
	margin-top: 26px;
	width: 100%;
}

#add-on-categories {
	position: relative;
	clear: both;
	float: left;
}

#footer {
	position: relative;
	clear: both;
	float: left;
	margin-top: 50px;
	width: 100%;
	height: 26px;
	padding: 12px 0 0 0;
	border: 1px solid #d4d4d4;
	font-size: 11px;
	color: #828282;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: #616161;
}

#social-media {
	position: absolute;
	top: 0px;
	right: 10px;
	height: 30px;
	padding: 8px 0 0 5px;
	border-left: 1px solid #d4d4d4;
}
#social-media img {
	float: left;
	margin-left: 5px;
}

#login-signup {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 90px;
	height: 22px;
	padding: 5px 0 0 10px;
	background: url('../images/bg_login_signup.jpg') no-repeat;
	font-size: 12px;
	color: #737373;
}
#login-signup a {
	text-decoration: none;
	font-size: 12px;
	color: #dfdfdf;
}

* html #menu {
	display: inline;
}


/* --------- DIV CLASSES --------- */

.clear {
	clear: both;
	width: 100%;
	height: 1px;
}

.hold {
	position: relative;
	clear: both;
	width: 100%;
}

.col-end, .col-mid {
	position: relative;
	z-index: 80;
	float: left;
	margin-top: 30px;
	width: 286px;
}
.col-end img, .col-mid img {
	margin-bottom: 10px;
}

.col-mid {
	margin-left: 20px;
	margin-right: 20px;
}

#content-left .colorbox {
	margin-top: 15px;
	padding: 10px 14px 14px 14px;
	width: 564px;
	background: #ebebee;
}

#content-right .colorbox {
	clear: both;
	float: left;
	margin-bottom: 14px;
	padding: 10px 14px 14px 14px;
	width: 254px;
	background: #ebebee;
}

.borderbox {
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 14px;
	padding: 14px 14px 14px 14px;
	width: 252px;
	border: 1px solid #e3e3e3;
}
.borderbox a.seeall {
	top: 18px !important;
	right: 10px !important;
}

.add-on, .add-on-middle {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 233px;
	height: 330px;
	padding: 12px 15px 0 15px;
	background: url('../images/bg_addon.jpg') no-repeat;
}
.add-on img.screenshot, .add-on-middle img.screenshot {
	margin-top: 16px;
	margin-bottom: 12px;
	border: 1px solid #9a9a9a;
}
.add-on img.download, .add-on-middle img.download {
	position: absolute;
	left: 12px;
	bottom: 17px;
}

.add-on-middle {
	margin-left: 19px;
	margin-right: 19px;
}

.add-on-hilite {
	clear: both;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 8px 0 0 14px;
	width: 266px;
	height: 22px;
	background: #ebebee;
}

.add-on-hilite-info div {
	padding: 4px 0 4px 14px;
}
.add-on-hilite-info input {
	font-size: 12px;
}
.add-on-hilite-info hr {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.co-title {
	padding: 2px 0 0 0;
}
.co-title a {
	text-decoration: none !important;
	color: #7f8efe !important;
	font-size: 17px !important;
}

.co-title-alt {
	padding: 2px 0 0 0;
}
.co-title-alt a {
	color: #26328c !important;
	font-size: 16px !important;
}

.co-title-large {
	color: #26328c;
	font-size: 20px;
}

.add-on-author {
	font-size: 16px;
	color: #f4d4d4d;
}

.bio {
	clear: both;
	float: left;
	margin-bottom: 16px;
	width: 685px;
	min-height: 140px;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #acabab;
}
.bio .title {
	font-size: 15px;
	color: #4d4d4d;
}
.bio p {
	margin: 0px;
	float: right;
	width: 520px;
}
.bio img {
	float: left;
	border: 3px solid #c2c2c2;
}

.comment {
	clear: both;
	float: left;
	margin-bottom: 16px;
	width: 100%;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #acabab;
}
.comment .title {
	font-size: 15px;
	color: #4d4d4d;
}
.comment p {
	margin: 0px;
	float: right;
	width: 520px;
	line-height: 12px;
}
.comment p b {
	font-size: 15px;
}
.comment img {
	width: 48px;
	float: left;
}

.item-left {
	position: relative;
	float: left;
}

.screen-shot {
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
	border: 1px solid #9a9a9a;
}

.gadget-img {
	float: left;
	width: 168px;
	text-align: center;
	overflow: hidden;
}

.gadget-company {
	position: absolute;
	right: 0px;
	bottom: 4px;
	text-align: right;
}

* html .col-mid {
	display: inline;
}


/* --------- FONTS / LINKS --------- */

.regcopy {
	font-size: 12px;
	line-height: 120%;
	color: #4d4d4d;
}
.regcopy a {
	text-decoration: none;
	color: #26328c;
}
.regcopy a:hover {
	text-decoration: underline;
}

.medcopy {
	font-size: 11px;
	line-height: 18px;
	color: #4d4d4d;
}

.intro {
	font-size: 15px;
	line-height: 20px;
	color: #4d4d4d;
}

p.intro {
	margin-top: 0px;
}

.vagrounded-14 {
	font-size: 14px;
	line-height: 22px
}

a.moreinfo {
	text-decoration: none;
	font-size: 12px;
	color: #26328c;
}

a.seeall {
	position: absolute;
	top: 4px;
	right: 0px;
	text-decoration: none;
	float: right;
	font-size: 12px;
	color: #26328c;
}

a.help-link {
	text-decoration: none;
	font-size: 15px;
	color: #26328c;
}

a.large {
	text-decoration: none;
	font-size: 15px;
	color: #26328c;
}

a.large-on {
	text-decoration: none;
	font-size: 15px;
	color: #7d52ff;
}

a.large:hover, a.large-on:hover {
	text-decoration: none;
}

.white {
	color: #fff;
}

.ltgrey {
	color: #dfdfdf;
}

.dkgrey {
	color: #4d4d4d;
}

.ltgrey2 {
	color: #a4a4a4;
}

.purple {
	color: #26328c;
}

.inline {
	display: inline;
}


/* --------- IMAGES --------- */

#seeall {
	margin-left: 8px;
}

#about-intro {
	float: left;
	margin-right: 18px;
}

.flickr img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

img.logo {
	float: left;
	margin-right: 8px;
}

.screen {
	border: 1px solid #9a9a9a;
}

.screen-thumb {
	width: 180px;
}


/* --------- FORMS --------- */

#select-category {
	position: absolute;
	top: 124px;
	right: 38px;
	color: #919191;
	font-size: 12px;
	height: 22px;
}


/* --------- LISTS --------- */

ul.flush-left {
	padding: 0;
	margin-left: 13px;
}

.main {
	font-size: 16px;
	line-height: 16px;
	color: #000;
}

/* --------- GETSATISFACTION (HELP PAGE) STYLES --------- */

div#gsfn_search_results {
  clear: both;
  padding-top: 5px;
}

div#gsfn_search_results > ul {
  padding-left: 0px;
}

div#gsfn_search_results > ul > li {
  list-style: none;
  font-size: 12px;
}

div#gsfn_search_results > ul > li > a {
  color: rgb(38,50,140);
  text-decoration: none;
}

div#gsfn_search_results > ul > li > a:hover {
  text-decoration: underline;
}

div#gsfn_search_results > ul > li.gsfn_suggestion {
  padding-bottom: 10px;
}

div#gsfn_search_results > ul > li.gsfn_submit {
  padding-top: 10px;
}

div#gsfn_search_results > ul > li.gsfn_question,
div#gsfn_search_results > ul > li.gsfn_problem,
div#gsfn_search_results > ul > li.gsfn_idea {
  list-style: none;
  padding-left: 20px;
}

div.powered_by {
  margin-top: 5px;
}

div.powered_by a {
  text-decoration: none;
  font-size: 10px;
  color: rgb(100,100,100);
}

div.powered_by a:hover {
  text-decoration: underline;
}

div.powered_by img {
  vertical-align: middle;
}

hr#gsfn_content_hr {
  margin-bottom: 0px !important;
}

div#gsfn_content > ul {
  padding-left: 0px;
  margin-top: 0px;
}

div#gsfn_content > ul > li
{
	width: 100%;
  list-style: none;
  display: block;
  padding-top: 16px;
  margin-bottom: 11px;
}

div#gsfn_content > ul > li + li {
  border-top: 1px dotted rgb(172,171,171);
}

div#gsfn_content > ul > li > a
{
	color: #26328c;
	font-size: 15px;
}

div#gsfn_content > ul > li > span.time
{
	padding-left: 5px;
}



/* *** ADDED 4/22/10 *** */

.manufacturer {
	position: absolute;
	bottom: 10px;
	right: 0px;
	text-align: right;
}

#page-intro-new {
	position: relative;
	clear: both;
	float: left;
	margin-top: 14px;
	padding: 30px 24px 19px 36px;
	width: 840px;
	min-height: 80px;
	color: #fff;
	background: url('../images/bg_long_intro.jpg') no-repeat;
}
* html #page-intro-new {
	height: 129px;
}

#sub-nav-new {
	position: relative;
	clear: both;
	float: left;
	padding: 18px 24px 0 36px;
	width: 840px;
	height: 42px;
	background: url('../images/bg_subnav_new.jpg') no-repeat;
}
#sub-nav-new ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#sub-nav-new ul li {
	list-style: none;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
}
#sub-nav-new ul li a {
	text-decoration: none;
	color: #fff;
}
#sub-nav-new ul li a.on {
	text-decoration: none;
	color: #ad92fe;
}
li.section-title {
	padding: 10px 38px 10px 0;
	background: url('../images/subnav_section_divider.png') 58px 3px no-repeat;
	color: #9e9e9e;
}
#sub-nav-new ul li.section-title {
	margin-right: 10px !important;
	padding: 10px 20px 10px 0;
	background: url('../images/subnav_section_divider_new.png') no-repeat top right;
	color: #9e9e9e;
}

#prod-graphic-new {
	position: absolute;
	z-index: 0;
	top: 300px;
	left: 50%;
	margin-left: -478px;
	width: 956px;
	height: 371px;
	background: url('../images/g_main_product_new.jpg') no-repeat;
}
#prod-graphic-new img#dl {
	position: absolute;
	top: 200px;
	right: 42px;
}

#feature-boxes {
	z-index: 500;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 340px;
}



/* *** ADDED 5/04/10 *** */

.detail {
	clear: both;
	float: left;
	width: 100%;
	padding: 22px 0 10px 0;
	border-bottom: 1px dotted #acabab;
	line-height: 110% !important;
}
.detail .floatimg {
	float: left;
	width: 230px;
	background: #000
	
}
.detail .title {
	margin-bottom: 8px;
	padding: 0 0 8px 0;
	width: 653px;
	color: #262626;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid #c3c4c7;
}
.detail p, .detail .intro, .title {
	margin-left: 245px;
}