@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6B6B6B;
}

/* =====[ General styles ]===== */
a:link { 
	color: #6B6B6B;
	text-decoration: none;
}
a:visited { 
	color: #6B6B6B;
	text-decoration: none;
}
a:hover { 
	color: #6B6B6B;
	text-decoration: underline;
}
a:active { 
	color: #EE3224;
	text-decoration: none;
}

h1 {
	font-size: 13px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
h3 {
	margin: 0;
	font-size: 15px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
h4 {
	margin: 0;
	font-size: 14px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
h5 {
	font-size: 13px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
h6 {
	font-size: 11px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
p {
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}

/* Main container div */
.oneColFixCtrHdr #container {
	width: 1000px;
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* [ Header ] */

#header {
	width: 990px;
	height: 160px;
	margin: 0 5px;
	padding: 0;
	background: #FFF; 
}
#header-top {
	width: 990px;
	height: 105px;
	margin: 0;
	padding: 0;
}
#header-top-left {
	float: left;
	width: 320px;
	height: 105px;
	margin: 0;
	padding: 0;
}
#header-top-left h1 {
	margin: 0 0 0 40px;
	padding: 0;
}
#header-top-right {
	float: left;
	width: 670px;
	height: 105px;
	margin: 0;
	padding: 0;
}

#header-nav {
	width: 990px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #EE3224;
}
#header-nav-left {
	float: left;
	width: 860px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#header-nav-right {
	float: left;
	width: 130px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#header-lower {
	width: 990px;
	height: 25px;
	margin: 0;
	padding: 0;
	background-image: url(header-bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}


/* Navigation menu links */
#nav-menu {
	width: 860px !important;
	width: 844px;
	height: 30px;
	padding: 0;
	margin: 0;
}
#nav-menu ul {
	margin: 0 0 0 16px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
}
#nav-menu li {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#nav-menu li a {
	/*display: block;*/
	height: 30px;
	padding: 0;
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#nav-menu li a:hover {
	font-size: 11px;
	color:#FCDD37;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
}
#nav-menu ul #navSelected a {
	font-size: 11px;
	color:#FCDD37;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#nav-menu li.navDivider {
	display: block;
	height: 30px;
	padding: 0 16px;
	font-size: 11px;
	color:#FFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}


/* [ Main Content ] */
.oneColFixCtrHdr #mainContentWrapper {
	padding: 0;
	margin: 0;
	background: #FFF;
}

#leftSidebar {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0 0 0 17px !important;
	margin: 0 0 0 5px;
	background-color: #FFF;
	background-image:url(CatMenuBG.gif);
	background-repeat: repeat-y;
}

#mainContent {
	float: left;
	width: 793px;
	margin: 5px 0 5px 10px;
	padding: 0;
}
#subContent {
	float: left;
/*	width: 793px;
	margin: 0 0 0 10px;*/
	padding: 0;
}

#homeMain {
	float: left;
	width: 548px;
	margin: 0 10px 0 0;
	padding: 0;
}
#homeMain ul {
	font-size: 11px;
	color: #706F73;
	font-weight: normal;
	text-decoration: none;
	list-style-type: disc;
}
#homeRight {
	float: left;
	width: 225px;
	margin: 0;
	padding: 0;
}
#homeSpecialsWrapper {
	margin: 25px 0 0 0;
	padding: 0;
	width: 225px;
	height: 150px;
	background-color: #FFF;
	background-image: url(latest-specials.jpg);
	background-repeat: no-repeat;
}
#homeSpecialsText {
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
#homeSpecialsText a {
	width: 205px;
	height: 45px;
	display: block;
	margin: 0;
	padding: 105px 0 0 20px;
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
#homeSpecialsText a:hover {
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

