
/* The 'spweb' css */



p
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    COLOR: #444444;
    PADDING: 1em;
    FONT-FAMILY: Verdana, Sans-Serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify; 
}

h4
{
    FONT-WEIGHT: bold;
    COLOR: #336699;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
}



div#frontpagechitchat {
	 padding-left: 2em;
	 padding-right: 2em;
}




body, html {
	background-color: #C0C0C0;
	color: #000000;
	font-family:verdana,arial,sans-serif;
	font-size:90%;
	font-weight:400;
	text-align: left;
}
body.plain p.sitename {
	background-color: #ffffff;
	color: white;
	font-size: 2em;
	font-weight: bold;
	margin: 0em;
	padding: 0em 0.1em;
	text-align: center;
}
p.sitename img {
	border: 0em;
	padding: 0em;
}

a {
	
}
a:visited {
	color: purple;
}
a:hover {
	color: red;
}
a.downloadcomposerlabel span {
	font-weight: bold;
}
h1 {
	color: #1b351d;
	font-size: 20px;
	margin: 10px 10px 10px 10px;
	padding-left: 0.5em;
	text-align: center;
	font-weight: bold;
}
body.plain h1 {
	background-color: #1b351d;
	color: white;
}

h2 {
	margin: 1em 0em 0em 0em;
	font-size: 18px;
	text-align: left;
	color: #1b351d;
}
h3 {
	margin: 1em 0em 0em 0em;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
h4 {
	margin: 1em 0em 0em 0em;
	font-size: 1em;
}
acronym {
	cursor: help;
}
em {
	font-style: normal;
	font-weight: bold;
}
form {
	display: inline;
}
fieldset {
	border: 1px solid;
	margin-bottom: 1em;
	padding: 1em;
}
table.maincontent {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
}
table.selector tbody tr td {
	cursor: pointer;	
}
table.hovering tbody tr:hover td {
	background-color: #DDDDDD	
}
th {
	background-color: #68A170;
	color: white;
}
tbody th, tfoot th {
	text-align: left;
	padding-right: 0.5em;
	background-color: transparent;
	color: black;
}
td.subtotal {
	border-top-color: black;
}
td.total {
	border-top-color: black;
	border-bottom-color: black;
}
td.normal {
	padding-right:0em;
	text-align:left;
	vertical-align:top;	
}

fieldset {
	background-color: #f4ffff;
	border-color: black;
}
img {
	border-color: black;
}
img.noborder {
	border: 2px solid;
	border-width:0;
	border-color: black;
}
legend {
	font-size: 1.2em;
	font-weight: bold;
}

button, a.button {
	color: black;
	background-color: white;
	border-color: black;
}
button.disabled, a.disabledbutton {
	color: silver;
	background-color: white;
	border-color: silver;
}
a.button:visited {
	color: black;
}
button:hover, a.button:hover {
	background-color: #eeeeee;
}
input.required, select.required, span.required, textarea.required {
	background-color: #ffffe0;
}
div#header {
	/* background-color: #ffffff; */
	color: #0000C5;
	padding:0px;
	/* border-color: black; */
}
div#header button:hover {
	background-color: black;
}
div#headings {
}
div#mainbutton {
	background-color: #a1a1a1;
	padding:4px;
}
div#mainbutton button {
	color: black;
	background-color: white;
}
div#mainmenu {
	background-color: #c5dcf2;
	padding:0px;
}
div#mainmenu a {
	background-color:#64799F; 
	color: #9fbf0c;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:2px;
}
div#mainmenu ul li a:hover {
	background-color: b9b209;
	color: white;
}
ul {
	margin: 0em 0em 1em 0em;
	padding-left: 1.5em;
}
ul.contents {
	list-style-type: none;
	margin: 0em;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0em;
}
img#splogo {
	float: right;
}
div#mainbuttons {
	position: absolute;
	right: 1em;
	top: 1.3em;
}
div#mainbuttons button {
	/*width: 8em;*/
}
div#mainbuttons button span {
	font-weight: normal;
}
div#header {
	margin: 0em;
	border-bottom: 1px solid;
}
div#mainmenu ul {
	display: block;
	float: right;
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	margin-top: 0.25em;
}
div#mainmenu ul li {
	display: inline;
}
div#mainmenu ul li a {
	/* display: block;
	float: left;*/
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
div#searchbar {
	margin: 0px;
	padding: 2px 2px 2px 1em;
}

