/* -----------------------------------------------------------------------------

  birchfield.co.uk - screen stylesheet

----------------------------------------------------------------------------- */

/* Reset styles */
@import url("reset.css");

/* Now start our own */

/* Main layout */

body {
	background-color: rgb(3%, 44%, 36%);
	line-height: 1.4;
	font-size: 75%; /* 100% = 16px */
	font-size: 80%;
	font-family: helvetica, arial, sans-serif;
	color: white;
	background: #08705d;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: scroll;
}

/* Everything but the footer */
#wide-page {
	background-color: rgb(100%, 100%, 100%);
	color: rgb(0%, 0%, 0%);
}

/* Content area on #wide-page */
#narrow-page {
	position: relative;
	width: 860px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: rgb(100%, 100%, 100%);
}
#masthead {
	width: 100%;
}
#container {
	min-height: 400px;
	width: 622px;
	float: left;
	background-color: rgb(100%, 100%, 100%);
	padding-bottom: 2em;
}
#container-wide {
	min-height: 400px;
	width: 860px;
	float: left;
	background-color: rgb(100%, 100%, 100%);
	padding-bottom: 2em;
}

/* Headers */

#main-content h2 {
	font-size: 200%;
	font-weight: bold;
}
#main-content h3 {
	font-size: 150%;
	font-weight: bold;
}
#main-content h4 {
	font-size: 130%;
	color: #666;
	padding: 0px;
	margin: 0px;
}
#main-content h5 {
	font-size: 100%;
}
#main-content h6 {
	font-size: 100%;
}
#main-content h2, #main-content h3, #main-content h4, #main-content h6 {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	color: rgb(3%, 44%, 36%);
}

.top-space {
	padding-top: 1em;
	padding-bottom: 0.5em;
}

.big-tagline {
	font-size: 4em;
	color: rgb(3%, 44%, 36%);
	margin: 0em;
}

/* Links */

