/* 
Ryobi CSS

Compnany:		BMF
Author:        	Kevin Su
Born:          	January 2010
Last modified: 
-----------------------------------------------------------------------------------------
	Notes:
	   	- Put IE-specific styles at the end of each component (and not into a separate file => less http
		  requests, more compact component CSS).

	quick-navigate using '=' and the label name
	--------
	=header			header style.
	
	compress css code for deployment use
	http://www.cssdrive.com/compressor/compress.php
*/
/* --------------------------------------------------------------------------------------
   =Reset CSS
   -------------------------------------------------------------------------------------- */
/*
- Credits:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- Keep any class names short (explain through comments if necessary) to achieve the highest 
  compression for reset.css, grid.css and component.css.
  
- NOTE:Accessibility:'outline:0' has been removed to allow keyboard users to see where 
  the focus is.
----------------------------------------------------------------------------------------- */
/* We don't use the universal selector (*) to avoid inconsistent form resets. */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	line-height:1;
}

ol,ul {
/*list-style:none*/
}

/* Tables still need 'cellspacing="0"' in the markup:*/
table {
	border-collapse:separate;
	border-spacing:0;
}

table,td,th {
	vertical-align:top;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:;
}

/* =IE fixes
   -------------------------------------------------------------------------------------- */
*html em,*html cite {
	font-style:normal;
	font-weight:normal;
}

*+ html em,*+ html cite {
	font-style:normal;
	font-weight:normal;
}

/* --------------------------------------------------------------------------------------
   =clearfix
   -------------------------------------------------------------------------------------- */
/* Clearing (credit:http://www.positioniseverything.net/easyclearing.html) */
.cfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

/* Added font-size */
/* ----- IE fixes ----- */
*html .cfix {
	height:1%;
}

*+ html .cfix {
	height:1%;
}

/* -------------------------------------------------------------- 

   =Generic
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
/* Specify the font once in % here and in 'em' elsewhere to resize it easily.
   Browser default:16px => 70%=11px => 1em=11px */
html {
	font-size:100.01%;
}

body {
	color:#aaa;
	font:normal 70% Arial;
	background:#000 url(/App_Themes/Ryobi/img/mast-bg.jpg) center top fixed repeat-x;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	color:#fff;
	font-family:helvetica,arial;
}

h1 {
	font-size:3.2em;
	line-height:1;
	margin-bottom:8px;
	text-transform:uppercase;
	color:#fefefe;
	font-weight:bold;
}

h2 {
	font-size:2em;
	margin-bottom:.75em;
}

h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}

h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}

h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:1.5em;
}

h6 {
	font-size:1em;
	font-weight:bold;
}

p {
	font-size:1.2em;
}

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

/* Text elements
-------------------------------------------------------------- */
p {
	margin:0 0 .8em;
}

p img.left {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}

p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}

a:focus,a:hover {
	color:#ff0000;
	text-decoration:underline;
}

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


.more-info {
	font-size:0.8em;
	text-transform:uppercase;
}

blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}

strong {
	font-weight:bold;
}

em,dfn {
	font-style:italic;
}

dfn {
	font-weight:bold;
}

sup,sub {
	line-height:0;
}

abbr,acronym {
	border-bottom:1px dotted #666;
}

address {
	margin:0 0 1.5em;
	font-style:italic;
}

del {
	color:#666;
}

pre {
	margin:1.5em 0;
	white-space:pre;
}

pre,code,tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}

/* Lists
-------------------------------------------------------------- */
li ul,li ol {
	margin:0;
}

ul,ol {
	list-style-type:none;
}

dl {
	margin:0 0 1.5em;
}

dl dt {
	font-weight:normal;
}

dd {
	margin-left:1.5em;
}

/* Misc classes
-------------------------------------------------------------- */
.hide {
	position:absolute;
	left:-9000px;
}

.last {
	margin-right:0;
	padding-right:0;
}

/* --------------------------------------------------------------------------------------
   =header
   -------------------------------------------------------------------------------------- */
#header {
	margin:0 auto;
	padding:43px 42px 10px;
	width:910px;
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	z-index:1;
}

.nav {
	position:relative;
	width:900px;
	padding:5px;
	background:url(/App_Themes/Ryobi/img/header_bg.png) top left repeat-x transparent;
}

.nav li {
	float:left;
}

.nav a {
	display:block;
	background:#191919;
	margin-right:1px;
	display:block;
	height:35px;
	color:#fff;
	text-indent:-9000px;
	font-size:0;
	border-bottom:1px solid #cacaca;
	z-index:101;
	position:relative;
}

.nav a:hover {
	color:#888;
}

.nav strong {
	color:#fff;
}

.nav-home,.nav-products,.nav-store,.nav-service,.nav-project,.nav-updates {
	margin-top:5px;
}

.nav-home {
	margin:0 58px 0 0;
}

.nav-home a {
	width:224px;
	height:45px;
	background-position:0 -105px;
	margin-right:0;
	z-index:100;
}