div#searchbar p {
	margin: 0em;
}
div#searchbar form {
	display: inline;
}
div#searchbar button {
	padding: 0px;
	margin: 0px;
}
div#searchbar button#searchindetail {
	margin-left: 2em;
}
div#main {
	position: relative;
	width: 230px;
}
td#specials {
	text-align: left;
	vertical-align:top;	
	padding: 0px 0px;
	width: 170px;
	background-color: #68A170;
	color: black;
	border: 0px;
}

td#specials select {
	width: 14em;
}
td#specials a {
	color: black;
}
td#instructionssidebarstatic {
	text-align: left;
	vertical-align:top;	
	padding: 12px 12px;
	width: 230px;
}
td#instructionssidebarstatic select {
	width: 14em;
}
td#instructionssidebarstatic a {
	color: black;
}
div#content {
	border-left: 0px solid;
	margin-left: 0px;
	margin-top: 0px;
	padding: -2em 0em;

}

div#content p {
	FONT-WEIGHT: bold;
	FONT-SIZE: 85%;
    COLOR: #555555;
    FONT-FAMILY: Verdana, Sans-Serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify;
}
body.lessclutter div#content, body.plain div#content, body.secure div#content {
	margin: 0em;
}
body.plain h1 {
	text-align: left;
}
body.plain h2 {
	padding-left: 0;
}
div#footer {
	border-top: 1px solid;
	clear: both;
	width: 100%;
	text-align: center;
}
div#footer ul {
	display: inline;
	list-style-type: none;
	padding: 0em;
	margin: 0em;
}
div#footer ul li {
	display: inline;
}
div#footer ul li a {
	text-align: center;
	padding: 0em 0.75em;
}
button, a.button, a.disabledbutton {
	text-align: center;
	font-weight: bold;
	border: 1px outset;
	padding: 1px;
	margin: 1px;
}
td
{ 
padding-right: 0px
}
 

