BODY {
	font: 12px Arial;
	color: #515151;
	margin: 0;
	background: #a4b9cc url('/img/wf/body-bg.gif') repeat-x top left;
}
TD {
	vertical-align: top;
}
IMG {
	border-style: none;
}

H1 {
	font: 24px Arial;
	margin: 0 10px 10px 10px;
}
H2 {
	font: 18px Arial;
	margin: 0 10px 10px 0;
}

A:link, A:visited, A:active {
	text-decoration: underline;
	color: #3f597e;
}
A:hover {
	text-decoration: none;
}

FIELDSET {
	border-style: none;
}
LEGEND {
	font: 18px Arial;
	margin: 0 10px 10px 0;
}
#headerHolder {
	width: 970px;
	height: 230px;
	background: url('/img/wf/header-bg.png') no-repeat top left;
	margin: 0 auto;
	position: relative;
}

#contentHolder {
	width: 912px;
	margin: 0 auto;
	padding: 10px 29px 0 29px;
	background: url('/img/wf/content-bg.png') repeat-y top left;
}
#footerHolder {
	width: 970px;
	height: 222px;
	background: url('/img/wf/footer-bg.png') no-repeat top left;
	margin: 0 auto;
	position: relative;
}
#footerBoxOne {
	position: absolute;
	top: 50px;
	left: 40px;
}
#footerBoxTwo {
	position: absolute;
	top: 50px;
	left: 310px;
}
#footerHolder H2 {
	font: bold 14px Arial;
	color: #3f597e;
	font-style: italic;
	padding: 0;
	margin: 0 0 10px 0;
}
#footerHolder A:link, #footerHolder A:visited, #footerHolder A:active {
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin-left: 10px;
}
#footerHolder A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: white;
}
#logo {
	position: absolute;
	top: 35px;
	left: 65px;
}
#subLogo {
	position: absolute;
	top: 95px;
	left: 65px;
}
#iconHolder {
	position: absolute;
	top: 170px;
	right: 32px;
}
#iconHolder IMG {
	width: 33px;
	height: 33px;
	float: left;
}
#headerLinkLine {
	position: absolute;
	top: 105px;
	right: 40px;
}
#headerLinkLine A:link, #headerLinkLine A:visited, #headerLinkLine A:active {
	font: 12px Arial;
	color: #48526d;
	display: inline-block;
	text-decoration: none;
	margin-top: 4px;
	padding-left: 15px;
	background: url('/img/wf/rc-link-bg.png') no-repeat left center;
}
#headerLinkLine A:hover {
	font: 12px Arial;
	color: #48526d;
	display: inline-block;
	text-decoration: underline;
	margin-top: 4px;
	padding-left: 15px;
	background: url('/img/wf/rc-link-bg.png') no-repeat left center;
}
#headerStatusHolder {
	position: absolute;
	top: 150px;
	left: 40px;
	color: #4e81da;
}
#headerStatusHolder STRONG {
	color: #48526d;
}
#headerStatusHolder STRONG.gray {
	color: #585858;
}
/* SEARCH */
#searchText {
	position: absolute;
	top: 150px;
	left: 550px;
	color: #48526d;
	font-weight: bold;
}
#searchHolder {
	position: absolute;
	top: 147px;
	left: 620px;
}
#searchHolder INPUT {
	border-style: none;
	background-color: Transparent;
	float: left;
	margin-top: 1px;
	margin-left: 3px;
	width: 156px;
	height: 23px;
	padding: 0 5px;
	color: #48526D;
	font: 12px Arial;
}
#searchBtn {
	cursor: pointer;
	float: left;
	margin-left: 10px;
}
/* NAV HOLDER */
#navHolder {
	position: absolute;
	width: 910px;
	height: 36px;
	top: 194px;
	left: 29px;
	background: url('/img/wf/nav-bg.png') no-repeat top left;
}
#navHolder A:link, #navHolder A:active, #navHolder A:visited {
	font: 14px Arial;
	color: White;
	display: inline-block;
	height: 36px;
	text-decoration: none;
	padding: 10px 25px 0 25px;
	background: url('/img/wf/nav-arrow.png') no-repeat 10px 15px;
	float: left;
}
#navHolder A:hover, #navHolder A.on:link, #navHolder A.on:active, #navHolder A.on:visited, #navHolder A.on:hover {
	font: 14px Arial;
	color: White;
	display: inline-block;
	height: 36px;
	text-decoration: none;
	padding: 10px 25px 0 25px;
	background: url('/img/wf/nav-bg-active.png') no-repeat center top;
	float: left;
}