a {
	outline: 0;
}
a img {
	border: 0px;
	text-decoration: none;
}
a:link, a:visited {
	color: /*rgb(10%, 10%, 100%);*/ #007562;
	text-decoration: none;
}
a:hover, a:active {
	color: /*rgb(0%, 0%, 60%);*/ #54493f;
	/*color: rgb(3%, 44%, 36%);*/
	text-decoration: underline;
}
a:hover img {
	text-decoration: none;
}
#narrow-page a:hover {
	/*background-color: rgb(100%, 100%, 80%);*/
}
p {
	margin-bottom: 0.8em;
	line-height: 1.4em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
hr {
	clear: both;
	border: 0px;
	border-top: 4px dotted rgb(50%, 50%, 50%);
	margin-top: 2em;
	margin-bottom: 2em;
}
ol.show-numbers {
	list-style: decimal;
	margin-left: 2em;
	margin-bottom: 1.5em;
}
ul.show-bullets {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 1.5em;
}
ul.show-bullets li {
	margin-bottom: 0.5em;
}

.downloads-background {
	background: rgb(84%,66%,19%) url(../images/chrome/orange-horz-gradient.jpg) right repeat-y;
	padding: 4px;
}
.downloads-background a {
	color: rgb(0%, 0%, 0%);
	font-weight: bold;
}
.downloads-background a:hover {
	color: rgb(30%, 30%, 30%);
}

ul.downloads {
	padding-left: 1em;
}
ul.downloads .details {
	color: rgb(50%, 50%, 50%);
	font-size: 0.9em;
	padding-left: 0.8em;
}
ul.downloads li {
	padding: 0.5em 0em 0.5em 2em;
}
ul.downloads li {
	background: url(../images/icons/unknown.gif) no-repeat 0px 6px;
}
ul.downloads li.zip {
	background: url(../images/icons/zip.gif) no-repeat 0px 6px;
}
ul.downloads li.pdf {
	background: url(../images/icons/pdf.gif) no-repeat 0px 6px;
}
ul.downloads li.txt {
	background: url(../images/icons/txt.gif) no-repeat 0px 6px;
}
ul.downloads li.jpg {
	background: url(../images/icons/jpg.gif) no-repeat 0px 6px;
}
ul.downloads li.unknown {
	background: url(../images/icons/unknown.gif) no-repeat 0px 6px;
}
ul.product-list li {
	margin-bottom: 0.5em;
}
ul.product-list li .summary {
	display: block;
	color: rgb(50%, 50%, 50%);
	padding-left: 2em;
	padding-right: 2em;
}
ul.product-list li a {
	font-weight: bold;
}
ul.shiny-list {
	list-style-image: url(../images/chrome/shiny-list-bullet.gif);
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 1.5em;
}
ul.shiny-list li {
	margin-bottom: 0.6em;
}
.error {
	font-weight: bold;
	font-size: 1.2em;
	color: rgb(100%, 0%, 0%);
}
pre {
	border: 1px solid rgb(60%, 60%, 60%);
	background: rgb(90%, 90%, 90%);
	padding: 6px;
	margin-bottom: 1em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	overflow: auto;
}
.code {
	background: rgb(90%, 90%, 90%);
	padding: 0.2em 0.2em 0.2em 1.5em;
	margin-bottom: 1em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	overflow: auto;
}
tt {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}
.hidden {
	display: none;
}
/* Centred lozenges, typically at the top of the page */
.important-note {
	/*border-left: 4px solid rgb(3%, 44%, 36%);*/ /* #08705C */
	margin: 0em 0em 1em 0em;
	padding: 0.5em;
	background-color: /*rgb(74%,85%,83%)*/ rgb(82%,90%,88%);
	/*-webkit-border-top-right-radius: 1.5em;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-top-right-radius: 1.5em;
	-moz-border-bottom-right-radius: 1.5em;*/
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;

	/*-webkit-border-top-left-radius: 1.5em;
	-webkit-border-bottom-left-radius: 1.5em;
	-moz-border-top-left-radius: 1.5em;
	-moz-border-bottom-left-radius: 1.5em;*/
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
	text-align: center;
}
.important-note p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* Generic pull-content box */
.generic-box {
	margin: 0em 0em 1em 0em;
	padding: 0.2em 1em 1em 1em;
	background-color: rgb(82%,90%,88%);
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
	border: 1px solid rgb(3%, 44%, 36%);
}
.generic-box h3 {
	margin-top: 0em;
}
.generic-box P {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.subject-box {
	margin-bottom: 2em;
}

blockquote.boxed {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	background-color: rgb(74%,85%,83%);
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
}
blockquote.boxed .square-top {
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
}
blockquote.boxed p {
	padding: 1em 1em 0em 1em;
}
blockquote.boxed img {
	padding: 0em;
}
blockquote.boxed .attrib {
	text-align: right;
	font-size: 0.9em;
}
blockquote.boxed .author {
	font-weight: bold;
	font-size: 1em;
}
blockquote.right {
	float: right;
	width: 35%;
	/*padding-left: 1em;
	padding-right: 1em;*/
	padding-bottom: 0em;
	margin-left: 1em;
	clear: right;
}
blockquote.left {
	float: left;
	width: 35%;
	/*padding-left: 1em;
	padding-right: 1em;*/
	padding-bottom: 0em;
	margin-right: 1em;
	clear: left;
}
blockquote.handwritten {
	font-size: 160%;
	padding-top: 0.5em;
}
blockquote.handwritten p {
	padding: 0em 1em 0.3em 1em;
	margin-bottom: 0em;
}
blockquote.handwritten img {
	padding: 0em;
}
blockquote.handwritten .attrib {
	text-align: right;
	font-size: 0.9em;
}
blockquote.handwritten .author {
	font-weight: bold;
	font-size: 1em;
}

.carousel-top-box {
	background: rgb(60%,100%,100%);
}

/* Tables */

.row1 {
	background: rgb(100%, 100%, 100%);
}
.row-1 {
	background: rgb(96%, 96%, 96%);
}
table.comparison {
	color: rgb(100%, 100%, 100%);
	width: 100%;
	font-size: 1.3em;
	line-height: 1.1em;
}
table.comparison td {
	padding: 8px 12px 8px 12px;
}
table.comparison td.centre {
	text-align: center;
	vertical-align: middle;
}
table.comparison td.criteria-light {
	background: rgb(75%,58%,15%) /* Light orange */
}
table.comparison td.criteria-dark {
	background: rgb(66%,42%,9%); /* Dark orange */
}
table.comparison td.vle-light {
	background: rgb(35%,33%,65%) /* light purple */
}
table.comparison td.vle-dark {
	background: rgb(28%,27%,53%) /* Dark purple */
}
table.comparison td.lk-light {
	background: rgb(70%,15%,15%) /* Light red */
}
table.comparison td.lk-dark {
	background: rgb(55%,12%,11%) /* Dark red */
}

/* Expandable boxes */

.expandable .title {
	cursor: pointer;
}

.expandable .title:hover {
	text-decoration: underline;
}

.expandable .content {
	padding: 0.6em;
	border: 1px solid rgb(80%, 80%, 80%);
	background-color: rgb(96%, 96%, 96%);
	margin-top: 0.2em;
	margin-bottom: 1em;
	position: relative;
}

.expandable .content .show-bullets {
	margin-bottom: 0em;
	list-style-type: square;
}

.demo-links {
	border: 1px solid rgb(3%, 44%, 36%);
	border-left: 8px solid rgb(3%, 44%, 36%);
	margin-bottom: 1em;
}
.demo-links h3 {
	background-color: rgb(3%, 44%, 36%);
	color: rgb(100%, 100%, 100%);
	font-weight: bold;
	font-size: 1.3em;
}
.demo-links p {
	margin: 8px;
}
.demo-links ul.topics {
	margin: 8px;
	line-height: 1.8em;
	font-size: 0.98em;
	list-style: none;
}
.demo-links ul.topics li {
	display: inline;
	padding-right: 1em;
}
.highlight-box {
	background-color: rgb(92%, 92%, 92%);
	margin-bottom: 1em;
	padding: 8px;
}
.highlight-box ul.topics {
	margin: 8px;
	line-height: 1.8em;
	font-size: 0.98em;
	list-style: none;
}
.highlight-box ul.topics li {
	display: inline;
}

/* breadcrumbs */

.breadcrumbs {
	font-size: 0.9em;
	color: rgb(20%, 20%, 20%);
	border-bottom: 1px dotted rgb(80%, 80%, 80%);
	padding: 3px;
	margin: 0px;
	clear: left;
}
.breadcrumbs a {
	color: rgb(2%, 32%, 27%);
	text-decoration: underline;
}
.breadcrumbs a:hover {
	color: rgb(56%, 75%, 71%);
	text-decoration: none;
}

/* -------------------- Forms -------------------- */

.field {
	border: 1px solid rgb(3%, 44%, 36%);
	padding: 4px;
	background: rgb(96%, 96%, 96%);
}

.button {
 	/*font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;*/
 	font-size: 11px;
 	font-weight: normal;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 4px;
	border: 1px solid #007562;
	background-color: #007562;
	color: rgb(100%, 100%, 100%);
	font-weight: bold;
}

.button:hover {
	background-color: rgb(100%, 100%, 100%);
	/*color: #007562;*/
	color: rgb(3%, 44%, 36%);
}

.fixed-width-label {
	float: left; /* Not definite about this... */
	width: 8em;
}

.display-price {
	font-weight: bold;
	font-size: 1.2em;
}

/* Search */

.search-box {
	border: 3px solid rgb(3%, 44%, 36%);
	margin: 0em 0em 0em 0em;
	padding: 0.5em 1em 2em 1em;
	background-color: rgb(80%, 100%, 90%);
	-webkit-border-top-left-radius: 1.5em;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-top-left-radius: 1.5em;
	-moz-border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
}
.search-box form {
	margin: 0px;
}
.search-box h3 {
	margin-top: 0em;
}

.search-radio {
	margin: .2em 0 0 0;
	list-style: none;
}
.search-radio li {
	float: left;
	line-height: 1em;
	padding: 0 2em 0em 0;
	margin: 0em;
}
.search-results-list {
	list-style: none;
	margin-bottom: 1em;
}
.search-results-list li {
	padding-bottom: 0.5em;
}
.search-results-list .title {
	font-weight: bold;
}
.search-results-list .tags {
	text-transform: uppercase;
	font-size: 0.8em;
	padding-left: 1.4em;
}
.search-results-list .summary {
	color: rgb(50%, 50%, 50%);
	padding-left: 1em;
}

/* Order product button */

.product-order-box {
	border-top: 2px dotted rgb(3%, 44%, 36%);
	border-bottom: 2px dotted rgb(3%, 44%, 36%);
	/*background-color: rgb(96%, 96%, 96%);*/
	padding: 0.2em 1em 0.2em 1em; /*0.5em;*/
	margin-bottom: 1em;
}
.product-order-box p {
	margin: 6px 0px 6px 0px;
}
.topic-order-box {
	border-left: 1px solid rgb(3%, 44%, 36%);
	background-color: rgb(88%, 88%, 88%);
	padding: 0em; /*;0.2em 1em 0.2em 1em;*/ /*0.5em;*/
	font-size: 0.9em;
	width: 140px;
	/*float: right;*/
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
}
.topic-list-fixed {
	min-height: 10em;
}
.topic-order-box p {
	margin: 6px 4px 6px 10px;
}
.order-button {
	/*font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, sans-serif;*/
 	font-weight: normal;
	padding: 4px 8px 4px 8px;
	margin: 0px;
	border: 1px solid #007562;
	background-color: #007562;
	color: rgb(100%, 100%, 100%);
	font-weight: bold;
}
.product-order-box .order-button {
 	font-size: 12px;
}
.topic-order-box .order-button {
 	font-size: 11px;
}
.order-button:hover {
	background-color: rgb(100%, 100%, 100%);
	color: rgb(3%, 44%, 36%);
}

.special-order-box {
	border: 3px solid rgb(3%, 44%, 36%);
	margin: 0em 0em 1em 0em;
	padding: 0em 1em 0em 1em;
	background-color: rgb(80%, 100%, 90%);
	-webkit-border-top-left-radius: 1.5em;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-top-left-radius: 1.5em;
	-moz-border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
}
.special-order-box form {
	margin: 0px;
}
.special-order-box h3 {
	margin-top: 0em;
}

.basket-added {
	margin: 0em 0em 1em 0em;
	padding: 0.5em;
	background-color: rgb(74%,85%,83%) /*rgb(82%,90%,88%)*/;
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
	text-align: center;
}

.basket-added p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.voucher-box {
	margin: 0em 0em 1em 0em;
	padding: 0.5em;
	padding-left: 1em;
	background-color: rgb(74%,85%,83%) /*rgb(82%,90%,88%)*/;
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
}

.rounded-corners {
	-webkit-border-top-left-radius: 1.5em;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-top-left-radius: 1.5em;
	-moz-border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
}

.flash-frame {
	border: 3px solid rgb(3%, 44%, 36%);
	margin: 0em 0em 1em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: rgb(100%, 100%, 100%);
	-webkit-border-top-left-radius: 1.5em;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-top-left-radius: 1.5em;
	-moz-border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
}

.flash-frame .title {
	font-style: italic;
	font-size: 0.9em;
	text-align: center;
	margin: 0.3em;
}

/* -------------------------------------------------------------------------- */
/* Header                                                                     */
/* -------------------------------------------------------------------------- */

#header {
	width: 570px;
	position: relative;
	padding-top: 8px;
};

#header h1 {
	position: absolute;
	display: block;
	left: 1em;
	bottom: 0.5em;
}

