html {
	height: 100%;
	min-height: 100%;
	overflow-y: auto;
}

* {
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	padding: 0;
	background: #6A6A6A url(../images/background2.jpg) repeat-y center top;
}

body.chart {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	background: #000 url(../images/bg_sizechart.gif) no-repeat top center;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h3.members-heading {
	color: #fff;
	margin: 20px 0 0 16px; !important;
}

h4.home-header {
	height: 34px;
}

div.toperror{
	padding-left: 30px;
}

.favbutton{
	vertical-align: middle;
}

a.nav-link-clearance {
	background-image: url(../images/clearance.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 175px;
}

a.nav-link-stuff {
	color: #FFF;
	font-size: 90%;
}

a.nav-link-stuff:hover {
	color: #D70000;
	font-size: 90%;
}


a {
	color: #D70000;
	text-decoration: none;
}

a:hover {	
	color: #D70000;
	text-decoration: none;
}

a img {
    border: none;
}

#contentskip {
	display: none;
}

hr {
	clear: both;
	float: left;
	width: 630px;
	height: 7px;
	background: url(../images/hr.gif) no-repeat left;
	background-repeat: repeat-x;
	margin: 10px 0;
	border-style: none;

}

/* @group Flash Items */

.flashitem {
	background: #fff;
	width: 540px;
	padding: 25px;
	margin: 20px;
	float: left;
	border: 1px solid #ccc;
}

.flashitem p {
	float: left;
	font-size: 12px;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	width: 420px;
}

.flashitem p span{
	color: #D70000;
}

.flashitem a img{
	float: left;
	padding: 0;
	border: none;
}

/* @end */

/* @group Tiny MCE */

.tinymce {
	margin: 0;
	font-size:12px;
	line-height: 1.2em;
	color: #333;
}

.tinymce p {
	margin: 10px 0;
}


.tinymce ul li {
	margin-left: 15px;
}

/* @end */

/* @group Container */

#supercontainer {
	min-height: 100%;	
	margin: 0 auto;
	width: 910px;
}


body.chart #supercontainer {
	min-height: 100%;	
	margin: 0 auto;
	width: 560px;
	text-align: center;
}

body.chart #supercontainer img{	
	margin: 0 auto;
	padding: 30px;
}

#container {	
	border-collapse: collapse;
	margin: 0 auto;
	width: 910px;
	height: 100%;
}

#container td {
	vertical-align: top;
}

/* @group Header */

#header {
	height: 254px;
	width: 919px;
	margin: 0 auto;
	padding: 0;
	color: white;
	position: relative;
/*	background: url(../images/header.jpg) no-repeat center top;*/
	background: url(../images/header2.jpg) no-repeat center top;
}

#headerlogo {
	position: absolute;
	height: 0;
	padding: 170px 0 0 0;
	width: 170px;
	background: transparent;
	display: block;
	top: 20px;
	left: 370px;
	overflow: hidden;
}

#header label {
	padding: 0;
	margin: 0;
}

input.normal {
	width: 100px;
	float: left;
	margin-left: 5px;
	display: block;
	padding: 0;
	margin-top: -5px;
}


#login form, 
#search form {
	float: left;
	margin: 0;
	padding: 0;
}

#login button, 
#search button {
	background: transparent;
	border: none;
	width: auto;
	height: auto;
	margin: 8px 0 0 0;
	padding: 0;
	overflow: visible;
}


#memberEmail,
#memberPassword,
#searchInput {
    width: 100px;
    line-height:0;
    padding: 2px;
    font-size: 11px;
    border: 1px solid #666;
}

/* @group Login */

#login {
	position: absolute;
	top: 0;
	left: 12px;
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
}

#login span {
	position: absolute;
	top: 12px;
	left: 0;
	float: left;
	height: 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	width: 47px;
	display: block;
	background: url(../images/login.gif) no-repeat 0 0;
}