p button, td button, li button,
p a.button, td a.button, li a.button,
p a.disabledbutton, td a.disabledbutton, li a.disabledbutton {
	font-size: 0.9em;
}
a.button, a.disabledbutton {
	display: block;
	text-decoration: none;
	margin: 2px;
}
button.big {
	width: 15em;
	font-size: 1.1em;
}
a.button.big {
	width: 15em;
	font-size: 1.1em;
	padding-left: 2em;
	padding-right: 2em;
}
p.pagenav span {
	margin-right: 1em;
}
p.pagenav span {
	margin-right: 1em;
}
p.formadvice {
	float: right;
	margin: 0em 1em 1em 1em;
	font-style: italic;
	text-align: right;
}
p.smallprint {
	clear: both;
	margin: 2em 1em 1em 1em;
	font-size: 0.9em;
	text-align: center;
}
p.prominent {
	text-align: center;
}
p.supporter {
	font-weight: bold;
	margin: 15px 0px 0px 0px;
}
span.qualifications {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
}
p.credentials {
	margin: 0px 0px 0px 0px;
	font-size: 0.9em;
}
span.subheadinginred {
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	color:#64799F;
	margin-top: 2em;
	margin-bottom: 1.1em;
}
td.subtotal {
	border-top: 1px solid;
}
td.likeh3 {
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
}
td.total {
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
}
th.right {
	font-weight: bold;
	text-align: right;
}
ul.catlist {
	float: left;
	margin-right: 2em;
}
div.instructionssidebarstatic {
	
}
div.publication {
	padding: 1.5em 1.5em 1.5em 1.5em;
	border: 1px solid;
	margin: 1em 0em;
	position: relative;
}
div.publication div.publicationimage {
	float: left;
	width: 100px;
	text-align: center;
}
div.publication div.publicationdetails {
	margin-left: 10px;
	margin-right: 12em;
	max-width: 40em;
}
div.publication h4, div.publication p, div.publication dl {
	margin: 0em;
}
div.publication div.publicationnavigation {
	float: right;
	margin-left: 1em;
	text-align: right;
}
div.publication div.publicationnavigation button {
	width: 9em;
}
div.publication div.publicationnavigation span.price {
	font-size: 1.2em;
}
div.publication div.publicationextras {
	text-transform: uppercase;
	text-align: right;
	font-size: 1.4em;
	font-weight: bold;
}
div.largeimage div.publicationimage {
	width: 200px;
}
div.largeimage div.publicationdetails {
	margin-left: 210px;
}
div.publicationdetails div.publicationimage {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
div.publicationdetails div.publicationimage div {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
div.publicationdetails div.publicationimage ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.publicationdetails div.publicationdetailnavigation {
	float: right;
	margin-left: 1em;
	text-align: right;
}
div.publicationdetails div.publicationdetailnavigation a.button,
div.publicationdetails div.publicationdetailnavigation a.disabledbutton {
	float: left;
	width: 7.5em;
}
div.publicationdetails div.publicationdetailnavigation div {
	float: left;
	padding: 0.1em;
	font-size: 1.2em;
}
div.publicationdetails div.publicationnavigation {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: right;
}
div.publicationdetails div.publicationnavigation ul {
	list-style-type: none;
}
div.publicationdetails div.publicationnavigation button {
	width: 14em;
}
div.publicationdetails div.samples {
	width: 14em;
	border: 2px solid;
	text-align: left;
	float: right;
	clear: right;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0.1em;
}
div.publicationdetails div.samples h3 {
	margin-top: 0;
}
div.publicationdetails div.samples ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
div.publicationdetails div.samples img {
	border: 0;
}
div.publicationdetails div.details {
	/*margin-right: 15em;*/
}
div.publicationdetails table.moredetails {
	float: right;
	margin-left: 1em;
}
div.publicationdetails div.contents, div.publicationdetails div.reviews {
	padding: 0.5em;
	margin-bottom: 2em;
	margin-right: 1%;
	width: 45%;
	float: left;
}
div.publicationdetails div.contents h3, div.publicationdetails div.reviews h3 {
	margin-top: 0em;
	font-size: 1.5em;
}
div.review {
	padding-top: 20px;
}
div.review blockquote {
	padding: 0px 40px 30px 40px;
	min-height: 45px;
	margin: 0em;
	font-style: italic;
}
div.review blockquote p {
	text-align: left;
	margin-left: 20px;
}
div.review p {
	text-align: left;
}
div.review p cite {
	font-weight: bold;
}
div.review p university {
	font-wieght: normal;	
}
div.supportingstatement {
	padding-top: 10px;
}
div.supportingstatement blockquote {
	padding: 0px 40px 10px 40px;
	min-height: 45px;
	margin: 0em;
	font-style: italic;
}
div.supportingstatement blockquote p {
	text-align: left;
	margin-left: 20px;
}
div.supportingstatement p {
	text-align: left;
}
div.supportingstatement p cite {
	font-weight: bold;
}
div.supportingstatement p university {
	font-wieght: normal;	
}
div.searchagain {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
div.searchagain ul {
	list-style-type: none;
}
div.searchagain a.button {
	width: 14em;
}
div.person {
	clear: right;
}
div.fixedwidth {
	max-width: 50em;
	margin: auto;
}
div.relatedimages {
	float: right;
	text-align: right;
	margin-top: -0.3em;
	margin-left: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	padding-right: 0em;
	font-size: 0.9em;
}
div.relatedimages a {
	text-decoration: none;
}
div.map {
	float: right;
	margin-left: 2em;
}
ul.nobullet {
	list-style-type: none;
	padding-left: 0em;
}
ul.accountcommands {
	float: right;
	margin-left: 1em;
}
img.logo {
	float: left;
	margin-right: 1em;
}
span.examdetails {
	font-weight: bold;
	padding-left: 1em;
}
.twocol {
	width: 40%;
	float: left;
	margin-right: 0.5em;
}
.nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.invisible {
	display: none;
}
div#searchbar {
	background-color: #68A170;
	padding:6px;
}
div#searchbar button {
	background-color: white;
	color: black;
	border-color: black;
}
div#searchbar button:hover {
	background-color: black;
	color: white;
}
div#searchbar input, div#searchbar select, div#searchbar textarea {
	background-color: white;
	color: black;
}