#header h1 a {
	display: block;
	width: 226px;
	height: 63px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -999em;
}

#logotext {
	position: absolute;
	left: 240px;
	width: 260px;
	font-size: 200%;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	color: #08705D;
	line-height: 120%;
}

#strapline {
	padding-top: 8px;
}

/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 5px 0 5px 0;
	width: 860px;
	margin: 0 auto;
	text-align: left;
}

#footer h2 {
	font-size: 250%;
	margin-bottom: 15px;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
}

/* Copyright and Menu */
#copyright {
	clear: both;
	margin: 1em 1em 0 0;
	padding-top: 1.5em;
}

#foot-men {
	margin: .2em 0 0 0;
	list-style: none;
}

#foot-men li {
	float: left;
	border-right: 1px solid #fff;
	line-height: 1;
	padding: 0 8px .1em 0;
	margin: 0 8px 0 0;
}

#foot-men li:last-child {
	border: 0;
}

.footer-links {
	width: 860px;
	margin: 0 auto;
	clear: both;
}
.footer-links h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted rgb(80%, 80%, 80%);
}
.quicklinks {
	float: left;
	width: 21%;
	border: 0px;
	margin-right: 4%;
	margin-top: 1em;
}
.quicklinks ul {
	list-style: none;
	margin: 0em;
}
#footer .quicklinks a:link, #footer .quicklinks a:visited {
	color: rgb(90%, 90%, 90%);
}
#footer .quicklinks a:hover, #footer .quicklinks a:active {
	color: rgb(90%, 90%, 40%);
	text-decoration: underline;
}
.info-box {
	float: left;
	width: 50%;
	border: 0px;
	margin-right: 0px;
	margin-top: 1em;
}
.offsite-link {
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#foot-men {
	width: 100%;
}
#foot-men li {
	width: 14%;
	text-align: center;
}
ul.social-networking {
	list-style: none;
	margin-left: 0em;
}
ul.social-networking li {
	float: left;
	margin-right: 8px;
}
ul.social-networking li a {
	display: block;
	text-indent: -999em;
	width: 16px;
	height: 16px;
}
.bookmarkFacebook a {
	background: url(../images/icons/social/facebook_16.png) no-repeat left center;
}
.bookmarkTwitter a {
	background: url(../images/icons/social/twitter_16.png) no-repeat left center;
}
.bookmarkReddit a {
	background: url(../images/icons/social/reddit_16.png) no-repeat left center;
}
.bookmarkGoogle a {
	background: url(../images/icons/social/google_16.png) no-repeat left center;
}
.bookmarkStumbleUpon a {
	background: url(../images/icons/social/stumbleupon_16.png) no-repeat left center;
}
.bookmarkDigg a {
	background: url(../images/icons/social/digg_16.png) no-repeat left center;
}
.bookmarkDelicious a {
	background: url(../images/icons/social/delicious_16.png) no-repeat left center;
}
.bookmarkTechnorati a {
	background: url(../images/icons/social/technorati_16.png) no-repeat left center;
}