#login p {	
	position: absolute;
	top: 8px;
	left: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
}

#login a {	
	color: #fff;
}

#login a:hover {	
	color: #D70000;
}

#login label.overlabel {
    display: none;
}

#login label.overlabel-apply {
	display: block;
    color: #949494;
    width: 100px;
	font-size: 11px;
	z-index: 1;
}

#memberEmail {
	position: absolute;
	top:  16px;
	left: 48px;
	line-height: 1em;
}

#memberEmailLabel {
	position: absolute;
	top:  15px;
	left: 59px;
    width: 100px;
}

#memberPassword {
	position: absolute;
	top:  16px;
	left: 157px;
	line-height: 1em;
}

#memberPasswordLabel {
	position: absolute;
	top:  15px;
	left: 167px;
    width: 100px;
}

#login button {
	position: absolute;
	top: 0px;
	left: 266px;
}

/* My Comment */

/* @end */

/* @group Search */

#search {	
	position: absolute;
	top: 0;
	right: 10px;
	width: 290px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
}

#search span {
	position: absolute;
	top: 12px;
	left: 0;
	height: 0;
	padding: 17px 0 0 0;
	overflow: hidden;
	width: 134px;
	display: block;
	background: url(../images/productsearch.gif) no-repeat 0 0;
}

#search label.overlabel {
    display: none;
}

#search label.overlabel-apply {
	display: block;
    color: #949494;
    width: 100px;
	font-size: 11px;
	z-index: 1;
}

#searchInput {
	position: absolute;
	top:  16px;
	left: 135px;
	line-height: 1em;
}

#searchInputLabel {
	position: absolute;
	top:  13px;
	left: 120px;
    width: 100px;
    text-align: left;
}

#search button {
	position: absolute;
	top: 0px;
	left: 244px;
}

/* @end */

/* @group Navigation */

#navigation {	
	position: absolute;
	top: 201px;
	left: 25px;
	width: 910px;
	height: 38px;
	margin: 0;
	padding: 0;
	/*background: url(../images/nav.gif) no-repeat left top;*/
}

ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-left: 0px;
}

#navigation ul#nav li {
	height: 38px;
	float: left;
}

ul#nav a {
	background: url(../images/nav.gif) 0 0 no-repeat;
	float: left;
	height: 0;
	padding: 38px 0 0 0;
	overflow: hidden;
}

ul#nav #nav_home a {
	background-position: 0px 0;
	width: 82px;
}

ul#nav #nav_about a {
	background-position: -82px 0;
	width: 94px;
}

ul#nav #nav_distributors a {
	background-position: -176px 0;
	width: 117px;
}

ul#nav #nav_technical a {
	background-position: -293px 0;
	width: 166px;
}

ul#nav #nav_download a {
	background-position: -459px 0;
	width: 117px;
}

ul#nav #nav_contactus a {
	background-position: -576px 0;
	width: 123px;
}

/* Hover */
ul#nav #nav_home a:hover {
	background-position: 0px -38px;
}

ul#nav #nav_about a:hover {
	background-position: -82px -38px;
}

ul#nav #nav_distributors a:hover {
	background-position: -176px -38px;
}

ul#nav #nav_technical a:hover {
	background-position: -293px -38px;
}

ul#nav #nav_download a:hover {
	background-position: -459px -38px;
}

ul#nav #nav_contactus a:hover {
	background-position: -576px -38px;
}

/* @end */
/* @end */

#content {
	border-collapse: collapse;
	width: 919px;
	margin: 0 0 0 0;
	padding-bottom: 40px;
}

#content td {
	vertical-align: top;
	
}

#content .left {
	margin-top: 0px;
}

/* @group Left */
#content table.left{
	border-collapse: collapse;
	width: 217px;
	margin-left: 5px;
	vertical-align: top;
}


/* @group Order Cart */
#cart {
	border-collapse: collapse;
	background: url(../images/memberBox.gif) 0 0 no-repeat;
	height: 120px;
	width: 217px;
}