.nav-products a {
	width:103px;
	background-position:0 0;
}

.nav-store a {
	width:129px;
	background-position:-104px 0;
}

.nav-service a {
	width:150px;
	background-position:-234px 0;
}

.nav-project a {
	width:135px;
	background-position:-385px 0;
}

.nav-updates a {
	width:91px;
	background-position:-521px 0;
}

.nav-products a.selected {
	background-position:0 -70px;
}

.nav-store a.selected {
	background-position:-104px -70px;
}

.nav-service a.selected {
	background-position:-234px -70px;
}

.nav-project a.selected {
	background-position:-385px -70px;
}

.nav-updates a.selected {
	background-position:-521px -70px;
}

/* make the second level visible when hover on first level list OR link */
.nav li.activeInput .subnav,.nav li:hover .subnav,.nav a:hover .subnav {
	left:auto;
	margin-left:-1px;
}

/* style the top level hover */
.nav a:hover,.nav li:hover > a {
	border-bottom:1px solid #191919;
}

.nav .nav-home a:hover {
	border-bottom:1px solid #cacaca;
}

.nav-products a:hover,.nav-products:hover > a {
	background-position:0 -35px;
}

.nav-products:hover .find-more-products {
	float:right;
	margin-right:15px;
}

.nav-store a:hover,.nav-store:hover > a {
	background-position:-104px -35px;
}

.nav-service a:hover,.nav-service:hover > a {
	background-position:-234px -35px;
}

.nav-project a:hover,.nav-project:hover > a {
	background-position:-385px -35px;
}

.nav-updates a:hover,.nav .nav-updates:hover > a {
	background-position:-521px -35px;
	border-bottom:0;
}

/*	for testing
		.nav-service .subnav {width:200px}
		.nav-products .subnav {left:auto}
		.nav-store .subnav {left:412px}
		 .nav-service .subnav {left:240px} 
		.nav-service .subnav {left:385px}	
		.nav-project .subnav {left:693px} */
.subnav {
	position:absolute;
	left:-9000px;
	margin-top:-1px;
	background:#191919;
	border:1px solid #cacaca;
	padding:15px;
	width:180px;
	z-index:100;
}

/* clear 2nd level from parent style */
.nav .subnav ul {
	margin-bottom:8px;
	overflow:hidden;
}

.nav .subnav li {
	margin:2px 0;
}

.nav .subnav li, .nav .subnav li:hover, .nav .subnav a, .nav .subnav a:hover {
	text-indent:0;
	font-size:1em;
	border:0;
	width:120px;
	border-bottom:0;
}

.nav .subnav a,.nav .subnav a:hover {
	background:none;
	display:inline;
	font-weight:bold;
}

.nav .subnav li li a,.nav .subnav li li a:hover {
	font-weight:normal;
	color:#888;
}

.nav .find-more-products {
	width:120px;
}

.nav .find-more-products a,.nav .find-more-products a:hover {
	font-weight:bold;
	background-position:right -297px;
	font-weight:bold;
	padding:0 16px 0 0;
}

/* set specific 2nd level style */
.nav-store .form-search-store {
	width:158px;
}

.nav-products .subnav {
	width:500px;
}

.nav-service .subnav {
	width:200px;
}

.nav-service .form-search-services,.nav-service ul.faq {
	float:left;
	width:200px;
}

.nav-service .form-search-services {
	width:180px;
}

.nav-service .form-search-services li,.nav-service .form-search-services li:hover {
	width:180px;
}

.nav-service .faq li:hover,.nav-service .faq a:hover,.nav-service .faq li {
	width:200px;
}

.nav .nav-updates .subnav,
.nav .nav-updates .subnav li,
.nav .nav-updates .subnav a {
	width:110px;
}

/* ----- IE fixes ----- */
*html .subnav {
	width:auto;
}

*html .IE6hover .subnav {
	left:auto;
	margin-left:-1px;
}

*html .nav-products-hover a {
	background-position:0 -35px;
	border-bottom:1px solid #191919;
}

*html .nav-products-hover .subnav {
	width:500px;
}

*html .nav-products-hover .find-more-products {
	float:right;
	margin-right:9px;
}

*html .nav-store-hover a {
	background-position:-104px -35px;
	border-bottom:1px solid #191919;
}

*html .nav-store-hover .form-search-store {
	width:153px;
}

*html .nav-service-hover a {
	background-position:-234px -35px;
	border-bottom:1px solid #191919;
}

*html .nav-project-hover a {
	background-position:-385px -35px;
	border-bottom:1px solid #191919;
}

*html .nav-updates-hover a {
	background-position:-521px -35px;
	border-bottom:1px solid #cacaca;
}

*html .nav-products,*html .nav-store,*html .nav-service,*html .nav-project,*html .nav-updates {
	behavior:url(/App_Themes/Ryobi/navHandlersIE6.htc);
}

*html .nav-products-hover a.selected {
	background-position:0 -35px;
}

