/* CSS Document */
/* v1.0 Dave Crawford */
@media screen
{
/* PAGE PROPERTIES */
body {
	font-family: verdana, sans-serif;
	background: #000;
	background-image: url(images/background_tile.gif);
	background-repeat: repeat;
}
/* MASTER CLASSES */
a {
	color: #0000a2;
}
img {
	border: 0px;
}
hr {
	color: #000; 
	height: 1px;
	border: none;
	clear: both;
	margin: 0.4em 0 0.4em 0;
}
h1 {
	margin: 0.8em 0 0.8em 0;
	font-size: 140%;
	font-weight: normal;
	color: #000; 
	border-bottom: 1px solid #ffbbdd;
	padding: 0 0 0.3em 0;
}
h2 {
	font-size: 105%;
	font-weight: bold;
	color: #000;
	clear: both;
	padding: 0.2em;
	margin: 1em 0 0.5em 0;
	border-bottom: 1px solid #ccc;
	line-height: 140%;
}
h3 {
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #f68b1e;
}
input {
	font-family: Arial, Helvetica, sans-serif;
}
/* PAGE LAYOUT */
/* header */
.accessibility {
	text-indent: -9000px;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -9000px;
	top: -100px;
}
#contentHeader {
/*	background: #fff;*/
	background: url('images/header_bg.jpg') no-repeat;
	text-align: left;
}
#contentHeader .right {
}

ul#navigation
{

}

ul#navigation li {
	font-size: 80%;
}

ul#navigation li a {
	text-decoration: none;
	color: #008;
}

ul#navigation li a:hover {
	text-decoration: underline;
}

/* left column */
#contentLeft div {
	color: #555;
}
.mailinglist 
{
    margin-top:1.2em;
}
.controls {
	text-align: left;
	font-size: 70%;
}
.divheader h2 {
	display: none;
}
.divbody {
	font-size: 70%;
}
#productFinder {
	margin: 20px 0 0.5em 0;
/*	height: 156px;*/
	text-align: center;
}
#productFinder .divheader {
	background: url('images/divheader_product_finder.gif') no-repeat;
	height: 36px;
}
#productFinder .divbody {
/*	height: 120px;*/
	background: url('images/divfooter_product_finder.gif') no-repeat bottom;
	padding: 0.2em 0 0.2em 0;
}
.productSearchBox {
	width: 85%;
	margin: 0 0 0.3em 0;
	color: #000;
}
#productFinder .divbody select {
	width: 88%;
}
#productFinder .divbody input, #productFinder .divbody select {
	font-size: 100%;
	margin: 0 0 0.3em 0;
}
#products {
	margin: 20px 0 0 0;
}
#products .divheader {
	background: url(images/divheader_products.gif) no-repeat;
	height: 36px;
}
#products .divbody {
	background: url(images/divfooter_products.gif) bottom left no-repeat;
	padding: 0em 0 1em 0;
}
#products dl {
	margin: 0;
}
#products dt {
	padding: 0;
}
#products dt#selected {
	background-color: #f90;
}
#products dd {
	margin: 0;
	padding: 0;
}
#products a {
	display: block;
	padding: 0.2em 0 0.2em 0.5em;
}
#products dd a {
	display: block;
	padding: 0.2em 0 0.2em 1em;
}
#nav, #nav ul {
	/* all lists */ padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
	background: url('images/purple_tile.gif') repeat;
}
#nav li {
	/* all list items */ position: relative;
	float: left;
	line-height : 1.25em;
	margin-bottom: -1px;
	width: 100%;
}
#nav li ul {
	/* second-level lists */ 
	z-index: 999 !important; /* margin-top : -1.35em; */
}
#nav li ul.collapsed {
	/* second-level lists */ 
	display: none;
}
#nav li ul ul {
	/* third-and-above-level lists */left: -999px;
}
#nav li a {
/*	width: 129px;
	w\idth: 120px;*/
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 3px 4px 3px 4px;
}
#nav li ul li a {
	/* second-level lists */ 
	background: #ffcccc url('images/secondlevel_bg.gif') repeat-y;
	z-index: 9999; /* increase first width and add 9px to hacked second width, test in IE and FF --> */
	color: #000;
	padding-left: 12px;