#subscribe {
	border-collapse: collapse;
	background: url(../images/memberBox.gif) 0 0 no-repeat;
	height: 120px;
	width: 217px;
}

#cart tr td span {
	display: none;
}

#cart tr td.items{
	vertical-align: bottom;
}

#cart tr td.items p{
	margin-left: 25px;
	font-weight: bold;
}


#favouritesitemscount{
	margin-top: 14px;
	margin-left: 25px;
	font-weight: bold;
}


#cart tr td a img {
	margin-left: 20px;
	border: none !important;
}

/* @end */

/* @group Product Navigation */

#content .left table.products,
#content .left table.favourites {
	border-collapse: collapse;
	width: 217px;
}

#content .left .products .top {
	background: url(../images/nav-top.gif) no-repeat 0 0;
	height: 72px;
}

#content .left .favourites .top {
	border-collapse: collapse;
	background: url(../images/memberBox.gif) 0 0 no-repeat;
	height: 120px;
	width: 217px;
}
#content .left .favourites .top tr td.items p{
	margin-left: 30px;
	font-weight: bold;
}


#content .left .products .middle {
	background: url(../images/productMiddle.gif) repeat-y 5px 0;
	height: 72px;
	width: 217px;	
}

#content .left .products .bottom {
	background: url(../images/productBottom.gif) no-repeat 5px bottom;
	height: 30px;
	width: 217px;
}

#content .left .favourites .bottom {
	background: url(../images/productBottom.gif) no-repeat 5px bottom;
	height: 30px;
	width: 217px;
}

a#productsHeader {
	height: 0;
	padding: 74px 0 0 0;
	overflow: hidden;
	width: 164px;
	background: url(../images/tagProduct.gif) no-repeat 0 0;
	border: 0;
	display: block;
}

a#favouritesHeader {
	height: 0;
	padding: 74px 0 0 0;
	overflow: hidden;
	width: 164px;
	background: url(../images/favlabel.gif) no-repeat 0 0;
	border: 0;
	display: block;
}

#content .left .products ul {
	float: left;
	margin: 0 0 0 20px;
	list-style: none;
	width: 164px;
}

#content .left .products ul li {
	clear: left;
	float: left;
	margin: 5px 0 0 0;
	padding: 5px 0;
	width: 150px;
	background: url(../images/hr.gif) no-repeat right bottom;
	/*border-top: 1px solid #ccc;*/
}

#content .left .products ul li a {
	clear: left;
	float: left;
	padding: 0 7px;
	font-weight: bold;
	text-decoration: none;
	color: #D70000;
	font-size: 13px;
	line-height: 18px;
}

#content .left .products ul li a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #D70000;
}

#content .left .products ul #pro_special {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

#content .left .products ul #pro_special a {
	background: url(../images/btnSpecial.gif) 0 0 no-repeat;	
	height: 0;
	padding: 36px 0 0 0;
	margin: 0;
	overflow: hidden;	
	width: 164px;
}

/* @end */

/* @end */

/* @group Right */

#content table.right{
	border-collapse: collapse;
	width: 670px;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#flashbanner {
	float: left;
	width: 670px;
	margin-bottom: 30px;
}

/* @group Panels */

#content .right .panel {
	border-collapse: collapse;
	/* background: url(../images/panelMiddle.gif) repeat-y 10px 0; */
	width: 654px;
	border: 0;
	margin-bottom: 30px;
}

#content .right .panel span.whatsnew {
	background: url(../images/tagWhatsNew.gif) no-repeat 0 0;
}

#content .right .panel span.favourites {
	background: url(../images/favlabel.gif) no-repeat 0 0;
}

#content .right .panel span.specials {
	background: url(../images/tagSpecial.gif) no-repeat 0 0;
}