div#content {
	color: #1b351d;
	background-color: #FFFFFF;
}
div#footer {
	border-color: black;
	color: 1b351d;
}
div#footer ul li a {
	color: black;
	color: FFFFFF;
}
div#footer ul li a:hover {
	background-color: black;
	color: white;
}
div.publication {
	background-color: #ffe;
	border-color: black;
}
div.publicationdetails div.samples {
	background-color: #ccffcc;
	border-color: #668866;
}
div.publicationdetails div.contents {
	background-color: #fbf7e4;
}
div.ooc {
	background-color: #aaa;
	color: black;
	/*opacity: 0.8;*/
	border: 1px solid black;
	padding: 0em 1em;
	margin-bottom: 1em;
}
span.examdetails {
	color: #6600aa;
}
span.compatibility {
	background-color: #FFFFFF;
	color: black;
}
.highlight {
	background-color: yellow;
}
.new {
	color: #cc0000;
}
.bestseller {
	color: #00a5c6;
}
.download {
	color: #639c18;
	font-weight: bold;
	background-color: #fffff;
	font-size: 1.3em;
}
.xmas {
	color: #cc0000;
}
.freecd {
	color: #663399;
}
.notavailable {
	color: black;
}
div#topnav {
border-color:#649C45;
border-style:none none none solid;
border-width:0pt 0px 0px 0px;
font-family:verdana,arial,sans-serif;
font-weight:bold;
left:1px;
padding:0pt;
width:600px;
z-index:20;
}
div#topnav ul {

list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
div#topnav li {
border-color:#649C45;
border-style:none solid solid none;
border-width:0pt 1px 1px 0pt;
float:left;
height:22px;
margin:0px;
padding:0px;
}
div#topnav li a, div#topnav li a:visited {
color:#CED6E2;
display:block;
font-size:11px;
line-height:10px;
margin:0px;
padding:6px 10px;
text-align:left;
text-decoration: none;
}
div#topnav li a:hover {
//background-color:#68A170;
color:#FFFFFF;
text-decoration: underline;
}
div#topnav li a:active {
}
div#topnav li a.on, div#topnav li a.on:visited {
background-color:#68a170;
color:#ffffff;
text-decoration: none;
}
div#topnav li a.on:hover {
}
div#topnav li a.on:active {
}
.serif {
font-family:"TITUS Cyberbit Basic","Doulos SIL","Gentium","Palatino CE","Times CE","Georgia","serif";
font-size:100%;
text-align:justify;
font-weight:bold;
}
.sanserif {
font-family:verdana,Arial, Helvetica, sans-serif;
text-align:justify;
}
.homepagequote {
font-family: verdana,Arial, Helvetica, sans-serif;
margin: 20px auto 0px auto;
}
.homepagequoter {
font-family: verdana,Arial, Helvetica, sans-serif;
font-size:100%;
font-style: italic;
margin: 5px auto 40px auto;
}
.pagetitle {
	background-color: #FFFFFF;
	color: #0000C5;
}

table.shoplist td{
	width: 50%;
	padding-left: 2.5em;
	padding-right: 2.5em;
}


.sidebarlink {
	color: #0000EE; 
}