/* CONTENT */
#contentTable {
	width: 100%;
}
.leftCell {
	width: 250px;
}
#rightCell {
	width: 662px;
}
/* CATEGORY */
#category-navigation > UL {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#category-navigation > UL > LI {
	padding: 0px;
	margin: 0px;
}

#category-navigation UL, #category-navigation UL LI {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style:none outside none;
}
.catTitle {
	background: url('/img/wf/cat-title-bg.png') no-repeat left top;
	display: block;
	width: 225px;
	height: 31px;
	font: 14px Verdana;
	color: White;
	padding: 10px 0 0 25px;
	margin: 0px;
}
A.category:link, A.category:active, A.category:visited {
	width: 225px;
	display: block;
	background: url('/img/wf/category-bg.gif') no-repeat left top;
	height: 20px;
	color: #606060;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 25px;
	margin-top: 2px;
}
A.category:hover, A.categoryOn:link, A.categoryOn:active, A.categoryOn:visited, A.categoryOn:hover {
	width: 225px;
	display: block;
	background: url('/img/wf/category-bg-on.gif') no-repeat left top;
	height: 20px;
	color: #4e81da;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 25px;
	margin-top: 2px;
}
#category-navigation LI LI {
	background-color: #f3f3f3;
}
LI LI A.category:link, LI LI A.category:active, LI LI A.category:visited {
	width: 225px;
	display: block;
	background-image: none;
	height: 20px;
	color: #606060;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 25px;
	border-bottom: solid 1px #eeeeee;
}
LI LI A.category:hover, LI LI A.categoryOn:link, LI LI A.categoryOn:active, LI LI A.categoryOn:visited, LI LI A.categoryOn:hover {
	width: 225px;
	display: block;
	background-image: none;
	height: 20px;
	color: #ffffff !important;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 25px;
	border-bottom: solid 1px #ccc;
	background-color: #999999;
}

LI LI LI A.category:link, LI LI LI A.category:active, LI LI LI A.category:visited {
	width: 205px;
	display: block;
	background-image: none;
	height: 20px;
	color: #606060;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 45px;
	border-bottom: solid 0px #ccc;
}
LI LI LI A.category:hover, LI LI LI A.categoryOn:link, LI LI LI A.categoryOn:active, LI LI LI A.categoryOn:visited, LI LI LI A.categoryOn:hover {
	width: 205px;
	display: block;
	background-image: none;
	height: 20px;
	color: #ffffff !important;
	font: 12px Arial;
	text-decoration: none;
	padding: 5px 0 0 45px;
	border-bottom: solid 0px #ccc;
	background-color: #999999;
}

/* LOGIN BOX */
.loginTitle {
	background: url('/img/wf/cat-title-bg2.png') no-repeat left top;
	display: block;
	width: 225px;
	height: 26px;
	font: 14px Verdana;
	color: #598497;
	padding: 10px 0 0 25px;
	margin: 0px;
	margin-top: 10px;
}
.grayBox {
	background-color: #f0f0f0;
	padding: 8px;
	height: 70px;
	position: relative;
}
.loginBtnOk {
	position: absolute;
	left: 188px;
	top: 18px;
	cursor: pointer;
}
.grayBox INPUT {
	width: 155px;
	height: 15px;
	border-style: none;
	margin-top: 5px;
	padding: 5px;
	color: #555;
}