*html .nav-store-hover a.selected {
	background-position:-104px -35px;
}

*html .nav-service-hover a.selected {
	background-position:-234px -35px;
}

*html .nav-project-hover a.selected {
	background-position:-385px -35px;
}

*+html .nav-products .subnav {
	width:500px;
}

/* --------------------------------------------------------------------------------------
   =layout =skin
   -------------------------------------------------------------------------------------- */
#content {
	padding:0 42px;
	width:910px;
	margin:0 auto;
	border-bottom:0;
	border-top:0;
	background-position:-1988px 0;
	background-repeat:repeat-y;
	position:relative;
	z-index:0;
}

#header,#content,#footer {
	background-image:url(/App_Themes/Ryobi/img/sprites-bg-repeat-y.png);
}

.wrap {
	background:url(/App_Themes/Ryobi/img/content-bg-repeat-x.png) repeat-x 0 0;
	overflow:hidden;
	padding:15px;
}

.tabs-nav a {
	background:url(/App_Themes/Ryobi/img/sprites-bg-repeat-x.png) repeat-x 0 0 transparent;
}
}

h1,.updates-register .col-2 h2 {
	height:auto!important;
	height:24px;
/*<- IE fix*/
	min-height:34px;
}

/*this is png 24bit, there's a png 8bit for IE6 */
.nav a,
.nav .subnav li li a,
.nav .subnav li li a:hover,
.nav .find-more-products a,
.nav .find-more-products a:hover,
.breadcrumb a,
#accordion h2,
#accordion li,
#accordion .ui-icon,
.pagination a,
.slide-prev a,
.slide-next a,
.more-info,
.faq h3,
.share-bookmark a,
.footer-nav a,
.bt,
.FormButton,
.bunnings-warehouse {
	background-image:url(/App_Themes/Ryobi/img/sprites-ryobi.png);
	_background-image:url(/App_Themes/Ryobi/img/sprites-ryobi-ie6.png);
}


/**html .nav a,*/
/**html .nav .subnav li li a,*/
/**html .nav .subnav li li a:hover,*/
/**html .nav .find-more-products a,*/
/**html .nav .find-more-products a:hover,*/
/**html .breadcrumb a,*/
/**html #accordion h2,*/
/**html #accordion li,*/
/**html #accordion .ui-icon,*/
/**html .tabs-nav a,*/
/**html .pagination a,*/
/**html .slide-prev a,*/
/**html .slide-next a,*/
/**html .more-info,*/
/**html .faq h3,*/
/**html .share-bookmark a,*/
/**html .footer-nav a,*/
/**html .bt,*/
/**html .FormButton,*/
/**html .bunnings-warehouse {*/
/*	background-image:url(/App_Themes/Ryobi/img/sprites-ryobi-ie6.png);*/
/*}*/


.nav .subnav li li a,.nav .subnav li li a:hover,.more-info,.breadcrumb a,.footer-nav a {
	background-position:-763px -329px;
	background-repeat:no-repeat;
	padding-left:12px;
}

/*.nav-products .subnav {background:#191919 url(/App_Themes/Ryobi/img/subnav-bg.gif) no-repeat 8px bottom}*/
.nav-products .subnav {
	background:#191919;
}

/* ----- IE fixes ----- */
*html #header,
*html #content,
*html #footer {
	background-image:url(/App_Themes/Ryobi/img/sprites-bg-repeat-y-ie6.gif);
}

*html .wrap {
	zoom:1;
}

/* --------------------------------------------------------------------------------------
   =breadcrumb
   -------------------------------------------------------------------------------------- */
.breadcrumb {
	margin-bottom:18px;
}

.breadcrumb li {
	width:auto;
	float:left;
}

.breadcrumb a {
	margin-right:8px;
	color:#a7a9ac;
}

/* --------------------------------------------------------------------------------------
   =store locator
   -------------------------------------------------------------------------------------- */
.store-locator .bunnings-warehouse,.store-locator .form-search-store {
	float:left;
}

.store-locator .bunnings-warehouse {
	width:93px;
	height:47px;
	background-position:-224px -105px;
	margin-top:6px;
}

.store-locator h2 {
	float:left;
	width:100%;
	font-size:1em;
	color:#888;
	margin-top:16px;
}

.store-locator .vcard {
	clear:both;
	margin:8px 0 16px;
	color:#fff;
	font-weight:bold;
}

.store-locator .vcard .org {
	position:absolute;
	left:-9000px;
}

/* --------------------------------------------------------------------------------------
   =product index
   -------------------------------------------------------------------------------------- */
.product-index .col-1,.product-index .col-2,.product-index .col-3 {
	float:left;
	width:290px;
}

.product-index .col-1 {
	color:#fff;
}

.product-index .col-2 {
	text-align:center;
	height:250px;
	padding-bottom:15px;
}

.product-index .col-3 h2 {
	clear:both;
	font-size:1.3em;
	text-transform:uppercase;
}

.product-index .col-3 .pagination {
	float:left;
	height:19px;
}