#content .right .panel span.whatsnew,
#content .right .panel span.specials,
#content .right .panel span.favourites {
	height: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	width: 164px;
	display: block;
	margin-bottom: -23px;
}

table.panel td {
	background: url(../images/panelMiddle.gif) repeat-y 5px 0;
	padding: 0 12px;
}

#content .right table.panel tr td.top {
	background: url(../images/panelTop.gif) no-repeat 5px bottom;
	height: 37px;
	width: 644px;
	padding: 0;
}

#content .right .panel .bottom {
	background: url(../images/panelBottom.gif) no-repeat 5px bottom;
	height: 26px;
	width: 644px;
	padding: 0;
	line-height: 0;
}

table.panel td.homemiddle {
	padding: 0 25px;
}

/* @group Common */

#content .right .panel .productitem h2, 
#content .right .panel .listitem .details h2, 
#trailimageid div h2,
#content .right .panel .product h2,
#content .right .panel .downloaditem h2, 
#contactform h2
 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #D70000;
	font-size: 16px;
}

button#addtoorder,
button.addtoorder {
	float: left;
	height: 43px;
	width: 140px;
	border: none;
	display:block;
	background: none;
	margin: 0 8px 0 0;
}

div.billingdetails,
div.shippingdetails {
	/*width: 270px;*/
	float: left;
	margin: 0 30px 30px 0;
	/*font-size: 0.75em;*/
}

div.billingdetails {
	margin-left: 30px;
}

div.billingdetails h2,
div.shippingdetails h2 {
	font-size: 1.3em;
	margin-bottom: 0.5em;
	color: #D70000;
}

div.billingdetails p,
div.shippingdetails p {
	margin-bottom: 1em;
}

div.billingdetails span,
div.shippingdetails span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}

div.billingdetails input,
div.shippingdetails input {
	width: 145px;
}

div.shippingdetails label.enclosing input {
	width: auto;
}

div.billingdetails strong,
div.shippingdetails label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 8px;
	font-weight: bold;
	padding-top: 4px;
}

div.shippingdetails label.error {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 8px;
	font-weight: bold;
	padding-top: 4px;
	color: #D90000;
}

div.shippingdetails label.enclosing {
	float: none;
	display: block;
	width: auto;
	margin-left: 108px;
	text-align: left;
	font-weight: normal;
}

div.billingdetails label.wide,
div.shippingdetails label.wide {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding-left: 10px;
}

div.billingdetails label.errwide,
div.shippingdetails label.errwide {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding-left: 10px;
	color: #D90000;
}

div.billingdetails strong {
	width: 75px;
}

div.billingdetails label strong {
	width: auto;
	float: none;
}

div.billingdetails p {
	margin-left: 34px;
	padding-top: 4px;
}

div.billingdetails p.paymentmethod {
	margin: 5px 0 0 30px;
	padding-top: 0;
}

#shippingaddressfield {
	height: 50px;
	width: 145px;
}

#shippinginstructionsfield {
	margin: 5px 0 0 30px;
	height: 100px;
	width: 220px;
}

div.shippingdetails p.disclaimer {
	font-size: 0.8em;
	margin-left: 30px;
}

div.shippingdetails p.disclaimer strong {
	color: #d70000;
}