/*	width: 134px;
	w\idth: 125px;*/
}
#nav li a:hover {
	color: #000;
	background: #ffeeee url('images/secondlevel_hover_bg.gif') repeat-y;
}

#nav li ul li a:hover {
	background: #ffeeee url('images/secondlevel_hover_bg.gif') repeat-y;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/* lists nested under hovered list items */ left: auto;
	top: 18px;
}
#products a:link {
	text-decoration: none;
}
#products a:visited {
	text-decoration: none;
}
#products a:active {
	text-decoration: none;
}
#products a:hover {
	text-decoration: none;
	background-color: #c00;
	color: #fff;
}
.bulksales {
	margin: 1em 0;
}
#security {
	text-align: center;
	font-size: 70%;
}
#security img {
	margin: 0 0 0.2em 0;
}
/* centre column */
.userStatus {

	text-align: right;
	font-size: 70%;
	padding: 3px 0px 0px 0px;
	color: #fff;
}

.userStatus a 
{
	color: #ffcccc;
}

.userStatus a:hover {
	text-decoration: underline;
}

.userStatusStretch {
	text-align: right;
	font-size: 70%;
	padding: 3px 0px 0px 0px;
	color: #fff;
}

.userStatusStretch a 
{
	color: #ffcccc;
}
.userstatusmsg {
	padding: 0 0px 0 0px;

}
.basketstretch {
	position: absolute;
	width: 160px;
	right: 0px;
	top: 95px;
	_top: 105px;
	height: 26px;
	background-image: url(images/basket_stretch_bg.gif);
	padding-top: 10px;
	text-align: center;
}
.basketstretch div#basketControlTitle {
	border: 0;
	background: none !important;
	padding: 0;
}
.basketstretch div#basketControlTitle p {
	line-height: normal !important;
}

.basketstretch a 
{
	color: #000;
}

#content, #contentStretch {
	font-size: 80%;
}
#content p, #contentStretch p {
	line-height: 140%;
	margin: 0.6em 0 0.6em 0;
}
#content ul, #contentStretch ul {
	line-height: 140%;
/*	clear: both;*/
}
#content ul li, #contentStretch ul li {
	text-align: left;
}
#contentStretch p.breadcrumb, p.breadcrumb {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: normal;
	font-size: 0.85em !important;
}
#productfinder {
	margin: 10px 0 0 0;
	color: #fff;
	clear: both;
	background: url('images/background_product_finder.png') no-repeat;
}
.productfinderleft {
	background: url(images/product_finder_bg.gif) top left no-repeat;
	text-align: center;
	height: 40px;
	width: 99%;
}
.productfinderleft label {
	font-size: 85%;
	display: block;
	padding: 12px 0 0 40px;
	float: left;
}
.productfinderleft input {
	margin: 0.2em 0 0 0;
	 margin: 10px 0 0 0;
	 height: 12px;
				}