.product-index .locator {
	overflow:hidden;
	margin-top:16px;
}

.product-index .col-3 .bunnings-warehouse {
	float:left;
	margin-top:19px;
}

.product-index .col-3 .form-search-store {
	float:right;
}

.product-index .items {
	clear:both;
	border-top:1px solid #b81a0f;
	border-bottom:1px solid #b81a0f;
}

.product-index .items li {
	background-color:#000;
	float:left;
	width:282px;
	border-bottom:1px solid #262626;
	height:140px;
}

.product-index .items img {
	float:left;
	margin-top:10px;
}

.product-index .items dl {
	background-color:#000;
	border-right:1px solid #262626;
	float:left;
	margin:10px 0 10px 10px;
	padding-right:8px;
	width:125px;
	height:120px;
	overflow:hidden;
}

.product-index .items .last dl {
	border-right:0 solid #262626;
}

.product-index .items .last-row {
	border-bottom:0;
}

.product-index .items dt {
	color:#fff;
}

.product-index .items dd {
	margin:0;
	margin-top: .5em;
	margin-bottom: 2.5em;
	font-size:1.2em;
}

.pagination {
	float:right;
	margin:8px 0;
}

.pagination-top,.pagination-bottom {
	border-width:1px 0 1px 8px;
	border-style:solid;
	border-color:#000;
	margin:0;
	position:relative;
}

.pagination-top {
	top:1px;
}

.pagination-bottom {
	top:-1px;
}

.pagination li {
	width:auto;
	float:left;
	height:19px;
}

.pagination a {
	background-color:#000;
	font-size:.85em;
	width:19px;
	height:19px;
	margin:0 1px;
	color:#fff;
	display:block;
	text-align:center;
	line-height:1.8em;
	font-weight:bold;
	background-position:-674px -251px;
}

.pagination .selected a,.pagination a:hover {
	background-color:red;
	background-position:-712px -232px;
	text-decoration:none;
	color:#fff;
}

.prev-page a,.next-page a,.goto-more-pages a {
	text-indent:-9000px;
	font-size:0;
	background-position:-652px -180px;
}

.prev-page a {
	margin-right:4px;
	background-position:-613px -180px;
}

.next-page a {
	margin-left:4px;
	background-position:-633px -180px;
}

.prev-page a:hover {
	background-position:-613px -200px;
}

.next-page a:hover {
	background-position:-633px -200px;
}

.goto-more-pages a:hover {
	background-position:-652px -200px;
}

.tabs {
	clear:both;
	background:url(/App_Themes/Ryobi/img/tab-bg-repeat-x.jpg) repeat-x 0 40px;
}

.tabs-nav {
	bottom:-2px;
	position:relative;
	z-index:91;
	height:39px;
}

.tabs-nav li {
	float:left;
	border-width:2px 1px;
	border-style:solid;
	border-color:#222020;
}

.tabs-nav a {
	display:block;
	padding:10px;
	color:#6b6b6b;
	text-decoration:none;
	text-transform:uppercase;
	font-family:helvetica;
	font-size:1.2em;
	background-position:0 0;
padding: 11px 7px;
font-size:1em;
}

.tabs-nav .first {
	border-left:2px solid #222020;
}

.tabs-nav .last {
	border-right:2px solid #222020;
}

.tabs-nav .ui-tabs-selected a {
	color:#e8e8e8;
	background-position:0 -45px;
}

.tabs-nav .ui-tabs-selected a {
	border-bottom:2px solid #000;
	outline:none;
}

.tabs-nav .ui-tabs-selected {
	border-bottom:0;
}

.tabs-nav a:hover span {
	border-bottom:1px solid #bb2318;
}

.tabs-nav .ui-tabs-selected span {
	border-bottom:1px solid #bb2318;
}

.tabs .tab-content {
	clear:both;
	background:#000;
	margin:0 2px;
	border-top:2px solid #222020;
	padding:13px 13px 0;
	z-index:90;
}

.tabs .tab-content p {
	color:#fff;
}

.tabs .ui-tabs-hide {
	left:-9000px;
	position:absolute;
}

/* ----- IE fixes ----- */
*html .tabs {
	background-position:0 38px;
	zoom:1;
}

*html .tabs-nav {
	margin-bottom:-2px;
}

*html .tab-content {
	padding:5px;
}

*html .tabs .ui-tabs-hide {
	overflow:hidden;
	height:0;
	line-height:0;
	margin-left:-9000px;
	border:0;
}

*+html .tabs .ui-tabs-hide {
	overflow:hidden;
	height:0;
	line-height:0;
	margin-left:-9000px;
	border:0;
}

*html .tabs-nav {
	bottom:0;
}

/* --------------------------------------------------------------------------------------
   =product details
   -------------------------------------------------------------------------------------- */
.product-details {
	overflow:hidden;
}

.product-details dd {
	margin:0;
}

.product-details h1 {
	font-weight:bold;
	font-size:2.1em;
}