#homeSuppliers {
	width: 793px;
	margin: 30px 0 0 0;
	padding: 0;
}
.homeSupplier {
	float: left;
	width: 198px;
	height: 188px;
	margin: 0;
	padding: 0;
	background-image: url(home-suppliers-bg.gif);
	background-repeat: no-repeat;
}
.homeSupplierImage {
	width: 198px;
	height: 140px;
}
#homeSupplierImage1 {
	width: 143px;
	height: 125px;
	margin: 7px 0 0 27px;
	padding: 0;
}
#homeSupplierImage2 {
	width: 170px;
	height: 80px;
	margin: 30px 0 0 14px;
	padding: 0;
}
#homeSupplierImage3 {
	width: 170px;
	height: 62px;
	margin: 39px 0 0 14px;
	padding: 0;
}
#homeSupplierImage4 {
	width: 170px;
	height: 104px;
	margin: 18px 0 0 14px;
	padding: 0;
}

.homeSupplierButton {
	height: 40px;
	width: 198px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.ViewProductRangeButton {
	margin: 10px 25px 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	width: 110px;
	height: 18px;
	background-color: #FFF;
	background-image:url(button-viewproductrange.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

/*  [Main category menu]  */
#catMenu {
	width: 175px;
	margin: 0;
	background-color: #FFF;
}
#catMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
#catMenu li {
	font-size: 11px;
	color: #444;
	font-weight: bold;
	padding: 0 10px;
	margin: 0;
}
#catMenu li a {
	font-size: 11px;
	color: #444;
	font-weight: bold;
	display: block;
	height: 15px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dashed #E1E1E1;
}
#catMenu li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #EE3224;
	/*background-color: #FCDD37;*/
}
#catMenu li a#currentCat { /* Currently selected/active category - keeps the menu item highlighted */
	color: #EE3224;
	/*background-color: #FCDD37;*/
}
.catMenuTitle {
	width: 175px;
	height: 27px !important;
	height: 20px;
	line-height: 27px !important;
	margin: 0 0 10px 0;
	padding: 0 !important;
	padding: 7px 0 0 0;
	display: block;
	background-color: #FCDD37;
	font-size: 12px;
	color: #676767;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}
.catMenuTitle img {
	margin: 0 10px 0 5px;
	padding: 0;
}

/* =====[ category_list ]===== */

#categoryListWrapper { /* Overall category list wrapper */
	margin: 0;
	padding: 0 10px 10px 10px;
}

/* change the following to override default styles */
#categoryListWrapper h2 { }
#categoryListWrapper p { }
#categoryListWrapper a:link { }
#categoryListWrapper a:visited { }
#categoryListWrapper a:hover { }
#categoryListWrapper a:active { }

.catCrumbTrail {
	font-size: 13px;
	font-weight: bold;
	color: #676767;
	text-decoration: none;
}
.catCrumbTrail a {
	font-size: 13px;
	font-weight: bold;
	color: #676767;
	text-decoration: none;
}
.catCrumbTrail a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #EE3224;
	text-decoration: underline;
}

/* Override the above catCrumbTrail styles */
#cat1CrumbTrail {}
#cat2CrumbTrail {}
#cat3CrumbTrail {}


#cat1Intro {} /* override default <p> style */
#cat2Intro {} /* override default <p> style */

/* Category UL and LI styles */
.categorySubUL {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.categorySubLI {
	font-size: 12px;
	color: #676767;
	text-decoration: none;
	padding: 3px 20px 3px 0;
	margin: 0;
}
.categorySubLI a {
	font-size: 12px;
	color: #676767;
	text-decoration: none;
}
.categorySubLI a:hover {
	font-size: 12px;
	color: #676767;
	text-decoration: underline;
}
.categorySubLI img {
	margin: 0 5px 0 0;
}

.searchText {
	font-size: 13px;
	font-weight: bold;
	color:#EE3224;
	text-decoration: none;
}



/* [ Footer ] */
.oneColFixCtrHdr #footer {
	width: 990px;
	height: 32px;
	margin: 10px 5px 0 5px;
	padding: 0;
	background: #FFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0;
	padding: 10px 0;
	font-size: 11px;
	color: #8E8E8E;
	font-weight: normal;
	text-decoration: none;
}
.oneColFixCtrHdr #footer p a {
	font-size: 11px;
	color: #8E8E8E;
	font-weight: normal;
	text-decoration: none;
}
.oneColFixCtrHdr #footer p a:hover {
	font-size: 11px;
	color: #8E8E8E;
	font-weight: normal;
	text-decoration: underline;
}
#footer-left {
	float: left;
	width: 600px;
}
#footer-right {
	float: right;
	width: 390px;
	text-align: right;
}




/* [ Shopping Cart styles ] */

/* Summary Cart */
#cartsummary {
	float: right;
	width: 110px;
	height: 30px !important;
	height: 24px;
	margin: 6px 10px 0 0;
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}
#cartsummary a {
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
	text-decoration: underline;
}
#cartsummary a:hover {
	font-size: 11px;
	color:#FCDD37;
	font-weight: bold;
	text-decoration: underline;
}
#cartsummary img {
	border: none;
	padding: 0;
	margin: 0 5px 0 0;
}

/* Full Cart */
#fullCartWrapper { /* Overall Full Cart wrapper - overrides "subContent" class */

}
#fullCart {
	margin: 0;
	padding: 10px;
	border: 1px solid #EEEEEE;
}
#fullCartWrapper h6 {  /* Full Cart title - override default h6 */
	margin: 0 0 10px 0;
}

.FullCartSubtitle {
	font-size: 11px;
	font-weight: bold;
	color: #6B6B6B;
	background-color: #EEEEEE;
	text-decoration: none;
}
.FullCartValue {
	font-size: 11px;
	font-weight: normal;
	color:#6B6B6B;
	text-decoration: none;
}
.removeCart {
	font-size: 12px;
	font-weight: bold;
	color:#F00;
	text-decoration: none;
	background-color: #FFF;
}
.removeCart a {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.removeCart a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}

#fullCartNoItems {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color:#6B6B6B;
	text-decoration: none;
}

/* [ pager ] */
#pagerWrapper {
	float: right;
	width: 783px;
	margin: 5px 0 10px 0;
	padding:  0 0 10px 0;
	border-bottom: 1px solid #CCC;
	text-align: right;
}
#pagerTotalPages {
	float: left;
	margin: 3px 5px 0 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#pagerItemsPerPage {
	float: left;
	margin: 3px 5px 0 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#pagerItemsPerPageSelect {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
.perPageSelect {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	/*height: 18px;*/
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
.perPageSelectSelected {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	/*height: 18px;*/
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
#pagerPrevious {
	float: left;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
#pagerPrevious a {}
#pagerPrevious a:hover {}

#pagerPageSelectWrapper {
	float: right;
	margin:0;
	padding: 0;
}
#pagerPageNumbersWrapper {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}
#pagerNext {
	float: left;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
#pagerNext a {}
#pagerNext a:hover {}

.pageNumbers {
	float: left;
	margin: 0 5px;
	padding: 0;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
.pageNumbers a {}
.pageNumbers a:hover {}

.pageNumberSelected {
	float: left;
	margin: 0 5px;
	padding: 0;
	font-size: 13px;
	color: #EE3224;
	font-weight: bold;
	text-decoration: none;
}


/* [ product_list ] */

#productListWrapper { /* Overall Product List wrapper - overrides "subContent" class */
	padding-top: 15px;
}

ul#productList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#productList li {
	float: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EEEEEE;
}
#productListThumbnail {
	float: left;
	margin: 0 10px 0 0;
	width: 110px;
	text-align: center;
}
#productListThumbnail a img {
	/*width: 100px;*/
	margin: auto;
	border: none;
}
#productListDetails {
	float: left;
	width: 500px;
}
/*#productListDetails p {
	margin: 0;
	padding: 0;
}*/
.productListTitle {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color:#6B6B6B;
	text-decoration: none;
}
.productListTitle a {
	font-size: 13px;
	font-weight: bold;
	color: #6B6B6B;
	text-decoration: none;
}
.productListTitle a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #6B6B6B;
	text-decoration: underline;
}
.productListText {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #6B6B6B;
	text-decoration: none;
}

