@import url(https://fonts.googleapis.com/css?family=Arimo:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);

/* 
font-family: 'Arimo', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/

body {
	font-size: 100%;
	margin: 0px;
	font-family: 'Arimo', sans-serif;
	color: #000000;
}

p,li,dt,dd,a,td, th	{font-size: 0.875rem;}
p					{line-height:140%;}
li					{line-height:180%;}
li a {font-size:1em;}
p a {font-size:1em;}

.sku,
.price,
.price a,
.cartRow-productSKU,
.cartRow-productName,
.cartRow-itemPrice,
.cartRow-quantity,
.cartRow-itemSubtotal,
#totalPriceHTML, 
#delLabelHTML, 
#delPriceHTML,
.cartRowTotals,
.discountCode,
.checkoutCrumb,
.paymentMethods,
.paymentMsg,
.rrp,
.billing,
.shipping  {font-size: 0.875rem;}



/**************** header *****************************/

.bannerTopContainer 	{background-color:#000000;color:#ffffff;}
.bannerTop .sideBySide-Col1 img {display:block;}
.bannerTop .sideBySide-Col2 {text-align:right;}
.minicart {display:inline-block;font-family: 'Roboto', sans-serif;font-size:0.875rem;}
.minicart div {display:inline;}
.minicart a {color:#ffffff;text-decoration:none;}
.minicart img {vertical-align:middle;margin-right:5px;}
.minicart a:hover {color:#dedede;text-decoration:none;}

.logRegCont {
	display:inline-block;
	background-color:#0066B4;
	margin-left:12px;
	padding:0 12px;
}
.logReg {
	color:#ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.875rem;
	text-decoration:none;
	line-height:52px;
	}
.logReg:hover {text-decoration:none;color:#dedede;}

.logo			{width:60%;float:left;}
.logo img	{display:block;float:left;}
.topRight	{width:40%;float:right;text-align:right;padding-top:12px;max-width:320px}

@media (min-width:1132px) {
	.banner,
	.bannerTop {
		width:1100px;
		margin:auto;
	}
}
.search {
	margin-top:16px;
}
.search input[type="text"]{
	width:calc(100% - 30px);
	height:34px;
	padding-left:10px;
	font-family: 'Arimo', sans-serif;
	font-size:1rem;
	color:#464646;
	float:left;
	-webkit-appearance:none;
	border: 1px solid #ccc;
	border-right: 0;
}
.search input[type="submit"]{
	vertical-align:top;
	width:30px;
	height:34px;
	-webkit-appearance:none;
	background: #fff url('search.png') no-repeat center;
	border: 1px solid #ccc;
	border-left: 0;
}
	
/**************** nav - topnav *************************/
.topnav {
	background-color: #0066B4;
   background: -webkit-gradient(linear, left top, left bottom, from(#0080CB), to(#00449B));
   background: -webkit-linear-gradient(top, #0080CB, #00449B);
   background: -moz-linear-gradient(top, #0080CB, #00449B);
   background: -ms-linear-gradient(top, #0080CB, #00449B);
   background: -o-linear-gradient(top, #0080CB, #00449B);
}
.topmenu{
	width:1100px;
	margin:auto;
	background-color: transparent;
	color:#ffffff;	
	min-height:40px;
	font-family: 'Roboto', sans-serif;
}

html .mlddm {display:flex;justify-content:center;align-items:center;min-height:40px;flex-wrap:wrap;}
.mlddm li {flex-grow:1}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 18px;
		color: #ffffff;
		font-size: 0.875rem;
		text-transform:uppercase;
		line-height:40px;
}
.mlddm li a:hover, .mlddm li a#buttonhover 							{color:#dedede;}
.mlddm li a.selected, .mlddm li a.selected#buttonnohover 		{color:#dedede;}
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{color:#dedede;}

.mlddm>li:first-child>a {padding-left:0;}
.mlddm>li:last-child>a {padding-right:0;}

/* drop down list */
	.mlddm ul {background: #0066B4;border:1px solid #ffffff;border-bottom:none;}
	.mlddm ul li a {	
		line-height: 2.500rem;
		padding: 0 16px 0 6px;
		border-bottom:1px solid #ffffff;
		text-align:left;
		background-image:none;
		height:auto;
		color:#ffffff; 
		font-size:0.750rem;
	}
	.mlddm ul li a#mlddmLastItem{width:auto;}

	.mlddm ul li a:hover 			{color:#000000;background-color:#dedede;}
	.mlddm ul li a.selected 		{color:#000000;background-color:#dedede;}
	.mlddm ul li a:hover.selected	{color:#000000;background-color:#dedede;}
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #000000;background-color:#dedede;}

/**************** nav - mobile header *************************/

.mlogo			{width:70%;margin:auto;text-align:center;}

#headerBottom {position:relative;}
.mlinks {width:70%;position:absolute;top:9px;right:1em;text-align:right;display:none;}

.mlinks a {margin-left:14px;font-size:0;}

.mcart:after {content:url(/extras/styles/webideas/icon-cart-m.png);cursor:pointer;}
.mlogReg:after {content:url(/extras/styles/webideas/icon-login.png);cursor:pointer;}
.mphone:after {content:url(/extras/styles/webideas/icon-phone.png);cursor:pointer;}	


.slicknav_btn {float: none;margin: 2px 0 6px 0;}

.slicknav_menu {background-color:#323130;}
.slicknav_nav .slicknav_arrow {background-color:#000000;}

.slicknav_nav {font-size:1rem;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5rem;}
.slicknav_nav .slicknav_row	{padding: 6px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 6px 20px;font-size:1rem;}


/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow {color:#0c0c0c;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow {color:#ffffff;}
.slicknav_nav > li:nth-of-type(1) {border-top:1px solid #0c0c0c;}
.slicknav_nav > li {background-color:#ffffff;color:#0c0c0c;border-bottom:1px solid #0c0c0c;}
.slicknav_nav a {color:#0c0c0c;}
.slicknav_nav a:hover {background-color:#f0f0f0;color:#0c0c0c;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a {
	background-color:#f0f0f0;
	color:#0c0c0c;
}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover {
	background-color:#0059ac;
	color:#ffffff;
	border:none;
}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow {color:#0c0c0c;}
.slicknav_nav ul li {background-color:#f0f0f0;border-bottom:1px solid #0c0c0c;}
.slicknav_nav ul li a {color:#434343;}	
.slicknav_nav ul li a {padding: 6px 20px 6px 30px;}
.slicknav_nav ul li .slicknav_row {padding: 6px 20px 6px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover {
	background-color:#626673;
	color:#ffffff;
}

/* third levels */
.slicknav_nav ul li ul li {background-color:#f0f0f0;}
.slicknav_nav ul li ul li a {color:#0c0c0c;}
.slicknav_nav ul li ul li a {padding-left: 60px;}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}

/* overrides */
.slicknav_nav li:nth-child(even) {background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_row {padding: 6px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #0c0c0c;}	
	
/**************** slideshow *****************************/

.slideshow {height:254px;}	




	
/**************** footer *****************************/

.footer			{
	background-color:#000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
   background: -webkit-linear-gradient(top, #333333, #000000);
   background: -moz-linear-gradient(top, #333333, #000000);
   background: -ms-linear-gradient(top, #333333, #000000);
   background: -o-linear-gradient(top, #333333, #000000);
	color:#ffffff;border-top:3px solid #000000;
}
.footerInfo		{margin:1.250em 0;width:998px;margin:auto;padding:1.250em 0 1.875em 0;}

.footerInfo-Col1 {width:20%;float:left;}
.footerInfo-Col2 {width:40%;float:left;}
.footerInfo-Col3 {width:20%;float:left;}
.footerInfo-Col4 {width:20%;float:left;}

.footerInfo ul {padding:0;list-style-type:none;}
.footerInfo li {line-height:160%;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}
.footerInfo	a:hover 	{color:#51b2ff;text-decoration:none;}

.footerBase .row {padding-bottom:20px;}
.footerBase .row .sideBySide40-60-Col2 {text-align:right;}
.footerBase .socialMedia img {margin-left:7px;}
.footerBase .follow {display:inline;}

.footerBase				{width:998px;margin:auto;padding: 0 0 1.250em 0;color: #CCD0D2;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.563em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:#CCD0D2;}
.footerBase a:hover	{color:#dedede;}


/**************** content *****************************/

/* layout */
.middleHome	{padding:1.750rem 0;	width:998px;;margin:auto;}
.middle		{padding: 0 0 2rem 0; width:998px;margin:auto;min-height:400px;}
.crumb		{padding: 1em 0 1rem 0.188rem;font-size:0.688rem;}
.center     {text-align:center;}


/* general */
a 			{color: #000000;text-decoration: underline;}
a:hover	{color: #999999;text-decoration: underline;}
a img		{border:0;}

h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif;}
h1 		{font-size: 2.250em;color:#000000;font-weight:700;margin-top:0;}
h2 		{font-size: 1.500em;color:#0068B7;font-weight:700;}
h3 		{font-size: 1.250em;color:#333333;font-weight:700;}
h4 		{font-size: 1.000em;color:#000000;font-weight:normal;}
h5 		{font-size: 1.125em;color:#ffffff;font-weight:700;margin-top:0;margin-bottom:1em;}

p, ul, li{margin-top:0;}
.formRequired {color:#cc0000;font-size:0.625rem;}
.tel		{text-decoration:none;}

.blueText {color:#0C63AF;}

h1 a		{font-size: 2.250rem;color:#000000;font-weight:700;margin-top:0;}

.formSubtext {font-size:0.857em;}


/**************** home *****************************/

.middleHome .rule {border-top:1px solid #0066B4;margin-top:40px}

.middleHome h1	{font-size: 3.000em;color:#000000;font-weight:900;margin-top:0;}
.middleHome h2 {font-size: 1.375em;color:#0068B7;font-weight:700;}

.middleHome h3{font-size:2em;color:#0066B4;margin:0.5em 0;font-weight:700;}
.middleHome h4{font-family: 'Roboto Condensed', sans-serif;font-size:1.313em;color:#333333;margin-top:10px;margin-bottom:18px;}


.highlightBox {border:1px solid #dadada;padding:7px;position:relative;}
.highlightBox .articleImageLeft {margin:0;width:100%;}
.highlightBox p{text-align:center;max-width:80%;margin-left:auto;margin-right:auto;clear:both;}
.linkButton {
	display:inline-block;
	background-color:#0066B4;
	color:#ffffff;
	text-decoration:none;
	padding:8px 22px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:0.813rem;
	margin-top:10px auto;
}
.linkButton:hover {text-decoration:none;color:#ffffff;}

ul.alternating {padding:0;list-style-type:none;overflow: hidden;line-height:160%}
ul.alternating li {line-height:160%;padding-left:3px;padding-top:5px;padding-bottom:5px;}
ul.alternating li:nth-child(even) {background-color:#efefef;}

.footnote {margin-top:10px;font-size:0.750rem;}

/**************** about *****************************/
#wobjectId159 .imgCenter {margin-top:100px;}


/**************** contact *****************************/

.contact td {padding:5px 20px 5px 0}



/**************** catalogue *****************************/

.categoryBox2Col:nth-of-type(3n){margin-right:0;}
.categoryBox2Col h2		{margin:0;height:65px;line-height:90%;}
.categoryBox2Col h2 a	{text-decoration:none;font-size:1.125rem;color:#0066B4;font-weight:500;}

.categoryBox2Col 			{width:31%;margin-right:2%;float:left;border:1px solid #dedede;padding:12px;margin-bottom:24px;}
.categoryBox2Col-Col1	{width:48%;float:left;}
.categoryBox2Col-Col2	{width:50%;float:right;}

.browseCategory-Col1 {width:21%;float:left;}
.browseCategory-Col2 {width:77%;float:right;}

.brandAll .categoryBox2Col h2 {
    margin-bottom: 12px;
    height: auto;
    line-height: inherit
}

.browseBrand .browseProducts {margin:30px auto 0;justify-content:center}
.browseProducts {display:flex;flex-wrap:wrap;gap:30px;}
.productBoxAussafes {border:1px solid #dedede;width:366px;padding:9px 0 3px 12px;position:relative;}
.productBoxAussafes h2 {margin-top:0;}
.pbRow2 {margin-top:20px;}
.productBoxAussafes-Col1 {width:214px;float:left;}
.productBoxAussafes-Col2 {width:128px;float:left;padding-left:10px;}
.productBoxAussafes .rrp {font-size:0.750em;text-decoration:line-through;margin-bottom:10px;}
.productBoxAussafes .price {font-size:1.500em;color:#0068B7;letter-spacing:1px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:3px;}
.productBoxAussafes .incGST {color:#0068B7;font-size:0.688em;font-family: 'Roboto', sans-serif;font-weight:700;margin-bottom:20px;}
.productBoxAussafes .pbBtn {display:block;margin-bottom:11px;}
.productBoxAussafes dl {margin:0;}
.productBoxAussafes .twoCol50-50 dt, .productBoxAussafes .twoCol50-50 dd {font-size:0.688rem;padding-bottom:2px;}
.productBoxAussafes dt {font-weight:700;}

.overlay {position:absolute;top:40px;left:0;}


/* refine */

.catalogueFilterBox {color:#6C6C6C;}
.catalogueFilterBox h3 {
	font-size:1.063em;
	font-weight:400;
	color:#ffffff;
	background-color:#0068B7;
	background-image:url(/extras/styles/webideas/refine-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
	padding-top:4px;
	padding-bottom:40px;
	text-transform:capitalize;
	margin:0;
	border:none;
	}
.clearButton {text-align:right;color:#6C6C6C;font-family: 'Roboto', sans-serif;margin:0;}
.catalogueFilterBox h4 {font-size:0.938em;font-weight:700;}
.catalogueFilterBox .ui-state-default, .catalogueFilterBox .ui-state-default {outline: none;}


.catalogueFilterBox .checklistV {padding-bottom:5px;font-size:0.813em;}
.filterBadge {position:relative;}
.filterBadge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   bottom:0px;
   right:-25px;
   font-size:.7em;
   background:#c0c0c0;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:3px;
}
.catalogueFilterBox .button {
	font-size:1em;
	color:#0068B7;
	font-family: 'Roboto', sans-serif;
	background-color:#ffffff;
	border:1px solid #0066B4;
	padding:6px 20px;
	margin:10px 0;

}
.catalogueFilterBox input.button:hover {background-color:#0068B7;color:#ffffff; }


/* refine in accordion */
.ui-accordion h3.ui-accordion-header {padding:4px 0 40px 0;}
.ui-accordion h3.ui-accordion-header .ui-icon {background-image: url("/extras/etc/jquery/jquery-ui/images/ui-icons_ffffff_256x240.png");}
.ui-accordion .ui-accordion-content {padding: 0;}
.ui-accordion .ui-accordion-content .ui-accordion .ui-accordion-content {padding:12px;}

/* browse brand */

.brandDetail {display:flex;gap:4%}
.brandDetail div:nth-child(1) {width:68%}
.brandDetail div:nth-child(2) {width:22%;text-align:right}
.brandProducts {margin-top:30px;}

.viewFull {
	text-align:center;
	margin-top:30px;
}
.viewFull a {
	font-size:1.250rem;
	color:#003366;
	font-weight:500;
	text-decoration:none;
}


/* product page */

.productPage .brandLogo {float:right;}


.productPage dt {font-weight:700;}
.productPage .twoCol30-70 dt, .productPage .twoCol30-70 dd {padding-bottom:2px;}
.productPage .rrp {font-size:0.875em;text-decoration:line-through;margin-bottom:10px;}
.productPage .price {font-size:1.500em;color:#0068B7;letter-spacing:1px;font-weight:700;font-family: 'Roboto', sans-serif;margin-bottom:20px;}
.productPage .incGST {font-size:1rem;font-family: 'Roboto', sans-serif;font-weight:700;}

.buyNow {font-size:0.875em;}
.buyNow input {vertical-align:top;margin:0 8px;margin-bottom:20px;}

/* estimator */

.estimateDelivery {border:2px solid #000000;margin-top:20px;width:80%;}
.estimateDelivery h4 {padding:3px 12px;border-bottom:2px solid #000000;margin:0;}
.estimateDelivery p {padding:20px;margin:0;}

.estimateDelivery .inputPostcode {width:110px;line-height:38px;margin-right:10px;}
.estimateDelivery .getShippingPrice {
	background-color:#7e7e7e;
	color:#ffffff;
	line-height:40px;
	border:none;
	padding:0 20px;
	-webkit-appearance: none;
}
#productDeliveryQuoteButton {
	background-color:#0066b4;
	color:#ffffff;
	line-height:30px;
	border:none;
	padding:0 20px;
	-webkit-appearance: none;
	margin-top:10px;	
	cursor:pointer;

}
#ProductDeliveryQuote {padding:0 12px 0 12px;}
#ProductDeliveryQuote td {vertical-align:top;}
#ProductDeliveryQuote tr:nth-child(even) td{padding-bottom:14px;}


.warrantyInfo {width:80%;margin-top:20px;}
.warrantyInfo img {float:left;margin-right:10px;}
.warrantyInfo p {padding-top:20px;font-weight:700;}

.downLink a {float:left;}
.downLink table {float:left;}
.downLink:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


/* product range */
.productRange {width:100%;border-collapse:collapse;}
.productRange th {background-color:#0059AC; color:#ffffff;text-align:left;}
.productRange th, .productRange td {font-size:0.750rem;padding:10px;}
.productRange td {color:#003366;}
.productRange tr.current td {color:#000000;padding:10px;}
.productRange tr:nth-child(2n+1){background-color:#f0f0f0;}
.productRange td a {font-size:0.750rem;}

.currentProd{
	background-image:url(/extras/styles/webideas/product-range-arrow.png);
	background-repeat:no-repeat;
	background-position:left middle;
	padding-left:20px;
}
.productRangeLink {padding-left:20px;display:block;color:#003366;}
.productRangeLink:hover {
	background-image:url(/extras/styles/webideas/product-range-arrow.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-decoration:none;
	color:#000000;
	}
/***/
	
	

.productGallery {width:100%;}	
	
	
	
/********************* Compare **************************************/

.comparePage				{width:100%;overflow:auto;margin-bottom:12px;}
.comparePage table		{border-collapse: collapse;}
.comparePage table td, 
.comparePage table th 	{border:1px solid #999999;padding:5px;}
.comparePage table th	{text-align:left;font-size:0.875em;}
.comparePage img			{max-width:150px;}


.compareLink {float:right;}


/* checkout */

.wait {visibility:hidden;}
#registration .dataForm #place {width:50%;}
#registration .dataForm #state {width:40px;border:none;}
#registration .dataForm #postcode {width:40px;border:none;}

#registration .dataForm #deliveryPlace {width:50%;}
#registration .dataForm #deliveryState {width:40px;border:none;}
#registration .dataForm #deliveryPostcode {width:40px;border:none;}

.ui-autocomplete {border:1px solid #cccccc;}

.loading {    
    background-image: url(/extras/styles/webideas/ajax-loader.gif);
    background-position:right center;
    background-repeat: no-repeat;
}
.autoPostcodeClear a {color:red;font-size:85%;padding-left:12px;}



/* delivery quote */

.deliveryQuote .levels{padding-bottom:12px;}
.deliveryQuote h3 {font-size:1.125em;}
.deliveryQuote h4 {font-size:1em;font-weight:700;margin-bottom:5px;}
#stairCount {width:50px;}




/* FAQ */
.faqQuestion {font-weight:700;}

.faq ol {
  margin: 0 0 2em;
  padding: 0;
  counter-reset: item;
}
.faq ol > li {
  list-style-type: none;
  counter-increment: item;
}
.faq ol > li:before {
  display: inline-block;
  width: 1.750em;
  padding-right: 1em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

/* login / register */

.loginBox {font-size: 0.875rem;}
.loginBox input[type=text]{width:200px;}

/* cash & Fire ratings */

.dataTable 		{border-collapse:collapse;}
.dataTable th	{text-align:left;vertical-align:top;padding:3px;border-bottom:1px solid #dadada;}
.dataTable td	{text-align:left;padding:3px;border-bottom:1px solid #dadada;}

.dataTable55 {width:55%;}
.dataTable33 {width:33%;}
.dataTable60 {width:60%;}
.dataTable80 {width:80%;}

.dataTable33 th {text-align:right;padding-right:20px;}
.dataTable33 td {text-align:right;border-bottom:1px solid #dadada;padding-right:30px;}
.dataTable80 th {white-space:nowrap;}

.confirmButtons input[type=button] {float:left;}
.confirmButtons input[type=submit] {float:right;}
#requestQuote {float:right;margin-bottom:5px;}
.deliveryOptionButton {border-bottom:1pt solid black;}

/* popup on product and confirm page */

#dialog_trigger {cursor:pointer}
.ui-dialog-title {display:none;}
.ui-dialog-titlebar {height:30px;}
.redBold {color:#b22222;font-weight:700;}
.deliveryOptionNote {padding:0 20px 20px 20px;}
.deliveryOptionNote ul li ul {list-style-type:none}