.product-details .col-1 {
	float:left;
	width:408px;
}

.product-details .col-2 {
	float:right;
	padding:5px;
	text-align:center;
	width:462px;
}

.product-details dt {
	color:#fff;
	margin-bottom:4px;
}

#gallery .image-holder {
	overflow:hidden;
	text-align:center;
}

#gallery h4 {
	text-align:left;
	margin:20px 20px 20px 32px;
	font-weight:bold;
}

.carousel-slider {
	position:relative;
	width:430px;
	margin:0 auto 40px;
}

.thumnail-scroll {
	margin:0 auto;
}

.thumnail-scroll img {
	border:5px solid #323131;
	margin:0 4px;
}

.carousel-slider .control {
	position:absolute;
	top:4px;
	width:100%;
}

.carousel-slider .control li {
	width:25px;
	height:44px;
}

.carousel-slider .slide-prev a,.carousel-slider .slide-next a {
	font-size:0;
	width:25px;
	height:44px;
	display:block;
	text-indent:-9000px;
	background-position:-749px -188px;
}

.carousel-slider .slide-next a {
	background-position:-775px -144px;
}

.carousel-slider .slide-prev {
	float:left;
}

.carousel-slider .slide-next {
	float:right;
}

#accordion h2 {
	background-color:#000000;
	background-position:0 -272px;
	background-repeat:repeat-y;
	cursor:pointer;
	font-size:1.05em;
	font-weight:bold;
	height:20px;
	margin:0 0 2px;
	overflow:hidden;
	padding:7px 0 0 9px;
}

#accordion h2 a {
	font-size:.9em;
	color:#fff;
	text-shadow:0 0 8px #000;
	text-transform:uppercase;
}

#accordion h2 a:hover {
	text-decoration:none;
}

#accordion .ui-icon {
	background-position:-649px -291px;
	display:block;
	width:16px;
	height:16px;
	margin:0 8px 0 0;
	float:left;
}

#accordion .ui-state-active .ui-icon {
	background-position:-616px -323px;
}

.ui-accordion-content {
	padding:16px;
}

#accordion ul {
	margin:10px -9px;
}

#accordion li {
	background-position:-733px -358px;
	background-repeat:no-repeat;
	margin:3px 10px;
	padding:2px 0 0 10px;
}

/* ----- IE fixes ----- */
*html .carousel-slider .control {
	left:0;
}

*+html .carousel-slider .control {
	left:0;
}

/* --------------------------------------------------------------------------------------
   =service =support
   -------------------------------------------------------------------------------------- */
.service,.support {
	padding-top:8px;
	float:left;
	width:419px;
}

.service {
	padding-right:20px;
	border-right:1px solid #1d1d1d;
}

.support {
	padding-left:20px;
}

.service-support img {
	float:right;
}

.service-support h1 {
	border-bottom:1px solid #b51105;
}

.service-support h2 {
	font-size:1.4em;
	font-weight:bold;
}

.service .radio {
	margin-bottom:8px;
	position:relative;
}

.form-search-services {
	width:250px;
}

.service-support legend {
	margin-bottom:3px;
}

.form-search-services .bt {
	width:25px;
	position:relative;
	float:left;
}

.form-search-services .keyword {
	float:left;
}

.service .radio {
	margin-bottom:20px;
}

.service .radio li {
	width:auto;
}

.service .radio label {
	left:20px;
	margin-top:4px;
	font-weight:bold;
	color:#fff;
}

.service .radio li input {
	background-color:transparent;
	height:auto;
	margin:3px 5px 0 0;
	position:relative;
	top:2px;
	padding:0;
}

.support h3 {
	margin-bottom:0;
}

.support h3 a {
	color:#888;
	font-size:.65em;
	font-weight:bold;
}

.support li p {
	padding:10px 0 5px;
	margin:0;
	color:#fff;
	line-height:125%;
}
.support li p,
.support li div li {
	font-size:1.1em;
}


.faq h3 {
	background-position:-688px -396px;
	background-repeat:no-repeat;
	padding:3px 0 0 23px;
	min-height:15px;
	height:auto !important;
	height:15px;
	line-height:100%;
}

/* ----- IE fixes ----- */
*html .faq h3 {
	background-position:-688px -398px;
	padding-top:2px;
}

*+html .faq h3 {
	background-position:-688px -398px;
	padding-top:2px;
}

*html .service .radio label {
	left:25px;
	margin-top:8px;
}

*+html .service .radio label {
	left:25px;
	margin-top:8px;
}

/* --------------------------------------------------------------------------------------
   =faq page
   -------------------------------------------------------------------------------------- */
#faq-list {
	width:auto;
}

#faq-list li div {
	padding:0 40px;
}
#faq-list li div li {
	list-style:disc;
	margin-left:17px;
}

#faq-list ul.faq {
	padding-bottom:30px;
}

#faq-list ul.faq li {
	padding:2px 0 3px;
}