#productListCartBlock { /* Contains the product prices and add to cart/more info buttons etc */
	float: left;
	width: 150px;
	text-align: right;
	
}
#specialsListCartBlock { /* Contains the product prices and add to cart/more info buttons etc for Specials page */
	float: left;
	width: 125px;
	text-align: center;
	
}
.productListPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color:#069;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
}
.productListPriceExGST {
	margin-left: 5px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: none;
}
.productListPriceIncGST {
	margin-left: 5px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: none;
}

.productListQtyInput {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 24px;
/*	height: 12px !important;
	height: 16px;*/
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding: 2px;
	margin: 10px 0 0 0;
}
.productListQtyInputSelected {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 24px;
/*	height: 12px !important;
	height: 16px;*/
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding: 2px;
	margin: 10px 0 0 0;
}

/* [ product_detail ] */
#productDetailWrapper { /* Overall Product Detail wrapper - overrides "subContent" class */
	padding-top: 15px;
}
#productDetailInfo {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 450px;
}

.productDetailTitle {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	text-decoration: none;
}
.productDetailText {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color:#000;
	text-decoration: none;
}

#productDetailPriceOptions {}

#productDetailPriceWrapper {
	margin: 10px 0 0 0;
	padding: 0;
}
.productDetailPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color:#069;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
.productDetailPriceExGST { /* "ex GST" text next to price */
	margin-left: 5px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: none;
}
.productDetailPriceIncGST { /* "inc GST" text next to price */
	margin-left: 5px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: none;
}

#productDetailImagesWrapper {
	float: left;
	margin: 0;
	padding: 0;
	width: 310px;
}
#productDetailImage {
	margin: 0 0 5px 0;
	padding: 0;
}
#productDetailImage a img, #productDetailImage img {
	margin: 0;
	padding: 0;
	width: 310px;
	border: none;
}

/* extra product images */
.extraImageThumb {
	float: left;
	margin: 1px;
	padding: 0;
	border: none;
	cursor: pointer;
}
.extraImageThumb img, .extraImageThumb a img {
	width: 100px;
	border: none;
}

/* Product Addons - Product Detail page */
#productDetailAddonsWrapper {}

#productDetailAddonsWrapper h6 { /* modify default h6 style */
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #CCC;
}
.productDetailAddon {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
}
.productDetailAddonThumbnail {
	margin: 0 auto;
	width: 100px;
}
.productDetailAddonThumbnail a img {
	margin: 0;
	width: 100px;
	border: none;
}
.productDetailAddonTitle {
	margin: 0 0 10px 0;
	padding: 0;
	height: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.productDetailAddonPriceWrapper {
	margin: 10px 0;
	padding: 0;
	height: 75px;
}
.productDetailAddonPrice {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #069;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.productDetailAddonPriceGST {
	margin-left: 5px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: none;
}
.productDetailAddonCartStock {
	margin: 0;
	padding: 0;
	height: 25px;
	text-align: center;
	border-bottom: 1px solid #CCC;
}


select#productcodeSelect { /* Product Price Dropdown menu */
	width: 150px;
}
input#AddToCartSubmit {
	margin: 10px 0 0 5px;
	padding: 0;
	width: 70px;
}
input#AddToFavourites {
	margin: 5px 0 0 0;
	padding: 0;
	width: 105px;
}
input#MoreInfo {
	margin: 5px 0 0 0;
	padding: 0;
	width: 105px;
}
input#RequestInfo {
	margin: 5px 0 0 0;
	padding: 0;
	width: 105px;
}
input.RequestInfo {
	margin: 5px 0 0 0;
	padding: 0;
	width: 105px;
}

.OutOfStockMessage {
	font-size: 11px;
	color: #F00;
	font-weight: normal;
	text-decoration: none;
}


