/*
Theme Name: jarmin
Theme URI:
Description: .
Author: David Ashurst
Author URI:
Version: 1.0
*/
@charset "utf-8";
.chromeframe {
	position: absolute;
	top: 0;
}
/* Reset CSS.
-------------------------------------------------------------------------------*/

/* Using local - Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
select, input, textarea {
	color: #333;
}


/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
background: #c92031;
color: #fff;
text-shadow: none;
}
::selection {
background: #c92031;
color: #fff;
text-shadow: none;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #ccc;
}

/* ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} REMOVED*/

/* Mozilla dosen't style place holders by default */
/*input:-moz-placeholder { color:#000; }*/
textarea:-moz-placeholder {
color:#000;
}

/* ADDED all - can also use to style individual fields*/
::-webkit-input-placeholder {
color:#000;
}
::-moz-placeholder {
color:#000;
} /* firefox 19+ */
:-ms-input-placeholder {
color:#000;
} /* ie */
input:-moz-placeholder {
color:#000;
} /* Firefox 18- */
/* CSS Document - box-sizing is in reset.css*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* CSS General */


html {
	background-color:#FFF;
}
body {
	 background:
     url(images/background-grey-tile.png) /* image */
     center center / 10px 10px /* position / size */
     repeat /* repeat */
     /* fixed                    attachment */
     /*padding-box               origin */
     /* content-box              clip */
     #eee !important;/* color */
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 170%;
	color: #333;
}
img {
	max-width: 100%;
	height: auto;
	b-ms-interpolation-mode: bicubic;
	display:block
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
/* ENDS WordPress Core
-------------------------------------------------------------- */

object, embed, video {
	max-width: 100%;
}
/* CSS Main Container */

#main-container {
	position: relative;
	margin: 0 auto;
	background:#f4f4f4;
	max-width: 1024px;
	display:block;
}
/* Link Colors*/

a:link {
	color:#c92031;
	text-decoration: none;
}
a:hover {
	color:#454545!important;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #c92031;
}
a:active {
	text-decoration: none;
	color: #c92031;
}
a {
	font-weight: bold;
}
h2 a {
	font-weight: normal;
}
/*Typography*/
	
h1 {
	font-size: 3em;
	line-height: 115%;
	font-weight: normal;
	margin: 0px 0 15px 0;
}
.home h1 {
	display:none;
}
.type-slideshow h1 {
	margin-top: 5px!important;
}
h2 {
	font-size: 2em;
	line-height: 115%;
	font-weight: normal;
	margin: 5px 0 15px 0;
}
h3 {
	font-size: 1.5em;
	line-height: 115%;
	font-weight: normal;
	margin: 20px 0 10px 0;
}
h4 {
	font-size: 1.2em;
	line-height: 115%;
	font-weight: normal;
	margin: 5px 0 15px 0;
}
p {
	margin-bottom: 10px;
}

.h2-band {
	background-color: #ccc;
	text-align:center;
	padding: 5px;
	margin: 30px 0 30px 0;
}

.h2-band-black {
	background-color: #000;
	text-align:center;
	padding: 5px;
	margin: 38px 0 10px;
	color: #ccc;
}


blockquote {
	font-size: 18px;
	color: #666;
	line-height: 170%;
	margin-bottom: 20px;
	font-weight: bold;
}
#content-container ul {
	list-style:disc inside none;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#sidebar ul {
	list-style:none;
}
/* Breadcrumb*/
.home #breadcrumb-container {
	display:none;
}
#breadcrumb-container {
	display: block;
	text-align: right;
	width: 100%;
	margin-top: -15px;
}
#breadcrumbs {
	list-style:none !important;
	margin-left: 13px!important;
	margin-bottom: 20px!important;
}
#breadcrumbs li {
	display: inline-block;
	text-align:left;
}
#breadcrumbs .separator {
	font-weight:300;
	font-size:20px;
	color:#999;
	margin: 0 10px 0 20px;
}
/* Breadcrumb manual style tweak*/
span.separator {
	margin: 0 5px 0 10px;
	font-weight:300;
	font-size:20px;
	color:#999;
}
/* Header */

#header-background{
	width: 100%;
	height: 178px;
	display: block;
	background-color: #f4f4f4;
	position:absolute;
	top: 0;
	}

#header {
	margin: 0 auto;
	height: 145px;
	padding-top: 30px;
	position: relative;
	
}

/*phone nunmber SMS and abn*/
.header {
	height: 90x;
	margin-bottom: 20px;
	margin-top: -60px;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;

}
#phone {
	display: block;
	float: right;
	font-size: 40px;
	font-weight: normal;
	margin-right: 20px;
	margin-top: -35px;
	width: auto;
	color:#000;
}

#phone a{
	color:#000;
	font-weight: normal;
}
#phone span {
	color:#DF6421;
	font-weight:bold;
}
.header p {
	display: block;
	float: right;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: -73px;
	text-align: right;
	width: auto;
}
#sms {
	display: none;
}
/* Slider Background for IDEAS VAN*/
#slide-background {
	 background:
     url(images/background-tile.png) /* image */
     center center / 10px 10px /* position / size */
     repeat /* repeat */
     /* fixed                    attachment */
     /*padding-box               origin */
     /* content-box              clip */
     #c92031;/* color */
	width: 100%;
	height: 531px;
	display: block;
	position:absolute;
	top: 163px;
}
.logged-in #slide-background {
	top: 155px;
}

.logged-in #main-container {
	margin-top: -40px;
}
#menubar {
	display: block;
	width: 100%;
	height: 43px;
	background: #eee url(images/starry-night-grey.png) repeat;
/* positioning is set in JQuery*/	
	padding-top:1px;

/* MOBILE STICKY MENU BAR*/
}
#menubar-mob{
display: none;
}

/* CUSTOM FIELD FOR LAYER SLIDER ON ALL DA THREE THEME*/
#banner {
	width: 100%;
	display: block;
	background-color: #ccc;
	margin: 53px 0 0 0;
}
.home #banner {
	margin: 33px 0 0 0;
}
/* END CUSTOM FIELD FOR LAYER SLIDER ON ALL DA THREE THEME*/
#logo {
}
#logo a {
	background-image:url(images/jarmin-web-logo.png);
	background-repeat:no-repeat;
	background-position: center;
	width:164px;
	height: 123px;
	margin: -25px 0 50px 10px;
	display:block;
}
#logo a:hover, a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); /* for IE5-7*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8*/
}
#search {
	width:250px;
	position:absolute;
	top: 15px;
	right: 20px;
	z-index: 200;
}
#form {
	float:right;
}
div#search form#searchform label.screen-reader-text {
	display:none;
}
div#search form#searchform input#s {
	border: none;
	background: #fff;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	text-indent: 5px;
	width: 140px;
}
div#search form#searchform input#searchsubmit {
	background-image:url(images/Black_Search.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50% 50%;
	background-color: #ccc;
	border: none;
	height: 25px;
	width: 25px;
	margin-left: -5px;
	display: inline-block;
}
/* Product Group on Bussiness Home Page*/


#product {
	padding: 0 20px;
	margin-bottom: -30px;
}
.single-product #product {
	padding: 0 20px;
	margin-bottom: 0px;
}
#product li {
	display: block;
	float: left;
	margin-right: 2%;
	text-align: center;
	width: 15%;
}

#product ul li:last-child {
	margin-right: 0;
}
#product ul {
	list-style: inside none disc;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

#product a {
	 color: #000;
    font-size: 14px;
}

#product p {
	padding: 5px 0 0 0;
}


/* NEW FRONT PAGE with Latest Posts at the bottom*/
#latest-post {
	margin-top: -50px;
	padding: 0 20px;
}
#latest-post li {
	display: block;
	width: 31.5%;
	float: left;
	margin-right: 20px;
}
#latest-post ul li:last-child {
	margin-right: 0;
}
#content-container #latest-post ul {
	list-style: inside none disc;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}
/* CSS Content */

#content-container {
	margin-top: 0;
		
}
#content {
	padding: 20px;
	width: 70%;
	float: left;
	min-height: 516px;
	margin-top: 33px;
}

.home #content{
	padding: 0 20px 20px 20px;
}
#content-full-width {
	width:100%;
	min-height: 516px;
	padding: 20px;
}

/*CSS Content Single Product*/
.single-product #content-container {
	margin-top:33px!important;
	background-color:#DF6421;
	width: 98%;
}

.single-product #content{
	background-color: #f4f4f4;;
}

.single-product span{
	color:#DF6421;
	font-weight:bold;
}

.single-product .h2-band-black {
	margin-top: 25px;
}	
/* START page specific style */

.error404 div#content-container, .search div#content-container, .archive div#content-container,
.single div#content-container, .tax-product-group div#content-container {
	margin-top:28px;
}

.page-id-1422 h1 {
	display: none;
}

.page-template-page-with-sidebar  ul.post-meta{
display: none;
}

/* END page specific style */
.two-columns {
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-moz-column-rule: none;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	-webkit-column-rule: none;
	column-count: 2;
	column-gap: 15px;
	column-rule: none;
}
.three-columns {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-moz-column-rule: none;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	-webkit-column-rule: none;
	column-count: 3;
	column-gap: 30px;
	column-rule: none;
}



div.three-columns p img {
	margin-bottom: 30px !important;
	display: block;
}
.col-left{
	float: left;
	width: 50%;
}

.col-right{
	float: right;
	width: 50%;
}
/* PAGE Content*/



#pagination {
	margin-top: 20px;
	font-size: 20px;
}
#pagination a, #pagination span {
	margin-right: 5px;
}
/*Single Post Styling*/

.single img {
}
/* Archive Template CSS */

.archive-img {
	float: left;
	margin: 5px 20px 10px 0;
}

/* CSS SideBar */



#sidebar {
	background: #eee url(images/orange-texture.jpg) repeat !important;
	float: right;
	margin-top: 33px;
	padding: 20px;
	width: 30%;
	min-height: 516px;
}
#sidebar h2, #sidebar h3 {
	color:#FFF;
	margin: 15px 0 15px 0;
}
.widget-title {
	border-top: 2px dotted #ddd;
	font-size: 2em;
	line-height: 120%;
	font-weight: normal;
	margin: 15px 0 15px 0;
}

#sidebar-product{
	margin-top:5px;
	width: 30%;
	float: right;
	padding: 0 0 10px 20px;
	color: #FFF;
	
}
#sidebar-product h2, #sidebar-product h3{
	text-align:center;
	font-weight:bold;
	margin-bottom: -10px;
	margin-left: -15px;
}
	
/* CSS footer */
#sign-off{
	text-align: left;
	font-weight:bold;
	margin: 10px 0;
}

#footer {
	color: #999;
	background: #eee url(images/starry-night-1.gif) repeat;
	line-height: 18px;
}
#footer-menu {
	max-width: 1024px;
	margin: 0 auto 0 auto;
	padding: 12px 20px 10px 20px;
	position: relative;
!important;
}
#footer-details {
	float: left;
	margin-left: 250px;
	margin-top: -53px;
}
#footer-menu p {
	margin-bottom: 0;
}

#footer-menu ul{
	width: 100%;
}

 .da {
 position:static;
 margin-top: -20px;
 float: right;
 
}
 a#da {
 font-size: 11px !important;
 
}
/*style for print section slider with black dots*/
.dark div.ls-bottom-nav-wrapper span.ls-bottom-slidebuttons a {
	margin: 0 5px;
	border: 2px solid #666!important;
	width: 7px;
	height: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.dark div.ls-bottom-nav-wrapper span.ls-bottom-slidebuttons a.ls-nav-active {
	background-color: #666!important;
}
/* GRAVITY FORM*/

#gform_wrapper_1.gform_wrapper ul{
	width: 100%;
}

#gform_wrapper_1.gform_wrapper .top_label .gfield_label {
	margin-left: 13px!important;
}
#gform_wrapper_1 [type="text"], #gform_wrapper_1 [type="email"]{
	border:none;
	background-color:#f4f4f4;
	padding: 10px!important;
	font-size: 14px!important;
	height: 40px;
	line-height: 40px;
	width: 100%;
}
#gform_wrapper_1 textarea {
	border:none;
	background-color:#f4f4f4;
	padding: 10px!important;
	font-size: 14px!important;
	line-height: 18px !important;
	width:100%;
}
#gform_wrapper_1 input#gform_submit_button_1.button.gform_button {
	display: block;
	background-color:#f4f4f4;
	color:#DF6421;
	width: 95%;
	height: 40px;
	line-height: 40px;
	border: none;
	padding-top:2px;
	font-size: 26px!important;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-appearance: square-button!important; /*Removes default IOS submit button styling*/
}
#gform_wrapper_1 .gfield_required, #gform_wrapper_1 .charleft{
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

#gform_wrapper_1 .gfield_error{
	background-color:transparent;
	border:none; 
}

#gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required{
	margin: 0 !important;
}

#gform_wrapper_1  li.gfield.gfield_error.gfield_contains_required label.gfield_label{
	margin-left: 19px !important;

}



	/* #Tablet (Landscape)
==================================================================================================== */
	@media only screen and (max-device-width : 1024px) {
}

	/* #Tablet (Portrait)
==================================================================================================== */

    @media only screen and (max-width: 768px) {
 #content {
 min-height: 500px;
}
#content-full-width {
 min-height: 500px;
}
 .home div.su-row img {
 margin: 0 auto 30px auto!important;
}
 .home div.su-row {
 text-align:center;
}

#gform_wrapper_1 input#gform_submit_button_1.button.gform_button {
		font-size: 20px!important;
	
}
	
	/* #TOOLBOX MOBILE BREAK POINT: Smaller than Tablet (Portrait) Adjusted from srandard 768px
==================================================================================================== */

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

 #main-container {
/*min-height: 75%!important; Needed for content to fill browser for short pages*/
}
/*Typography*/

.h2-band {
	font-size: 16px;
}

.h2-band-black {
		font-size: 16px;
}		
/*HOME PAGE8*/
#product li {
	display: block;
	float: left;
	margin-right: 3%;
	text-align: center;
	width: 31%;
}
#product a {
	 color: #000;
    font-size: 12px;
}
#product p {
	padding: 5px 5px 0 0;
}

#product ul li:nth-child(3) {
	margin-right: 0;
}
 .home div.su-row img {
 margin: 0 0 20px 0 !important;
}
 .home div.su-row {
 text-align:left;
}
 #header {
 height: 160px;
}

#gform_wrapper_1 input#gform_submit_button_1.button.gform_button {
		font-size: 26px!important;
	
}

.validation_error{
	position:absolute;
	top: 215px;
	left: 10px;
	background-color: #FFF;
	padding: 10px!important;
	
}

/* Slider Background*/
#slide-background {
 display:none;
}
#menubar {
	display: block;
	width: 100%;
	height: 0;
	background-color:transparent;
	background-image:none;
	position: absolute!important;
	top: 0;
	z-index: 999;
	margin-top: 0;
	
}

/* MOBILE STICKY MENU BAR*/
#menubar-mob{
display: block;
	width: 100%;
	height: 43px;
	padding:10px 10px 10px 20px;
	
}

/*PAGE SPECIFIC STYLES*/
.error404 div#content-container, .search div#content-container, .archive div#content-container,
.single div#content-container, .tax-product-group div#content-container {
	margin-top:20px;
}
 /* CUSTOM FIELD FOR LAYER SLIDER ON ALL DA THREE THEME*/
 .home #banner {
 margin: 190px 0 0 0;
}

/* CSS Content */
#logo a {
	background-image:url(images/jarmin-web-logo.png);
	background-repeat:no-repeat;
	background-position: center;
	width:164px;
	height: 123px;
	margin: 20px auto 10px auto;
	display:block;
}