#faq-list h3 {
	color:#777;
	font-size:1.2em;
	line-height:110%;
	font-weight:normal;
}

#faq-list h3.clickable {
	cursor:pointer;
}

#faq-list h3.open {
	background-position:-663px -426px;
}

/* --------------------------------------------------------------------------------------
   =updates =register
   -------------------------------------------------------------------------------------- */
.updates-register .wrap {
	padding:0 15px;
}

.updates-register li {
	margin-bottom:5px;
}

/*.updates-register .radio td {*/
/*	display:block;*/
/*	margin-bottom:5px;*/
/*}*/

.updates-register .text-field {
	width:248px;
}

.updates-register legend {
	text-indent:-9000px;
	font-size:0;
	margin:0;
}

/*.updates-register .radio label {*/
/*	position:absolute;*/
/*	left:18px;*/
/*	margin-top:2px;*/
/*}*/

.updates-register .radio legend {
	text-indent:0;
	font-size:1em;
}

.updates-register .radio td input {
	padding:0;
	background-color:transparent;
	height:auto;
	margin:1px 7px 4px 0;
	
	float:left;
}

.updates-register .col-1,.updates-register .col-2 {
/*height:520px;*/
	padding:15px 0;
	float:left;
}

.updates-register .col-1 {
	position:relative;
	width:415px;
	padding-right:15px;
	border-right:12px solid #424141;
}

.updates-register .col-1.noborder {
	border-right:0;
}

.form-updates {
	position:relative;
}

fieldset .secondary {
	margin-top:32px;
}

.updates-register .col-2 {
	position:relative;
	width:423px;
	padding-left:15px;
	float:left;
}

.updates-register .col-2 h2 {
	color:#fff;
	font-size:3em;
	line-height:1;
	margin-bottom:.5em;
	text-transform:uppercase;
}

.updates-register .col-2 img {
	float:right;
}

.form-register {
	width:260px;
	width:620px;
	float:left;
}
.form-register .col-left{
	float:left;
	width:310px;
}

.form-register .col-right{
	float:right;	
	width:310px;
}

/*.form-register .radio {*/
/*	position:relative;*/
/*	height:35px;*/
/*}*/

.form-register legend span {
	display:block;
	position:absolute;
	top:9px;
}

.form-register .radio ul {
	left:47px;
	position:absolute;
	top:7px;
	width:180px;
}

.form-register .radio li {
	width:60px;
	float:left;
	position:relative;
}

.form-register .radio input {
	margin-top:3px;
	width:auto;
}

ul.faq
{
	color: #ffffff;
}

.updates-register textarea {
	font-family:Arial, sans-serif;
	font-size:1em;
	border:0 solid #000;
	background-color:#3a3939;
	color:#888;
	padding:5px 0 0 5px;
	width:248px;
}

.text-field.upd-suburb,.text-field.reg-suburb {
	width:160px;
}

.text-field.upd-postcode,.text-field.reg-postcode {
	width:78px;
}

.text-field.upd-postcode {
	right:159px;
}

.reg-store-purchase {
	width:154px;
	height:25px;
}

.qus-topic {
	width:253px;
	height:25px;
}

.text-field.reg-date-purchase,.text-field.reg-dob {
	width:112px;
}

.text-field.upd-postcode,.text-field.reg-postcode,.text-field.reg-dob,.text-field.reg-date-purchase {
	margin-left:5px;
}

.updates-register .span-1,
.updates-register .span-2 {
	width:auto;
	float:left;
}

.updates-register .bt,
.updates-register .FormButton {
	background-position:-26px -150px;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
	width:54px;
	height:25px;
	_display:block;
}
.updates-register
.form-register .bt,.form-register .FormButton,.form-question .bt,.form-question .FormButton,.form-updates .bt,.form-updates .FormButton {
	margin:10px 0;
}

/* ----- IE fixes ----- */
*html .updates-register .radio label {
	margin-top:3px;
	left:25px;
}

*+html .updates-register .radio label {
	margin-top:3px;
	left:25px;
}

*html .text-field.upd-postcode,*html .text-field.reg-postcode,*html .text-field.reg-dob,*html .text-field.reg-date-purchase {
	margin-left:4px;
}

*+html .text-field.upd-postcode,*+html .text-field.reg-postcode,*+html .text-field.reg-dob,*+html .text-field.reg-date-purchase {
	margin-left:4px;
}

*html .reg-store-purchase,*html .reg-state {
	margin-top:3px;
}

*+html .reg-store-purchase,*+html .reg-state {
	margin-top:3px;
}

*html .form-register .radio ul {
	top:8px;
}

*+html .form-register .radio ul {
	top:8px;
}

*html .form-updates .radio li input,*html .form-register .radio li input {
	margin-top:0;
}

*+html .form-updates .radio li input,*+html .form-register .radio li input {
	margin-top:0;
}

*html .form-register legend span {
	top:10px;
}

*+html .form-register legend span {
	top:10px;
}

*html .form-updates .bt {
	bottom:120px;
}