.productfindersubmit {
	height: 19px !important;
	background: #EB9C9C;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #EB9C9C;
	border-right: 1px solid #900;
	border-bottom: 1px solid #900;
	border-top: 1px solid #EB9C9C;
}
.rightAlign {
	text-align: right;
	margin: 0px;
}
h2.rightAlign {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
.clearnospace {
	height: 0px;
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
.centerAlign {
	text-align: center;
}
.leftIllustration {
	margin: 0.4em 1.6em 0.4em 0;
}
.rightIllustration {
	margin: 0.4em 0 0.4em 0.6em;
}
.receiptLeftColumn {
	float: left;
	width: 48%;
}
.receiptRightColumn {
	float: right;
	width: 48%;
	border-left: 1px solid #C8DEEE;
	padding: 0 0 0 0.6em;
}
.zoom {
	text-align: center;
	font-size: 0.85em;
}
.zoom img {
	vertical-align: middle;
}
.appliesto img {
	vertical-align: middle;
}
.banner {
	text-align: center;
}
.addToBasket {
	background-color: #FFE377;
	padding: 4px;
	border: 1px solid #fc0;
	text-align: right;
}
.nsQuantityFix {
	border: 1px solid #FFE16A;
}
.price {
	font-size: 110%;
	color: #005A86;
	font-weight: bold;
}
.ship {
	background: url(images/ship.jpg) no-repeat center left;
	padding-left: 4.5em;
}
.complete {
	background: url(images/complete.gif) no-repeat center left;
	padding-left: 3em;
}
.note, .feedback, .related {
	padding: 4px 4px 4px 28px;
	background-repeat: no-repeat;
	background-position: center left;
}
.note {
/*background-color: #F4F8FC;*/ 	border: 1px dashed #C8DEEE;
	background-image: url(images/info.gif);
}
.feedback {
	background-image: url(images/quote.gif);
}
.related {
	background-image: url(images/related.gif);
}
.warning {
	clear: both;
	border: 1px solid #EABB00;
	background: #FBF404 url(images/warning.gif) no-repeat center left;
	padding: 0.4em 0.2em 0.4em 5em;
}
.addToBasket form label {
	display: inline;
}
.updateChanges {
	text-align: right;
	padding-top: 10px;
	margin-top: 30px;
	float: right;
	clear: both;
}
.basketTotal {
	border-top: 3px double #005A86;
	padding-top: 10px;
	margin-top: 30px;
	text-align: right;
}
.hide {
	display: none;
}
.killMargins {
	margin: 0px !important;
}
div.formContainer {
	border: 1px solid #C8DEEE;
	padding: 0.4em;
}
.formContainer {
	padding: 0;
}
.formContainer h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.formContainer h3 {
	margin: 1em 0 1em 0;
	padding: 5px 0px 0px 0px;
}
div.formContainer h4 {
	margin: 0px;
	font-size: 105%;
}
div.formRow {
}
div.formRow label {
	text-align: right;
	padding: 0.2em 0 0.2em 0;
}
.formContainer td label {
	text-align: left;
	padding: 0;
	width: 100%;
}
div.formRow span.formField {
	text-align: left;
	padding: 0.2em 0 0.2em 0;
}
div.formRow span.formField h3 {
	margin: 0;
	padding: 0;
}
div.formRowDivider {
	background-image: url(images/form_divider.gif);
	background-repeat: repeat-x;
	background-position: center left;
}
input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.cardName {
	text-transform: uppercase;
}
.genericInputField, .genericTextarea, .genericSelect {
	width: 70%;
}
.readonly {
	border: 1px solid #e2e2e2;
	color: #999;
}
.postcode {
	width: 20%;
}
.secLabel {
	padding: 3.2em 0 0 0 !important;
}
.telNo {
	width: 25%;
}
.issueNumber {
	width: 4%;
}
.securitynumber {
	width: 6%;
}
.genericSubmitButton {
	background-color: #c00;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	border-left: 1px solid #c00;
	border-top: 1px solid #c00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
}
.genericCheckbox {
	margin: 0px;
	padding: 0px;
}
.displayCenter {
	margin-left: auto;
	margin-right: auto;
	border-width-left: 0;
	border-width-right: 0;
	width: 70%;
}
.widescreen {
	width: 70% !important;
}
.cardTable {
	width: 100%;
	margin: 0 0 0 0;
}
#extraCardInfo {
	margin: 0em 0 0 0;
	padding: 0.4em;
	display: none;
}
.cardTable td {
	padding: 0.4em;
}
.cardTable .secNo {
	border-top: 1px solid #C8DEEE;
	padding: 0.4em 0 0.4em 0;
}
.tabs ul {
	padding-left: 1em;
	margin: 0 auto;
}
.tabs li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0 0 0 9px;
	font-size: 0.85em;
}
.tabs span {
	float: left;
	display: block;
	padding: 5px 15px 4px 2px;
}
/* hides rule from IE5-Mac \*/
.tabs a {
	float: none;
}
/* End IE5-Mac hack */
.tabs .current span {
}
#formTabs {
	padding-left: 0%;
	margin: 0 auto;
	height: 1%;
	margin-top: 20px;
}
#formTabs.tabs li {
	background: url(images/form_tab_left.gif) no-repeat left top;
}
#formTabs.tabs span {
	background: url(images/form_tab_right.gif) no-repeat right top;
	cursor: default;
}
#formTabs.tabs .current {
	background-image: url(images/form_tab_selected_left.gif);
}
#formTabs.tabs .current span {
	background-image: url(images/form_tab_selected_right.gif);
	cursor: default;
}
.defaultAddress {
	background-color: #F4E1E1;
	border: 1px solid #ECCACA;
	padding: 0 0.4em 0 0.4em;
}
#cardPayment, #invoicePayment {
	display: none;
}
#myAccountIcons {
	margin: 0 auto 1.4em auto !important;
}
.tileIcons {
	width: 19%;
	float: left;
	text-align: center;
	margin: 0 0.1em 1em 0.1em;
}
.tileIcons p {
	font-size: 0.85em;
	margin: 0.2em !important;
	line-height: 115% !important;
}
.tileIcons p.selected {
	border: 1px solid #C8DEEE;
	background-color: #F4F8FC !important;
	padding: 0.2em;
}
.tile p {
	font-size: 0.85em;
	margin: 0 0 0.6em 0 !important;
	padding: 0 0.6em 0 0;
}
.orderTable, .addressTable {
	width: 100%;
}
.orderTable th {
	border-bottom: 1px solid #C8DEEE;
	padding: 0.4em;
	vertical-align: top;
	font-weight: normal;
}
.orderTable td {
	border-bottom: 1px solid #C8DEEE;
	padding: 0.4em;
	vertical-align: top;
}
.addressTable td {
	border-top: 1px solid #C8DEEE;
	padding: 0.4em;
	vertical-align: top;
}
.orderTable td.action, .addressTable td.action {
	text-align: center;
	width: 1%;
}
.rightTile p {
	padding: 0 !important;
}
.smallText {
	font-size: 85% !important;
}
.vMiddle {
	vertical-align: middle;
}
.receipt h3 {
	margin-top: 0;
}
.receipt.rightIllustration p {
	margin-top: 0 !important;
}
#footer {
	background: #000 url('images/footer_bg.jpg') bottom no-repeat;
	text-align: right;
	color: #000;
	font-size: 70%;
	padding-bottom: 20px;
}
.footerLeft {
	color: #000;
	text-align: right !important;
	vertical-align: middle;
	padding: 13px 20px 0px 0px;
}