table.ordertable {
	clear: left;
	width: 570px;
	margin: 0 30px;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.ordertable th {
	background-color: #666;
	color: #fff;
	padding: 10px 3px 5px;
	font-size: 13px;
}

table.ordertable th.productcolumn,
table.ordertable th.prodid {
	text-align: left;
}

table.ordertable th.totalheader {
	text-align: right;
	background-color: transparent;
	color: #000;
	vertical-align: top;
}

table.ordertable .remove,
table.ordertable .quantity {
	text-align: center;
}

table.ordertable .prodid{
	text-align: left;
	width: 90px;
}

table.ordertable .remove {
	width: 20px;
}

table.ordertable .quantity {
	width: 50px;
}

table.ordertable .cost {
	text-align: right;
	padding-right: 8px;
	width: 90px;
}

table.ordertable td {
	background: #fff;
	padding: 8px 3px;
	vertical-align: top;
	border-bottom: 1px solid #999;
	font-size: 12px;
}

table.ordertable tr.subtotals th,
table.ordertable tr.subtotals td {
	font-weight: bold;
	background-color: #EDEDED;
	border-bottom: none;
	padding: 8px 3px;
}

table.ordertable p.gstfreightwarning {
	font-weight: normal;
	float: left;
	width: 330px;
	text-align: left;
	margin: 0 0 0 8px;
	font-size: 0.7em;
}

table.ordertable p.gstfreightwarning strong {
	font-weight: normal;
	color: #d70000;
}

table.ordertable span.additionalinfo {
	margin-left: 15px;
}

div.actionleft {
	float: left;
	margin-left: 30px;
}

div.actionright {
	float: right;
	margin-right: 30px;
}

p.orderdisclaimer {
	margin: 0.5em 0;
	font-size: 0.8em;
	float: left;
	margin-left: 5px;
	width: 305px;
}

p.orderdisclaimer a {
	color: #d70000;
	text-decoration: underline;
}

p.formresponse {
	font-size: 13px;
	font-style: italic;
	line-height: 1.2em;
	margin-bottom: 2em;
}

/* @end */

/* @group sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

h1.sIFR-hasFlash {
	visibility: hidden;
	font-size: 26px;
	text-transform: uppercase;
}

.sIFR-hasFlash div.header {
	position: relative;
}

/* @end */

/* @group Product Items - Home Page */

#content .right .panel .productitem {
	float: left;
	width: 148px;
	padding: 10px 25px;
	margin-top: 15px;
	/*border-right: 1px solid #ccc;*/
	
	background: url(../images/vr.gif) no-repeat right top;
	text-align: center;
}

.productitem a.homeitemlink {
	display: block;
	height: 140px;
    line-height: 140px;
	_font-size: 140px;
	text-align: center;
}

#content .right .panel .lastitem {
	/*border-right: none;*/
	background: none;
}

#content .right .panel .productitem a img {
	border: 0;
}

#content .right .panel .productitem a.moreinfo {
	background: url(../images/btn-moreinfo.gif) center top no-repeat;
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;	
	width: 148px;
	display: block;
}

a.moreinfo {
	background: url(../images/btn-moreinfo.gif) center top no-repeat;
	height: 0;
	margin-top: 14px;
	padding: 46px 0 0 0;
	overflow: hidden;	
	width: 148px;
	display: block;
}

/* @end */

/* @group Bread Crumbs */

#crumbs {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 11px;
	color: #D70000;
}

#crumbs span{
	color: #333;
}

/* @end */

/* @group Contact */

#contactform {
	margin-top: 20px;
}

#contactform div {
	clear: left;
	float: left;
	margin: 7px 0;
	padding: 0;
	width: 100%;
}



#contactform span {
	float: left;
	display: block;
	font-size: 12px;
	width: 140px;
	padding-right: 15px;
}

#contactform input,
#contactform textarea {
	float: left;
	width: 250px;
}

#contactform input.radio {
	width: auto;
}

#contactform input.button {
	width: auto;
}

/* @end */

/* @group Downloads */

#content .right .panel .downloaditem {
	width: 570px;
	float: left;
	margin: 0 30px 20px 30px;
	font-size: 12px;
}


#content .right .panel .downloaditem a img {
	float: left;
	padding: 0;
	margin-top: -10px;
	margin-left: 5px;
	border: none;
	vertical-align: text-bottom;
	display: inline;
}
#content .right .panel .downloadlinks {
	margin: 0 30px;
}

#content .right .panel .downloadlinks a img {
	float: left;
	padding: 15px;
	margin-right: 30px;
	border: none;
}

/* @end */