*html .form-register .bt {
	bottom:26px;
}

/* 		*+html .form-register .bt {bottom:26px}   */
*html .form-updates .FormButton {
	bottom:120px;
}

*html .form-register .FormButton {
	bottom:26px;
}

/* 		*+html .form-register .FormButton {bottom:26px}   */
*+html .form-updates,*+html .updates-register .col-1,/* *+html .updates-register .col-2 */ {
	height:1%;
}

/* --------------------------------------------------------------------------------------
   =search store
   -------------------------------------------------------------------------------------- */
.form-search-store {
	width:151px;
}

.form-search-store label {
	display:block;
	float:left;
	font-size:.9em;
	margin:5px 0;
}

.form-search-services .keyword, .form-search-store .keyword, .form-mini-product-finder .text {
	width:110px;
	float:left;
}

.form-search-services .bt,.form-search-store .bt, .form-mini-product-finder .bt {
	width:25px;
	float:left;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
	background-position:0 -150px;
}

.form-mini-product-finder {
	float:right;
}

/* --------------------------------------------------------------------------------------
   =tool finder
   -------------------------------------------------------------------------------------- */
div.form.form-tool-finder {
	width:451px;
}

div.form.form-tool-finder input {
	width:180px;
}
div.form.form-tool-finder input
div.form.form-tool-finder select {
	/*width:185px;*/
}
div.form.form-tool-finder .row.radio input {
	float:left;
}
div.form.form-tool-finder label {
	display:block;
	float:left;
	width:100px;
	font-size:1em;
	margin:5px 0;
	position:static;
	left:auto;
}

div.form.form-tool-finder .keyword {
	width:110px;
	float:left;
}

div.form.form-tool-finder .bt {
	width:54px;
	float:left;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
	background-position:-26px -150px;
}

div.form.form-tool-finder .row {
	padding:0 0 5px;
	overflow:hidden;
}

div.form.form-tool-finder .row.submit {
	padding-left:100px;
}

.product-index.tool-finder .col-1 {
	float:left;
	width:580px;
}

.product-index.tool-finder .col-2 {
	float:right;
	width:280px;
	text-align:right;
}

/* --------------------------------------------------------------------------------------
   =search results
   -------------------------------------------------------------------------------------- */
#search-results {
	overflow:hidden;
	clear:both;
	padding-top:15px;
}

/* --------------------------------------------------------------------------------------
   =form
   -------------------------------------------------------------------------------------- */
label, .EditingFormLabel {
	display:block;
	margin:8px 0 0;
	font-size:1em;
	
	width:110px;
	float:left;
}

.form-search-store label {
	position:absolute;
	left:-9000px;
}

legend {
	display:block;
	padding:5px 0;
	margin:0;
}

select,input {
	font-size:.95em;
	border:0 solid #000;
	background-color:#3a3939;
	color:#888;
	height:20px;
	width:248px;
	padding:3px 0 2px 5px;
}

select {
	height:23px;
	padding:3px;
	width:186px;
}
.form .row input.CalendarIcon {
	width:16px;
	height:16px;
	background:#000;
	float:left;
}
input.CalendarTextBox {
	width:232px;
	float:left;
}
.row {
	clear:both;
	padding:4px 0;
}
.row.radio {
	padding:6px 0;	
}
.form .row.radio input {
	width:auto;
}
.row.radio label {
	display:inline;
	margin:0;
}
.row.radio .radioWrap { float:left; }

.row.suburb,
.row.postcode {
	/*float:left;*/
	/*margin:0;*/
	/*padding:0;*/
	/*clear:none;*/
}
/*.row.suburb { padding-right:3px; }*/


.row.suburb input {
	/*width:180px;*/
}
.row.postcode input {
	width:60px;
}

.updates-register input {
	width:170px;
}
.updates-register select {
	width:174px;
}

.updates-register .row .EditingFormControlNestedControl {
	float:left;
}
.row .EditingFormControlNestedControl {
	/*clear:both;*/
	margin:5px 0 0;
}
.bt, .FormButton {
	height:25px;
	background-color:#71110b;
	color:#fff;
	font-weight:bold;
	padding:1px 0 3px;
	text-transform:uppercase;
	font-size:.7em;
	background-position:-24px -149px;
	cursor:pointer;
}

.row p {
	clear:both;
	margin-left:110px;
	padding:5px 20px 0 0;
}

/* ----- IE fixes ----- */
*html .bt {
	padding-top:3px;
	font-size:.9em;
}

*+html .bt {
	padding-top:3px;
	font-size:.9em;
}

*html .FormButton {
	padding-top:3px;
	font-size:.9em;
}

*+html .FormButton {
	padding-top:3px;
	font-size:.9em;
}

*html legend {
	margin-left:-5px;
}

*+html legend {
	margin-left:-5px;
}

/* --------------------------------------------------------------------------------------
   =promo
   -------------------------------------------------------------------------------------- */
