/* CSS STYLES FOR FASTSPRING.COM */
/* Contact: dlp@silverthreaded.com */

/* GENERAL STYLES */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	background-color: #e2e2e0;
	text-align: center;
	font-size: 12px;
	padding-top: 1em;
	padding-bottom: 1em;
}
	
/* HTML STYLES */
p {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.6em;
	}
ol {
	margin: 10px 0 0 30px;
	padding: 0 0 0 20px;
	line-height: 1.6em;
	}
ul {
	margin: .25em 0 .25em 20px;
	padding: 0 0 0 12px;
	line-height: 1.5em;
}
ul ul {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	}
li {
	margin: 0 0 .3em .5em;
	padding: 0;
	margin-top: 0 !important;
	}
blockquote {
	margin: 1em 2em 1em 4em;
	padding: .5em 1em .5em 2em;
	border-left: 1px #ddd dotted;
	}
hr {
	border: 0px;
	width: 100%;
}

/* basic phrase element styles */

blockquote {
	padding-left: 23px;
	}
blockquote.praise {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eaeaea;
	}
code {
	color: #679B34;
	font-family: Monaco, monospace;
	font-size: 120%;
	text-align: left;
	}
code strong {
	color: #537531;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	font-size: 104%;
	}
strong {
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	color: #777;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

/* why class? */
.centerdiv {
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	position: relative;
}

/* LAYOUT DIVS */
#wrapper {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	text-align: center;
}
#header {
	background-color: #e2e2e0;
	width: 770px;
	height: 120px;
	vertical-align: middle;
	background-image: url(images/bg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	}
#headlogo {
	width: 270px;
	text-align: left;
	}
#headnav {
	width: 400px; 
	text-align: right; 
	font-size: 11px; 
	color: #000; 
	vertical-align: middle; 
	clear: right; 
	float: right; 
	padding: 0px; 
	margin: 87px 22px 0px 0px;
	}
#headnav a:link {
	color: #f57d00; 
	text-decoration: none; 
	font-size: 11px;
	}
#headnav a:visited {
	color: #f57d00; 
	text-decoration: none; 
	font-size: 11px;
	}
#headnav a:hover {
	color: #f57d00; 
	text-decoration: underline; 
	font-size: 11px;
	}

/* NAVIGATION - TBD - MAY INCLUDE SOME ROLLOVER DROPDOWN SUBNAV */
#navcont {
	width: 770px;
	margin: 0;
	padding: 0;
	z-index: 50;
	}
#nav {
	background:#fff url(images/navbg.gif) repeat-x;
	font-size: 9px;
	line-height: normal;
	border-bottom: 3px solid #fff;
	border-top: 5px solid #fff;
	margin-top: 2px;
	padding: 0;
	margin-bottom: 4px;
	margin-left: 5px;
	width: 760px;
	text-align: center;
	height: 18px;
	margin-top: 0;
	z-index: 100 !important;
	}
#nav ul {
	margin: 0;
	padding: 0px 10px 0 50px;
	list-style: none;
	display: inline;
	}
#nav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
#nav li {
	display: inline;
	margin: 0;
	/* background: #fff url(images/navbg.gif); */
	padding: 0;
	}
#nav a {
	}
#nav a:link, #nav a:visited {
	float: left;
	background: url(images/navbg.gif) repeat-x;
	margin: 0;
	padding: 0px 36px 2px 36px;
	text-decoration :none;
	color: #fff;
	font-weight: bold;
	border-left: 1px #fff solid;
	text-transform: uppercase;
	}
#nav a:hover {
	font-weight: bold;
	text-decoration: underline;
	background: #ababab url(images/navbg_h.gif) repeat-x;
	} 
a.active { background: #000 url(images/navbg_a.gif) repeat-x !important; }
#nav li.first a { border-left: none; }
#nav li.last a { border-right: none; }
/* #nav li.sub a { background: url(images/navbg.gif); } */
#nav li.sub a { background: #9e9e9e; padding-top: 5px; background-image: none; }
/* #nav li.sub a:hover { background: none; }  */

/* SUBNAV FOR ADDITIONAL PAGES WITHIN SECTION */
#subnav {
	letter-spacing: 1px; 
	background: #fff;
	font-size: 12px;
	line-height: normal;
	margin-top: -10px;
	margin-bottom: 20px;
	width: inherit;
	text-align: left;
	height: 18px;
	/* padding-left: 4px; */
	}