.footerLeft a, .footerRight a
{
	color: #000;
}

.footerRight {
	text-align: right !important;
	color: #000;
}

.productLeft, .productRight {
	padding: 10px 5px 5px 5px;
	text-align: center;
	border: 1px #cfd0d2 solid;
	border-bottom: 5px #cfd0d2 solid;
}
.productLeft p, .productRight p, .productDisplay p {
	margin: 0.3em;
	text-align: left;
}

#results .productDisplay p {
	text-align: left !important;
	padding-left: 5px;
}
.productLeft img, .productRight img {
	width: 90px;
	height: 90px;
}
.productLeft div.cropImage, .productRight div.cropImage {
	margin: 0.4em auto 0 auto;
}
.productLeft div.smallText, .productRight div.smallText {
	text-align: left;
	margin: 0 0.6em 0 0.0em !important;
	padding-left: 10px;
}

.productDisplay {
	clear: both;
	margin: 0.8em 0 0 0 !important;
	padding-bottom: 10px;
}

.productLeft div.priceIncVat, .productRight div.priceIncVat  
{
	color: gray; 
	font-size: 85%; 
	line-height: 85%; 
	position: relative; 
	bottom: 5px; 
}
.productLeft div.previousListPrice, .productRight div.previousListPrice  
{ 
	color: red; 
	font-size: 110%; 
	text-align: center; 
	margin: 3px 92px -10px 0px; 
	text-decoration: line-through; 
}
/* Holly Hack to prevent IE peekaboo bug http://www.positioniseverything.net/explorer/peekaboo.asp
			/* Hides from IE-mac \*/
