@charset "utf-8";
/* CSS Document */

/*
Notes:
------
Red: #ED1C24 (in nav, logo, etc.)
Blue: #01AEF0 (in nav)
*/

html,body{
	margin:0px;
	padding:0px;
	cursor:default;
}

html{
	background-image:url(../images/bg_gradient_tile.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#00ADEF;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
}
a{
	color:#01AEF0;
	text-decoration:none;
}
a:hover{
	color:#01AEF0;
	text-decoration:underline;
}
#flashcontent{cursor:pointer;}
#footerNav a{
	color:#ffffff;
	text-decoration:none;
}
#footerNav a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.clearer{
	clear:both;
}
.footerSpacer{
	height:130px;
}

/* LAYOUT */
div#mainOuterWrap{
	width:100%;
	height:auto;
	overflow:hidden;
}
div#displayAreaWrap{
	width:934px;
	margin:20px auto;
}
.colOne{
	float:left;
	width:173px;
}
.colTwo{
	float:right;
}

.pageWrapHeightLimit{height:670px;}

#productsWrap{width:700px;}
	.productsTblRow{
		height:112px;
		margin-bottom:20px;		
	}
	.productsTblRow a{
		text-decoration:none;
		margin-left:20px;		
	}
	.productsTblRow a.first{
		margin-left:0px;
	}
	
#productsSidebar{
	margin:0px 60px 0px 0px;
}
	#productsSidebar a, #sideNavItemHint{
		display:block;
		width:173px;
		height:30px;
		margin-bottom:10px;
		background-position:left center;
		background-repeat:no-repeat;
		text-decoration:none;		
	}
	#productsSidebar a span{display:none;}
		.sideNavItemAll{background-image:url(/images/bg_sidenav_item_blue_all.png);}
		.sideNavItemAllActive{background-image:url(/images/bg_sidenav_item_red_all.png);}
		.sideNavItemRubber{background-image:url(/images/bg_sidenav_item_blue_rubber.png);}
		.sideNavItemRubberActive{background-image:url(/images/bg_sidenav_item_red_rubber.png);}	
		.sideNavItemMetal{background-image:url(/images/bg_sidenav_item_blue_metal.png);}
		.sideNavItemMetalActive{background-image:url(/images/bg_sidenav_item_red_metal.png);}	
	#sideNavItemHint{
		background-image:url(/images/img_sidenav_details_hint.png);
	}
	
#stockistsWrap{/*width:700px;*/}
#stockistsSidebar{
	margin:0px 0px 0px 0px;
}
	#stockistsSidebar a, #sideNavItemStockistImg{
		display:block;
		width:173px;
		height:30px;
		margin-bottom:10px;
		background-position:left center;
		background-repeat:no-repeat;
		text-decoration:none;		
	}
	#stockistsSidebar a span{display:none;}
		.sideNavItemAus{background-image:url(/images/bg_sidenav_item_blue_australia.png);}
		.sideNavItemAusActive{background-image:url(/images/bg_sidenav_item_red_australia.png);}
		.sideNavItemInt{background-image:url(/images/bg_sidenav_item_blue_international.png);}
		.sideNavItemIntActive{background-image:url(/images/bg_sidenav_item_red_international.png);}
	#sideNavItemStockistImg{
		width:173px;
		height:381px;
		background-image:url(/images/bg_sidenav_stockists_img.png);
	}
	
	#sideNavItemAboutImg{
		width:173px;
		height:321px;
		background-image:url(/images/bg_sidenav_aboutus_img.png);
	}		
		
#newsSidebar #sidebarBody a{
	display:block;
	margin-bottom:7px;
	font-size:9pt;
}

#pageWrap{width:718px;}
	#pageWrapTop{
		width:718px;
		height:20px;
		background-image:url(../images/bg_pagecontent_top.png);
		background-position:left bottom;
		background-repeat:no-repeat;		
	}
	#pageWrapBody{
		background-color:#ffffff;
		padding:10px 25px 10px 25px;
		color:#000000;
	}
/*	.newsCol{float:left;}*/
/*	.newsStoryLeftCol{
		width:172px;
		height:158px;
	}*/
	.newsStoryPanel{
		/*margin-left:20px;*/
	}
		.newsStoryPanel h3{color:#ED1C24; margin:0px; padding:0px;}
		.newsDate{
			position:relative;
			top:0;
			float:right;
			color:#999999;
			font-weight:bold;
			text-align:right;
		}
		.newsStoryPanel p{color:#000000; padding:0px; margin-top:7px;}
		.newsPdfDownload{
			text-align:right;
		}
	
	.newsDivider{height:5px; border-top:1px dotted #01AEF0; border-bottom:1px dotted #01AEF0; margin:20px 0px 20px 0px;}

	
	#pageWrapBottom{
		width:718px;
		height:20px;
		background-image:url(../images/bg_pagecontent_bottom.png);
		background-position:left top;
		background-repeat:no-repeat;
		margin-bottom:20px;
	}
				
#sidebarTop{
	width:173px;
	height:25px;
	background-image:url(../images/bg_sidebar_top.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#sidebarHeading{
	margin-top:-20px;
	margin-bottom:10px;
}
#sidebarBody{
	background-color:#ffffff;
	padding:10px 5px 10px 20px;
}
	#sidebarBody a{
		color:#00ADEF;
		text-decoration:none;
		font-weight:bold;
	}
	#sidebarBody a:hover{
		color:#00ADEF;
		text-decoration:underline;
	}	
#sidebarBottom{
	width:173px;
	height:25px;
	background-image:url(../images/bg_sidebar_bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
}

/* IMAGES */
.newsImageContainer{text-align:center;}
.newsImageContainer img{border:5px solid #E0E0E0;}


/* CFTOOLTOP STYLES: */
/* (Override Styles)*/
  .yui-tt {
/*    color: #444;
    font-size:110%;*/
    border: 2px solid #40C1F2;
    background-color:#DFEAF8;
    padding: 10px;
/*    width:250px;*/
  }


/* CFWINDOW STYLES:*/
/* (Override Styles to remove border from cfwindow) */
.x-dlg-mask{
   background-color: #000000 !important;
   opacity:0.50;
}
.x-dlg div.x-resizable-handle-north {
  background-image:none;
  border:10px none;
  }
.x-dlg div.x-resizable-handle-south {
  background-image:none;
  border:0px none;
  height:0px;
  }
.x-dlg div.x-resizable-handle-east {
  background-image:none;
  width:0px;
  border:0px none;
  margin-right:0pt;
  }
.x-dlg div.x-resizable-handle-west {
  background-image:none;
  border:0px none;
  width:0px;
  }
.x-dlg div.x-resizable-handle-northeast, .ytheme-gray .x-dlg div.x-resizable-handle-northeast {
  background-image:none;
  border:0px none;
  height:0px;
  width:0px;
  }
.x-dlg div.x-resizable-handle-northwest, .ytheme-gray .x-dlg div.x-resizable-handle-northwest {
  background-image:none;
  border:0px none;
  height:0px;
  width:0px;
  }
.x-dlg div.x-resizable-handle-southeast {/*ext-all.css (line 2247)*/
  background-image:none;
  border:0px none;
  height:0px;
  width:0px;
  }
.x-dlg div.x-resizable-handle-southwest {/*ext-all.css (line 2255)*/
  background-image:none;
  border:0px none;
  height:0px;
  width:0px;
  margin-bottom:0px;
  margin-left:0px;
  }
.x-dlg .x-dlg-dlg-body {
  border-color:none;
  border-style:none;
  border-width:0px 0px 0px;
  }
/* make cfwindow etc. render offscreen when page is loading */
.yuiextdlg {
    position:absolute;
    left:-1000px;
}

/*Custom display styles for cfwindow (products):*/
#subWindowImgWrap{	
	width:500px;
	height:294px;
	background-color:#ffffff;
	background-image:url(/images/bg_sub_popup.gif);
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
#subWindowCloseWrap{
	position:relative;
	top:10px;
	left:470px;
	width:20px;
	height:20px;
}
	#subWindowHeading{position:relative; top:60px; left:65px; color:#000000;}
	#subFormField_name{position:relative; top:90px; background-image:url(/images/heading_sub_popup_name.gif);}
	#subFormField_email{position:relative; top:100px; background-image:url(/images/heading_sub_popup_email.gif);}
		.subFormField{left:65px; background-position:center left; background-repeat:no-repeat; padding-left:60px;}
		.subFormField input{width:300px; border:1px solid #01AEF0;}
	#subFormBtn_submit{position:relative; top:120px; left:330px;}
	.subWindowLink{display:block; width:100%; height:100%; text-decoration:none;}

#productWindowImgWrap{
	background-image:url(/images/product-popups/popup-left.png);
	background-position:top left;
}		
#inner-productWindowImgWrap{
	background-position:top right;
}
#productWindowImgWrap, #inner-productWindowImgWrap{
	display:block;
	width:578px;
	height:341px;
	background-repeat:no-repeat;
}
#otherusesWindowImgWrap{
	display:block;
	width:460px;
	height:460px;
	background-repeat:no-repeat;
}
#productWindowCloseWrap{
	position:relative;
	top:5px;
	left:550px;
	width:20px;
	height:20px;
	background-image:url(/images/product-popups/popup-close.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000;
}
#otherusesWindowCloseWrap{
	position:relative;
	top:9px;
	left:420px;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000;
}
#productWindowAddToCartWrap{
	position:relative;
	top:230px;
	left:25px;
	width:200px;
	height:30px;
	z-index:1001;
}
#productWindowLinkWrap{
	position:relative;
	top:240px;
	left:25px;
	width:200px;
	height:30px;
	z-index:1002;
}
#otherusesWindowLinkWrap{
	position:relative;
	top:380px;
	left:15px;
	width:133px;
	height:30px;
	z-index:1002;
}	
	.productWindowCloseLink{display:block; width:20px; height:20px; text-decoration:none !important;}
	.productWindowLink{display:block; width:200px; height:30px; text-decoration:none !important;}
	.cursor-default{cursor:default !important;}

#productWindowProductDetail{
	width:256px; 
	height:200px; 
	position:relative; 
	top:-60px; 
	left:0px; 
	z-index:1003;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	padding-left:23px;
}
#productWindowProductDetail h1#productTitle{
	font-size:25px;
	color:#EE1822;
}
#productWindowProductDetail #productDetailsContainer{
	font-size:18px;
	color:#00ADEF;
}

	
/* HEADER */
#headerWrap{
	height:55px;
	margin-bottom:10px;
	background-image:url(../images/bg_header_nav.png);
	background-position:left center;
	background-repeat:no-repeat;	
}

#headerNavWrap{
	position:relative;
	top:17px;
	left:190px; /* 'home' menu item left placement */
	width:720px;
	color:black;
	cursor:default;
}
#homeLink{
	position:relative;
	top:50px;
	left:0px;
	margin-top:-50px;
	width:170px;
	height:50px;
}
	#homeLink a{display:block; width:100%; height:100%; text-decoration:none;}

/* NAVIGATION */
span.navStar{
	display:inline;
	height:30px;
	width:10px;
	padding:0px 7px 0px 7px;
	background-image:url(../images/bg_nav_star_spacer.gif);
	background-position:center center;
	background-repeat:no-repeat;	
}
#headerNavWrap a{
	text-decoration:none;
	background-position:center center;
	background-repeat:no-repeat;	
}
#headerNavWrap a span{
	display:none;
}
#navItemHome{padding:0px 23px 2px 23px; background-image:url(/images/nav/bg_nav_item_blue_home.gif);} /* Note: padding l & r = (image width/2) [+] bottom padding 2px for hanging letters */
	.navItemHomeActive{background-image:url(/images/nav/bg_nav_item_red_home.gif) !important;}
#navItemProducts{padding:0px 42px 2px 42px; background-image:url(/images/nav/bg_nav_item_blue_buy_online.gif);}
	.navItemProductsActive{background-image:url(/images/nav/bg_nav_item_red_buy_online.gif) !important;}
#navItemOtherUses{padding:0px 28px 2px 28px; background-image:url(/images/nav/bg_nav_item_blue_other_uses.gif);}
	.navItemOtherUsesActive{background-image:url(/images/nav/bg_nav_item_red_other_uses.gif) !important;}	
#navItemInstructions{padding:0px 48px 2px 48px; background-image:url(/images/nav/bg_nav_item_blue_instructions.gif);}
	.navItemInstructionsActive{background-image:url(/images/nav/bg_nav_item_red_instructions.gif) !important;}
#navItemStockists{padding:0px 36px 2px 36px; background-image:url(/images/nav/bg_nav_item_blue_stockists.gif);}
	.navItemStockistsActive{background-image:url(/images/nav/bg_nav_item_red_stockists.gif) !important;}
#navItemNews{padding:0px 21px 2px 21px; background-image:url(/images/nav/bg_nav_item_blue_news.gif);}
	.navItemNewsActive{background-image:url(/images/nav/bg_nav_item_red_news.gif) !important;}
#navItemAboutUs{padding:0px 35px 2px 35px; background-image:url(/images/nav/bg_nav_item_blue_about_us.gif);}
	.navItemAboutUsActive{background-image:url(/images/nav/bg_nav_item_red_about_us.gif) !important;}


/* PAGE BODY AREA */
#bodySplashPanel{
	width:100%;
	height:313px;
}
.podPanelItem{
	height:165px;
	width:300px;
	float:left;
}
.podPanelItem a{
	display:block;
	height:165px;
	width:300px;
	text-decoration:none;
}
.podPanelItem a span{
	display:none;
}
#bodyPodPanel{
	margin:20px 0px 20px 0px;
}
#podPanelLeft{
	background-image:url(../images/bg_pod_panel_left.png);
	background-position:center center;
	background-repeat:no-repeat;
}
#podPanelMiddle{
	background-image:url(../images/bg_pod_panel_middle.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0px 17px 0px 17px;
}
#podPanelRight{
	background-image:url(../images/bg_pod_panel_right.png);
	background-position:center center;
	background-repeat:no-repeat;
}

#policyWrap{ width:735px; background-color:#fff !important; color:#000;}
#policyIntro{padding:10px 25px 5px 25px;}
#policyWrapBody{
	display:none; 
	visibility:hidden;
	background-color:#ffffff;
	padding:0px 25px 10px 25px;
	color:#000000;
}

#privacyWrap{ width:100%; padding:0px 20px 20px 0px; background-color:#fff !important; color:#000;}
#privacyWrapTop{
	/*width:718px;*/
	height:20px;
	background-image:url(/images/bg_privacycontent_top.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#privacyWrapBody{
	background-color:#ffffff;
	padding:10px 25px 10px 25px;
	color:#000000;
}
#privacyWrapBottom{
	/*width:718px;*/
	height:20px;
	background-image:url(/images/bg_privacycontent_bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
}







/* FOOTER AREA */
div#footerWrap{
	width:100%;
	padding:0px;
	margin:10px 0px 12px 0px;
	border-top: 2px solid #40C1F2;
	border-bottom: 2px solid #40C1F2;
	font-size:8pt;
}
.footerCol{
	float:left;
	width:33%;
	text-align:center;
	margin:5px 0px 5px 0px;
}
#footerWrap #copyright{
	text-align:left;
}
#footerWrap #shareLinks img{
	vertical-align:middle;
}
#footerWrap #footerNav{
	text-align:right;
	float:right !important;
}
#footerWarning{
	height:53px;
	background-image:url(/images/img_warning.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
	font-size:8pt;;
}
	#footerHelp{
		position:relative;
		top:-10px;
		left:0px;
		display:block;
		height:53px;
		width:166px;
		cursor:help;
	}
	#BACKFooter{
		position:relative;
		top:0px;
		right:0px;
	}
	a.BACKLink{color:#ffffff !important;}


/* SHOPPING CART - BACK CUSTOM STYLES - sglachan*/

#products-leftCol{width:200px; float:left;}
#products-rightCol{width:733px; float:left;}

#cartSummaryContainer{width:933px; margin:auto; color:#fff; text-align:right;}
#cartSummaryContainer a{margin-right:15px;}
a.menu_footer{color:#fff !important;}
a.menu_page{color:#fff !important;}
.formtext{background-color:#fff; color:#000;}

.carttext{
	color:#888 !important;
	background-color:#fff !important;
}

.formfield{
	border:1px solid #888888 !important;
}
.formbutton {
	FONT-SIZE: 11px;
	color:#fff;
	background-color:#fff;
	border:none !important;
}

.button-keepshopping{
	background-image:url(/products/images/formbuttons/keep_shopping.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:113px;
	height:21px;
}
.button-clearcart{
	background-image:url(/products/images/formbuttons/clear.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:49px;
	height:21px;
}
.button-recalculate{
	background-image:url(/products/images/formbuttons/recalculate.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:90px;
	height:21px;
}
.button-checkout{
	background-image:url(/products/images/formbuttons/checkout.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:76px;
	height:21px;
}
.button-continue{
	background-image:url(/products/images/formbuttons/continue.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:74px;
	height:21px;
}
.button-cancel{
	background-image:url(/products/images/formbuttons/cancel.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:74px;
	height:21px;
}
.button-completeorder{
	background-image:url(/products/images/formbuttons/complete_order.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:118px;
	height:21px;
}
.button-backtocart{
	background-image:url(/products/images/formbuttons/back_to_cart.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:96px;
	height:21px;
}
.button-yes{
	background-image:url(/products/images/formbuttons/yes.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:38px;
	height:21px;
}
.button-no{
	background-image:url(/products/images/formbuttons/no.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:31px;
	height:21px;
}