@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, strong span {
	font-size: 1.166em;  /* 12px x 1.166 = 14px*/
}

p.penquiry a strong {
	color: #B75E59 !important;
}

strong span {
	padding: 0 3px;
}

/*
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;
}

/*div.content div#container {
	padding: 10px 19px;
	border: 1px solid b3b3b3;
}*/

.viewed {
	float: left;
	width: 100%;
	margin-bottom: 16px;
}

.viewed li {
	float: left;
	line-height: none;
	text-align: center;
	width: 161px;
	padding: 2px;
}

.viewed li a {
	display: block;
	text-decoration: none;
}

.viewed li span {
	display: block;
}

.viewed li a:hover span {
	text-decoration: underline;
}

.viewed li img {
	background-color: #fff;
	border: 1px solid #dfe4e9;
	margin-bottom: 0;
	padding: 1px;
}

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

.notice a {
	color:#514721;
}

a#close, a#closecall {
	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, .view-image, .cart-add, .printable, a.more-info, a.phone  {
	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);
}

.cart-add {
	background-image: url(../icons/cart_add.png);
}

.printable {
	background-image: url(../icons/printer.png);
}

a.more-info {
	background-image: url(../icons/information.png);
}

a.phone {
	background-image: url(../icons/email.png);
	background-position: right 50%;
	display: inline;
	padding-left: 0px;
	padding-right: 20px;
}

.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 1em 2em 1em;
	overflow: hidden;
	position: relative;
}

#verisign {
	/*float: right;
	margin-right: -1em;*/
	position: absolute;
	right: -16px;
	top: 16px;
	width: 250px;
}

.AuthorizeNetSeal {
	margin-right: 8px;
}

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;
}

form p.notice {
	margin-top: 1.5em;
}

form p.notice br {
	display: block;
}

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; */ 
}

input.error, textarea.error {
	background-color:#FBE3E4;
}

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 */
}

#errorBox label {
	clear: both;
	display: block;
	float: none;
	width: auto;
	padding: 3px 3px 3px 22px;
	text-align: left;
}

/*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;
}

/* 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, .js #call {
	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;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1000000004;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000000;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1000000001;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1000000002;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1000000001;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../_scr/fancybox/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1000000003;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../_scr/fancybox/fancybox/blank.gif');
	z-index: 1000000002;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1000000002;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../_scr/fancybox/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../_scr/fancybox/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../_scr/fancybox/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../_scr/fancybox/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../_scr/fancybox/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1000000002;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../_scr/fancybox/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../_scr/fancybox/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../_scr/fancybox/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../_scr/fancybox/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_scr/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }