*{font-family:'Open Sans',sans-serif;font-weight:300;line-height: 170%;}

#pagewrap {padding:0;margin:0;width:100%;}

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

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}


html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0;background-color:#fff;}

body { 
  color: #3c3c3c;
  background-color:#fff;
  width:100%;
}

body, td, th, input, textarea, select {font-size:100%;}
* { margin:0; padding:0; }

.container { max-width: 1030px; height: inherit; margin: 0 auto; position: relative; }
.container-footer { max-width: 100%; height: inherit; margin: 0 auto; position: relative;text-align:center;}
.content-center {display:inline-block;margin: 0 auto;}
.developer-credit {color:#333333;font-size:10pt;}
.developer-credit a, .developer-credit a:hover {color: #0071bc;}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #0071bc;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}

h1 {
  font-size: 1.6em;
  line-height: 1;
  margin-bottom: 0.50em;
}

h1.first-header  {
  color: #00a4e4;  
  font-size: 2em;
  margin-bottom: 0.75em;
  /* border-bottom: 1px dotted #d8d8d8; */
}

h2 {
  font-size: 1.4em;
  margin-bottom: 0.4em;

}

h3 {
  font-size: 1.4em;
  margin-bottom: 0.4em;
}

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

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

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



img {
  border: 0;
}


a, a:hover {
  outline: none;
  text-decoration:none;
  color: #0071bc;
}

a:hover {
  text-decoration: underline;
}

blockquote {
  margin: 20px 0;
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;
}

ul {
  margin: 2px 0 22px 17px;
}

ul li {
  margin: 0 0 6px 0;
  padding: 0 0 4px 5px;
  line-height: 1.5em;
}

ol {
  margin: 8px 0 22px 20px;
}

ol li {
  margin: 0 0 11px 0;
}

.left {
  float: left;
  width: auto;
  margin-right: 10px;
}

.right {
  float: right;
  width: auto;
  margin-left: 10px;
}

.center {
  display: block;
  text-align: center;
  margin: 20px auto;
}

b {font-weight:bold;}

textarea, input[type=text], input[type=password],input[type=number] { border:2px solid #29aae2;}


input[type=submit] { border:2px solid #29aae2;padding: 8px 12px;font-size:14px;font-weight: bold;background-color:#ffffff;color: #29aae2 !important;}
input[type=submit]:hover { color: #ffffff !important;	background-color:#29aae2 !important;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button,
input[type=number]:focus::-webkit-inner-spin-button,
input[type=number]:focus::-webkit-outer-spin-button,
input[type=number]:hover::-webkit-inner-spin-button,
input[type=number]:hover::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance:  textfield;
  appearance: none;   
  margin: 0; 
}

input[type="number"],input[type=number]:focus,input[type=number]:hover {-moz-appearance: textfield;appearance: none;-webkit-appearance: none;}



/* STRUCTURE */


header {
	padding: 0 15px;
}
#onqleft {
	width: 290px;
	float: left;
	padding: 5px 15px;
}

#onqcontent {
	width: 315px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

section#onqcontent.ct_1 {width:90%;vertical-align:top;}
section#onqcontent.ct_1 { width:calc(100% - 40px);} 

section#onqcontent.ct_1 .layout1 {display:inline;float:left;width:45%;}
section#onqcontent.ct_1 .layout2 {display:inline;float:right;width:45%;margin-left:30px;}
section#onqcontent.ct_1 .layout3 {width:100%; clear:left;}



section#onqleft.ct_home,section#onqborder.ct_home {width:100%;}
section#onqcontent.ct_home{width:100%;}
section#onqright.ct_home{width:300px;}
section#onqborder.ct_home {clear:both;} 

section#onqleft.ct_home,section#onqcontent.ct_home {margin:0;padding:0;}
section#onqleft.ct_home .content-element,section#onqcontent.ct_home .content-element,section#onqleft.ct_home .csc-default,section#onqcontent.ct_home .csc-default {margin:-0; padding:0;}


.content-element {float:none;width:100%;margin:0 auto 0 auto;}
.content-element .csc-default {float:none;margin:0 auto 0 auto; }




#logo {float:left;margin:10px 0;}


section#onqcontent.ct1_menu{width:75%;}
section#onqcontent.ct1_menu{width:calc(100% - 250px);}

#onqcontent p {margin-bottom:10px;}

#onqcontent ul  {list-style-type: circle;}
#onqcontent ul li {margin-left:30px;}


#onqright {
	width: 345px;
	padding: 5px 15px;
	float: left;
}

#site_content {
	float:left;margin:0;padding:0;width:100%;
}

#site_content_form {
	margin:0;width:100%;height:100%;
}

#colNormalForm{margin:0 auto;padding:30px;min-width:300px;width:300px;background-color:#ffffff;}


footer, #onqnavigation {
	clear: both;
	margin:0 0 0 0;
   padding:0;	
   background-color: #0071bc;
   background-image:url(../images/bg_nav_bar.png);
   height:30px;
}



footer  p, footer  ul, footer a, footer h4{
  color: #ffffff;
}

footer h4 {
  font: normal 120% 'Open Sans',sans-serif;font-weight:bold;margin-bottom:.5em;
}


#on-copyright_notice {float:left;margin:0 20px 0 0;padding:0;}
#on-copyright_notice p {margin:0;padding:0;border:0;line-height:30px;}


#on-legal_menu {
	padding:0;
	margin:0;
	float:right;
	white-space:nowrap;
	height:30px;
}
#on-legal_menu ul {
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}

#on-legal_menu li {
	display:inline;
	padding:0 4px 0 4px;
	border-right:1px solid #ffffff;
	margin:0;
}
      

#on-legal_menu li.no_right {
	border-right:0px;
}
      
      
#on-legal_menu a {
	color:#ffffff;
	line-height:30px;
}
#on-legal_menu a:hover {
	text-decoration:underline;
}
   






/********** Menu **********/
#on-main_menu {float:left; width:100%;height:30px;background:#0071bc; padding:0;margin:0;clear:both; background-color: #0071bc; background-image:url(../images/bg_nav_bar.png); }