.bunnings-warehouse {
	display:block;
	width:69px;
	height:28px;
	text-indent:-9000px;
	margin-right:20px;
	font-size:0;
	background-position:-317px -105px;
}

/* --------------------------------------------------------------------------------------
   =footer
   -------------------------------------------------------------------------------------- */
#footer {
	margin:0 auto;
	width:950px;
	padding:22px;
	padding-top:40px;
	background-repeat:no-repeat;
	background-position:-994px top;
}

#footer label {
	margin-right:10px;
}

#footer legend {
	margin:0;
}

#footer legend span {
	display:block;
	position:absolute;
	top:5px;
}

#footer .form-search-store {
	margin-right:130px;
	width:302px;
	position:relative;
}

#footer .keyword {
	margin-left:140px;
	margin-top:-10px;
}

#footer .bt {
	margin-top:-10px;
}

#footer .bunnings-warehouse,#footer .form-search-store,#footer .share-bookmark,#footer .footer-nav {
	float:left;
}

#footer .share-bookmark,#footer .footer-nav {
	margin-top:4px;
}

#footer li {
	width:auto;
	float:left;
}

#footer a {
	display:block;
	overflow:hidden;
}

#footer .share-bookmark {
	width:240px;
	height:20px;
}

#footer .share-bookmark h2 {
	font-size:1em;
	font-weight:normal;
	color:#858585;
	float:left;
	margin-right:5px;
}

#footer .share-bookmark a {
	width:17px;
	height:16px;
	text-indent:-9000px;
	margin:0 2px;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

#footer .share-bookmark a:hover {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

.ico-email a {
	background-position:-664px -128px;
}

.ico-facebook a {
	background-position:-678px -112px;
}

.ico-twitter a {
	background-position:-694px -96px;
}

.ico-stumbleupon a {
	background-position:-709px -80px;
}

.ico-delicious a {
	background-position:-724px -64px;
}

.ico-digg a {
	background-position:-739px -48px;
}

.ico-myspace a {
	background-position:-754px -32px;
}

.ico-yahoo a {
	background-position:-769px -16px;
}

.ico-google a {
	background-position:-783px 0;
}

#footer .footer-nav {
	width:185px;
}

.footer-nav a {
	margin-right:8px;
	color:#a7a9ac;
}

/* ----- IE fixes ----- */
*html #footer .keyword {
	margin-left:145px;
}

*+html #footer .keyword {
	margin-left:145px;
}

/** Generic lists */
ul.bulleted {
	list-style:disc;
	margin:0 0 10px 17px;
}

ol.numbered {
	list-style:decimal;
	margin:0 0 10px 21px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ¨C 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@media screen {
/* 	.sIFR-flash{visibility:visible !important;margin:0;padding:0} */
.sIFR-replaced,.sIFR-ignore {
	left:auto !important;
}

.sIFR-alternate {
	position:absolute;
	left:-9000px;
	overflow:hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin:0;
	padding:0;
	overflow:auto;
	letter-spacing:0;
	float:none;
}

h1 object,h1 embed {
	display:block;
}
}

@media print {
.sIFR-flash {
	display:none !important;
	height:0;
	width:0;
	position:absolute;
	overflow:hidden;
}

.sIFR-alternate {
	visibility:visible !important;
	display:block !important;
	position:static !important;
	left:auto !important;
	top:auto !important;
	width:auto !important;
	height:auto !important;
}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1,.updates-register .col-2 h2 {
	font-family:helvetica,arial;
}
}

/* addthis fix - image override */
.at300bs {
	background:none!important;
}

/* Site map */
ul.CMSSiteMapList {
	margin:10px 0 10px 20px;
}

ul.CMSSiteMapList li {
	font-size:16px;
	list-style:disc;
}

ul.CMSSiteMapList li li {
	font-size:14px;
}

ul.CMSSiteMapList li li li {
	font-size:12px;
}

ul.CMSSiteMapList a {
	color:#A7A9AC;
	text-decoration:underline;
}

ul.CMSSiteMapList a:hover {
	color:#EB2717;
	text-decoration:underline;
}

/* Errors */
.EditingFormErrorLabel, .ErrorLabel {
	color:#c00;
	font-size:1.1em;
	clear:both;
	padding:0 25px 0 0;
}


input[type=image] {
	width:auto;
}

.sclTable {
	margin:20px 0;
	width:800px;
}

.sclTable col.name {
	width:200px;
}
.sclTable col.address {
	width:350px;
}
.sclTable col.services{
	width:100px;
}
.sclTable col.distance {
	width:150px;
}
.sclTable th {
	font-size:1.2em;
	font-weight:bold;
	padding:3px 0 10px;
	border-bottom:1px solid #ccc;
}
.sclTable td address{
	font-style:normal;
	margin:0;
}
.sclTable td {
	padding:10px 5px;
	border-bottom:1px solid #aaa;
	color:#eee
}
.sclTable tr.odd td {
	background:#333;
}
.sclTable tr.hover td {
	background:#666;
	color:#fff;
}