/* BROWSER RESET TECHNIQUE - Gives a reliable baseline for font sizes, etc, by */
/* neutralizing the differences among the most popular browsers. This CSS taken */
/* from the BSD-licensed YUI: http://developer.yahoo.com/yui/reset/ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

/* Disable the table resetting because we currently depend on some spacing in product pages
table {
	border-collapse:collapse;
	border-spacing:0;
}
*/

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {

	padding:0 0 1em 1em;
}

ul {
	list-style:circle inside;
}

ol {
	list-style:decimal inside;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* BEGIN RED SWEATER CUSTOM STYLES */

body 
{
	padding:0;
	text-align: left;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 87.5%;
	line-height: 1.429;
	color:#555;
	background-color:#eaeaea;
}

/* Our defaults bases inspired by W3C recommended default sheet http://www.w3.org/TR/CSS2/sample.html */

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
/* Because we rarely want to show a h1 or h2 at full size, we default it to off-screen and use it as a semantic alternative to some otherwise graphically expressed or implied heading */
h1, h2 			{ position:absolute; left:-9999em; overflow:hidden}

/* h3 was 1.17em - shrinking to 1.0em as a temporary fix for my application of headings */
h3              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }

.headlineText
{
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
}

.p 
{
	margin-bottom:1em;
}

#navigation
{
	position:relative;
	top:0;
	text-align: left;
	white-space: nowrap;
	height:80px;
}

#navigation img
{
	position:absolute;
	bottom:2px;
	left:1px;
}

#navLinkContainer
{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
}

#navLinkListFloater
{
	float:right;
}

#navLinkContainer ul
{
	padding-bottom:2px;
	margin: 1em 0 0 1.5em;	
}

#navLinkContainer li
{
	display:inline;
}

a.navlink, a.navlink:visited
{
	vertical-align:baseline;
	font-weight:bold;
	font-size:1em;
	border-left: 1px solid #777;
	color:#555;
	margin: 4px 1px 0 4px;
	padding-left: 0.8em !important;	
	padding-right:2px;
}

a.navlink:hover
{
	text-decoration:none;
	color:#9ea1ad;
}

#navLinkContainer ul li:first-child a
{
  border-left-style: none;
}

a,a:visited,a:active
{
	color: #556f9c;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color:#9ea1ad;
}

div#pageContainer
{
	margin:0 auto;
	width: 55em;
	padding:0px;
}

div#pageContent
{
	text-align: left;
	vertical-align:top;
	background:white;
  	color:black;
	padding: 20px;
	border-style:solid;
	border-width:1.0px;
	border-color:#AAA;
}

.HugePageText
{
	font-size:3em;
	color:#666666;
}	

.BigPageText
{
	font-size:2em;
	color:#666666;
}	

/* Phasing out terms like "BigPageText" in favor of more structural terms */
.PageHeader
{
	font-size:2em;
	color:#666666;
	margin: 0.5em 0 1em 0;
	padding:0;
}

h1
{
	background:white;
	color: #DD5342;
	font-weight: normal;
	font-size: large;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 40px;
	
}

h2
{
	background:white;
	color: #829AB0;
	font-weight: normal;
	font-size: larger;
	margin-top: 10px;
	margin-bottom: 0px;
}

p {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 8px;
}

#summary {
	font-weight: bold;
	margin-top: 12px;
}

p.legal
{
	font-size: 11px;
	color:#555;
	margin-top:6px;
	padding-left:6px;
}

.TestimonialQuote
{	
	font-size:1.0em;
  	background:white;
	color:#555;
	font-weight:bold;
}

.TestimonialSection
{
	display:block;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:.7em;
	padding-left:20px; padding-right:10px;
	text-align:left;
}

.TestimonialSection img 
{
	display:block; margin-left:auto; margin-right:auto; border-width:0; 
}

.sidebarText
{
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:.7em;
}

.reviewText
{
	font-size:.7em;
		font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	margin-bottom:.8em;
}


#featureTable td
{
	padding-right:10px;
	padding-bottom:10px;
}

.featureHeading 
{
	/* Work around a Mobile Safari bug with using 1.0em here */
	-webkit-text-size-adjust: none;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
  	background:white;
  	margin-top:0.2em;
  	margin-bottom:0.1em;
	color:#222222;
}

.featureText{
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	-webkit-text-size-adjust: none;	
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
}

