﻿
.wholepage{
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

.search-table { width: 100%; background: #993366; }
.tender-header { font-weight: bold; }
#field_product_brand { width: 170px; margin-right: 5px; background: #E8FEBC; border: 1px solid #c0c0c0; }
#theme_dropdown { width: 170px; background: #E8FEBC; border: 1px solid #c0c0c0; }
.search-table table  { float: left; text-align: left; background: #993366; }
 body, p, .text  { font-family: Arial,Sans-Serif; margin:0; padding:0; font-size: 12px; }
.navlink, a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none; font-weight: bold; }
.formbox { BORDER: #7b9ebd 1px solid; BACKGROUND: #f0f0f0; font-size: 10px }
.headertable { border-collapse: collapse; border-spacing: 0; width: 100%; }
.headercenter { width: 100%; }
 .headerleft, .headercenter , .headerright { border-width:0; }
.mainbody { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mainbodycenter { width: 100%; vertical-align: top; padding: 0px 10px 10px 10px; background-color: #fff; }
.mainbodyleft   { width: 170px; vertical-align: top; border-right: 1px none #E0AD12; padding: 5px 5px 5px 5px; background: #993366; }
.mainbodyright  { width: 170px; vertical-align: top; border-right: 1px none #E0AD12; padding: 5px 5px 5px 5px; background: #ffeeae; }
.navpanelheader {}

/* For the panel headers on the left */
.navpanelleft,.navpanelright { border-collapse: collapse; border-spacing: 0; border: 0 0 0 0; padding:0; margin-bottom: 10px; background: #993366; width: 170px; }
.navpanelleftbody,.navpanelbodybody { border-collapse: collapse; border-spacing: 0; padding:0; width: 100%; border-bottom: 1px solid Black; border-top: 0px ; border-right: 1px solid Black; border-left: 1px solid Black; }
.navpanelrightbody { border-collapse: collapse; border-spacing: 0; padding:0; width: 100%; border-bottom: 1px solid #993366; border-top: 0px ; border-right: 1px solid #993366; border-left: 1px solid #993366; background-color: #E8FEBC; }
.navpanelbodybody { border-collapse: collapse; border-spacing: 0; padding: 10px 10px 10px 10px; width: 100%; border-bottom: 1px solid #999999; border-top: 0px ; border-right: 1px solid #999999; border-left: 1px solid #999999; }
.navpanelleftcontent, .navpanelrightcontent, .navpanelbodycontent { padding: 10px 0px 10px 10px; }
.navpanelrightcontent, .navpanelleftcontent { background: White; }

.navpanelleftheader { border-collapse: collapse; border-spacing: 0; width: 100%; padding:0; height: 21px; border-bottom: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; margin:0; padding:0; background: #993366; font-size: 10px; color: white }
.navpanelrightheader { border-collapse: collapse; border-spacing: 0; width: 100%; height: 21px; border: 1px solid black; margin:0; padding:0; background: #009966; font-size: 10px; color: white }
.navpanelbodyheader { border-collapse: collapse; border-spacing: 0; width: 100%; height: 20px; border: 1px solid #999999; margin:0; padding:0; background: #993366; color: white; }
.navpanelbody{ width:100%; }
.navpanelbodycell { width: 100%; }
.navpanelleftcell,.navpanelrightcell { width: 170px; }
.navpanelleftheaderleft { padding:0; background-repeat: no-repeat; width: 12px }
.navpanelrightheaderleft { padding:0; background-image: url(images/navpanelbodyheaderright.gif); width: 21px }
.navpanelleftheaderright {}
 .navpanelleftheadercenter , .navpanelbodyheadercenter { color: white; font-weight: bold; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.navpanelrightheadercenter { color: White; font-weight: bold; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.text-shopping { color: black; font-size: 9px; }
.text-shopping-link { color: black; font-size: 10px; font-weight: normal; }

/* For the panel headers in the body */
.navpanelbodyheaderleft {}
 .navpanelbodyheadercenter { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: White; font-size: 10px }
.navpanelbodyheaderright {}

/* Headings */
.heading-subcategory { font-size: 14px; color: #CC0000; font-weight: bold }
.heading-main { font-size: 11px; color: #CC0000; font-weight: bold }
 .heading-small { width: 100%; text-align: right; font-size: 10px; color: Gray; font-weight: normal; }
h1, .heading-main { font-size: 16px; color: #CC0000; font-weight: bold }
 h3,h4 { font-size: 12px; color: #CC0000; font-weight: bold }
 h2 { font-size: 14px; color: #CC0000; font-weight: bold }
 
/* text types */
.text-search { font-size: 10px; }
 .text-productdesc {}
 .text-productsubdesc {}
 .text-pricingdetails{ font-size: 10x color: Black; }
.text-price { font-weight: bold; font-size: 10px; color: Black; }
.text-pricestrike { text-decoration: line-through; font-weight: bold; }
.text-shipping { color: black; font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-size: 10px }
.text-pricesave { color: red; font-weight: bold; }
 .text-small { font-size: 9px; }
 .text-availabilitytext { font-size: 10px; color: Gray; }
 .text-availabilitytitle { font-size: 10px; font-weight: bold; }

/* the "you may also be interested in text" */
.text-related {}

/* theme UL tag */
.list-theme { padding:0; }

/* theme LI tag  (child of list-theme class)*/
.list-theme-item { padding:0; }

/* TIps (including basket quick tips) */
.tiptable { width: 100%; }
.tipheader { width: 100%; color: Black; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; text-align: left; }
.tipbody { width: 100%; background-color: #f0f0f0; font-size: 10px }

/* Basket */
.baskettable { width: 100%; }
.basketheader { width: 100%; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; text-align: left; color: Black; background: #86C702 url(images/background header.gif); }
.basketlist-row1 { background: #ECC7D9; color: Black; }
.basketlist-row2 { background: #E8E8E8; }
.basketlist-hilight { background: #CB6598 url(images/panelheaderhorizline.gif); font-weight: bold; font-size: 10px; color: white }
.basketlist-lolight { font-weight: bold; }

/* Individual basket columns */
.basketlist-col1, .basketlist-col2, .basketlist-col3, .basketlist-col4, .basketlist-col5  {  font-size: 10px }
 .basketlist-hcol1, .basketlist-hcol2, .basketlist-hcol3, .basketlist-hcol4, .basketlist-hcol5  {}
 
/* Product List */
 .productlist-row1 { background: #eeeeee; padding:0; }
.productlist-row2 { background: #fff; padding:0; }
.product-info { color: Black; }
.product-link { color: Black; }
.productlistheader { color: white; font-weight: normal; font-size: 10px; padding:0; }
.productlisttable { border: 1px solid Gray; empty-cells: show; border-collapse: collapse; border-spacing: 0; font-size: 10px; padding: 3px 3px 3px 3px ; }

/* Individual product list columns */
.productlist-col1,.productlist-col2,.productlist-col3 { border-right: 1px solid #eeeeee; }
.productlist-col1, .productlist-col2, .productlist-col3, .productlist-col4, .productlist-col5  {}
.productlist-hcol1, .productlist-hcol2, .productlist-hcol3, .productlist-hcol4, .productlist-hcol5  {}

/* Navigation link colours  */
.link-department { color: #000; font-weight: bold; }
.link-department-select { color: #833775; font-weight: bold; }
.link-category { color: Olive; font-weight: normal; }
.link-category-select { color: #732E66; font-weight: bold; }
.link-subcategory { color: olive; font-weight: normal; }
.link-subcategory-select { color: olive; }
a { color: black; }

/* Store bits */
.storecredits { text-align: center; padding: 42px 10px 10px 10px; }

/* Tab Bits */
.tab-table { border: 0px 0px 0px 0px ; border-collapse: collapse; padding:0; height: 22px; }
 .tab-left { background-repeat: no-repeat; width: 0px; height: 22px; padding:0; }
.tab-parenttable  { border: 0px 0px 0px 0px ; border-collapse: collapse; padding:0; background: url(images/tab-bar-background.gif); width: 994px;}
.tab-text { font-family: "MS Serif", "New York", serif; font-size: 12px; font-weight: normal; text-align: center; vertical-align: top; border: 0px 0px 0px 0px ; border-collapse: collapse; padding: 6px 0px 0px 0px; background-image: url(images/tab-bar-background.gif); }
.tab-link { text-decoration: none; color: white; }
.tab-middle { background-image: url(images/tab-bar-middle.gif); background-repeat: no-repeat; width: 48px; height: 22px; padding:0; }
.tab-right { background-repeat: no-repeat; width: 0px; height: 22px; }
 .boxText { font-size: 10px; }
 .text-bold { font-weight: bold; }
.text-shipping-row1 {}
.text-shipping-row2 {}
.basketlist-blank { background: white; }
.table-error { background: #B22222; }
.table-error-td { background: Red; }
 .error-text { background: White; font-weight: bold; }
.error-heading { color: White; font-weight: bold; text-decoration: underline; font-size: 14px; }
.text-pricespecial { color: red; }
 .registerform .text { width: 120px; }
.registerform .textbox, .registerform .select   { width: 180px; }
.tender-header { font-weight: bold; }
 p.tender-text { font-size: 12px; }
#table-checkout p.tender-text { font-weight: bold; }
 .search-label { font-size: 12px; font-weight: bold; }
#advanced-search-button { font-size: 12px; }
#page-search #form-advsearch select  { width:90%; }
#keyword { width: 250px; }
#product_code { width: 150px; }
#customer-reviews-heading { padding-top: 10px; margin-bottom: 5px; }
#write-review-heading { margin-bottom: 5px; }
.review-useful-button { font-size: 10px; }
#product-review-title { width: 250px; }
.matrixtitle { font-weight: bold; font-size: 10px; min-width: 40px; }
.matrixoption { width: 150px; font-size: 12px }
H4 { font-size: 13px; color: #CC0000; font-weight: bold }
table.specialtable { border: 1px solid #993366; }
table.specialtable TD {  padding: 7px 7px 7px 7px }
table.specialtable TH { font-size: 14px; color: #fff; font-weight: bold; background:#9C3063; }
#productphoto { margin: 10px 15px 10px 3px; }

/* purchase order history styles*/
.history-page, .history-search-page { padding:7px 0px 10px 0px; }
.history-search-page TABLE, .history-page TABLE { font-size:11px; width:100%; border-collapse:collapse; border-spacing:0; }
.history-page #payandship-details td , .history-page #history-details td { margin:0; padding-left:5px; font-size:12px; }
.history-page #history-details .history-details-label b, .history-page #payandship-details .history-details-label b { font-weight:bold; width:120px; font-size:12px; }
.history-page #track-shipment-link { display:inline; padding:0px 0px 3px 25px; clear:none; background: url('images/icon-tracking.gif') no-repeat transparent top left; }
.history-page A { font-weight:bold; }
.history-page #itemsordered-details .items-reorder-link{ font-size:10px; color: #EA672A; cursor:pointer; }
.history-page #itemsordered-details { font-size:12px; }
.history-search-page .product-link{ font-weight:normal; }
.history-search-page #history-search.formbox { margin-top:7px; padding:5px 5px 5px 8px; }
.history-search-page #history-search.formbox P { margin: 3px 0px 3px 0px; }
.history-search-page #history-search { font-size:12px; }
.history-search-page #history-search.formbox #history-searchselect { width:300px; margin-right:10px; }
.history-search-page #history-search.formbox LABEL { margin-right:7px; display:block; }
.history-search-page #history-search.formbox .history-input { width:207px; margin-right:8px; }
.history-search-page #history-results td { margin:0; padding:5px; }
.history-search-page .pagination { width:auto; }
.history-search-page #history-results-hdr { color:black; font-weight:bold; font-size:11px; }
.history-page .heading-subcategory { padding:5px 0px 6px 5px; margin:0; font-size:12px; }
#table-navigation .heading-small { padding:0; margin:0; }

/* css buttons */
.button-big, .button-small { display: block; cursor: hand; cursor: pointer; text-decoration: none; }
.button-big .button-text { width:90px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -53px; padding:0; height: 21px; line-height:20px; }
.button-small .button-text { width:45px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -37px; padding:0; height: 16px; }
.button-big .button-left { width: 20px; height: 21px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0px 0px; }
.button-big .button-right { width: 18px; height: 21px; background: transparent url(store_images/buttons.gif) no-repeat scroll -21px 0px; }
.button-small .button-left { width: 10px; height: 16px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0px -21px; }
.button-small .button-right { width: 10px; height: 16px; background: transparent url(store_images/buttons.gif) no-repeat scroll -11px -21px; }
.button-left { float: left; display: block; font-size:0px; }
.button-right { float: left; display: block; font-size:0px; }
.button-text { text-transform:lowercase; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; float: left; display: block; color: #86c901; text-decoration: none; text-align:center; }
.pagination .button-text { width:auto; line-height:16px; }
.pagination .button-right { margin-right: 1px; }
.pagination .button-small span { filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }
.pagination .button-small:HOVER span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.pagination .button-on span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.button-rightaligned   { float: right; }


@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 90px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 88px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 90px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	/*border: 1px solid #CCC;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	font-family:Trebuchet MS, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:center; 
	padding:4px 10px 4px 10px;
	display: block;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	text-align:left;
	line-height:15px;
	/*width:96.5px;*/
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	/*background-color: #33C;*/
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	/*background-color: #33C;*/
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		/*background: #FFF;*/
	}
}



	.coloured .tab-parenttable{
background:white;
margin:2 2 2 2;
	}
	
.coloured .tab-table{
	background:white;
}


.coloured .tab-middle{
	background:white;
	width:3px;
}

.coloured .tab-left{
	background:white;
	width:5px;
}

.coloured .tab-right{
	background:white;
}

.coloured .tab-link{
	text-transform:uppercase;
	font-weight:normal;
	}
	
.coloured .tab-text{
	color:white;
	width:142px;
}

.coloured #tab-2{
	background:#AC437D;
	width: 138px;
}

.coloured #tab-4{
	background:#AC437D;
	width: 138px;
}
.coloured #tab-6{
	background:#AC437D;
	width: 138px;
}
.coloured #tab-8{
	background:#AC437D;
	width: 138px;
}
.coloured #tab-10{
	background:#AC437D;
	width: 138px;
}
.coloured #tab-12{
	background:#AC437D;
	width: 138px;
}

.coloured #tab-18{
	background:#AC437D;
	width: 138px;
}

.coloured #tab-14{
	background:#AC437D;
	width: 138px;
}


#page-content-2 .coloured #tab-2, .coloured #tab-2:hover{
	background:#AC437D;
}

#page-content-4 .coloured #tab-4, .coloured #tab-4:hover{
	background:#E3AB34;
}
#page-content-6 .coloured #tab-6, .coloured #tab-6:hover{
	background:#6B7656;
}
#page-content-8 .coloured #tab-8, .coloured #tab-8:hover{
	background:#826B6B;
}
#page-content-10 .coloured #tab-10,.coloured #tab-10:hover{
	background:#E35F34;
}
#page-content-12 .coloured #tab-12, .coloured #tab-12:hover{
	background:#628CB4;
}

#page-content-18 .coloured #tab-18, .coloured #tab-18:hover{
	background:#E35F34;
	}

#page-content-14 .coloured #tab-14, .coloured #tab-14:hover{
	background:#E3AB34;
	}


#panel-specials{
display: none;
visibility: none;
}

.Webstore-Header {
width:100%
}

.Webstore-HeaderBg {
background-image:url(images/gsofct_header.gif);
background-position: left;
background-repeat: no-repeat;
height:95px;
width:994px;
} 


/* Added by NitroSell - do not remove! */
label { font-family: arial,sans-serif; font-size: 12px; font-weight: bold; }