/* @group Agents */

#content .right .panel .agentitem {
	width: 570px;
	float: left;
	margin: 0 30px 20px 30px;
	font-size: 12px;
}

#content .right .panel .agentitem h2 {
	text-transform: uppercase;
	color: #D70000;
	font-size: 16px;
	margin-bottom: 7px;
}

#content .right .panel .agentitem p {
	line-height: 1.2em;
}

/* @end */

/* @group Pages */

#content .right table.panel tr td div.page {
	width: 584px;
	float: left;
	margin: 0 30px;
	font-size: 12px;
}

/* @end */

/* @group Product List Items */

#content .right table.panel tr td h1 {
	margin: 0;
	padding: 15px 30px;
	color: #D70000;
	font-size: 20px;
	text-transform: uppercase;
}

/* @group Pagination */

#content .right .panel .leftpagination {
	color: #333;
	float: left;
	margin-left: 30px;
	font-size: 12px;
}

#content .right .panel .leftpagination strong,
#content .right .panel .rightpagination strong {
	color: #D70000;
}


#content .right .panel .rightpagination {
	float: right;
	margin-right: 40px;
	font-size: 12px;
}

#content .right .panel .paginationitem {
	width: 570px;
	float: left;
	margin: 0 30px;
}

/* @end */

#content .right .panel .listitem {
	width: 570px;
	float: left;
	margin: 20px 30px;
}

#content .right .panel .listitem ul {
	margin: 5px 0 10px 20px;
}

.listitem ul {
	margin: 5px 0 10px 20px;
}


#content .right .panel .listitem a.imagelink {
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 170px;
	position: relative;
	text-align: center;
}

a.imagelink {
	float: left;
	padding-right: 20px;
}

#content .right .panel .listitem a.imagelink img {
	margin: 0;
	padding: 0;
	border: none;
}

#content .right .panel .listitem .details {
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 380px;
	font-size: 12px;
}

div.details {
	margin-left: 260px;
}

div.extended {
	margin-left: 270px; !important;
}

#content .right .panel .listitem .details span.ordernumber {
	color: #666;
}

.details span.ordernumber {
	color: #666;
}


#content .right .panel .listitem .details p {
	margin: 10px 0;
}

.details p {
	margin: 10px 0;
}

#content .right .panel .listitem .details a.moreinfo {
	float: left;
	background: url(../images/btnMore.gif) center top no-repeat;	
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;
	width: 106px;
	display: block;
	margin: 0;
}

#content .right .panel .listitem .details a.btnaddfav,
#content .right .panel .listitem .details a.btnremovefav {
	float: left;
	height: 0;
	padding: 40px 0 0 0;
	overflow: hidden;	
	width: 49px;
	display: block;
	margin: 0 0 0 5px;
}

div.productimage {
	float: left;
	width: 200px;
}

#content .right .panel .listitem .details a.btnaddfav {
	background: url(../images/addfav.gif) center top no-repeat;
}

#content .right .panel .listitem .details a.btnremovefav {
	background: url(../images/removefav.gif) center top no-repeat;
}

/* @group Hover Box */

#trailimageid {
	display:none;
	font-size:0.75em;
	height:0px;
	left:0px;
	position:absolute;
	top:0px;
	width:400px;
	z-index:200;
}


#trailimageid div {
	padding: 15px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #888;
}

#trailimageid div h2 {
	color: #999;
	text-align: left;
	font-weight: normal;
}

/* @end */

/* @end */

/* @group Product Details - Products Page */

#content .right .panel .product {
	width: 570px;
	float: left;
	margin: 20px 30px;
	
}

/* @group Images */

#content .right .panel .product .images {
	float: left;
	width: 250px;
}

#content .right .panel .product .images a.productimagelink {
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 240px;
	text-align: center;
}

#content .right .panel .product .images a img {
	border: none;
	margin: 0;
	padding: 0;
}