/* Forms by default have a 1em; bottom margin, which we want to eliminate here to inline the button */
#storeProductTable td form
{
	margin:0;
}

/* Styles for /support/index.html */

#productSupportOptionsDiv img
{
	vertical-align:middle;
	width:64;
	height:64;
	float:left;
	margin-right:12px;
	padding-left:4px;
}

div.productSupportOptions 
{
	font-size:1.2em;
	height:40px;
	padding:20px;
		padding-left:10px;
	vertical-align:middle;	
}

span.productSupportAppName
{
	font-size:1.4em;
	vertical-align:middle;		
}

div#moreQuestions
{
	font-size:1.2em;
	margin-top:1em;
}

/* FAQ Pages */
.faqq
{
	font-weight:bold;
	font-size:1.5em;
	margin-bottom:0.5em;
}

.faqa
{
	margin-bottom:1em;
}

/* Give list items a little breathing room by default */
li 
{
	padding-bottom:0.5em;
}

li:first-child
{
	padding-top:1em;
}

li:last-child
{
	padding-bottom:0;
}

/* For Debugging
div, img
{
	border-width:1px;
	border-style:solid;
}
*/

/* Main Products Page */

.appsList
{
	margin:0;
	padding:0;
	width:100%;
	height:128px;
}

.appsList li
{
	list-style-type:none;
	float:left;
	padding:0;
}

.appsList a, .appsList a:visited
{
	color:#555;
	text-decoration:none;
}

.appsList a:hover
{
	color:#9ea1ad;
	text-decoration:none;
}

.productMenuItemHeader
{
	display:inline;
	font-size:1.8em;
	width:100%;
}

.productMenuItemDescription
{
	font-size:1.1em;
}

.productMenuItemIcon
{
	float:left;
	padding-right:0 0.5em 0 0;
	clear:both;	
	margin-right:6px;
}

#featuredAppsList
{
	margin:25px 20px 0 6px;
	padding:0 0 30px 10px;
	border-style:dotted;
	border-width:0 0 1px 0;
	width:708px;
}

#featuredAppsList li
{
	width:50%;
}

#featuredAppsList li div 
{
	height:128px;
	width:100%;
}

ul#featuredAppsList li div .productMenuItemHeader
{
	position:relative;
	top:0.4em;
}

ul#featuredAppsList li div .productMenuItemDescription
{
	position:relative;
	top:0.8em;
}

#secondaryAppsList
{
	margin:20px 20px 0 55px;
	padding:20px 0 0 0;
	width:640px;	
}

#secondaryAppsList li
{
	width:33%;
	font-size:0.6em;
}

#secondaryAppsList img
{
	width:70px;
	height:70px;
	float:left;
	clear:both;
}

#secondaryAppsList li div 
{
	height:64px;
	width:100%;
}

#secondaryAppsList li div .productMenuItemHeader
{
	position:relative;
	top:.1em;
}

#secondaryAppsList li div .productMenuItemDescription
{
	position:relative;
	top:.2em;
}

.featureTable td
{
	padding:4px;
}

ul#productCheckboxes
{
	list-style-type:none;
}

.formInputRow
{
  clear: both;
  padding-top: 15px;
}

.formInputRow span.formLabel {
  width:160px;
  text-align:left;
  }

.formInputRow span.formInput {
  float:left;
  text-align:left;
  margin-left:4px;
} 


.checkboxLabel
{
	margin-left:4px;
	position:relative;
	top:1px;
}

.pressrelease
{
	width:450px;
	line-height:1.4em;
}

.pressrelease p 
{
	margin-bottom:1em;
}

.formInputRow 
{
	clear:both;
	display:block;
}

.formComment
{
	color:#555;
	font-size:0.7em;
	margin-top:0.5em;
}

.formInputRow input
{
	top:-1px;
	margin:0 6px 6px 0;
}


/* Conveniences for rounding corners */
.roundedGradientButton
{
	text-shadow: 0px 1px 1px #FFF;
	border-width:1px;
	padding:0.5em 0.75em;
	color:#333;
	-webkit-border-radius: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-left-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-moz-border-radius-topleft: 0.4em;
	-moz-border-radius-topright: 0.4em;
	-moz-border-radius-bottomright: 0.4em;
	border-radius: 0.4em;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
	background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#CCC));
}