/* PRODUCT */
.productBox {
	position: relative;
	float: left;
	width: 200px;
	height: 325px;
	margin-left: 20px;
	color: #515151;
	margin-bottom: 20px;
}
.productBox img.product-main-image {
	vertical-align: middle;
	max-width: 177px;
	max-height: 253px;
	width: expression(this.width > 177 ? "177px" : true);
	height: expression(this.height > 253 ? "253px" : true);
}
.productBox .basket {
	float: right;
	margin-right: 25px;
}
.productTitle {
	font-weight: bold;
	margin-top: 10px;
}
.productDescription {
	margin-top: 5px;
}
.productPrice {
	margin-top: 10px;
	font-weight: bold;
}
.productPrice STRONG {
	color: #e64243;
}
#copyHolder {
	position: absolute;
	top: 35px;
	right: 15px;
	font: 10px Arial;
	color: #cadbe6;
}

.product-list A.image,
.product-list A.image > IMG {
	display: block;
	vertical-align: middle;
	max-width: 60px;
	max-height: 86px;
	width: expression(this.width > 60 ? "60px" : true);
	height: expression(this.height > 86 ? "86px" : true);
}

.product-list .category-description {
	margin-bottom: 15px;
}

DIV.product-images {
	float: left;
	margin: 0px 15px 15px 0px;
	text-align: center;
}

DIV.product-images A.image,
DIV.product-images A.image > IMG {
	/*display: block;*/
	vertical-align: middle;
	max-width: 177px;
	max-height: 253px;
	width: expression(this.width > 177 ? "177px" : true);
	height: expression(this.height > 253 ? "253px" : true);
}

DIV.product-images .thumbs A.image,
DIV.product-images .thumbs A.image > IMG {
	/*display: block;*/
	vertical-align: middle;
	margin: 2px;
	max-width: 60px;
	max-height: 86px;
	width: expression(this.width > 60 ? "60px" : true);
	height: expression(this.height > 86 ? "86px" : true);
}

DIV.product-images DIV.thumbs {
	margin-top: 5px;
	width: 208px;
}

.product-details {
	padding-left: 30px;
	display: table-cell;
	vertical-align: top;
}

.descriptionHolder {
	overflow: auto;
}

#copyHolder {
	position: absolute;
	top: 35px;
	right: 15px;
	font: 10px Arial;
	color: #cadbe6;
}

.contentPadding {
	padding: 0px 10px 10px 10px;
}

.tr {
	display: table-row;
}
.td {
	display: table-cell;
}
.tdHalf {
	width: 50%;
	display: table-cell;
}

/* INPUT */
FORM {
	margin: 0;
	padding: 0;
}
FORM .required {
	font-weight: bold;
}
FORM .required LABEL:after {
	color: #e32;
	content: ' *';
	display:inline;
}
.fieldRow {
	display: table-row;
}
.fieldCell {
	display: table-cell;
	padding: 2px;
	padding-bottom: 5px;
	vertical-align: top;
}
.fieldRow > LABEL {
	display: table-cell;
	padding: 7px 14px;
}
.fieldRow > SELECT,
.fieldRow > INPUT {
	/*display:table-cell;*/
	/*padding:2px 2px 5px;*/
	vertical-align:top;
}
div.message {
	background:none repeat scroll 0 0 transparent;
	border:1px dashed #009900;
	clear:both;
	color:#009900;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:1em 10px 1em 10px;
	padding:5px;
}
div.message-error {
	background:none repeat scroll 0 0 transparent;
	border:1px dashed #990000;
	clear:both;
	color:#990000;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:1em 10px 1em 10px;
	padding:5px;
}
div.message-notice {
	background:none repeat scroll 0 0 transparent;
	border:1px dashed #5098DA;
	clear:both;
	color:#5098DA;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:1em 10px 1em 10px;
	padding:5px;
}

.error-message {
	display: marker;
	padding: 2px;
	color: #990000;
}
.label {
	display: table-cell;
	float: left;
	padding: 4px;
	margin-right: 5px;
	margin-left: 10px;
}
.label SPAN {
	display: inline-block;
	color: #990000;
}
INPUT {
	width: auto;
}
INPUT.inputstyle, TEXTAREA.inputstyle {
	overflow: auto;
	background-color: #fafbff;
	border: solid 1px #becfdf;
	color: #48526D;
	font: 12px Arial;
	width: 200px;
}