#menu {margin:0; height:30px; padding:0px 0px 0px 3px;float:left;}
#menu > ul > li.home { margin:0 0 0 0; }
#menu > ul > li.home a { display:block; height:25px!important; line-height:25px!important; padding:5px 5px 0 5px!important; }
#menu > ul > li.home a span { background:url(../images/h-icon.png) center -2px no-repeat; display:block; width:25px; height:25px; text-indent:-9999px;}

#menu ul { list-style: none; margin: 0; padding:0 0 0 2px;}
#menu > ul > li { position: relative; float: left; z-index:1010; padding:0px; }
#menu > ul > li > a { font-size:14px; font-family:'Open Sans',sans-serif; color: #fff; line-height:30px; text-decoration: none; display: block; padding:0px 8px 0px 8px; z-index: 1009; position: relative; }
#menu > ul > li:hover > a {color:#fff; background:#000; }
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > div.custom_block{display:table;}
#menu > ul > li:hover > div.custom_block ul{display:table-cell;}

#menu > ul > li:hover > div { display: table;}
#menu > ul > li > div > ul { display: table-cell; }

#menu > ul > li.categories_hor > div { display: none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > div {display: block;}
#menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;}
#menu > ul > li > div > ul{position:relative; width:160px;}
#menu > ul > li.categories_hor > div > .column + .column, #menu > ul > li > div > ul li + li{}
#menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:0 0; display:block; }
#menu > ul > li > div > ul li a{font-size:14px; line-height:14px;}
#menu > ul > li.categories_hor > div > .column:hover > a{color:#838383;}
#menu > ul > li.categories_hor > div > .column > div{display:block;}
#menu > ul > li.categories_hor > div > .column:hover div{display:table; }
#menu > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;}
#menu > ul > li.categories_hor > div > .column > div ul li + li{}

#menu > ul > li ul + ul { padding-left: 20px; }
#menu > ul > li ul > li > a {text-decoration:none; padding:0px; display:block; min-width: 150px;}
#menu > ul > li div > ul > li > a {color:#2b2b2b;}
#menu > ul > li div > ul > li > a:hover {color:#838383;}

#menu > ul > li.categories > div { display: none; background:#fff; min-width:160px; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu > ul > li:hover > div {display: block;}
#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}
#menu > ul > li.categories > div > .column:hover > a{color:#838383;}
#menu > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #838383; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:1010; left:150px; top:0; padding:5px 10px;}
#menu > ul > li.categories > div > .column:hover div{display:table; }
#menu > ul > li.categories > div > .column:hover > div ul{display:table-cell; }
#menu > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;}


/********** Menu Account **********/


#menu-account {margin:0; height:30px; padding:0px 0px 0px 3px;float:right;}
#menu-account > ul > li.home { margin:0 0 0 0px; }
#menu-account > ul > li.home a { display:block; height:35px!important; line-height:35px!important; padding:5px 5px 0 5px!important; }
#menu-account > ul > li.home a span { background:url(../images/h-icon.png) center center no-repeat; display:block; width:30px; height:30px; text-indent:-9999px;}

#menu-account ul { list-style: none; margin: 0; padding:0 0 0 2px;}
#menu-account > ul > li { position: relative; float: left; z-index:1010; padding:0px; }
#menu-account > ul > li > a { font-size:14px; font-family:'Open Sans', sans-serif; color: #fff; line-height:30px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 1009; position: relative; }
#menu-account > ul > li:hover > a {color:#fff; background:#000; }
#menu-account > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu-account > ul > li:hover > div.custom_block{display:table;}
#menu-account > ul > li:hover > div.custom_block ul{display:table-cell;}

#menu-account > ul > li:hover > div { display: table;}
#menu-account > ul > li > div > ul { display: table-cell; }

#menu-account > ul > li.categories_hor > div { display: none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu-account > ul > li:hover > div {display: block;}
#menu-account > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;}
#menu-account > ul > li > div > ul{position:relative; width:160px;}
#menu-account > ul > li.categories_hor > div > .column + .column, #menu > ul > li > div > ul li + li{}
#menu-account > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menu-account > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:0 0; display:block; }
#menu-account > ul > li > div > ul li a{font-size:14px; line-height:14px;}
#menu-account > ul > li.categories_hor > div > .column:hover > a{color:#838383;}
#menu-account > ul > li.categories_hor > div > .column > div{display:block;}
#menu-account > ul > li.categories_hor > div > .column:hover div{display:table; }
#menu-account > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;}
#menu-account > ul > li.categories_hor > div > .column > div ul li + li{}

#menu-account > ul > li ul + ul { padding-left: 20px; }
#menu-account > ul > li ul > li > a {text-decoration:none; padding:0px; display:block; min-width: 150px;}
#menu-account > ul > li div > ul > li > a {color:#2b2b2b;}
#menu-account > ul > li div > ul > li > a:hover {color:#838383;}

#menu-account > ul > li.categories > div { display: none; background:#fff; min-width:160px; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menu-account > ul > li:hover > div {display: block;}
#menu-account > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu-account > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu-account > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}
#menu-account > ul > li.categories > div > .column:hover > a{color:#838383;}
#menu-account > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #838383; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:1010; left:150px; top:0; padding:5px 10px;}
#menu-account > ul > li.categories > div > .column:hover div{display:table; }
#menu-account > ul > li.categories > div > .column:hover > div ul{display:table-cell; }
#menu-account > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;}



/********** MenuMobile **********/
#menumobile > span, .m-menu{display:none;}
#menumobile {background:#0071bc; margin:15px 0px; height:40px; padding:0px 0px 0px 3px;}
#menumobile > ul > li.home { margin:0 0 0 0px; }
#menumobile > ul > li.home a { display:block; height:35px!important; line-height:35px!important; padding:5px 5px 0 5px!important; }
#menumobile > ul > li.home a span { background:url(../images/h-icon.png) center center no-repeat; display:block; width:30px; height:30px; text-indent:-9999px;}

#menumobile ul { list-style: none; margin: 0; padding:0 0 0 2px;}
#menumobile > ul > li { position: relative; float: left; z-index:1010; padding:0px; }
#menumobile > ul > li > a { font-size:12px; color: #fff; line-height:40px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 1009; position: relative; font-weight:bold; text-transform:uppercase;}
#menumobile > ul > li:hover > a {color:#fff; background:#838383; }
#menumobile > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menumobile > ul > li:hover > div.custom_block{display:table;}
#menumobile > ul > li:hover > div.custom_block ul{display:table-cell;}

#menumobile > ul > li:hover > div { display: table;}
#menumobile > ul > li > div > ul { display: table-cell; }

#menumobile > ul > li.categories_hor > div { display: none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menumobile > ul > li:hover > div {display: block;}
#menumobile > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;}
#menumobile > ul > li > div > ul{position:relative; width:160px;}
#menumobile > ul > li.categories_hor > div > .column + .column, #menu > ul > li > div > ul li + li{}
#menumobile > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menumobile > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; }
#menumobile > ul > li > div > ul li a{font-size:12px;}
#menumobile > ul > li.categories_hor > div > .column:hover > a{color:#838383;}
#menumobile > ul > li.categories_hor > div > .column > div{display:block;}
#menumobile > ul > li.categories_hor > div > .column:hover div{display:table; }
#menumobile > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;}
#menumobile > ul > li.categories_hor > div > .column > div ul li + li{}

#menumobile > ul > li ul + ul { padding-left: 20px; }
#menumobile > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 150px;}
#menumobile > ul > li div > ul > li > a {color:#2b2b2b; }
#menumobile > ul > li div > ul > li > a:hover {background:url(../image/bullet-1.png) right center no-repeat; color:#838383;}

#menumobile > ul > li.categories > div { display: none; background:#fff; min-width:160px; position:absolute; z-index:1008; padding:10px; border-top:2px solid #838383; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
#menumobile > ul > li:hover > div {display: block;}
#menumobile > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menumobile > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menumobile > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}
#menumobile > ul > li.categories > div > .column:hover > a{color:#838383;}
#menumobile > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #838383; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:1010; left:150px; top:0; padding:5px 10px;}
#menumobile > ul > li.categories > div > .column:hover div{display:table; }
#menumobile > ul > li.categories > div > .column:hover > div ul{display:table-cell; }
#menumobile > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;}



#top_menu_social{float:right;margin-top:5px;}

#on-menu_account {float:left;}

#on-menu_account ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#on-menu_account ul li {
	float:left;
	text-align:center;
	border-left:1px solid #333333;
	padding:5px 10px 5px 10px;
	margin:0;
	line-height: 12px;
}

#on-menu_account ul li:first-child {border:0}


#on-menu_account ul li a {
	font-family:'Open Sans', sans-serif;
	font-size:12px; 
	color: #333333;
	text-decoration:none;
	font-weight:bold;
	width:100%;
}




.custom_block p{line-height:18px; margin:0;}

.breadcrumb { color: #c2c2c2; margin-bottom: 10px; text-align:center;}
.breadcrumb a { color:#999; font-size:11px;}
.breadcrumb a:hover { color:#838383 }


#social {float:left;margin:0 0 0 10px;}
#social img{padding: 0 2px 0 0px;}

#available{clear:right;width:calc(95% - 300px);float:right;text-align:right;margin: 20px 0 10px 0;} 
#available p{margin:0;padding:0;color:#0071bc;font-weight:bold;}



/*nav vertical starts here */

#nav_vertical_div {margin:0 0 0 10px;}

#nav_vertical {
    float: left;
    width:185px;
    padding:0;
    margin:0;
    border:1px solid #dddddd;
}

#on-prodmenu h2{font-size:15pt;margin-top:-5px;margin-bottom:15px}

#nav_vertical li {list-style-type:none;margin:0;padding:0;border:0;}

#nav_vertical li a {
    display: block;
    padding:6px 10px 0 10px;
    text-decoration: none;
    color: #0071bc;
    font-size:100%;
    font-weight:bold;
}

#nav_vertical li.active1 a {
  background-color:#0071bc;
  color:#ffffff;  
}


#nav_vertical li a:hover, #nav_vertical li.active1 ul li a:hover, #nav_vertical li.active2 a {
    background-color: #999999;
    color: #ffffff;
}

#nav_vertical li ul {
    margin:0;padding:0;
}


#nav_vertical li.active1 ul li a{
  background-color:#ffffff;
  color: #3c3c3c;
}


#nav_vertical li ul li a {
    padding:0 5px 0 15px;
    //background: #ececec;
    border-bottom: 0px dotted #ccc;
    font-size:90%;
    font-weight:normal;
    color: #3c3c3c;
}


#nav_vertical_menu_div {margin:0 0 0 20px;}

#nav_vertical_menu {
    float: left;
    width:185px;
    padding:0;
    margin:0;
    border:1px solid #dddddd;
}

#nav_vertical_menu li {list-style-type:none;margin:0;padding:0;border:0;}

#nav_vertical_menu li a {
    display: block;
    padding:6px 10px 0 10px;
    text-decoration: none;
    color: #3c3c3c;
    font-size:100%;
}


#nav_vertical_menu li.active1 a {
  background-color:#ffffff;
  color: #3c3c3c; 
}


#nav_vertical_menu li a:hover, #nav_vertical_menu li.active1 ul li a:hover, #nav_vertical_menu li.active2 a {
    background-color: #999999;
    color: #ffffff;
}





#infobar {
	margin:5px;
}





#infobar {
	padding-top:5px;	
}



#home_squares{text-align:center;}


#benchtop_pantry_home,#secret_splashback_pantry_home,#appliance_cupboard_home, #servery_unit_home {display:inline-block;position:relative;width:222px;height:165px;overflow:hidden;}



#benchtop_pantry_home {
	background-image:url(../../../user_upload/home_images/benchtop_pantry_home.jpg);
}

#secret_splashback_pantry_home {
background-image:url(../../../user_upload/home_images/secret_splashback_pantry_home.jpg);
margin-left:1px;
}