* html .featureContainer {
	height: 1%;
}
/* End hide from IE-mac */
.featureHeader {
	background: url(images/feature_header_bg.gif) no-repeat;
	text-align: right;
	padding: 0px;
	margin-top: 20px;
	clear: both;
}
.featureTitle {
	background: #fc0;
	border-left: 1px solid #fc0;
	border-bottom: 1px solid #fc0;
	border-right: 1px solid #fc0;
	font-weight: bold;
	padding: 0px 0px 4px 5px;
	text-align: left;
	color: #0A3D7E !important;
}
.featureContent {
	background: #FEF2A8;
	border-left: 1px solid #FEF2A8;
	border-right: 1px solid #FEF2A8;
	padding: 0.8em;
}
.featureFooter {
	background: url(images/feature_footer_bg.gif) no-repeat;
	text-align: right;
	padding: 0px;
	margin-bottom: 1em;
}
.featureContent img {
	border: 1px solid #fc0 !important;
}
.featureContent .leftIllustration img {
	border: 1px solid #fc0 !important;
	width: 90px;
	height: 90px;
}
.featureContent p img {
	border: 0px;
}
.bestvalflag {
	display: inline;
	position: relative;
	top: -62px;
	left: -50px;
}
.mainimage {
	width: 150px;
	border: 0px;
}
.productimage {
	width: 200px;
	height: 200px;
	border: 0px;
}
.featureContent h2 {
	margin: 0px !important;
	border: 0px;
	background: none;
}
.featureContent h3 {
	margin: 0px !important;
}
.featureContent hr {
	color: #E3D7E3;
	background-color: #E3D7E3;
	margin-top: 0px;
}
.quantityBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	width: 24px;
	text-align: center;
	color: #005A86;
	font-weight: bold;
	margin-right: 0.4em;
}
div.paginationcontainer {
	margin: 1em 0 0 0;
}
div.pagination {
}
div.paginationleft {
	float:left;
}
ul.pagination {
	clear: both;
	margin: 1em 0 0 0;
	text-align: center;
}
ul.pagination li {
	display: inline;
	padding: 0.3em;
}
ul.pagination li a[disabled="disabled"] {
	color: #999;
}
ul.paginationleft {
	margin-left: 0;
	padding: 0;
	margin: 0;
}
ul.paginationleft li {
	display: inline;
	padding: 0.3em;
}
ul.paginationleft li a[disabled="disabled"] {
	color: #999;
}
div.pagesizeselector {
	float: right;
	line-height: normal;
	font-size: 0.85em !important;
}
div.pagesizeselector select {
	font-size: 0.95em;
}

.purchasingMatrix td, .basketMatrix td {
	border-bottom: 1px solid #C8DEEE;
	padding: 0.4em;
	vertical-align: top;
}
.purchasingMatrix .quantityHeader, .basketMatrix .quantityHeader, .purchasingMatrix .priceHeader, .basketMatrix .unitPriceHeader {
	font-size: 85%;
	text-align: center;
}
.basketMatrix .statusHeader {
	font-size: 85%;
	text-align: left;
}
.basketMatrix .totalPriceHeader {
	text-align: right;
	font-size: 85%;
}
.purchasingMatrix .price {
	text-align: right !important;
}
.purchasingMatrix .priceIncVAT td 
{
	border-bottom: medium none;
}
.priceIncVAT div 
{
	position: relative;
}
.priceIncVAT span  
{
	position: absolute; 
	font-size: 85%; 
	bottom: 6px; 
	color: gray; 
	background-color: white;
}
.purchasingMatrix .desc  
{
	vertical-align: middle;
}
.purchasingMatrix .previousListPrice  
{
	font-size: 110%; 
	color: red; 
	text-decoration: line-through; 
	text-align: right;
}
.purchasingMatrix .previousListPriceSpacer  
{
	line-height: 70%;
}
.basketMatrix .totalPrice {
	text-align: right !important;
}
.purchasingMatrix .quantity, .basketMatrix .quantity {
	text-align: center;
}
.basketMatrix .unitPrice {
	text-align: right;
}
.purchasingMatrix .quantity input, .basketMatrix .quantity input {
	font-size: 0.85em;
	width: 24px;
	text-align: center;
	color: #005A86;
	font-weight: bold;
}
.purchasingMatrix .buy, .basketMatrix .remove, .basketMatrix .unitPriceHeader {
	text-align: right;
}
.basketMatrix .updateBasket input {
	padding: 0px !important;
}
.basketMatrix {
	margin: 0 0 0 0;
}
.checkoutAddress {
	text-align: left !important;
	vertical-align: top;
}
.totalsMatrix {
	width: 100%;
}
.stretch {
	width: 100%;
}
.totalsMatrix td {
	padding: 0.4em;
	text-align: right;
}
.totalsMatrix td.totalLabel {
	border-bottom: 1px solid #C8DEEE;
}
.totalsMatrix td.totalValue {
	border-bottom: 1px solid #C8DEEE;
}
.totalsMatrix td.blank {
	border: 0;
	width: 60%;
}
.myAccountTabs {
	margin: 0px;
}
.myAccount {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #FFE16A;
	margin: 0;
}