#content .right .panel .product .images a img.small {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

div.images {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 250px;
}


#content .right .panel .product .images a.enlarge {
	float: left;
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;
	display: block;
	width: 250px;
	background: url(../images/btnEnlarge.gif) no-repeat center 0;
	margin: 10px 0;
}

a.enlarge {
	float: left;
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;
	display: block;
	width: 250px;
	background: url(../images/btnEnlarge.gif) no-repeat center 0;
	margin: 10px 0; 
}

/* @end */

#content .right .panel .product .details {
	float: left;
	margin: 0;
	padding: 0;
	width: 320px;
	font-size: 12px;
}

#content .right .panel .product .details span.ordernumber {
	color: #000;
	font-weight: bold;
}

#content .right .panel .product .details .tinymce {
	margin: 10px 0;
}

/* @group Alt to form */

#content .right .panel .product .details h3 {
	color: #333;
	font-size: 12px;
}

#content .right .panel .product .details ul {
	margin-left: 20px;
	color: #333;
	margin-bottom: 15px;
}

#content .right .panel .product .details ul li {
	padding: 3px 0;
}

p.outofstock {
	color: #D70000;
	font-style: italic;
}

/* @end */

/* @group Form */

#content .right .panel .product .details form {
	color: #666;
	padding-top: 20px;
}

#content .right .panel .product .details form p {
	margin: 10px 0;
}

#content .right .panel .product .details form a.vieworder {
	float: left;
	height: 0;
	padding: 43px 0 0 0;
	overflow: hidden;
	display: block;
	width: 106px;
	background: url(../images/btnViewOrder.gif) 0 0 no-repeat;
	margin: 0 7px 1em 0;
}

a.vieworder {
	float: left;
	height: 0;
	padding: 47px 0 0 0;
	overflow: hidden;
	display: block;
	width: 106px;
	background: url(../images/btnViewOrder.gif) 0 0 no-repeat;
	margin: 1px 7px 1em 0;
}

a.vieworder {
	float: left;
	height: 0;
	padding: 47px 0 0 0;
	overflow: hidden;
	display: block;
	width: 106px;
	background: url(../images/btnViewOrder.gif) 0 0 no-repeat;
	margin: 3px 7px 1em 0;
}

div.ajaxindicator {
	clear: left;
}

div.ajaxindicator span.addedsuccessfully {
	color: #5ea845;
}

/* @end */

/* @end */

/* @end */

/* @end */

/* @end */

/* @group Footer */

td#footer {
	color: #ccc;
	clear: both;
	height: 40px;
	vertical-align: middle;
	padding: 20px 30px 10px;
}

#footer .left {
	float: left;
	font-size: 10px;
}

#footer .right {
	float: right;
	font-size: 10px;
}

#footer a {
	color: #ccc;
}

#footer a:hover {
	color: #D70000;
}

/* @end */


/* <!-- !Modal Login Form --> */

#dialog_loginpanel {
	background: #000;
	padding: 0;
	margin: 0;
	position: relative;
	width: 310px;
	height: 45px;
	display: none;
}

#dialog_loginpanel fieldset {
	padding: 0.3em;
	border: 0;
	margin: 0;
}

#dialog_loginpanel legend span {
	height: 0;
	padding: 16px 0 0 0;
	overflow: hidden;
	width: 45px;
	background: url(../images/login.gif) no-repeat 0 0;
	margin: 0;
	
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
}

#dialog_memberEmail,
#dialog_memberPassword {								
	width: 100px;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #666;
	position: absolute;
	top: 13px;
}

#dialog_memberEmail {
	left: 57px;
}

#dialog_memberPassword {
	left: 163px;
}

#dialog_loginpanel label.overlabel-apply {
	color: #949494;
	width: 100px;
	font-size: 11px;
	position: absolute;
	top: 18px;
	z-index: 5;
}

#dialog_memberEmaillabel {
	left: 60px;
}