#appliance_cupboard_home {
background-image:url(../../../user_upload/home_images/appliance_cupboard_home.jpg);
margin-left:1px;
}  

#servery_unit_home {
background-image:url(../../../user_upload/home_images/servery_unit_home.jpg);
margin-left:1px;
}  
  

.wite_bg_home{position:absolute;width:222px;height:37px;top:130px;
background-image:url(../images/white_background.png); z-index:100;
margin:0;padding:0;
}

.wite_bg_home ul {text-align:left;list-style:none;margin:5px 0 0 5px !important;padding:0 !important;height:27px;}
.wite_bg_home ul li {display:inline;margin:0!important;padding:0 !important;}
.wite_bg_home ul li img {margin-bottom:-7px;}
.wite_bg_home a {line-height:27px;}

.social_media_wrapper{margin-bottom:30px;}
.social_media ul {list-style:none;margin:0 !important;height:27px;padding:0 !important;}
.social_media ul li {float:left;  display:block;padding:0 10px 0 0;margin:0 !important;}
.social_media a {line-height:27px}

.errors_in_form{color:#ce212a; font-weight:normal; font-size:14px;white-space:nowrap; }


#search_results ul li div.products_list, #display_products ul li div.products_list { width:100%;overflow:hidden;}
#display_products ul, #search_results ul  {list-style:none;margin:0;padding:0;}
#display_products ul li, #search_results ul li {margin:0;padding:0;}
#display_products ul li {border-bottom:1px solid #eeeeee;margin-bottom:30px}
#display_products ul:first-child{border-top:1px solid #eeeeee;padding-top:20px;}


#colRightShowroom div.tx-onqshowroom-pi1 {margin-top:-40px;}

.tx_onqshowroom_form label {
    width:70px;
    float:left;
    font-size:12px;
    line-height:24px;
    font-weight:bold;
    clear:left;

}


.tx_onqshowroom_form label.check_label {
	float:none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:normal;
}

.tx_onqshowroom_form input {
    width:150px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.tx_onqshowroom_form input[type=checkbox] {
    width:auto;
    margin:0;
    line-height:normal;
    padding:0;
    border:none;
}

.tx_onqshowroom_form input.specify {
	width:100px;	
}


.tx_onqshowroom_form input[type=text]:focus{
    border:1px solid #09F;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}


.csc-textpic-caption {font-size:9pt;text-align:center}




div.products_list {
    background: #fff;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    border:1px solid #cccccc;
    clear:both;
    margin:0;
    padding:0 0 10px 0;
}






div.product_content {
    background: #fff;
    width: 100%;
    min-height: 120px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    clear:both;
    margin:0;
    padding:0;
    
}




.products_list div.picture_area {
  width:150px;
  height:120px;
  overflow:hidden;
  float:left;
  margin:10px 10px 10px 10px;
  padding:0;
  text-indent:0;

}

.products_list .picture_area a,.products_list .picture_area a:active, .products_list .picture_area a:hover, .products_list .picture_area img {
  text-decoration:none;  
}

.products_list div.descrip_area {
  float:left;
  min-height:95px;
  margin:0 0 0 5px;
  padding:0;
  width:400px;
}

div.url_area{float:left; width:200px;height:20px;margin:5px 0 0 5px;clear:left;}
div.view_more_area{float:right; width:200px;height:20px;margin:5px 20px 0 0;text-align:right;}




.products_list h3{
  margin:5px 0 5px 0;
  padding:0;
  font-size:20px;
  font-weight:bold;
}
.products_list h3 a  {
  font-weight:bold;
  font-size:20px;
  text-decoration:none;
  border:0;
  margin:0;
  padding:0;
}

.products_list h3 a:hover{
  text-decoration:underline;  
}

.descrip_area p{
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-indent:0;
  white-space:normal;
}

.products_list a {
  text-decoration: none;
}

.products_list a:hover {
  text-decoration:underline;  
}







#tx_onqshowroom_pi1_detail{width:100%;}
#tx_onqshowroom_pi1_detail h1{font-size:24px;}
#tx_onqshowroom_pi1_detail .product_text {float:left;width:100%;overflow:hidden;}

#tx_onqshowroom_pi1_detail .product_logo {float:right;width:300px;overflow:hidden;margin-right:20px;}

#tx_onqshowroom_pi1_detail .product_image {clear:both;display:inline-block;width:100%;overflow:hidden;text-align:center;}
#tx_onqshowroom_pi1_detail .product_image a {margin-right:5px;}



.tx_onqshowroom_form label {
    width:70px;
    float:left;
    font-size:12px;
    line-height:24px;
    font-weight:bold;
    clear:left;

}


.tx_onqshowroom_form label.check_label {
	float:none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:normal;
}

.tx_onqshowroom_form input {
    width:150px;
    margin-bottom:5px;
    line-height:18px;
    padding:2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
}

.tx_onqshowroom_form input[type=checkbox] {
    width:auto;
    margin:0;
    line-height:normal;
    padding:0;
    border:none;
}

.tx_onqshowroom_form input.specify {
	width:100px;	
}


.tx_onqshowroom_form input[type=text]:focus{
    border:1px solid #09F;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}






#youarehere{margin:5px 0 5px 10px;float:left;}

#addthis{margin:5px 10px 5px 0;float:right}
#addthis p{margin:0;padding:0;display:inline;}
#addthis .addthis_toolbox {float:right}
.socialmedia {float:right; display:block; height: 30px; margin-top:5px;width:360px;text-align:left;font-size:1px;text-indent:0;padding:0 }

#addthis_text{margin:5px 5px 0 0;float:right}
#addthis_text p{margin:0;padding:0;display:inline;}



/* gets rid of the facebook faces */
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
   display:none;
}



#likeus{margin:5px 10px 0 0;float:right;}
#likeus p{margin:0;padding:0;display:inline;}

.facebook_like_hide_count{
position:absolute;
width: 30px;
height: 20px;
margin-left:47px;
z-index:10;
background-color:#ffffff;
}

#likeus_text{margin:5px 5px 0 0;float:right;}
#likeus_text p{margin:0;padding:0;display:inline;}


.socialmedia .tweet {
margin-top: 0px;
margin-bottom:0;
padding:0;
}

.socialmedia .facebook {
float: left;
margin-left: 95px;
margin-top: -20px;
margin-bottom:0;
padding:0;
}

.socialmedia .plusone {
float: left;
margin-left: 245px;
margin-top: -20px;
margin-bottom:0;
padding:0;
}


table.onqform_border_table TD.onqform_border_table{background:#dddddd;padding:1px; margin:0; width:350px;}
.onqform_main_table {background:#dddddd; text-align:left; width:100%;}
.onqform_title {background-color: #dddddd; text-align: left; color: #ffffff; font-style: normal; font-weight: bold; padding: 2px 2px 2px 2px }
td.onqform_label_even {width:112px; white-space:nowrap; text-align:right;background:#fafafa;padding:5px 0 0 5px; color:#555555;}
td.onqform_label_odd {width:112px; white-space:nowrap; text-align:right;background:#fafafa;padding:5px 0 0 5px; color:#555555;}
.onqform_input_even {padding:5px 5px 0 5px; background:#fafafa;color:#555555;}
.onqform_input_odd {padding:5px 5px 0 5px;background:#fafafa;color:#555555;}
.onqform_input_text {border:1px solid #dddddd; background-color: #ffffff;padding: 2px 2px 2px 2px; color:#555555;}
.onqform_error_message {color: #f58321; text-align:center;background-color:#e6e6e6;}
.onqform_errors {color:#fe6000; padding:2px; text-align:left;}
.onqform_submit {background-color:#fafafa; text-align:right; color:#000000; padding:5px; margin:0 auto 0 auto;}
table.onqform_submit {margin:0 auto 0 auto;text-align:right;}
/* .onqform_submit_button { border:1px solid #000000; font-size:120%; background-color:#dddddd; line-height:11px;color:#111111;} */



#signin_menu {
  margin:10px 0 10px 10px;
}


#signin_menu input[type=text], #signin_menu input[type=password] {
  display:block;
  border:1px solid #0071bc;
  font-size:13px;
  margin:0 0 5px;
  padding:5px;
  width:150px;
}
#signin_menu p {
  margin:0;
  padding:0;
}




#client_login {
  margin: 0;
  padding: 0;
  line-height:10px;
  float:right;
}
#client_login li {
  margin: 0 5px;
  padding: 0 0 8px 0;
  float: left;
  position: relative;
  list-style: none;
  z-index:900;
}


/* main level link */
#client_login a {
  text-decoration: none;
  display: block;
  padding:  4px 5px 0 5px;
  margin: 0;
  color: #7c7c7c;
  font-weight: bold;

  
  /* text-shadow: 0 1px 1px rgba(0,0,0, .3);  */  
  
}

#client_login li a:hover, #nav li a:focus, #nav li.selected a, #nav li.selected a:hover, #nav li.selected a:focus {
  color: #0071bc;
  text-shadow: none;
}

#client_login li:hover > a {
  color: #444;
  border-top:2px solid #0071bc;
  margin-top:-2px;

  /*
  background: #eee url(images/gradient.png) repeat-x 0 -40px;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
   -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
   box-shadow: 0 1px 1px rgba(0,0,0, .2);

   text-shadow: 0 1px 0 rgba(255,255,255, 1); */
}




/* sub levels link hover */
#client_login ul li:hover a, #client_login li:hover li a {
  background: none;
  border: none;
  color: #666;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#client_login ul a:hover {
  background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important;
  color: #fff !important;



  /* text-shadow: 0 1px 1px rgba(0,0,0, .1); */
}

/* dropdown */
#client_login li:hover > ul {
  display: block;
}

/* level 2 list */
#client_login ul {
  display: none;

  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 25px;
  right:0;
  background: #ffffff url(images/gradient.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
}
#client_login ul li {
  float: none;
  margin: 0;
  padding: 0;
}

#client_login ul a {
  font-weight: normal;
  text-shadow: 0 1px 0 #fff;
}

.tx-felogin-pi1 {margin:0;padding:0}
.tx-felogin-pi1 form {margin:0;padding:0}
.tx-felogin-pi1 .status_header{display:none}
.tx-felogin-pi1 .status_message{display:none}
.tx-felogin-pi1 legend{display:none}
.tx-felogin-pi1 label{float:left; width:100px;font-weight:bold;}


.tx-felogin-pi1 .username {float:left;}
.tx-felogin-pi1 .password, .tx-felogin-pi1 .login-button {float:left;clear:left; margin-top:5px;}
.tx-felogin-pi1 .forgot {float:left;margin:5px 0 0 5px;}

.tx-felogin-pi1 .username input[type=text],.tx-felogin-pi1 .password input[type=password]{padding: 8px 12px;}

.tx-felogin-pi1 fieldset {margin:0;padding:0}

.tx-felogin-pi1 fieldset div {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    padding-right: 10px;
}

.tx-felogin-pi1 fieldset div label {margin:0;padding:0;width:auto;padding-right:5px;}


.tx-felogin-pi1 .status-message {margin:20px 0 30px 0;font-weight:bold;}
.tx-felogin-pi1 .back-login {margin-top:30px;}


p{
    margin:10px 0; //manipulate the vertical spaces for each input..  
}





.tx_onquseradmin-pi1_form_table{width:100%; margin-bottom:10px;

}
.tx_onquseradmin-pi1_form_title{color:#0071bc;padding:30px 5px 5px 5px;font-weight:normal; font-size:19px}
.tx_onquseradmin-pi1_form_error, .tx_onquseradmin-pi1_form_table .required{text-align:center;color:#ce212a;padding:10px 0;font-weight:bold ; font-size:15px}
.tx_onquseradmin-pi1_form_label_even{width:250px;padding:5px 20px 5px 5px;font-weight:normal ; font-size:13px; vertical-align:top;}
.tx_onquseradmin-pi1_form_label_odd{width:250px;padding:5px 20px 5px 5px;font-weight:normal ; font-size:13px; vertical-align:top;}
.tx_onquseradmin-pi1_form_labeldouble_even{width:400px;padding:5px;font-weight:normal ; font-size:13px; }
.tx_onquseradmin-pi1_form_labeldouble_odd{width:400px;padding:5px;font-weight:normal ; font-size:13px; }
.tx_onquseradmin-pi1_form_input_even{padding:5px;font-weight:normal ; font-size:12px; vertical-align:top; }
.tx_onquseradmin-pi1_form_input_odd{padding:5px;font-weight:normal ; font-size:12px;vertical-align:top; }
.tx_onquseradmin-pi1_form_input_even input{border:1px solid #3c3c3c}
.tx_onquseradmin-pi1_form_input_odd input{border:1px solid #3c3c3c}
.tx_onquseradmin-pi1_form_labeldouble_even input{border:1px solid #3c3c3c}
.tx_onquseradmin-pi1_form_labeldouble_odd input{border:1px solid #3c3c3c}
.tx_onquseradmin-pi1_form_submit{}

.tx_onquseradmin-pi1_form_table .comment {color:#0071bc;padding:3px 0;}
.tx_onquseradmin-pi1_form_table .text-normal{font-weight:normal;font-size:13px;color:#3c3c3c;}
.tx_onquseradmin-pi1_form_table .required{font-size:20px;line-height:10px;}



#tt_newform table {margin:0;padding:0}
#tt_newform td {
    font-family: 'Open Sans', sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  vertical-align:top;
  padding:0;
  margin:0;
}

#tt_newform td p {margin:0;padding:0;}
#tt_newform td p.note {margin:0;padding:2mm;}
#tt_newform textarea, #tt_newform input[type=text] { border:2px solid #0071bc;}

#tt_newform hr{width:100%;color:#0071bc;margin:10px 0 0 0;padding:0}

#tt_newform .padding1 {padding:1mm;}
#tt_newform .padding2 {padding:5px;}

#tt_newform .main_table {
  width:200mm;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;

/*  height:290mm; */
}

#tt_newform .nowrap{white-space:nowrap;}

#tt_newform fieldset {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0 .5em .5em .5em;
    margin: 0 0 0 0;
    background: transparent;
   width:200mm;
   border-bottom:1px solid #0071bc;

}


#tt_newform .cell5 {
  width:40mm;
  height:1mm;
}


#tt_newform .cell4 {
  width:50mm;
  height:1mm;
}



#tt_newform .invisible {
  display:none; 
}

#tt_newform .small_text {
   font-size:6pt; 
}

#tt_newform .red_text {
  color:#000000;
}

#tt_newform .red_text_small {
  color:#000000;
  font-size:6pt;
}

#tt_newform .center_text {
  text-align:center;
}

#tt_newform .bold_text {font-weight:bold;}
#tt_newform .vmiddle{vertical-align:middle;}

#tt_newform .big_box {
  font-size:20px;
  border:1px solid #000000;
  text-align:center;
}

#tt_newform .note {
  font-size:8pt;
  font-weight:normal;
}

#tt_newform label {
  font-weight:bold;
}

#tt_newform .title {
  font-weight:bold;
  font-size:9pt;
}

#tt_newform .little_notes ul{
  margin:0 0 0 10px;
  padding:0;
}
#tt_newform .little_notes ul li{
  font-size:7.5pt;
  margin:0;
  padding:0;
  color:#0071bc;
}

#tt_newform text_90 {
  font-size: 90%;
}

#tt_newform .blue {
   color:#0071bc;
}

#tt_newform .full_border {
   border:1px solid #0071bc;
}


#tt_newform .optionblue {
   color:#ffffff;
   background-color:#2f2f80; 
}

#tt_newform .optionred {
   color:#ffffff;
   background-color:#ff0000; 
}


#home_welcome{float:left;width:100%;height:310px;padding:0;background:url(../images/home_bg.png) -30px 0;}

.home_video{display:inline-block;width:350px;margin:55px 0 0 120px;background-color:transparent;}
.home_text_wrap {display:inline-block;margin:20px 0 0 15px;width:285px;height:262px;padding:0;vertical-align:top;}

.home_text_wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}


.home_text {display:inline-block;vertical-align:middle;margin:0;width:280px;padding:0;}
.home_text h2 {margin:0;padding:0; text-align:center;}
.home_text p {font-size:12px;margin:0 !important; text-align:center;}
.testimonials {}
.hometextlong {margin-top:20px;}
.beforeafter p {text-align:center;}

.competition{float:left;width:685px;margin:20px 0 0 131px;padding:0;background-color:transparent;}



.visit-partner{display:table-cell;vertical-align:top;}
.visit-partner-image{display:table-cell;padding-left:20px;vertical-align:top;}

.range-images-wrapper {text-align:center;margin-bottom:10px;}
.range-images {display:inline;margin:0;padding:0;border:0;}
.range-images img {margin:0;padding:0;outline:0;}

.not-optimised-for-mobiles{display:none;}




.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}





.quote{font-family: 'Volkhov', serif; font-size:16px; font-style:italic;}




#banner {
	background-position: center center;
	background-size:cover;
	height:auto;
	padding:100px 0 100px 100px;
	background-image:url('../../../user_upload/banners/home_banner_3800.jpg');
}


#working_as {float:left;width:auto;height:auto;padding:0 10px;text-align:center;vertical-align:middle;display: inline-table;}
#working_as p {vertical-align:middle;display:table-cell;text-align:center;}



@media screen and (max-width: 2000px) {
	#banner {
		background-image:url('../../../user_upload/banners/home_banner_2000.jpg');
	}	
}

@media screen and (max-width: 1300px) {
	#banner {
		background-image:url('../../../user_upload/banners/home_banner_1300.jpg');
	}	
}




#sub-banner {
	width:400px;
	height:auto;
	overflow:hidden;
	background:rgba(0,113,188,1);
	background:rgba(0,113,188,0.95);
	color:#ffffff;
	padding:20px;
}

#sub-banner h1 {font-family:'Shadows Into Light',sans-serif; font-weight:bold; font-size:26px; color:#fff;}

#sub-banner p.watch {
	text-align:center;
}


#sub-banner a {
	display:inline;
	text-decoration: none;
	background-color:#ffffff;
	color: #29aae2 !important;
	font-weight: bold;
	border: 2px solid #29aae2;
	padding: 8px 12px;
	font-size:14px;
}

#sub-banner a:hover {
	color: #ffffff !important;
	background-color: #29aae2 !important;
}




.range-line {
	clear: both;
	margin:0 0 0 0;
   padding:0;	
   background-color: #0071bc;
   background-image:url(../images/bg_nav_bar.png);
   height:15px;
   display:none;
}


.range-line-grey {
	clear: both;
	margin:0 0 0 0;
   padding:0;	
   background-color: #ededed;
   height:15px;
   display:none;
}




.range-box {
	width:100%;
	margin:0 0 0 0;
	padding:0;
	background-repeat: no-repeat;
	font-size: 20px;
   height:auto;
	background-size:cover; 
	background-position:left center;  
	   
}

.range-box-splashback-storage{
	background-image:url('../../../user_upload/home-images/splashbackStorage_fades.jpg');
}



.range-box-modern-laundries{
	background-image:url('../../../user_upload/home-images/laundry_fades.jpg');
}


.range-box-tv-unit{
	background-image:url('../../../user_upload/home-images/tvUnit_fades.jpg');
}


.range-box-benchtop-storage{
	background-image:url('../../../user_upload/home-images/benchtopStorage_fades.jpg');
}


.range-box-appliance-cupboard{
	background-image:url('../../../user_upload/home-images/applianceCupboard_fades.jpg');
}


.range-box-electric-doors{
	background-image:url('../../../user_upload/home-images/electricDoor_fades.jpg');
}


.range-box-beverage-cupboard{
	background-image:url('../../../user_upload/home-images/beverageCupboard_fades.jpg');
}



.range-box img.image-top{display:none;}

.range-content {
	max-width:calc(50% - 200px);
	margin:0 0 0 0;
	padding: 100px 100px;
	background:rgba(255,255,255,1);
	
}

.range-content-right {float:right;} 
.range-content-left {float:left;} 


.range-content h2 {
	font-size: 40px;
	margin-bottom: 20px;
	color:#1c1c1c;
	font-weight:300;
}

.range-content p {
	margin-bottom: 30px !important;
	line-height: 170%;
}

.range-content a {
	display:inline;
	text-decoration: none;
	background-color:#ffffff;
	color: #29aae2 !important;
	font-weight: bold;
	border: 2px solid #29aae2;
	padding: 8px 12px;
	font-size:14px;
}

.range-content a:hover {
	color: #ffffff !important;
	background-color: #29aae2 !important;
}



#bottom-promo {text-align:center;margin:60px 0 40px 0;}

#promo1{display:inline-block; width:375px;height:250px;overflow:hidden;background-color:#ebebeb;padding:20px;text-align:left;
background-image:url(../images/laundry_brochure.png);background-size:cover;background-position:left center;}
#promo1:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}

#promo2{display:inline-block; width:375px;height:250px;background-color:#000000;color:#ffffff;text-align:center;margin-left:100px;overflow:hidden;padding:20px;}
#promo2:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}

#promo3{display:inline-block; width:375px;height:250px;margin-left:100px;overflow:hidden;background-color:#ebebeb;padding:20px;text-align:left;
background-image:url(../images/tambortech_brochure.png);background-size:cover;background-position:left center;}
#promo3:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}


.promo-content{display:inline;display:inline-block;width:40%;overflow:hidden;vertical-align:middle;}
.promo-content h3 {font-family:'Shadows Into Light',sans-serif; font-weight:bold; font-size:22px;text-align:left;line-height:23px}
.promo-content p{font-size:14px;text-align:left;padding-top:10px;}

.promo-content-middle{display:inline-block;width:99%;overflow:hidden;vertical-align:middle;}




#phone_fax_container {float:right; margin:40px 10px 0px 0;}

#phone_fax {
	 display:block;
	 background: url(./images/phone-icon.png) no-repeat 0 1px;
    clear:right;
    font-size:14pt;
    white-space:nowrap;
    color:#0071BC;
    padding-left:34px;
}



@media screen and (max-width: 670px) {
#phone_fax_container {display:block;float:none; margin:20px auto;text-align:center;}
#phone_fax {display:inline-block;}
}





/* typo3 styles */


    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

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

    /* .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } */

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

















/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1490px) {
#promo2,#promo3{margin-left:35px;}
}

@media screen and (max-width: 1350px) {
#promo2,#promo3{margin-left:10px;}
}


@media screen and (max-width: 1280px) {
#promo2,#promo3{display:block;clear:left;margin:35px auto 0 auto;}

	footer{
  		height:auto;
  		text-align:center;
		background-image:none;
	}

	#on-copyright_notice {float:none;display:block;}

	#on-legal_menu {float:none;display:block;height:auto;white-space:normal;}
	#on-legal_menu ul{float:none; clear:both;}
	#on-legal_menu li {display:block;border-right:0px;}	
	

}



@media screen and (max-width: 1100px) {



  .range-content {
  		max-width:calc(50% - 100px);
		margin:0 0 0 0;
		padding: 100px 50px;
	}

	
	


}


/* for 980px or less */
@media screen and (max-width: 980px) {
	

	#onqcontent.ct_3 {
		width:calc(100% - 300px);
	}
	
	
	section#onqcontent.ct1_menu{width:calc(100% - 300px);}





	#onqright {
		width:calc(100% - 300px);
		padding:1% 4%;
		margin:0px 0px 5px 5px;
		float: left;
		text-align:center;
	}
	

	header, footer {
		padding: 1% 4%;
	}
	
	.lightboxgallery{text-align:center;}




	.social_media_wrapper{text-align:center;}
	.social_media { display:inline-block;}	


	.range-box {
		margin-bottom:0;
		background:none;
	}
	
	.range-box img.image-top{display:block;}

	/*.range-box img.image-left{display:inline;}*/
	
  .range-content {
	 max-width:calc(100% - 100px);
	 margin:0 0 0 0;
	 padding: 25px 50px 30px 50px;
	
	}	


	.range-line {display:block;}
	.range-line-grey {display:block;}
	.range-content-left{background-color:#ededed;}

	
	
}

/* for 900px or less */
@media screen and (max-width: 900px) {


		
	
	#benchtop_pantry_home,#secret_splashback_pantry_home,#appliance_cupboard_home, #servery_unit_home {margin-top:10px;}
	

	

	.visit-partner{display:block;}
	.visit-partner-image{display:block;margin:20px auto;}
	

	#onqcontent ul li {margin-left:10px;}	

	#home_welcome{float:left;height:auto;background-image:none;margin:0;padding:0;}
	#home_welcome ul li{margin:0;padding:0;}

	.home_video{display:block;margin:0 auto;}
	.home_text_wrap {display:table;margin:20px auto 0 auto;height:250px;vertical-align:middle;}
	.home_text_wrap:before {content: '';height:250px;}

	#on-main_menu{display:none;}
	.m-menu{display:block;}
	
	
	
	
	#menumobile {padding:0; height:auto; text-align:center;}
	#menumobile ul{padding:0;}
	#menumobile > span {text-transform:uppercase; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#fff; background:url(../images/mplus.png) no-repeat right 17px;}
	#menumobile > ul > li { float:none; padding:0px; display:none;}
	#menumobile > ul > li.categories{display:block;}
	#menumobile > ul > li.categories > a{display:none;}
	#menumobile > ul > li.categories > div > .column > a{color:#333!important; }
	#menumobile > ul > li.categories > div{display:block; position:relative;}

	#menumobile > ul > li.categories > div > .column > div{display:none; position:relative; left:auto;}
	#menumobile > ul > li.categories > div > .column:hover div{display:block; }
	#menumobile > ul > li.categories > div > .column:hover > div ul{display:block; }
	#menumobile > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}

	#menumobile > ul { display:none; text-align:left; background:#fff!important; position:relative; z-index:9;}
	#menumobile > ul > li > div{display:block;}
	#menumobile > ul > li.categories > div > .column > a{font-weight:bold;}
	#menumobile > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;}
	#menumobile > ul > li.categories > div > .column:hover div{display: none;}
	
	#breadcrumbs{margin-top:10px;}

	span.more{color: #c2c2c2; display: block; font-weight: bold;  position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(../images/mplus.png) no-repeat left -50px;}
	span.more.plus{background-position:0 -80px;}
	
	




	
	
	section#onqcontent.ct_1 .layout1 {float:none;width:100%;}
	section#onqcontent.ct_1 .layout2 {float:none;width:100%;margin:0;}
	section#onqcontent.ct_1 .layout3 {width:100%; clear:left;}	
	.tx-onqcatalogue-pi1{display:none;}
	.not-optimised-for-mobiles{display:block;}	



	

}



@media screen and (max-width: 760px) {

	#available{width:100%;text-align:center;}	

	#banner{padding-left:0;padding-right:0}

	#sub-banner {
		margin:0 auto;
	}

	
	
	
}



@media screen and (max-width: 700px) {





	table.onqform_border_table TD.onqform_border_table{background:#dddddd;padding:1px; margin:0; width:calc(100%-80px);}
	.onqform_main_table {background:#dddddd; text-align:left; width:100%;}
	.onqform_title {background-color: #dddddd; text-align: left; color: #ffffff; font-style: normal; font-weight: bold; padding:5px 2px;}
	td.onqform_label_even {width:auto;white-space:nowrap; text-align:right;background:#fafafa;padding:5px 0 0 2px; color:#555555;}
	td.onqform_label_odd {width:auto;white-space:nowrap; text-align:right;background:#fafafa;padding:5px 0 0 2px; color:#555555;}
	.onqform_input_even {padding:5px 5px 0 5px; background:#fafafa;color:#555555;}
	.onqform_input_odd {padding:5px 5px 0 5px;background:#fafafa;color:#555555;}
	.onqform_input_even input[type=text],.onqform_input_odd input[type=text]{max-width:150px;line-height:20px;height:20px;} 
	.onqform_input_even textarea,.onqform_input_odd textarea{max-width:250px;}
	.onqform_input_text {border:1px solid #dddddd; background-color: #ffffff;padding: 2px 2px 2px 2px; color:#555555;}
	.onqform_error_message {color: #f58321; text-align:center;background-color:#e6e6e6;}
	.onqform_errors {color:#fe6000; padding:2px; text-align:left;}
	.onqform_submit {background-color:#fafafa; text-align:right; color:#000000; padding:5px; margin:0 auto 0 auto;}
	table.onqform_submit {margin:0 auto 0 auto;text-align:right;}



	
}

@media screen and (max-width: 650px) {

	#logo{float:none;max-width:100%;text-align:center;}
	#logo img{max-width:100%;}
	#top_menu_social{float:none;text-align:center;margin-top:20px;}
	#on-menu_account,#social{float:none;display:inline-block;}



}


/* for 600px or less */
@media screen and (max-width: 600px) {





	
	
	.csc-textpic-text{float:none;display:block;clear:both;padding:0;margin:0 !important;}
	


	.social_media { display:none;}	
	
	img{max-width:100%;}

	#nav_vertical_div {display:none;}


	#onqleft {
		width: auto;
		float: none;
	}
	
	#onqcontent {
		width: auto;
		float: none;
		margin-left: 0px;
	}


	#onqcontent.ct_3,section#onqcontent.ct1_menu{  
		width: auto;
	}

	
	#onqright {
		width: auto;
		float: none;
	}


	.products_list div.descrip_area {
  		width:100%;
	}

	div.url_area{width:auto;}
	div.view_more_area{width:auto;}




}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
	#sub-banner {width:80%;}	

	h1 {
		font-size: 2em;
	}


	.range-content a {
		display:block;
		margin-bottom:10px;
		text-align:center;
		color: #ffffff !important;
		background-color: #29aae2 !important;		
	}	


	.range-content h2 {
		text-align:center;
	}

	.range-content p {
	  text-align:center;
	}

		#promo1,#promo2,#promo3{width:calc(100% - 40px);}


}