/* [ Form styles ] */
form {
	margin: 0;
	padding: 0;
}
.formbuttons {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	height: 19px !important;
	height: 21px;
	background-color: #EE3224;
	border: 1px solid #EE3224;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.forms {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 135px;
	height: 12px !important;
	height: 16px;
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
.formsSelected {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 135px;
	height: 12px !important;
	height: 16px;
	border: 1px solid #ED3024;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
select.forms, select.formsSelected {
	height: 18px !important;
	height: 18px;
}
.qtyInput {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 24px !important;
	width: 30px;
	height: 12px !important;
	height: 16px;
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
.qtyInputSelected {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 24px !important;
	width: 30px;
	height: 12px !important;
	height: 16px;
	border: 1px solid #ED3024;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}

.compulsory {
	margin: 10px 0 0 0;
	font-size: 10px;
	color: #676767;
	font-weight: normal;
	text-decoration: none;
}

.specialInstructions {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 250px;
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
.specialInstructionsSelected {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 250px;
	border: 1px solid #ED3024;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}

#CCType {
	width: 141px;
}
#CCExpiryMonth {
	width: 68px;
}
#CCExpiryYear {
	width: 68px;
}

/* [Simple Search] */
#simpleSearchWrapper {
	float: right;
	width: 210px;
	height: 40px;
	margin: 32px 20px 0 0;
	padding: 0;
}
#simpleSearchWrapper h6 {
	margin: 0 0 3px 0;
	padding: 0;
}
.simpleSearchField {
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
	width: 134px;
	height: 14px;
	border: 1px solid #B0CEDE;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
}
.simpleSearchButton {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	width: 52px;
	height: 18px;
	background-color: #FFF;
	background-image:url(button-search.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}
/* [Brand Search] */

#brandSearchWrapper {
	float: right;
	width: 210px;
	height: 40px;
	margin: 32px 0 0 0;
	padding: 0;
}
#brandSearchWrapper h6 {
	margin: 0 0 3px 0;
	padding: 0;
}
.brandsearchform {
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
	width: 134px;
	height: 19px !important;
	height: 16px;
	border: 1px solid #B0CEDE;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}


/* [ login ] */

#loginWrapper {
	margin: 0;
	padding: 0;
	width: 225px;
	background-color: #FCDD37;
	background-image: url(LoginBox-Top.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#loginBottom {
	margin: 0;
	padding: 0;
	width: 225px;
	height: 12px;
	background-color: #FCDD37;
	background-image: url(LoginBox-Bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#loginWrapper h5 { 
	margin: 0;
	padding: 8px 0 8px 10px;
}
#loginUsername {
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
#loginPassword {
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: bold;
	text-decoration: none;
}

/* Login form field styles */
.loginformbutton {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	width: 40px;
	height: 18px;
	background-color: #FCDD37;
	background-image:url(button-login.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}
.loginform {
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
	width: 158px;
	height: 14px;
	border: 1px solid #B0CEDE;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
}
.loginformSelected {
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
	width: 158px;
	height: 14px;
	border: 1px solid #B0CEDE;
	background-color: #FFF;
	padding: 2px;
	margin: 0;
}

.loggedinUser { /* Text displayed when user is logged in */
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
#loginMyAccount { /* My Account link displayed when user is logged in */
	float: left;
	text-align: left;
	padding-left: 10px;
}
#loginLogout { /* Logout link displayed when user is logged in */
	float: right;
	text-align: right;
	padding-right: 10px;
}
.loginText { /* Font styles for Logout and My Account links */
	margin: 0;
	padding: 10px 0;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
.loginText a { }
.loginText a:hover { }

#forgotLogin {
	margin: 0;
	padding: 0;
}
.forgotLogin p { /* Font styles for Forgot Login link */
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
.forgotLogin p a { }
.forgotLogin p a:hover { }


/* [ contact ] */
#contactWrapper { /* Overall contact page wrapper */
	margin: 0;
	padding: 0 10px 10px 10px;
}

/* change the following to override default styles */
#contactWrapper h2 { }
#contactWrapper p { }
#contactWrapper a:link { }
#contactWrapper a:visited { }
#contactWrapper a:hover { }
#contactWrapper a:active { }


#contactFormWrapper { /* Wrapper for contact form only */
	margin: 0;
	padding: 0;
}
#contactFormWrapper fieldset {
	border: 1px solid #CCC;
	padding: 10px;
	padding-top: 0;
}
#contactFormWrapper legend {
	padding: 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#contactFormWrapper label {
	float: left;
	display: block;
	padding: 5px 5px 0 0;
	width: 125px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: right;
}
#contactFormWrapper input, #contactFormWrapper select {
	margin: 5px 0 0 0;
	width: 135px;
	/*height: 18px !important;
	height: 18px;*/
}
#contactFormWrapper select#Country, #contactFormWrapper select#StateAU, #contactFormWrapper select#StateUS {
	width: 140px;
}
#contactFormWrapper input#contactSubmit { /* Contact Form submit button */
	margin: 5px 0 0 130px;
	padding: 2px;
	width: auto;
	height: auto;
}
#contactFormWrapper textarea {
	margin: 5px 0 0 0;
	width: 250px;
	height: 75px !important;
	height: 75px;
}
#contactAddress {
	display: block; /* Change this to "none" to remove the address displayed at the top of the contact page */
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
}
#contactAddress p {}

.contactMessage { /* Form introduction text and form successfully submitted message - will override default <p> style */

}
#contactUIMessage { /* UI Message style - override for Contact form */
	/*font-size: 11px;
	color: #F00;
	font-weight: bold;
	text-decoration: none;*/
}
#contactCompulsory { /* Compulsory field message style - override for Contact form */
	/*font-size: 10px;
	color: #000;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;*/
}

/* [ register ] */
#registrationWrapper { /* Overall registration page wrapper */
	margin: 0;
	padding: 0 10px 10px 10px;
}

/* change the following to override default styles */
#registrationWrapper h2 { }
#registrationWrapper p { }
#registrationWrapper a:link { }
#registrationWrapper a:visited { }
#registrationWrapper a:hover { }
#registrationWrapper a:active { }


#registrationFormWrapper { /* Overall registration page wrapper */
	margin: 0;
	padding: 0;
}
#registrationFormWrapper fieldset {
	border: 1px solid #CCC;
	padding: 10px;
	padding-top: 0;
}
#registrationFormWrapper legend {
	padding: 0 10px;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#registrationFormWrapper label {
	float: left;
	display: block;
	padding: 5px 5px 0 0;
	width: 125px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: right;
}
#registrationFormWrapper input, #registrationFormWrapper select {
	margin: 5px 0 0 0;
	width: 135px;
}
#registrationFormWrapper select#Country, #registrationFormWrapper select#StateAU, #registrationFormWrapper select#StateUS, #registrationFormWrapper select#contactsource {
	width: 140px;
}
#registrationFormWrapper input#registrationSubmit {
	margin: 5px 0 0 130px;
	padding: 2px;
	width: auto;
	height: auto;
}
#registrationFormWrapper textarea {
	margin: 5px 0 0 0;
	width: 250px;
	height: 75px !important;
	height: 75px;
}

#registerMessage { /* Registration Form introduction text and form successfully submitted message - will override default <p> style */

}
#registerUIMessage { /* UI Message style - override for Register form */
	/*font-size: 11px;
	color: #F00;
	font-weight: bold;
	text-decoration: none;*/
}
#registerPasswordMessage { /* Registration Form Username and Password message (Please enter 5 characters...) - will override default <p> style */
	font-size: 10px;
	color: #000;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
#registerCompulsory { /* Compulsory field message style - override for Registration form */
	/*font-size: 10px;
	color: #000;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;*/
}


#SpecialsTable {
	margin: 0;
}
.SpecialTopTD {
	margin: 0;
	padding: 0;
}
.SpecialBottomTD {
	margin: 0;
	padding: 0;
}
.SpecialMainTD {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #FFEBBA;
	border-right: 1px solid #FFEBBA;
	border-bottom: 1px solid #FFEBBA;
	border-left: 1px solid #FFEBBA;
}
.SpecialMainTDEmpty {
	margin: 0;
	padding: 10px 0;
}
.specialImageWrapper {
	width: 125px;
	height: 110px;
}
.specialImage {
	border: none;
}
.specialInfoWrapper {
	height: 55px;
}
.specialName {
	font-size: 11px;
	font-weight: bold;
	color: #646266;
	text-decoration: none;
}
.specialName a {
	font-size: 11px;
	font-weight: bold;
	color: #646266;
	text-decoration: none;
}
.specialName a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #646266;
	text-decoration: underline;
}
.specialText {
	font-size: 11px;
	font-weight: normal;
	color: #646266;
	text-decoration: none;
}
.specialPrice {
	padding-top: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #C60303;
	text-decoration: none;
}
.specialsListPrice {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color:#069;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

/* [ suuppliers ] */
#suppliersWrapper ul {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	list-style-type: none;
}
#suppliersWrapper li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color:#706F73;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}


/* [ Account Menu styles ] */
.AMLineBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D61A21;
}
.AMLineTopRightLeft {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #D61A21;
	border-right-color: #D61A21;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D61A21;
	font-size: 11px;
	color: #706F73;
	padding-right: 5px;
	padding-left: 5px;
}
.AMLineTopRightLeft a{
	font-size: 11px;
	color: #706F73;
	text-decoration: none;
}
.AMLineTopRightLeft a:hover{
	font-size: 11px;
	color: #706F73;
	text-decoration: underline;
}
.AMSubtitle {
	font-size: 12px;
	color: #6B6B6B;
	font-weight: bold;
}
.ManageAddressTitle {
	font-size: 12px;
	color: #6B6B6B;
	font-weight: bold;
}
.AMSubBoxes {
	border: 1px solid #D61A21;
	font-size: 11px;
	color: #706F73;
	padding: 2px 5px 2px 5px;
}
.AMSubBoxes a{
	font-size: 11px;
	color: #706F73;
	text-decoration: none;
}
.AMSubBoxes a:hover{
	font-size: 11px;
	color: #706F73;
	text-decoration: underline;
}
#AMBackLink {
	float: right;
	width: 200px;
	padding: 0 10px 10px 0;
	margin: 0;
	font-size: 12px;
	color: #EE3224;
	font-weight: bold;
	text-align: right;
}

/* Account Menu - List Invoices */
#listInvoicesWrapper { /* Overall page wrapper - overrides "subContent" class */

}

/* change the following to override default styles */
#listInvoicesWrapper h2 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCC;
}
#listInvoicesWrapper h6 {
	margin: 10px 0;
}
#listInvoicesWrapper h6 span.noBold {
	font-size: 9px;
}
#listInvoicesWrapper p { }
#listInvoicesWrapper a:link { }
#listInvoicesWrapper a:visited { }
#listInvoicesWrapper a:hover { }
#listInvoicesWrapper a:active { }

#listInvoicesSearchBlock { /* Wrapper for delivery address details */
	margin: 10px 0;
	padding: 0;
}

#listInvoicesCheckboxes {
	height: 25px;
	margin: 0 0 15px 0;
	padding: 0;
}
#listInvoicesCheckboxes input {
	float: left;
	width: 15px;
	line-height: 25px;
	margin: 6px 5px 0 0;
	vertical-align: middle;
}
#listInvoicesCheckboxes label {
	float: left;
	width: 60px;
	line-height: 25px;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 11px;
	color: #706F73;
	text-decoration: none;
	
}

#searchInvoicesSumbit {
	margin: 0 0 0 10px;
	padding: 0;
	width: auto;
	height: auto;
}

#listInvoicesList {
	margin: 10px 0 0 0;
	padding: 0;
}
#listInvoicesListTable { }
#listInvoicesListTitleTR {
	background-color: #F5F5F5;
}
.listInvoicesListSubtitle {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.listInvoicesListValue {
	height: 30px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
}
.listInvoicesListValue a { }
.listInvoicesListValue a:hover { }

p#listInvoicesStatusMessage { }
p#listInvoicesNoInvoicesMessage {
	margin: 20px 0;
	padding: 0;
	font-weight: bold;
}

/* View Invoice page */

#viewInvoiceWrapper {

}

/* change the following to override default styles */
#viewInvoiceWrapper h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#viewInvoiceWrapper h6 {
	margin: 5px 0;
}
#viewInvoiceWrapper p { }
#viewInvoiceWrapper a:link { }
#viewInvoiceWrapper a:visited { }
#viewInvoiceWrapper a:hover { }
#viewInvoiceWrapper a:active { }

p#viewInvoiceBackLink {
	text-align: right;
}

#invoiceHeader {
	padding: 10px;
	width: 750px;
}
#invoiceHeaderLeft {
	float: left;
	width: 350px;
}
#invoiceHeaderRight {
	float: left;
	width: 350px;
}
p.invoiceLabel {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
p.invoiceValue {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#invoiceShipToAddress p.invoiceLabel, #invoiceShipToContact p.invoiceLabel {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#invoiceShipToAddress p.invoiceValue, #invoiceShipToContact p.invoiceValue {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#invoiceImportantDetails { }
#invoiceOtherDetails { }

#invoiceShipToContact{
	float: left;
	width: 275px;
	margin-bottom: 10px;
}
#invoiceShipToAddress {
	float: left;
	width: 275px;
}
#invoiceLineItemTable {
	width: 100%;
	margin: 15px 0 0 0;
}

#invoiceLineItemTitleTR {
	background-color: #F5F5F5;
}

.invoiceLineItemSubtitle {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.invoiceLineItemValue {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
}
.invoiceLineItemTotalSubtitle {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.invoiceLineItemTotalValue {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

/* [ Purchase Pages styles ] */
.orderProgressCurrent {
	font-size: 12px;
	font-weight: bold;
	color: #D61A21;
	text-decoration: none;
}
.orderProgress {
	font-size: 12px;
	font-weight: bold;
	color: #706F73;
	text-decoration: none;
}
.orderProgress a {
	font-size: 12px;
	font-weight: bold;
	color: #706F73;
	text-decoration: none;
}
.orderProgress a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #706F73;
	text-decoration: underline;
}
.purchaseTitle {
	font-size: 12px;
	font-weight: bold;
	color: #706F73;
	text-decoration: none;
}
.inrowH, .inRowH {
	font-size: 11px;
	font-weight: bold;
	color: #706F73;
	text-decoration: none;
}
.formsPaymentNotes {
	font-size: 11px;
	font-weight: normal;
	color: #706F73;
	width: 250px;
	height: 75px !important;
	height: 75px;
	border: 1px solid #D4D3D3;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}
.formsPaymentNotesSelected {
	font-size: 11px;
	font-weight: normal;
	color: #706F73;
	width: 250px;
	height: 75px !important;
	height: 75px;
	border: 1px solid #ED3024;
	background-color: #FFF;
	padding:2px;
	margin: 0;
}

/* [ General site styles ] */

/* Alternating row colours */
.rowOn {
	background-color: #F5F5F5;
}
.rowOff {
	background-color: #FFF;
}

.header {
	margin: 0 0 10px 0;
	font-size: 16px;
	color:#6B6B6B;
	font-weight: bold;
	text-decoration: none;
}
.content {
	font-size: 11px;
	color: #706F73;
	font-weight: normal;
	text-decoration: none;
}
.content a {
	font-size: 11px;
	color: #706F73;
	font-weight: normal;
	text-decoration: none;
}
.content a:hover {
	font-size: 11px;
	color: #706F73;
	font-weight: normal;
	text-decoration: underline;
}
.contentSmall {
	font-size: 10px;
	color: #706F73;
	font-weight: normal;
	text-decoration: none;
}
.contentSmall a {
	font-size: 10px;
	color: #706F73;
	font-weight: normal;
	text-decoration: none;
}
.contentSmall a:hover {
	font-size: 10px;
	color: #706F73;
	font-weight: normal;
	text-decoration: underline;
}
.UIMessage {
	font-size: 11px;
	color: #EE3224;
	font-weight: bold;
	text-decoration: none;
}

.fltrt {
	float: right;
	margin: 0;
}
.fltlft {
	float: left;
	margin: 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}