/* -------------------------------------------------------------------------- */
/* Sidebar                                                                    */
/* -------------------------------------------------------------------------- */

.sidebar {
	float: right;
	top: 0px;
	right: 0px;
	margin: 0px;
	width: 220px;
}
#main-content .sidebar {
	padding: 0.5em;
}
#masthead .sidebar {
	position: absolute;
	padding: 0.5em;
}
.category-list {
	margin: 1.5em 0em 1em 0em;
	font-size: 1.1em;
	font-weight: bold;
}
.category-list ul {
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
.category-list a {
 color: rgb(3%, 44%, 36%);
}
.category-list a:hover {
	color: rgb(90%, 40%, 40%);
	text-decoration: underline;
}
#search-box {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#search-box p {
	margin: 0px;
}
#search-box .field {
	background: rgb(92%, 92%, 92%);
}
#search-box .field:hover {
	background: rgb(96%, 96%, 96%);
}
#search-box .field:focus {
	background: rgb(100%, 100%, 100%);
}

/* Sidebar - tinted boxes */

.tinted-box {
	background: rgb(92%, 92%, 92%);
	border: 2px solid rgb(3%, 44%, 36%); /*rgb(80%, 80%, 80%);*/
	padding: 0px;
	margin: 2px;
}
.tinted-box h3 {
	background: rgb(3%, 44%, 36%); /*rgb(70%, 70%, 70%);*/
	color: rgb(100%, 100%, 100%);
	padding: 4px 4px 0px 4px;
	margin-bottom: 4px;
	font-size:1.4em;
	font-weight: bold;
}
.tinted-box p {
	margin: 4px;
}

