@charset "UTF-8";

/* 
	Site Name: Cotswold Kitchen and Bath
	Author: Dave Buchholz - I-CRE8
	Author URL: http://www.i-cre8.co.uk/
	Version: 2.0
	

Table of Contents

1. Global Reset
2. Sitewide Header, Text Styles, Link Styles, Line Heights etc.
3. Page Styles, Layout Wrappers etc.
4. Navigation Styles
5. Form Styles
6. Error Message Styles
7. Misc Styles
8. DataAssist Styles
9. Simple Modal Styles
*/


/* 
1. Global Reset based on Eric Meyer's Suggestions http://meyerweb.com/eric/tools/css/reset/
*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead/*, tr, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; /* Standard Browser Setting Font Size (generally 16px) */
	vertical-align: baseline;
	background: transparent;
	color: #222;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
2. Sitewide Text Sizing and Line Heights etc.
*/

body {
	background-color: #1F3E52;
	background-image: url(../site/background.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em; /* 12x1.5=18px */
	min-width: 986px;
}

/* Sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera and other modern browsers which allow users to resize text sized in pixels */
html>body {
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	color: #B75E59;
	font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	font-weight: normal;/*letter-spacing: 1px;*/
}

h1 {
	color: #B75E59;
	font-size: 1.4em; /* 12px x 1.666 = 20px */
}

h2 {
	font-size: 1.25em; /* 12px x 1.25 = 15px */
	margin: 1.2em 0; /* 15px x 1.2 = 18px */
}

body.home h1 span {
	font-size: 0.85em; /* 12px x 1.25 = 15px */
}

body.home h2 {
	font-size: 1.666em;
	margin-bottom: 0;
}

h3, h4 {
	font-size: 1.166em;  /* 12px x 1.166 = 14px*/
	margin: 0 0 1.285em 0; /* 14px x 1.285 = 18px */
}

body.home #c2 h3 {
	color: #B75E59;
	font-size: 1.25em;  /* 14px x 1.143 = 14px*/
	margin: 0.5em;
}

#c1 h3, #cvv h3 {
	color: #444;
	margin: 0;
}

h5, h6, #c1 h3 {
	font-weight: bold;
}

address, form, p, dd, #c1 ul {
	margin: 0 0 1.5em 0; /* 12px x 1.5 = 18px */
}

body.home p {
	margin: 0;
}

p.fp {
	font-size: 1.166em;  /* 12px x 1.166 = 14px*/
}

/*
3. Page Styles, Layout Wrappers etc.
*/

#layoutWrapper {
	background-color: #FFF;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	margin: 0 auto;
	width: 980px;
}

#logo {
	margin: 0 auto;
	width: 980px;
}

#logo img {
	border: 0;
}

#verisign {
	float: right;
	margin-right: 12px;
	margin-top: -36px;
	width: 135px;
}

/* COLUMNS */
#columnwrapper {
	margin: 0 auto;
	background-repeat: repeat-y;
}

#columns-top, #searchbox .columns-top, #contactbox .columns-top {
	background-repeat: no-repeat;
	height: 12px;
}

#c1, #c2, #c3, #c4 {
	float: left;
}

#columns-bottom, #searchbox .columns-bottom, #contactbox .columns-bottom {
	clear: both;
	background-repeat: no-repeat;
	height: 12px;
	font-size: 0px;
}

#onecol #columnwrapper, #searchbox .columnwrapper, #contactbox .columnwrapper {
	width: 940px;
	background-image: url(../site/1col940.jpg);
	color: #000000;
}

#onecol #columns-top, #searchbox .columns-top, #contactbox .columns-top {
	background-image: url(../site/1col940Top.jpg);
}

#onecol #columns-bottom, #searchbox .columns-bottom, #contactbox .columns-bottom {
	background-image: url(../site/1col940Bottom.jpg);
}

#twocol #columnwrapper {
	width: 940px;
	background-image: url(../site/2col940.jpg);
	color: #000000;
}

#twocol #columns-top {
	background-image: url(../site/2col940Top.jpg);
}

#twocol #c1, #twocol #c2 {
	width: 220px;
	margin-right: 20px;
}

#twocol #c1 {
}

