body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

.spanner {
	background-color: #69c;
	text-align: center;
	color: #036;
	padding: .5em 0;
}
.spanner p {
	margin: 0;
	padding: 0;
}

.spanner a {
	color: #036;
}

#title,
#images,
#info,
#toc,
#samples {
	margin: 5px 3%;
}

#title,
#images {
	text-align: center;
}

#images {
 padding: 5px 0;
}
#images img {
	border: 1px solid #999;
}

#samples img {
    border: 2px solid blue;
}

#info h1,
#info h2,
#info h3 {
	text-align: center;
}

.scope h3 {
	font-size: 1.5em;
	margin: .5em 0 0 0;
	padding: 0;
	background: #ccc;
}
.scope .headings {
	font-size: .8em;
}

.scope td {
	border: 1px solid #999;
	padding: 5px;
	vertical-align: top;
}

.scope p {
	margin: 0 0 .5em 0;
	font-size: .8em;
}

#toc {
	border: 2px solid #c51;
	background-color: #ffe;
	padding: 0 2em;
}

#toc li {
	list-style-type: none;
}
#toc .star {
	list-style-type: disc;
	font-weight: bold;
}
#toc .samples {
	text-decoration: none;
	background-color: yellow;
}

.buy {
	text-align: center;
}

.instr {
	text-align: center;
	padding: .5em 0;
	margin: .5em 0;
}
.instr p {
	display: inline;
	margin: 0 auto;
	border: 1px solid #9cf;
	padding: .5em;
	font-style: italic;
	background-color: #ffc;
}

/* rounded boxes */
.border {
	margin-top: 30px;
}

.border .header,
.border .footer div {
	position: relative;
	height: 12px;
	clear: both;
}

.border .header div {
	position: absolute;
	left: 10px;
	font-size: 20px;
	top: -21px;
	white-space: nowrap;
}

.border .content {
	padding: 0 4px 0 10px;
}

.border .column.left {
	float: left;
	width: 47%;
}
.border .column.right {
	float: right;
	width: 47%;
}

.border p {
	margin: 0 0 .5em 0;
}

.border .info {
	font-size: .8em;
	margin-top: -5px;
}

.border .sub {
	font-size: .8em;
	padding-left: 10px;
	margin-top: -5px;
}

.boldlink a {
	font-weight: bold;
}

/* ...pink */
.border.white2pink {
	background: url(/common/images/border_white2pink.nw.gif) top left no-repeat;
}
.border.white2pink .header {
	background: url(/common/images/border_white2pink.ne.gif) top right no-repeat;
}
.border.white2pink .body {
	background: url(/common/images/border_white2pink.e.gif) top right repeat-y;
}
.border.white2pink .footer {
	background: url(/common/images/border_white2pink.sw.gif) bottom left no-repeat;
}
.border.white2pink .footer div {
	background: url(/common/images/border_white2pink.se.gif) bottom right no-repeat;
}

/* ...yellow */
.border.white2yellow {
	background: url(/common/images/border_white2yellow.nw.gif) top left no-repeat;
}
.border.white2yellow .header {
	background: url(/common/images/border_white2yellow.ne.gif) top right no-repeat;
}
.border.white2yellow .body {
	background: url(/common/images/border_white2yellow.e.gif) top right repeat-y;
}
.border.white2yellow .footer {
	background: url(/common/images/border_white2yellow.sw.gif) bottom left no-repeat;
}
.border.white2yellow .footer div {
	background: url(/common/images/border_white2yellow.se.gif) bottom right no-repeat;
}

/* ...blue */
.border.white2blue {
	background: url(/common/images/border_white2blue.nw.gif) top left no-repeat;
}
.border.white2blue .header {
	background: url(/common/images/border_white2blue.ne.gif) top right no-repeat;
}
.border.white2blue .body {
	background: url(/common/images/border_white2blue.e.gif) top right repeat-y;
}
.border.white2blue .footer {
	background: url(/common/images/border_white2blue.sw.gif) bottom left no-repeat;
}
.border.white2blue .footer div {
	background: url(/common/images/border_white2blue.se.gif) bottom right no-repeat;
}

/* ...orange */
.border.white2orange {
	background: url(/common/images/border_white2orange.nw.gif) top left no-repeat;
}
.border.white2orange .header {
	background: url(/common/images/border_white2orange.ne.gif) top right no-repeat;
}
.border.white2orange .body {
	background: url(/common/images/border_white2orange.e.gif) top right repeat-y;
}
.border.white2orange .footer {
	background: url(/common/images/border_white2orange.sw.gif) bottom left no-repeat;
}
.border.white2orange .footer div {
	background: url(/common/images/border_white2orange.se.gif) bottom right no-repeat;
}