/* -------------------------------------------------------------------------- */
/* Animated buttons                                                           */
/* -------------------------------------------------------------------------- */

/* Flash-style buttons */

#fp_flashdiv {
	width: 780px;
	background-image: url(../images/buttons/fp_gradback.jpg);
	background-repeat: repeat-x;
}
#fp_bigbuttons {	padding: 5px 0px 10px 5px;}
#fp_smallbuttons { padding: 0px 0px 0px 4px; }

.fp_flashbigbutton a {
	float: left;
	margin: 0px 1px 2px 1px;
	width: 255px;
	height: 248px;
	background-image: url(../images/buttons/fp_bigbtn.jpg);
	display: block;
	text-decoration: none;
	text-align: center;
	color: #354B62;
	font: 16px "VAGRounded BT", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}
.fp_flashbigbutton_wide a {
	float: left;
	margin: 0px 1px 2px 1px;
	width: 384px;
	height: 248px;
	background-image: url(../images/buttons/fp_bigbtn_wide.jpg);
	display: block;
	text-decoration: none;
	text-align: center;
	color: #354B62;
	font: 16px "VAGRounded BT", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}
.fp_flashbigbutton img,.fp_flashbigbutton_wide img {
	margin: 14px 14px 3px 14px;
	border: none;
}
.fp_bigbtnbigtxt {
	font: 20px "VAGRounded BT", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

.clearfloat {
	clear: both;
	margin-bottom: 5px;
}
#fp_bigbuttons a:hover, #fp_bigbuttons a:active {
	background-position: 0px -248px;
	color: #0079AD;
}
.fp_smbtn {
	float:left;
	text-align: center;
}
.fp_smbtn a {
	width: 108px;
	height: 126px;
	float: left;
	margin: 3px 0px 2px 1px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font: 13px "VAGRounded BT", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height: 95%;
}
.fp_smbtn a:hover, .fp_smbtn a:active { background-position: 0px -126px;}
.fp_smbtn_textspacer { padding-top: 85px; display: block; }

#fp_smbtn_btn1 a { background-image: url(../images/buttons/fp_smbtn1.jpg);color: #FFF;}
#fp_smbtn_btn2 a { background-image: url(../images/buttons/fp_smbtn2.jpg);color: #FFF;}
#fp_smbtn_btn3 a { background-image: url(../images/buttons/fp_smbtn3.jpg);color: #FFF;}
#fp_smbtn_btn4 a { background-image: url(../images/buttons/fp_smbtn4.jpg);color: #FFF;}
#fp_smbtn_btn5 a { background-image: url(../images/buttons/fp_smbtn5.jpg);color: #FFF;}
#fp_smbtn_btn6 a { background-image: url(../images/buttons/fp_smbtn6.jpg);color: #FFF;}
#fp_smbtn_btn7 a { background-image: url(../images/buttons/fp_smbtn7.jpg);color: #FFF;}

/* -------------------------------------------------------------------------- */
/* Shopping features                                                          */
/* -------------------------------------------------------------------------- */

.basket_empty {
	font-weight: normal;
	color: rgb(50%, 50%, 50%);
}
.basket_full {
	font-weight: normal;
	color: rgb(0%, 0%, 0%);
}
.shopping-basket {
	width: 100%;
	margin-bottom: 2em;
}
.shopping-basket td {
	border-bottom: 1px dotted rgb(60%, 60%, 60%);
	padding: 0.5em;
}
.shopping-basket td.numeric {
	text-align: right;
	padding-right: 1em;
}
.shopping-basket td.totals {
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
}
.shopping-basket a {
	color: rgb(0%, 0%, 0%);
	text-decoration: none;
}
.shopping-basket a:hover {
	color: rgb(50%, 50%, 100%);
	text-decoration: underline;
}

/* Lightbox */

.thumbs {
	border: 1px solid rgb(64%,73%,55%);
	background: rgb(100%, 100%, 100%) url(../images/chrome/box-vert-grey-gradient.jpg) repeat-x top;
	margin-bottom: 1em;
	clear: both;
	position: relative;
}
.thumbs h5 {
	background: rgb(100%, 100%, 100%) url(../images/chrome/box-title-horz-grey-gradient.jpg) repeat-y center;
	padding: 0.2em;
	margin-bottom: 0.4em;
	text-align: center;
	font-weight: bold;
	color: rgb(0%, 0%, 0%);
}
.thumbs p {
	margin: 0.1em 0.5em 0.1em 0.5em;
	color: rgb(40%, 40%, 40%);
}
.thumbs ul {
	list-style: none;
	padding: 0em 0.5em;
	max-height: 13em;
	overflow: auto;
}
.thumbs li.thumbnail {
	float: left;
	margin: 0.5em 1em 0.5em 0.5em;
	min-width: 120px;
	min-height: 105px;
}
.thumbs li.thumbnail a:hover {
	text-decoration: none;
}
.thumbs br {
	clear: left;
}

.video-box-large {
	min-height: 550px;
}

.thumbs .thumbnail img {
	cursor: pointer;
}

.thumbs .minimize-button {
	position: absolute;
	top: 4px;
	right: 6px;
}

.video-side-thumbnail {
	margin: 0em 0em 1em 1em;
	padding: 4px;
	background-color: rgb(74%,85%,83%);
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
	float: right;
	width: 140px;
	clear: right;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}

/* Site map */

.site-map {
	margin: 1.5em 0em 1em 0em;
	font-size: 1.1em;
	font-weight: bold;
}
.site-map ul {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0.8em;
	padding-left: 2em;
}
.site-map a {
 color: rgb(3%, 44%, 36%);
}
.site-map a:hover {
	color: rgb(90%, 40%, 40%);
	text-decoration: underline;
}

/* Icon-Text pairs */

.icon-left {
	float: left;
	width: 45%;
	padding-bottom: 2em;
}
.text-right {
	float: right;
	width: 50%;
	padding-top: 1em;
	padding-bottom: 2em;
}