SELECT.inputstyle {
	background-color: #fafbff;
	border: solid 1px #becfdf;
	color: #48526D;
	font: 12px Arial;
	width: 200px;
}

INPUT.btn {
	/*background-color: #426ac6;*/
	background-color: #5098DA;
	color: White;
	font: bold 12px Arial;
	border: solid 1px #4d4d4d;
	padding: 3px 10px;
}

INPUT.btn:hover {
	/*background-color: #4d4d4d;*/
	background-color: #426ac6;
	cursor: pointer;
}

.half {
	width: 50px;
	float: left;
}

/* CUSTOM TABLE */
.cTable {
	width: 100%;
}
.cTable .right {
	text-align: right;
}
.cTable .left {
	text-align: left;
}
.cTable .center {
	text-align: center;
}

.cTable TH {
	background-color: #becfdf;
	border: solid 1px #becfdf;
	text-align: left;
}
.cTable TD {
	background-color: #fafbff;
	border: solid 1px #becfdf;
	vertical-align: middle;

}
.searchTable TD {
	vertical-align: bottom;

}
.cTable TD.footer {
	background-color: #fafbff;
	border: solid 1px #becfdf;
	font-weight: bold;
}
.cTable TD.clean {
	background-color: Transparent;
	border: solid 0px Transparent;

}

.hr {
	border-bottom: solid 1px #becfdf;
	margin-bottom: 1px;
}

#logoHolder {
	position: absolute;
	top: 26px;
	left: 60px;
	font: bold 60px Arial, 'Trebuchet MS';
	color: White;
}

.phoneHolder {
	width: 205px;
	height: 70px;
	background: url('/img/wf/phone-bg.png') no-repeat top left;
	color: #004080;
	font: bold 30px 'Trebuchet MS';
	padding-top: 10px;
	padding-left: 45px;
	letter-spacing:-2px;
}
.phoneHolder STRONG {
	color: #00284e;
	font: bold 38px 'Trebuchet MS';
}

.photoHolder {
	text-align: center;
	vertical-align: middle;
	/* display:table-cell; */
	height:253px;
	width:177px;
	position: relative;
}
.photoHolder IMG {
	position: absolute;
	bottom: 0;
	left: 0;
}
.products {
	/*display: table-row;*/
}

dl {
	line-height: 2em;
	margin: 0em 0em;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

DIV.icon-button-holder {
	background:none repeat scroll 0 0 transparent;
	clear:none;
	display:block;
	float:right;
	height:16px;
	margin:0;
	width:16px;
}

DIV.icon-button-holder input {
	display: block !important;
	float: right;
	height: 16px;
	padding: 0px;
	text-indent: -99999px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	width: 16px;
	border: none;
	cursor: pointer;
}

input.icon-button-refresh {
	background:url("/img/wf/refresh_16x16.png") no-repeat scroll 0 0 transparent;
}

input.icon-button-delete {
	background:url("/img/wf/delete_16x16.png") no-repeat scroll 0 0 transparent;
}

input.icon-button-ok {
	background:url("/img/wf/btn-ok.png") no-repeat scroll 0 0 transparent;
}

.searchBtn {
	position: absolute;
	left: 175px;
	cursor: pointer;
}
input.icon-search-button {
	background:url("/img/wf/search-button.png") no-repeat scroll 0 0 transparent;
}

th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}

UL.menu {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	background: #EBEEF3;
}
UL.menu li {
	float: left;
}
UL.menu li a {
	display: block;
	height: 2em;
	line-height: 2;
	padding: 0 0.5em;
	font-size: 12px;
	white-space: nowrap;
	float: left;
}
UL.menu li.active a,
UL.menu li a:hover {
	background-color: #5098DA;
	color: white;
	text-decoration: none;
}

.contact_message2 {
	left:-99999em;
	position:absolute;
}