#subnav p  { 
	font-size: 11px !important; 
	margin-top: .25em;
	margin-bottom: .25em;
	line-height: 1.6em;
	padding: 6px !important;
	/* font-family: Geneva, Arial, Helvetica, sans-serif; */
	background: #fff;
	}
#subnav a { padding: 2px !important; }

/* CONTENT */
#cwrapper { text-align: center; margin-left: 4px; width: 770px; }
#content {
	background: #fff;
	border-top: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	width: 702px; 
	margin: 0px; 
	padding: 20px 30px 20px 30px;
	text-align: left;
	}
#content p {
	font-size: 12px; 
	line-height: 1.6em; 
	color: #444; 
	padding: 0 20px 0 0; 
	margin: 8px 0px 0px 0px;
	}
#content ul, ol {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 16px;
	}
#content h1 { 
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	color: #f57f28; 
	padding: 0px;
	margin: 20px 0px 0px 0px; 
	border-bottom: 1px #fac293 solid;
	letter-spacing: 1px;
	}
#content h1.first {
	margin-top: 12px;
	margin-bottom: 16px;
	}
#content h1.inav {
	margin-top: 35px;
	margin-bottom: 16px;
	}
#content h2 { 
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; 
	font-size: 16px; 
	color: #557; 
	font-weight: bold;
	padding: 0 0 0 0; 
	letter-spacing: 1px;
	}
#content h2.prod {
	/* border-bottom: 1px #ccc solid; */
	padding: 4px;
	background: #f5f5f5; 
	clear: left;
	}
#content h3 {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 14px; 
	color: #f57f28; 
	font-weight: normal;
	padding: 0 0 0 0; 
	
	}
#content h4 {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 13px; 
	color: #f57f28; 
	font-weight: normal;
	padding: 0 0 0 0; 
;  
	}
#content h3.form { 
	color: #668; 
	margin-top: 0;
	padding-top: 0;
	}
#content a:link {
	color: #f57d00; 
	text-decoration: none; 
	}
#content a:visited {
	color: #f57d00; 
	text-decoration: none; 
	}
#content a:hover {
	color: blue; 
	text-decoration: underline; 
	}
#content p.fnote {
	text-align: left; 
	font-size: 10px; 
	color: #888; 
	padding-top: 4px; 
	border-top: 1px #ccc dashed; 
	margin-top: 18px; 
	margin-left: 30px;
	margin-right: 30px;
	}

/* HOME PAGE: SIDEBAR */
#sidebar {
	float: right;
	width: 265px;  
	padding: 0; 
	clear: right; 
	background: none;
	margin: 0;
	background: #e2e2e0;
	line-height: 1.5em;
	}
#sidebar p {
	margin: 8px 0px 8px 0px;
	padding-left: 12px;
	padding-right: 12px;
	}
#sidebar h2 {
	font-size: 11px; 
	color: #6b634c; 
	font-weight: bold;
	margin: 12px 0px 8px 0px !important;
	padding-left: 12px;
	padding-right: 12px;
	}
#sidebar div { 
	margin: 6px 6px 6px 6px; 
	background: #fff; 
	padding: 12px 0; 
	border-bottom: 1px #aaa solid; 
	border-left: 1px #ccc solid; 
	}
#sidebar a:link, #sidebar a:visited {
	color: #f57d00; 
	text-decoration: underline; 
	}
#sidebar a:hover {
	color: blue; 
	text-decoration: none; 
	}
/* FLOATING SIDEBAR */
#sidebarfloat {
	float:right; 
	margin-left: 30px; 
	margin-top: 0; 
	margin-bottom: 20px; 
	width: 240px;
	border: 1px #c0c0cf solid;
	background: #fafafa;
	}
#sidebarfloat h2 {
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif !important;
	font-size: 14px; 
	color: #f57f28 !important; 
	font-weight: normal;
	padding: 0 0 4px 0; 
	margin: 12px 0 8px 0;  
	border-bottom: 1px #ddd dotted;
	}
#sidebarfloat h2.top {
	margin: 8px 0 8px 0;
	}
#sidebarfloat h3.iconhead {
	text-align: center; 
	margin: 0; 
	padding: 0; 
	padding-bottom: 10px; 
	border-bottom: 1px #ccc dashed;
	}
#sidebarfloat h3.iconbody {
	border-bottom: none;
	letter-spacing: 1px;
	color: #888;
	}
#sidebarfloat p.iconbody {
	padding-bottom: 10px; 
	border-bottom: 1px #ccc dashed; 
	margin-left: 20px; 
	margin-top: 2px; 
	margin-right: 4px;
	color: #888;
	}
#sidebarfloat p.iconbody2 {
	margin-left: 20px; 
	margin-top: 2px; 
	margin-right: 4px;
	color: #888;
	padding-bottom: 5px;
	}
#sidebarfloat img.icon {
	float: left; 
	margin-right: 10px; 
	margin-left: 20px; 
	margin-bottom: 4px;
	}
#sidebarfloat p.fn2 {
	padding-top: 4px !important;
	margin-top: 6px;
	font-style: normal;
	font-size: 9px !important;
	color: #888 !important;
	text-align: center;
	margin-left: 0;
	margin-right: 0 !important;
	border-left: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	padding-bottom: 4px;
	}
#storefloat {
	float:right; 
	margin-left: 20px; 
	margin-top: 0; 
	margin-bottom: 20px; 
	width: 240px; 
	background: #f8f8f8;
	padding: 14px;
	border: 1px #88a solid;
	}
/* FOOTER */
#footer {
	clear: both;
	text-align: center;
	width: 764px; 
	height: 40px; 
	color: #888; 
	font-size: 10px; 
	margin: 0; 
	padding: 15px 0 23px 0; 
	background: #e2e2e0 url(images/bg_footer.gif) no-repeat;
	}
#footer a:link {
	color: #f57f28; 
	text-decoration: underline; 
	font-size: 10px;
	}
#footer a:visited {
	color: #f57f28; 
	text-decoration: underline; 
	font-size: 10px;
	}
#footer a:hover {
	color: red; 
	text-decoration: none; 
	font-size: 10px;
	}

/* FOOTER: COPYRIGHT */
#copyright {
	font-size: 10px; 
	line-height: 16px; 
	color: #666; 
	text-align: center; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 2px; 
	padding-left: 0px;
	}
#copyright a:link {color: #666; text-decoration: underline; font-size: 10px;}
#copyright a:visited {color: #666; text-decoration: underline; font-size: 10px;}
#copyright a:hover {color: #666; text-decoration: none; font-size: 10px;}


/* MISCELLANEOUS STYLES */
.notebox {
	float: right; 
	width: 140px; 
	margin-left: 12px; 
	margin-bottom: 10px; 
	padding: 10px; 
	background: #f8f8f8; 
	color: #888; 
	text-align: center; 
	border-bottom: 1px #f57f28 dotted; 
	font-size: 11px;
	}
.notebox2 {
	float: right; 
	width: 140px; 
	margin-left: 20px; 
	margin-bottom: 10px; 
	padding: 10px;
	background: #f8f8f8; 
	color: #888; 
	text-align: center; 
	border-top: 1px #88a solid; 
	border-bottom: 1px #88a solid; 
	font-size: 11px;
	padding-left: 20px;
	}
.notebox3 {
	float: right; 
	width: 140px; 
	margin-left: 12px; 
	margin-bottom: 4px; 
	margin-top: 6px;
	padding: 4px;
	background: #fafafa; 
	color: #888; 
	text-align: center; 
	border-top: 1px #88a solid; 
	border-bottom: 1px #88a solid; 
	font-size: 11px;
	}
/* FOR REVISED SERVICES PAGE RIGH COLUMN ANCHORED NAV */
.notebox4 {
	clear: both;
	float: right; 
	width: 200px; 
	margin-left: 30px; 
	margin-bottom: 10px; 
	margin-top: 6px;
	padding: 4px;
	background: #efeff0; 
	color: #888; 
	text-align: left; 
	border-top: 1px #88a solid; 
	border-bottom: 1px #88a solid; 
	font-size: 11px;
	}
.notebox4 ul { 
	list-style: none; 
	list-style-image: none;
	line-height: 1.3em; 
	font-size: 10px; 
	margin: 0;
	/* padding-left: 4px; */
	padding: 0; 
	}
.notebox4 li { 	
	font-size: 10px; 
	margin: 0 10px 0 10px; 
	padding: 3px; 
	padding-left: 3px;
	display: block; 
	}
.notebox4 h3 { 
	text-align: center; 
	padding-bottom: 10px !important; 
	color: #556 !important; 
	letter-spacing: 1px; 
	border-bottom: 1px #cce solid !important;
	}