/* Quick Order Form */

.quickOrderMatrix {
	margin: 0 0 0 0;
}
.quickOrderMatrix td {
	border-bottom: 1px solid #C8DEEE; 
	padding: 0.4em; 
	vertical-align: top;
}

.quickOrderMatrix .codesHeader, .quickOrderMatrix .quantityHeader, .quickOrderMatrix .infoHeader {
	font-size: 85%; 
	text-align: center;
}

.quickOrderMatrix .codesColumn input {
	font-size: 0.85em;
	width: 72px; 
	text-align: left; 
	color: #005A86; 
	font-weight: bold; 
}

.quickOrderMatrix .quantityColumn input {
	font-size: 0.85em; 
	width: 24px; 
	text-align: center; 
	color: #005A86; 
	font-weight: bold; 
}

.quickOrderMatrix .infoColumn {
	width: 75%; 
}
.quickOrderMatrix .submitButton {
	text-align: right; 
	padding: 0px !important;
}

.quickOrderMatrix .infoColumn .error {
	color: #f00; 
}

.quick_order_button {
	padding: 1em 0 0 0;
}

.quickOrderMatrix .infoColumn .productPriceIncVAT  
{
	font-size: 85%; 
	color: gray; 
}

/* right column */
#contentRight {
	font-size: 70%;
	padding-top: 5px;
}
#basketControl {
	padding: 5px 5px 10px 5px;
	background-image: url('images/basket_control_header_bg.gif');
	background-repeat: repeat-y;
	color: #000;
}
#basketControlHeader {
	background-image: url('images/basket_header_bg.gif');
	background-repeat: no-repeat;
	height: 36px;
	text-align: right;
	color: #000;
	margin-top: 20px;
}
#basketControlTitle {
	background-image: url('images/basket_control_header_bg.gif');
	background-repeat: repeat-y;
	color: #000;
}
.noBasket {
	background-image: url('images/basket_control_header_bg.gif');
	background-repeat: repeat-y;
	color: #000;
}
#basketControlTitle p {
	background-image: url('images/basket_control_header_bg.gif');
	background-repeat: repeat-y;
	padding: 0 5px;
	margin: 0;
	vertical-align: middle;
	line-height: 120%;
	color: #000;
}
#basketActions {
	background-image: url('images/basket_control_header_bg.gif');
	background-repeat: repeat-y;
	color: #000;

	padding: 8px 5px 10px 5px;
}
.basketControlFooter {
	background-image: url('images/basket_footer_bg.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
	margin: 0 0 0.4em 0;
	color: #000;
}
#productfeature {
	margin: 20px 0 0 0;
	background: url(images/divfooter_recommends_bg.gif) repeat-y;
}
#productfeature .divheader {
	height: 41px;
}

#productfeature .new {
	background: url(images/divheader_new_products.gif) no-repeat;
}

#productfeature .recommended {
	background: url(images/divheader_recommends.gif) no-repeat;
}

#productfeature .special {
	background: url(images/divheader_special.gif) no-repeat;
}

#productfeature .teachersideas {
	background: url(images/divheader_teachers_ideas.gif) no-repeat;
}

#productfeature .divbody {
	background: url(images/divfooter_recommends.gif) bottom left no-repeat;
	padding: 0.2em 0.6em 0.4em 0.6em;
	font-size: 100%;
}
#productfeature .divbody p {
	margin: 0.4em auto 0.6em auto;
}
#productfeature .divbody p img {
	border: 1px solid #ccc !important;
	width: 70px;
	height: 70px;
}
#bestvalue {
	margin: 2em 0;
	background: url(images/divfooter_best_value_bg.gif) repeat;
}
#bestvalue .divheader {
	background: url(images/divheader_best_value.gif) no-repeat;
	height: 36px;
}
#bestvalue .divbody {
	background: url('images/divfooter_best_value.gif') bottom left no-repeat;
	padding: 0.2em 0.6em 0.4em 0.6em;
	font-size: 100%;
}
#bestvalue .divbody p {
	margin: 0.4em auto 0.6em auto;
	color: #fff
}

