@charset "UTF-8";
/* CSS Document */
/* modified: 100903 */
/* version: 1.03 */
/* code: fuzzy, cadence creations, www.cadencecreations.com */

/* see template.php and css.css for full desc of functions and options */

/* horizon colors: red - #ED1C24, silver - #EEEEEE */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:silver;
	margin:0;
}

#wrapper {
	background-color:silver;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:auto;
	width:1044px;
	position:relative;
	
}
#wrapperL {
	width:22px;
	height: 1800px;
	background-color:silver;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/fx/dropL.jpg);
	background-repeat:repeat-y;
}
#wrapperR {
	width:22px;
	height: 1800px;
	background-color:silver;
	position:absolute;
	right: 0px;
	top:0px;
	background-image:url(../images/fx/dropR.jpg);
	background-repeat:repeat-y;
}

#holder {
	background-color: white; /* green for testing*/
	width: 1000px;
	height:1800px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:auto;
	padding:0px;
}


div#masthead {
	background-color:silver; 
	height:133px;
	/*background-image:url(../images/banner_sample_b.png);*/
}

div#bannerLine {
	background-color:gray;
	height:1px;
}


/********************************************************************************/
/*begin navBar */

div#menuMain {
	color:white;
	padding: 0;
	margin: 0;
}
ul#navBar {
	position: relative;
	overflow: hidden;
	background:url('../images/navbars/bg_navbar_silver.png') repeat-x;
	margin: 0;
	padding: 0 0 0 180px; /* adjust padding-left to position navbar components */
	height: 33px; /* for IE6 */
}

ul#navBar li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	background: transparent;
}

ul#navBar li a {
	display: block;
	height: 33px;
	width: auto;
	text-indent: -9000px;
}


ul#navBar li#home a {
	width: 150px; 
	background: url('../images/navbars/navbar_metal_silver_gray.png') no-repeat -200px -0px;
}
ul#navBar li#home a:hover { 
	background-position: -200px -43px;  
}

ul#navBar li#products a {
	width: 150px; 
	background: url('../images/navbars/navbar_metal_silver_gray.png') no-repeat -350px -0px;
}
ul#navBar li#products a:hover { 
	background-position: -350px -43px;  
	text-decoration: none; 
}

ul#navBar li#contact a {
	width: 150px; 
	background: url('../images/navbars/navbar_metal_silver_gray.png') no-repeat -500px -0px;
}
ul#navBar li#contact a:hover { 
	background-position: -500px -43px;  
	text-decoration: none; 
}

ul#navBar li#company a {
	width: 150px; 
	background: url('../images/navbars/navbar_metal_silver_gray.png') no-repeat -650px -0px;
}
ul#navBar li#company a:hover { 
	background-position: -650px -43px;  
	text-decoration: none; 
}

/*end navBar */
/********************************************************************************/

div#contentWrapper {
	position:relative;
	background-color:white; /* maroon for testing */
	border: 1px solid white; /* seems to be needed to hold it together ?? */
	padding-bottom:0px;
	min-height:500px;
}

div#loginSumm {
	position:absolute;
	background-color:#FFFFFF;
	color:#888888;
	padding:2px;
	top:0px;
	right:54px;
	z-index:100;
	font-size:10px;
}

div#contentMain { /* closest relative w relative positioning will determine postn */
	position:relative;
	background-color:white; /* gray for testing */
	color:#555555;
	border:0px solid gray;
	top:0px;
	left:210px;
	right:260px;
	/*height:400px;*/
	padding: 0px 10px 0px 10px;
	/*z-index:-1; /* test in relation to pop out menus -ve value works for IE */
	z-index:100;
	/*height:500px;*/
	width:520px;
	margin-bottom:110px;
	/* min-height:400px; */
}

div#contentMain p {
}


div#contentMain h3 {
	border-bottom: 1px solid gray;
	font-size:13px;
}

div#contentMain h4 {
	border-bottom: 1px solid gray;
	margin-bottom:2px;
}

div#contentMain h5 {
	border-bottom: 1px solid gray;
	font-size:10px;
}

div#contentMain a, div#contentMain a:visited {
	color:#555555;
	text-decoration:none;
}
div#contentMain a:hover {
	color:#ED1C24;
	text-decoration:underline;
}

div#contentMain a.linkProudBanner {
	color:white;
	padding:0;
	margin:0;
	border:0px;
}

img.bannerProudlyOz {
	position:relative;
	margin-top:20px;
	left:-3px;
}




/********************************************************************************/
/*begin footer */

div#contentFooter { /*pink for testing*/
	position:absolute;
	background-color:#FFFFFF;
	color:#777777;
	bottom:0px;
	width:100%;
	height:auto;
	border-top: 1px solid #DDDDDD;
	border-bottom: 0px solid #DDDDDD;
	padding:3px 0 5px 0;
	font-size:9px;
}

div#contentFooter p {
	position:relative;
	margin:3px auto 0px auto;
	width:500px;
	text-align:center;
}
div#contentFooter p#cadence {
	font-size:10px;
}

div#contentFooter a:link, div#contentFooter a:visited {
	color:#777777;
	text-decoration:none;
}
div#contentFooter a:hover {
	color:#ED1C24;
	text-decoration:underline;
}







/*end footer */
/********************************************************************************/



/********************************************************************************/
/*begin left menuSub */

div#menuSubL { /* closest relative w relative positioning will determine postn */
	/* think twice before changing name */
	position:absolute;
	background-color:white;; /*blue for testing*/
	width:170px;
	height:400px;
	left:30px;
	top:20px;
}


/* begin horizon ***************************************/
ul.horizon {
	color:gray;
	width:140px; /* note impact on below */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0px solid yellow; /* normally 0px */
	padding:0;
	display:block; /*vark*/
	margin-left:0px;
}
ul.horizon li {
	position:relative; /* for popout */
	list-style-type:none;
	background-color:white;
	border-bottom:1px solid gray;
	/*border-left:1px solid black; /*temp*/
	/*border-right:1px solid black; /*temp*/
	padding:0;
	margin:0;
}
ul.horizon li:first-child {
	border-top:1px solid gray;
}
ul.horizon li a:link, ul.horizon li a:visited {
	color:gray;
	text-decoration:none;
	display:block;
	background-color:white;
	padding:4px;
	margin:0px;
}
ul.horizon li a:hover {
	color:#ED1C24;
	text-decoration:underline;
	background-color:#eee;
}



/* begin popout */
/* begin first level popout */

ul.horizon li ul  { /* all ul's descended from li's ?? */
	position:absolute;
	padding:0;
	width:100%;
	left:141px; /* this option for most browsers */
	/* left:100px;  this option to test IE6PC */
	top:-1px;
	display:none;
}
ul.horizon li:hover ul {
	display:block;
	z-index:200; /* to lift over contentMain box - of course doesn't fuckin work w IE altho setting negative value for IE seems to help */
}

/* end first level popout */

/* begin second level popout */

ul.horizon li:hover ul ul { /* to prevent 2nd level displaying at this stage */
	display:none;
}
ul.horizon ul li:hover ul {
	display:block;
}

/* end second level popout */
/* end popout  */


/* end horizon *****************************************/


/*end left menuSub */
/********************************************************************************/




/********************************************************************************/
/*begin right menuSub */

div#menuSubR { /* closest relative w relative positioning will determine postn */
	position:absolute;
	background-color:white; /* yellow for testing */
	width:140px;
	height:400px;
	right:54px;
	top:20px;
}


/*end right menuSub */
/********************************************************************************/



/********************************************************************************/
/* begin RH buttons */

div#rhButtonWrapper { /* closest relative w relative positioning will determine postn */
	position:absolute;
	background-color:white; /* yellow for testing */
	width:190px;
	height:80px;
	right:54px;
	top:20px;
}


ul#rhButtons {
	padding:0;
	margin:12px 0 0 0;

}

ul#rhButtons li {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	float:right;
	text-indent:-9000px;
	overflow:hidden;
}

ul#rhButtons li a {
	display:block;
	width:60px;
	height:30px;
	margin-left:30px;
}

ul#rhButtons li#registerButton a {
	background: url('../images/buttons/register.png') no-repeat 0px 0px;
}
ul#rhButtons li#registerButton a:hover {
	background-position: -80px 0px;
}


ul#rhButtons li#loginButton a {
	background: url('../images/buttons/login.png') no-repeat 0px 0px;
}
ul#rhButtons li#loginButton a:hover {
	background-position: -80px 0px;  
}


ul#rhButtons li#logoutButton a {
	background: url('../images/buttons/logout.png') no-repeat 0px 0px;

}
ul#rhButtons li#logoutButton a:hover {
	background-position: -80px 0px;  
}


ul#rhButtons li#adminButton a {
	background: url('../images/buttons/admin.png') no-repeat 0px 0px;

}
ul#rhButtons li#adminButton a:hover {
	background-position: -80px 0px;  
}

/*end RH buttons */
/********************************************************************************/


/********************************************************************/
/* begin shopping list and product search */

div#prodSearch  {
	border: 1px solid #ED1C24;
	padding: 10px;
	top: 10px;
	position:relative;
}
div#prodSearch select {
	color:#333333;
}

div#multipage {
	padding: 10px 0px 0px 0px;
	top: 20px;
	position:relative;
	background-color:#DDDDDD;
	border: 1px solid #ED1C24;
	height:40px;
	margin-bottom:30px;
}
div#multipage a#previous {
	position:absolute;
	left:10px;
	background-color:red;
	width:72px;
	height:27px;
	background: url('../images/buttons/prev.png') no-repeat 0px 0px;
	text-indent:-9000px; /*this is the one that will get rid of the default href text*/
	overflow:hidden;
}
div#multipage a#previous:hover {
	background: url('../images/buttons/prev_hover.png') no-repeat 0px 0px;
}

div#mpPulldown {
	position:absolute;
	width:auto;
	left:195px;
	top:15px;
}

div#multipage a#next {
	position:absolute;
	right:10px;
	width:72px;
	height:27px;
	background: url('../images/buttons/next.png') no-repeat 0px 0px;
	text-indent:-9000px; /*this is the one that will get rid of the default href text*/
	overflow:hidden;
}
div#multipage a#next:hover {
	background: url('../images/buttons/next_hover.png') no-repeat 0px 0px;
}

#prodSearch div.subSec:first-child {
	border-top: 1px solid gray;
}
#prodSearch div.subSec {
	border-bottom: 1px solid gray;
	padding: 10px;
}
#shopList {
	position:relative;
	margin-top:20px;
	border: 2px hidden blue;
}

/* end shopping list and product search */
/********************************************************************/


/* begin extras */
/********************************************************************/
.super {
	vertical-align: super;
	font-size: 8px;
}

.highlight {
	color: #ED1C24;
	text-align:center;
}

/* end extras */
/********************************************************************/



/********************************************************************/
/* begin form buttons */

#submit_fb, #confirm_fb, #submit_ws, #confirm_ws, #submit_cd, #confirm_cd, #login, #ud_user, #upload, #submit_order_address, #confirm_order_address, #submit_cc, #confirm_cc, #confirm_cd_checkout {
	color:#333333;
	border: 1px solid gray;
	margin-top:5px;
	padding:3px;
	position:relative;
	top:-2px;
}
#submit_fb:hover, #confirm_fb:hover, #submit_ws:hover, #confirm_ws:hover, #submit_cd:hover, #confirm_cd:hover, #login:hover, #ud_user:hover, #upload:hover, #submit_order_address:hover, #confirm_order_address:hover, #submit_cc:hover, #confirm_cc:hover, #confirm_cd_checkout:hover {
	color:#ED1C24;
}


/* end form buttons */
/********************************************************************/




/********************************************************************/
/* begin new buttons 100726 */

a#signupButton {
	display: block;
	height:25px;
	width:80px;
	margin: 0;
	padding: 0;
	text-indent:-9000px;
	background: transparent;
	overflow:hidden;
	background: url('../images/buttons/signup.png') no-repeat 0px 0px;
}
a:hover#signupButton {
	background-position: -100px 0px;  
}


/* 100728 */

.atcButton2 {
	background: url('../images/buttons/atc.png') no-repeat 0px 0px;
	overflow:hidden;
	height:25px;
	width:80px;
	border:0px solid blue;
	padding:0;
	margin:0;
	background-color:silver;
	text-indent:-400px;
	
}

.atcButton2:hover {
	background: url('../images/buttons/atc.png') no-repeat -100px 0px;
}


/* IE version
.atcButton2 {
	background: url('../images/buttons/atc.png') no-repeat 0px 0px;
	overflow:hidden;
	height:25px;
	width:80px;
	border:0px solid blue;


	background-color:silver;
	padding-left:5000px;
}

.atcButton2:hover {
	background: url('../images/buttons/atc.png') no-repeat -100px 0px;
}
*/




/* end new buttons 100726 */
/********************************************************************/


/********************************************************************************/
/*begin shopping list, cart and cartSumm */

div#cartSummHolder { /* closest relative w relative positioning will determine postn */
	position:absolute;
	background-color:white; /* pink for testing */
	width:200px;
	height:120px;
	right:30px;
	top:20px;
}


div#cartSumm {
	position:absolute;
	top:12px;
	background-color:#EEEEEE;
	color: #666666;
	text-align:center;
	padding:5px;
	border: 1px solid #ED1C24;
	line-height: 25px;
	height:200px;
}
#viewCart, .cartButton, .atcButton {
	color:gray;
	border: 1px solid gray;
	margin-top:5px;
	padding:3px;
	position:relative;
	top:-2px;
}
#viewCart:hover, .cartButton:hover, .atcButton:hover {
	color:#ED1C24;
}
.cartQty, .shopQty {
	color:gray;
	text-align:right;
}
.shopCost {
	color:gray;
	text-align:right;
	padding-right:4px;
}
th {
	color:gray;
	text-align:right;
	padding: 0px 4px 0px 15px;
	background-color:#EEEEEE;
	font-weight:600;
}
th.description {
	text-align:left;
}
div#cartMenuR { /* closest relative w relative positioning will determine postn */
	position:absolute;
	background-color:white; /* yellow for testing */
	width:200px;
	height:400px;
	right:30px;
	top:250px;
}

/*end shopping list, cart and cartSumm */
/********************************************************************************/
	

/********************************************************************************/
/*begin new cart summ 100729 */

div#cartSumm2 { /* closest relative w relative positioning will determine postn */
	position:absolute;
	color:#555555;
	background-color:#EEEEEE;
	width:180px;
	right:30px;
	top:40px;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#cartSumm2 p { 
	text-align:center;
}


div#cartSumm2 ul {
	padding:0;
	margin:0 0 0 0;
	list-style:none;
}

div#cartSumm2 ul li {
	display: block;
	margin: 0 0 0 19px;
	padding: 10px 0 0 0;
	background: transparent;
	text-indent:-9000px;
	overflow:hidden;
}

div#cartSumm2 li a {
	display:block;
	height:25px;
	width:140px;
}

div#cartSumm2 ul li#viewCartButton a {
	background: url('../images/buttons/viewCart.png') no-repeat 0px 0px;
}
div#cartSumm2 ul li#viewCartButton a:hover {
	background-position: -160px 0px;
}

div#cartSumm2 ul li#shopButton a {
	background: url('../images/buttons/continueShop.png') no-repeat 0px 0px;
}
div#cartSumm2 ul li#shopButton a:hover {
	background-position: -160px 0px;
}

div#cartSumm2 ul li#chkOutButton a {
	background: url('../images/buttons/proceedChkOut.png') no-repeat 0px 0px;
}
div#cartSumm2 ul li#chkOutButton a:hover {
	background-position: -160px 0px;
}




div#cartSummTopL {
	position:absolute;
	background: url('../images/corners/silver_corner.png') no-repeat 0px 0px;
	width:10px;
	height:10px;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
}

div#cartSummTopR {
	position:absolute;
	background: url('../images/corners/silver_corner.png') no-repeat -10px 0px;
	width:10px;
	height:10px;
	top:0px;
	right:0px;
}
div#cartSummBotL {
	position:absolute;
	background: url('../images/corners/silver_corner.png') no-repeat 0px -10px;
	width:10px;
	height:10px;
	bottom:0px;
	left:0px;
	padding:0;
	margin:0;
}

div#cartSummBotR {
	position:absolute;
	background: url('../images/corners/silver_corner.png') no-repeat -10px -10px;
	width:10px;
	height:10px;
	bottom:0px;
	right:0px;
}



/*end new cart summ 100729 */
/********************************************************************************/




/********************************************************************************/
/*begin orderSumm */

table#orderSumm {
	
	
}

table#orderSumm th {
	color:silver;
	background-color:white;
	padding:3px;
	text-align:left;
	border-bottom:1px solid silver;
}
table#orderSumm th.thR {
	text-align:right;
}

table#orderSumm td.cost {
	text-align:right;
}
table#orderSumm td.total {
	text-align:right;
	font-weight:bold;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
}
table#orderSumm td.totalText {
	font-weight:bold;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
}

table#orderSumm td.gst {
	border-top:1px solid silver;
	text-align:right;
}

table#orderSumm td.gstText {
	border-top:1px solid silver;
}

table#orderSumm td.delTxt {
	border-top:1px solid silver;
	text-align:left;
}

table#orderSumm td.delNum {
	border-top:1px solid silver;
	text-align:right;
}
table#orderSumm td.subtotTxt {
	text-align:left;
}

table#orderSumm td.subtotNum {
	text-align:right;
}



/*end orderSumm */
/********************************************************************************/

/* begin additional tests & WIP
/********************************************************************/
div#contentA {
	position:relative;
	left:0px;
	top:0px;
	background-color:blue;
	margin:100px auto 100px auto;
	width: 700px;
	height:auto;
	border:2px solid yellow;
	padding:50px;
}
div#contentB {
	position:absolute;
	left: 50px;
	top:10px;
	width:600px;
	height:500px;
	background-color:yellow;
	border:1px solid red;
	padding:0px;
}
div#border_top { /* poss use to hold top border image */
	position:absolute;
	left:0px;
	top:0px;
	background-color:red;
	width:100%;
	height:20px;
}
div#border_bottom { /* poss use to hold bottom border image */
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:pink;
	width:100%;
	height:auto;
}




.vark {
	min-height:140px;
	margin-top:10px;
}

div.divTeam {
	min-height:150px;
	margin-top:5px;
	border-top:1px solid silver;
}

p.pTeam {
	line-height:18px;
	margin-top:4px;
}

img.imgTeam {
	margin-right:12px;
	border:1px solid silver;
}

div#facImgTop {
	height:130px;
}
div#facImgBot {
	height:200px;
}

img.imgFacilities {
	border:1px solid #555555;
	position:absolute;
	height:120px;
}


img.imgFacilities#warehouseE {
	margin-left:0px;	
}
img.imgFacilities#warehouseW {
	margin-left:264px;	
}
img.imgFacilities#staff_men {
	margin-left:0px;	
}
img.imgFacilities#forklift {
	margin-left:190px;	
}
img.imgFacilities#warehouse {
	margin-left:360px;	
}
img.imgFacilities#coldroom {
	margin-left:360px;	
}

p.pFacilities {
	margin-left:0px;
}

p.addressIndent {
	padding-left:20px;
}


/* end additional tests & WIP
/********************************************************************/