#twocol #c2 {
	margin-right: 0px;
	width: 700px;
}

#twocol #columns-bottom {
	background-image: url(../site/2col940Bottom.jpg);
}

#searchbox {
}

/* CONTENT */

.content {
	padding: 8px 20px;
}

.content img {
	margin-bottom: 1.5em;
}

.content ol {
	list-style: decimal;
	margin: 0 0 1.5em 1em;
	padding-left: 1em;
}

#teaserContainer {
	clear: both;
	width: 100%;
}

.prodTeaser {
	background-color: #f1f0ee;
	border: 1px solid #ccd0d6;
	min-height: 406px;
	margin: 0 16px 18px 16px;
	padding: 18px;
	text-align: center;
	width: 258px;	
	display: inline;
}

.prodTeaser h2 {
	color: #333;
	margin-top: 0;
}

.thumbWrapper {
	width: 243px;
	height: 243px;
}

.prodTeaser img {
	background-color: #fff;
	border: 1px solid #dfe4e9;
	padding: 1px;
}

.prodTeaser p {
	text-align: left;
}

.prodTeaser p a.more-details {
	background-image: url(../site/more-details-on.gif);
	background-color: #4482B8;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: .25em 1em .25em 2em;
	color: #fff;
	text-decoration: none;
}

.prodTeaser p a.more-details:hover {
	background-image: url(../site/more-details-over.gif);
	background-color: #b3b3b3;
	background-position: 0 50%;
	color: #222;
}

p.WADADetailsMainImage {
	margin: 0 auto;
	text-align: center;
}

div.newform, div.manufacturer {
	overflow: hidden;
	width: 660px;
}

div.newform img {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

div.newform img.large {
	margin-top: 5px;
}

div.manufacturer img {
	display: inline;
	float: left;
	margin-left: 20px;
}

div.manufacturer img.first {
	margin: 0px;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border: 1px solid #FFD324;
	padding: 0 1.5em;
}

.notice a {
	color:#514721;
}

a#close {
	background-image: url(../icons/cancel.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	float: right;
	padding-left: 24px;
	width: 8em;
}

.view-pdf {
	background-image: url(../icons/page_white_acrobat.png);
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

.view-image {
	background-image: url(../icons/images.png);
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

.cart-add {
	background-image: url(../icons/cart_add.png);
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

.printable {
	background-image: url(../icons/printer.png);
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

a.more-info {
	background-image: url(../icons/information.png);
	padding-left: 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
}

.content hr {
	margin-bottom: 1.5em;
}

#addToCart thead tr th {
	border-bottom: 1px solid #b3b3b3;
	padding: 0 0.5em;
	text-align: center;
}

#addToCart tbody tr td, #addToCart tfoot tr td {
	border-bottom: 1px solid #b3b3b3;
	padding: 0.25em 0.5em;
	vertical-align: top;
}

#addToCart tbody tr td span {
	color: #B75E59;
	font-weight: bold;
}

#addToCart tfoot tr td {
	border-bottom: none;
}

#addToCart tbody tr td.center {
	text-align: center;
}

/* Product Results Paging */

.boxes {
	width: 50%;
	float: left;
	margin-bottom: 1.5em;
}

.boxes a:link, .boxes a:visited, .boxes a:active {
	color:black;
	background-color: #fff;
	border: 1px solid #4482B8;
}

.boxes a, .boxes a:hover, .current {
	display: block;
	float: left;
	text-align: center;
	margin: 1px;
	text-decoration: none;
	padding: 1px;
	width: 15px;
	background-color: #4482B8;
	border: 1px solid #4482B8;
	color: #fff;
}

.current {
	font-weight: bold;
}

.paging {
	clear: both;
	float: right;
	text-align: right;
	width: 16em;
}

.paging p label {
	font-weight: bold;
	text-align: right;
	width: 3em;
}

#cvc {
	padding: 12px 0;
}

#cvc div {
	background-color: #fff;
	padding: 6px 18px;
	width: 564px;
}

/* Footer Styles */

#footer {
	margin: 0 auto;
	width: 940px;
}

#footercontent {
	padding: 1em;
	overflow: hidden;
}

ul#footerNavigation {
	margin-top: 16px;
}