/* MOBILE STICKY MENU BAR*/
#search {
 width:250px;
 position:absolute;
 top: 10px;
 right: 20px;
 z-index: 200;
}

/*phone nunmber SMS and abn*/

.header {
	height: 90x;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
	position: relative;

}
 #phone, #sms {
float:none;
display: block;
margin: 15px 0 0 0;
background-color:#DF6421;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 38px;
font-weight: bold;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#fff;
}
 .header p {
 display: block;
 float: none;
 font-size: 14px;
 line-height: 16px;
 margin: -10px auto 20px auto;
 text-align:center;
 width: auto;
}
 #phone span, #sms span {
 display: none;
}

#phone a, #sms a{
	color:#fff;
	font-weight: bold;
}
 #breadcrumb-container {
 margin-top: -5px;
}
 #content-container {
 margin-top: 170px;
 border-top: none;
}
.home #content-container {
 margin-top: 0;
 border-top: none;
}
.home #content{
	padding: 20px 20px 20px 20px;
}
 #content {
 padding: 20px;
 width: 100%;
 float: none;
 margin-top: 5px;
 margin-bottom: 0;
 min-height: 50px;
}
 #content-full-width {
 width:100%;
 padding: 20px;
 margin-top: 5px;
 margin-bottom: 0;
 min-height: 50px;
}
 .two-columns {
 -moz-column-count: 1;
 -moz-column-gap: 0;
 -moz-column-rule: none;
 -webkit-column-count: 1;
 -webkit-column-gap: 0;
 -webkit-column-rule: none;
 column-count: 1;
 column-gap: 0;
 column-rule: none;
}
 .three-columns {
 -moz-column-count: 1;
 -moz-column-gap: 0;
 -moz-column-rule: none;
 -webkit-column-count: 1;
 -webkit-column-gap: 0;
 -webkit-column-rule: none;
 column-count: 1;
 column-gap: 0;
 column-rule: none;
}

.col-left{
	float: none;
	width: 100%;
}

.col-right{
	float: none;
	width: 100%;
}
 .no-h2-band .h2-band {
 display:none;
}
 div.three-columns p img {
 margin-bottom: 30px !important;
 display: block;
}
 div.su-tabs-nav span {
 font-size: 16px !important;
}
 div.su-tabs-nav span:last-child {
 margin-bottom: 20px;
}
 #latest-post li {
 display: block;
 width: 100%;
 float: none;
 margin-right: 0px;
}
/*CSS Content Single Product*/
.single-product #content-container {
	margin-top:20px!important;
	width: 100%;
}



/* CSS SideBar */



#sidebar, #sidebar-product {
 width: 100%;
 float: none;
 min-height: 200px;
}


/* CSS footer */

#footer-details {
 float: none;
 margin-left:0;
 margin-top: 0;
}
#footer {
 margin-bottom: 0;
 
}



 .da {
 position:static;
 margin-top: 5px;
 float: none;
 
}

}


		/* #Mobile (Landscape)
==================================================================================================== */

    @media only screen and (max-width : 480px) {
}

		/* #Mobile (Portrait)
==================================================================================================== */
	

    @media only screen and (max-width: 320px) {
	/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
 margin: 5px 20px 20px 0;
}
 .aligncenter, div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
}
 .alignright {
 float: none!important;
 margin: 5px 0 20px 20px;
}
 .alignleft {
 float: none!important;
 margin: 5px 100px 20px 0;
}
 a img.alignright {
 float: none!important;
 margin: 5px 0 20px 20px;
}
 a img.alignnone {
 margin: 5px 20px 20px 0;
}
 a img.alignleft {
 float: none!important;
 margin: 5px 20px 20px 0;
}
 a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto
}
/* ENDS WordPress Core
-------------------------------------------------------------- */
}
		
	/* iPhone 4  http://css-tricks.com/snippets/css/media-queries-for-standard-devices/*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}

/* Browser specific styles */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Add CSS Statements that only apply on webkit-based browsers HERE (Chrome, Safari, etc.) */

.myClass {
}
/* Add Safari only override HERE */
::i-block-chrome, .myClass {
}
}