#bestvalue .divbody a {
	color: #fff3bf;
}

#rightNavBar {
	font-size: 110%;
}
.rightNavDiv { 
	position: relative; 
	bottom: 7px; 
}
.rightNavLink { 
	background-image: url(images/blue_arrow.gif); 
	background-repeat: no-repeat; 
	border-bottom: dotted 1px #AFEEEE; 
	padding: 3px 3px 3px 15px; 
}


#sharesecret {
	margin: 2em 0;
	background: url(images/divfooter_secret_bg.gif) repeat;
}
#sharesecret .divheader {
	background: url(images/divheader_secret.gif) no-repeat;
	height: 36px;
}
#sharesecret .divbody {
	background: url('images/divfooter_secret.gif') bottom left no-repeat;
	padding: 0.2em 0.6em 0.4em 0.6em;
	font-size: 100%;
}
#sharesecret .divbody p {
	margin: 0.4em auto 0.6em auto;
	color: #fff
}

#sharesecret .divbody a {
	color: #fff3bf;
}

.cataloguerange {
	float:left; 
	height:120px; 
	width:120px; 
	padding:10px; 
	text-align:center;
}

* html .cataloguerange {
	height: 130px;
}

.cataloguerange img {
	width:90px;
	height:90px;
}

.cataloguerange .cataloguerangelink {
	margin-top:0.6em;
}

}
@media print
{
* {
	background: none;
}

.accessibility
{
	display: none;
}

body {
	font-family: verdana, sans-serif;
	font-size: 8pt;
}
.printLogo {
	text-align: center;
}
.breadcrumb {
	display: none;
}
.leftIllustration {
	text-align: left;
}
.rightIllustration {
	text-align: left;
}

.paginationcontainer
{
	display: none;
}

.productDisplay img
{
	/*float: left;*/
	position: absolute;
	top: 10px;
	left: 0;
	margin: 0px 10px 10px 0;
}

.productDisplay
{
	position: relative;
}

.productDisplay p
{
	/*float: left;*/
	margin-left: 220px;
}

.productDisplay p a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
	color: #000;
}

input
{
	display: none;
}

.productDisplay .productLeft
{
	position: relative;
	/*clear: both;*/
	height: 240px;
	padding-top: 10px;
}

.productDisplay .productRight
{
	position: relative;
	/*clear: both;*/
	height: 240px;
	padding-top: 10px;
}

.productDisplay .productLeft p .smallText
{
	display: none !important;
}

.productDisplay .productRight p .smallText
{
	display: none !important;
}

.cataloguerange
{
	float: left;
	margin: 5px;
}

img {
	border: 0px;
}
a {
	display: inline;
}
h1 {
	margin: 0px 10px 0px 0px;
	padding: 15px 0px 2px 0px;
	font-size: 120%;
	font-weight: normal;
	color: #005A86;
	border-bottom: 1px solid #005A86;
}
h3 {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 105%;
	font-weight: bold;
	color: #005A86;
}
#productFinder {
	display: none;
}
.noPrint {
	display: none;
}
.purchasingMatrix td, .basketMatrix td, .totalsMatrix td {
	padding: 1em;
	border-bottom: 1px solid #005A86;
}
.totalsMatrix td {
	text-align: right;
}
.totalsMatrix td.blank {
	border: 0;
	width: 60%;
}
#formTabs {
	display: none;
}
table {
	clear: both;
	width: 100%;
	margin: 1.5em 0 1em 0;
}
td {
	padding: 0.4em !important;
}
.receiptLeftColumn {
	float: left;
	width: 45%;
}
.receiptRightColumn {
	float: right;
}
.basketMatrix td {
	text-align: right;
	border-bottom: 1px solid #005A86;
}
.desc, .descHeader {
	text-align: left !important;
}
}