#footercontent ul#footerNavigation li {
	display: inline;
	padding-right: 0.5em;
}

#footercontent ul#footerNavigation li + li {
	padding-left: 0.5em;
	border-left: 1px solid #000;
}

#searchbox, #contactbox {
	display: none;
	margin: 0 auto 2em auto;
	width: 940px;
}

/* 
5. Form Styles
*/

form br {
	display: none;
}

form div, fieldset {
	margin-top: 1.5em;
	vertical-align: middle;
}

form div {
	clear: both;
}

form td p {
	margin-bottom: 0;
}

fieldset {
	border: none;
	border-top: 1px solid #aaa;
	padding: 0 1.5em;
}

legend {
	padding: 0 0.25em;
}

label {
	/*clear: both;
	display: block;*/
	float: left;
	margin: 0 1em 0 0;
	text-align: right;
	width: 12em;/* can be reset on individual basis below */
}

label.error {
	background-color:#FBE3E4;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	background-image: url(../icons/error.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;/*float: none; *//*margin-left: 6px;
	padding-left: 20px;
	vertical-align: top; */ 
}

label span {
	clear: left;
	display: block;
	float: right;
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;
	width: 16em;
}

label span.error {
	float: left;
	text-align: left;
	width: auto;
}

label.hideit {
	color: #fff;/* must be same colour as document background */
}

label em, em.required {
	color: #990000;
	font-size: 1.6667em; /* 12px x 1.6667 = 20px */
}

/*input, textarea {
	width: 20em;
}*/

.required {
	font-weight: bold;
}

p label {
	width: 3em;
	text-align: right;
}

#WAATKLogInForm div p {
	margin: 0 0 0 13em;
}

.eC_PurchaserInfoWrapper #isbusiness { /* hide checkbox */
	display: none;
}

form div p.cvv {
	margin-left: 13em;
}

/*
5. Error Message Styles
*/

div#errorNotice {
	margin: 1.5em 0;
	padding: 1.5em;
	background-color:#FBE3E4;
	color:#8a1f11;
	border: 2px solid #FBC2C4;
}

div#errorNotice h3, div#errorNotice h2 {
	font-weight: bold;
	margin-top: 0;
}

div#errorNotice ul a {
	background-image: url(../icons/error_go.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	color:#8a1f11;
	display: block;
	float: left;
	padding-left: 24px;
	width: 9em;
}

div.container {
	display: none;
	overflow: hidden;
}

p.error {
	background-color:#FBE3E4;
	color:#8a1f11;
	border: 2px solid #FBC2C4;
	margin-top: 1.5em;
	padding: 1.5em;
}

label.errorNotice {
	background-color:#FBE3E4;
	color:#8a1f11;
	border: 2px solid #FBC2C4;
	background-image: url(../icons/error.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
}

label.hideLabel {
	color: #fff; /* must be set to bg colour of page */
}

/*
6. Misc Styles
*/

.fltleft {
	float: left;
}

.fltright {
	float: right;
}

.half {
	display: inline;
	width: 48%;
	margin-left: 1%;
	zoom: 1;
}

.half li {
	margin-bottom: 1.5em;
}

img.fltright {
	margin: 0 0 1.5em 1.5em;
}

.hilite {
	font-size: 1.333em;  /* 12 x 1.333 = 16px */
	line-height: 1.125em; /* 16px x 1.125 = 18px */
	background-color: #96C1DD;
	color: #fff;
	padding: 0.25em;
	border: 1px solid #4D95C5;
	margin-top: 1.5em;
}

.structureLabel {
	left: -5000px;
	position: absolute;
	width: 4000px;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

a.update-details, a.continue-shopping {
	background-image: url(../icons/group_go.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	display: block;
	padding-left: 24px;
}

a.update-details {
	background-image: url(../icons/group_go.png);
	;
}

a.continue-shopping {
	background-image: url(../icons/cart_go.png);
}

.message-sent {
}

ul#siteMap li {
	margin: 0 0 0.5em 1em;
	padding-left: 1em;
}

.print {
	display: none;
}

.manufacturers .boxes {
	/*margin-bottom: 0;*/
	width: auto;
}

.manufacturers .content #teaserContainer ul li {
	margin-bottom: 1.5em;
}

.manufacturers .content #teaserContainer li h2 {
	margin: 0;
}