.notebox4 h4 { 
	margin: 0 !important; 
	padding: 0 !important; 
	font-size: 12px !important; 
	}
.notebox4 a:link, .notebox4 a:visited { 
	text-decoration: none !important; 
	display: block; 
/*	border-top: 1px #fafafa solid; 
	border-bottom: 1px #aac solid;  */
	border: 1px #aac solid;
	padding: 3px; 
	background: #f8f8fa;
	color: navy !important;
	font-size: 11px;
	}
.notebox4 a:hover { 
	background: #fff; 
	display: block; 
	border-top: 1px #88a solid; 
	border-bottom: 1px #88a solid; 
	padding: 3px; 
	color: blue !important;
	font-size: 11px;
	}
/* .movie a:link, .notebox4.movie a:visited, .notebox4.movie a:hover { border-top: none; border-left: none; border-bottom: none; border-right: none; background: none; } */
/* FLOATS */
.fl { 
	float: left;
	margin: 0px 20px 0 0;
	}
.fl2 { 
	float: left; 
	margin: 0 7px 10px 0; 
	}
.fr {
	float: right; 
	margin: 0 0 0 20px;
	padding-right: 0;
	}
.fb { margin-bottom: 10px; }
.ft { margin-top: 10px; }

/* FURTHER MISC. AND DETAIL HTML STYLES */
h4.noteb { font-weight: normal; margin: 0; margin-left: 12px !important; margin-right: 12px !important; font-size: 16px !important; letter-spacing: 1px; background: #fff; padding: 4px; text-align: center;  }
p.noteb { color: #777; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 12px !important; margin-right: 12px !important; }
.careerbox { padding: 4px 20px; background: #fafaff; border: 1px #aac solid; margin: 12px 0px 20px 0px; padding-bottom: 12px !important; }
p.careerop { font-size: 10px; margin-top: 0 !important; }
ul.careerop { font-size: 10px; margin-top: 0 !important; }
p.careerhead { font-size: 12px; font-weight: bold; margin-top: 2px !important; }
p.last { margin-bottom: 20px !important; }
p.fn { padding-top: 10px !important; border-top: 1px #ccc dotted; font-size: 10px !important; color: #666; }
p.c { text-align: center; color: #444 !important; margin: 10px 0 12px 0 !important; padding: 4px !important; }
p.tall { line-height: 1.7em !important; }
#fma { z-index: 0 !important; }
p.captionalt { background: #fff; border-bottom: 1px #aac solid; border-left: 1px #aac solid; border-right: 1px #aac solid; padding: 4px; padding-bottom: 6px; margin-top: 0px; margin-bottom: 12px !important; text-align: center; width:324px; }
p.captionalt2 {background: #fff; color: #779 !important; border-bottom: 1px #aac solid; border-left: 1px #aac solid; border-right: 1px #aac solid; padding: 4px; padding-bottom: 6px; margin-top: 0px; margin-bottom: 12px !important; text-align: center; width: 680px; } 
p.finale { text-align: center !important; background: #fafafa; border: 1px #aac solid; padding: 8px !important; margin: 12px 80px 30px 80px !important; padding-top: 4px !important; }
h2.b4table { margin-bottom: 12px !important; }
a.close { letter-spacing: 1px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; }
p.footnote { font-size: 90%; color: #666; padding-top: 10px; border-top: 1px #ccc solid; line-height: 1.4em; }
.sbicons td { color: #888; font-family: Geneva, Arial, Helvetica, sans-serif; }
li.ill { border-bottom: 1px #cce dashed; }
p.caption { text-align: center; padding: 4px !important; margin-bottom: 0px; font-size: 10px !important; border-bottom: 1px #cce solid; border-left: 1px #cce solid; border-right: 1px #cce solid; background: #fafafa; }

/* STORE STYLES */
.purchase { float:right; font-size: 11px; font-weight: bold; height: 22px; margin-right: -3px; margin-top: -3px; }
.return { margin-top: 40px; padding: 0 12px; border: 1px #cce solid; margin-bottom: 20px; background: #f8f8f8 }

p.snote { margin-bottom: 20px !important; padding: 10px !important; border: 1px #aac solid; background: #f8f8f8; color: #000; }

/* SPRINGBOARD STYLES */
#buttons { margin-top: 20px;  }
#buttons tr { border-bottom: 1px orange solid; }
#buttons td { padding: 10px; text-align: center; border-bottom: 1px #cce solid; border-left: 1px #cce solid; }