#dialog_memberPasswordlabel {
	left: 168px;
}

#dialog_loginpanel button {
	position: absolute;
	left: 265px;
	top: 5px;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

#favourites tr td.items p{
	margin-left: 25px;
	font-weight: bold;
}

a.registerlink {
	font-size: 8pt;
	text-decoration: underline;
	top: 12px;
	left: 313px;
	display: block;
	position: absolute;

}

div.nav-top {
	background-image: url(../images/nav-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 65px 0 0 30px;
	height: 30px;
	width: 187px;
}

li.nav-break {
	background-image: url(../images/navspacer.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 9px 0 9px 0;
	height: 2px;
	width: 175px;
}

li.nav-break-clearance {
	background-image: url(../images/navspacer.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: -3px 0 7px 0;
	height: 2px;
	width: 175px;
}


div.nav-middle {
	
}

div.products {
	background-image: url(../images/products.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 21px;
	width: 156px;
}

div.box-top-intro {
	background-image: url(../images/box-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: -2px;
	height: 11px;
	width: 702px;
}

div.box-top {
	background-image: url(../images/box-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin: 0;
	padding: 0;
	height: 11px;
	width: 702px;
}

div.introduction {
	background-image: url(../images/box-middle.gif);
	background-repeat: repeat-y;
	background-position: top;
	clear: both;
	float: left;
	min-height: 50px;
	_height: 50px;
	width: 702px;
}

div.content {
	padding: 30px;
	width: 640px;
}

ul.listwhatsnew, ul.listwhatsnew a {
	color: #000;
	margin: 0 0 0 12px;
	padding: 0;
	text-align: center;
	width: 680px;
}

ul.listwhatsnew li {
	border-right: 1px solid #000;
	float: left;
	list-style: none;
	list-style-type: none;
	padding: 5px;
	width: 214px;
}

ul.listclearance, ul.listclearance a {
	color: #000;
	margin: 0 0 0 12px;
	padding: 0;
	text-align: center;
	width: 680px;
}

ul.listclearance li {
	border-right: 1px solid #000;
	float: left;
	list-style: none;
	list-style-type: none;
	padding: 5px;
	width: 214px;
}

div.home-image {
	margin: 5px auto ;
	position: relative;
	height: 140px;
	width: 140px;
}

div.intro-content {
/*	background-image: url(../images/bg-intromain.gif); */
	background-image: url(../images/HFT_HeroBanner.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: -1px 0 0 10px;
	width: 677px;
	height: 269px;
}

div.intro-content p {
	padding: 20px 0 0 17px;
	width: 330px;
}

div.intro-heading {
	padding: 25px 0 0 15px;
	width: 500px;
}

div.whatsnew {
	background-image: url(../images/whatsnew.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: -1px 0 0 10px;
	float: left;
	height: 30px;
	width: 676px;
}

div.clearance {
	background-image: url(../images/clearance.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: -1px 0 0 10px;
	float: left;
	height: 30px;
	width: 676px;
}

div.box-bottom {
	background-image: url(../images/box-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 15px;
	width: 702px;
}

div.navbox {
	background-image: url(../images/navbox-middle.gif);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	margin: 0 0 0 12px;
	min-height: 704px;
	_height: 704px;
	width: 198px;
}

ul.nav-items {
	padding: 6px 10px 10px 10px;
}

ul.nav-items li {
	list-style: none;
	list-style-type: none;
}

ul.nav-items li.theitem {
	padding-left: 7px;
}

ul.nav-items li.theitemclearance {
	margin: 0;
	padding: 0 0 0 1px;
}

div.navbox-top {
	background-image: url(../images/navbox-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0 0 0 0;
	min-height: 530px;
	_height: 530px;
	width: 198px;
}

div.navbox-bottom {
	background-image: url(../images/nav-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
	margin: 0 0 0 12px;
	height: 171px;
	width: 198px;
}