.manufacturers li p {
	margin-bottom: 0.75em;
}

/*
7. Navigation Styles
*/

/* Site Nav Bar*/
#tnav {
	background-color: #677A88;
	background-image: url(../site/nav.jpg);
	background-position: left top;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 03 - Greystone
  Modified to suit Cotswold Scheme
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMh03 {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}
/*Hide Sub-Menu in Design View*/
.p7PMMh03 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/

.p7PMMh03 li {
	list-style-type: none;
	float: left;
	background-image: url(../site/divider.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	list-style-type: none;
	float: left;
	padding-right: 2px;
}
/* Hide from IE5 Mac \*/
.p7PMMh03 li {width: auto;}
/*End Hiding*/

/*Top Level Links*/
.p7PMMh03 a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0.5em 0.8em;
}
.p7PMMh03 a:hover {
	color: #FFF !important;
	background-color: #A47A6E;
	background-image: url(../site/hover.jpg);
	background-position: top right;
	background-repeat: repeat-x;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh03 ul a.pmmfirst {
}
.p7PMMh03 ul a.pmmlast {
}
.p7PMMh03 ul li.pmmfirst {
}
.p7PMMh03 ul li.pmmlast {
}
/*First Sub Level*/
.p7PMMh03 ul ul {
	z-index: 10000;
	background-color: #A47A6E;
	width: 140px;
}
.p7PMMh03 ul ul li {
	float: none;
	background-image: none;
	
	padding-right: 0;
}
.p7PMMh03 ul ul a {
	color: #fff !important;
	border-right: 0;
	border-top: 1px solid #fff;
	background-image: none;
	text-align: left;
	overflow: hidden;
}
.p7PMMh03 ul ul a:hover {
	background-color: #A47A6E;
	background-image: url(../site/hover.jpg);
	background-position: top right;
	background-repeat: repeat-x;
	color: #fff;
}
/*
TRIGGERS and CURRENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Sub Level*/

.p7PMMh03 ul li.trig_open {
	color: #FFF !important;
	background-color: ##A47A6E !important;
}
.p7PMMh03 ul a.trig_open {
	background-image: url(../site/hover.jpg);
	background-position: top right;
	background-repeat: repeat-x;
	color: #FFF !important;
}
.p7PMMh03 ul a.trig_open_up {
	background-color: #000;
	color: #FFF !important;
}
.p7PMMh03 ul ul a.trig_open {
	color: #FFF !important;
	background-color: #424242 !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh03 .current_mark {
	font-weight: bold;
	font-variant: small-caps;
}
.p7PMMh03 ul ul .current_mark {
	color: #FFF !important;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


/* Product Nav Bar */

/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Vertical
  Style Theme: 09 - Pipes
  Modified to suit Cotswold Scheme
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMv09 {
	width: auto;
	margin: 0 auto;
}
/*Hide Sub-Menu in Design View*/
.p7PMMv09 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
ul.p7PMM {
	border-bottom: 1px solid #DDCBC9;
}
.p7PMMv09 ul {
	/*background-color: #eee;*/
}
.p7PMMv09 li {
}
.p7PMMv09 a {
	display: block;
	text-decoration: none;
	border-left: 1px solid #fff;
	border-top:	 1px solid #DDCBC9;
	padding: 9px 3px;
	text-decoration:none;
	text-align: left;
}
.p7PMMv09 a:hover {
	color: #fff;
	background-image: url(../../p7pmm/img/hover.jpg);
	background-position: right center;
	background-repeat: repeat-x;
	background-color: #AE8780;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMv09 ul a.pmmfirst {
}
.p7PMMv09 ul a.pmmlast {
}
.p7PMMv09 ul li.pmmfirst {
}
.p7PMMv09 ul li.pmmlast {
	margin-bottom: 0px;
}

/*First Sub Level*/
.p7PMMv09 ul ul {
	z-index: 10000;
	width: 180px;
	background-color: #A47A6E;
}
.p7PMMv09 ul ul li {
	background-image: none;
	margin-bottom: 0px;
}
.p7PMMv09 ul ul a {
	color: #fff !important;
	text-align: left;
	overflow: hidden;
}
.p7PMMv09 ul ul a:hover {
	color: #FFF !important;
	text-align: left;
}

/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMv09 img {
	border: 0;
}
.p7PMMv09 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}

/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Root Level*/
.p7PMMv09 li.trig_open {
}
.p7PMMv09 a.trig_closed {
	background-image: url(../../p7pmm/img/pmm_east_medium.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv09 a.trig_closed_up {
	background-image: url(../../p7pmm/img/pmm_north_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv09 a.trig_closed_left {
	background-image: url(../../p7pmm/img/pmm_west_medium.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv09 a.trig_open, .p7PMMv09 a.trig_open_left {
	color: #FFF;
	background-color: #A47A6E;
	background-image: url(../../p7pmm/img/hover.jpg);
	background-position: right center;
	background-repeat: repeat-x;
}
/*Sub Level*/

.p7PMMv09 ul ul a:hover {
	background-image: none;
}
.p7PMMv09 ul ul a.trig_closed {
	background-image: url(../../p7pmm/img/pmm_east_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv09 ul ul a.trig_closed_left {
	background-image: url(../../p7pmm/img/pmm_west_light.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv09 ul ul a.trig_open, .p7PMMv09 ul ul a.trig_open_left {
	color: #FFF;
	background-color: #AE8780;
	background-image: url(../../p7pmm/img/pmm_east_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*The Current Marker (You are here) links*/
.p7PMMv09 .current_mark {
	font-weight: bold;
	/*color: #fff !important;
	text-transform: uppercase;*/
}
.p7PMMv09 ul ul .current_mark {
	color: #FFF !important;
}
.p7PMMv09 .current_mark:hover {
	font-weight: bold;
	color: #FFFFFF !important;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	border-bottom: 1px solid #b3b3b3;
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #DDCBC9;
	padding: 		.75em .25em;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;/*font-weight: 	bold;*/
}

.sf-menu a.hasSub, .sf-menu a.hasSub:visited {
	background:		#fff;
	color: 			#333;
}

.sf-menu li li, .sf-menu li li a {
	background:		#A47A6E;
	color:			#fff;
}

.sf-menu li li li {
	background:		#A47A6E;
	color:			#fff;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a.hasSub, .sf-menu li.sfHover a.hasSub, .sf-menu a.hasSub:focus, .sf-menu a.hasSub:hover, .sf-menu a.hasSub:active {
	background-color:		#A47A6E;
	background-image: url(../site/hover.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	color: 			#fff;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
	background:		#AE8780;
	color: 			#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../site/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../site/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	180px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left:	180px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */

.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/* clue tip global styles */
#cluetip-close img {
	border: 0;
}

#cluetip-title {
	overflow: hidden;
}

#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}

#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background-image: url(wait.gif);
}

.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#cluetip-extra {
	display: none;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	background-color: #b3b3b3;
}

.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #fff;
}

.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #4482B8;
	color: #fff;
}

.cluetip-default #cluetip-title a {
	color: #b3b3b3;
	font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
	padding: 10px;
}

.cluetip-default div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
	background-image: url(../site/darrowleft.gif);
}

.clue-left-default .cluetip-arrows {
	background-image: url(../site/darrowright.gif);
	left: 100%;
	margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
	background-image: url(../site/darrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-default .cluetip-arrows {
	background-image: url(../site/darrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
	background-color: transparent;
}

.cluetip-jtip #cluetip-outer {
	border: 2px solid #ccc;
	position: relative;
	background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 16px;
	font-weight: normal;
	background-color: #ccc;
	color: #333;
}

.cluetip-jtip #cluetip-inner {
	padding: 0 5px 5px;
	display: inline-block;
}

.cluetip-jtip div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
	background-image: url(../site/arrowleft.gif);
}

.clue-left-jtip .cluetip-arrows {
	background-image: url(../site/arrowright.gif);
	left: 100%;
	margin-right: -11px;
}

.clue-top-jtip .cluetip-arrows {
	background-image: url(../site/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-jtip .cluetip-arrows {
	background-image: url(../site/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
	background: transparent url(../site/bl.gif) no-repeat 0 100%;
	margin-top: 10px;
	margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
	background: transparent url(../site/tl.gif) no-repeat 0 0;
	margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
	background-color: transparent;
	padding: 12px 12px 0;
	margin: 0 -12px 0 0;
	position: relative;
}

.cluetip-rounded #cluetip-extra {
	position: absolute;
	display: block;
	background: transparent url(../site/tr.gif) no-repeat 100% 0;
	top: 0;
	right: 0;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;
}

.cluetip-rounded #cluetip-inner {
	background: url(../site/br.gif) no-repeat 100% 100%;
	padding: 5px 12px 12px;
	margin: -18px -12px 0 0;
	position: relative;
}

.cluetip-rounded div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #009;
	background: transparent;
}

.cluetip-rounded div#cluetip-close a {
	color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
	background-image: url(../site/rarrowleft.gif);
}

.clue-left-rounded .cluetip-arrows {
	background-image: url(../site/rarrowright.gif);
	left: 100%;
	margin-left: 12px;
}

.clue-top-rounded .cluetip-arrows {
	background-image: url(../site/rarrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-rounded .cluetip-arrows {
	background-image: url(../site/rarrowup.gif);
	top: -23px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {
	zoom: 1;
}

/* Data Table Styles ---------------------------------------- */

table {
	border-collapse: collapse;
	margin-top: 1.5em;
}

table caption {
	/*font-size: 1.5em;*/ /* 12px x 1.5 = 18px */
	/*line-height: 1em;*/ /* 12px x 1 = 18px */
	font-style: oblique;
}

thead tr th {
	border-bottom: 1px solid #453742;
	padding: 0 0.5em;
	text-align: center;
	vertical-align: bottom;
}

tr.summary {
	border-top: 1px solid #453742;
}

tbody td, tbody th {
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
}

.viewData tbody td {
	text-align: center;
}

#cart tbody td {
	border: none;/*border-bottom: 1px solid #453742;*/
}

tbody td.central, p.central {
	text-align: center;
}

tbody td.right {
	padding-right: 0;
	text-align: right;
}

tbody td em {
	color: #CC0000;
}

tbody tr.alt td, tbody tr.alt th {
	background: #f1f0ee;
}

tbody tr.over td, tbody tr.over th {
	background: #FBFBFB;
}

tfoot td {
	text-align: right;
}

tfoot td.discount {
	color:#FF0000;
}

tfoot tr.grandTotal {
	border-top: 1px solid #453742;
}

tfoot tr.grandTotal td {
	font-weight: bold;
}

tfoot th {
	border-right: 1px solid #453742;
	text-align: left;
}

tfoot td p {
	margin: 1.5em 0 0;
	text-align: left;
}

#physicalAddress, #mailingAddress {
	float: left;
	padding: 0 0 0 1.5em;
	width: 200px;
}

#contactDetails, .orderDetails {
	border-top: solid 1px #2D2D2E;
	clear: left;
	padding: 0 0 1.5em 1.5em;
	width: 80%;
}

.orderDetails, #transDetails {
	padding: 1.5em 0 1.5em 1.5em;
}

#contactDetails {
	padding-top: 1.5em;
}

#contactDetails li span, #transDetails li span {
	display: block;
	float: left;
	width: 9em;
}

#transDetails {
	float: left;
	width: 100%
}

#transDetails li span {
	width: 13em;
	font-weight: bold;
}

.js #Change, .js #contactbox, .js #searchbox, .js #frmContact {
	display: none;
}

/*
9. Simple Modal Styles
*/
body {
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}

/* Overlay */
#modalOverlay {
	background-color:#000;
	cursor:wait;
}

/* Container */
#modalContainer {
	height:auto;
	width:40em;
	left:50%;
	top:35%;
	margin-left:-20em;
	background-color:#fff;
	border:3px solid #ccc;
}

/*#modalContainer a.modalCloseImg {
	background:url(../images/misc/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}*/

#modalContainer #processing {
	padding:9px;
}

#modalContainer #processing h1 {
	background-image: url(../images/misc/loader.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 36px;
}

div.imgCache {
	position: absolute;
	left: -8000px;
	top: -8000px;
}

div.imgCache img {
	display:block;
}