/*
Theme Name: Foam Sealant
Theme URI: http://foamsealant.com.au/
Description: The 2013 default theme for Foam Sealant.
Author: NetwizardDesign
Author URI: http://netwizarddesign.com.au/
Version: 1.0

*/




/* other css */

@import url("stylesheets/base.css");
@import url("stylesheets/skeleton.css");
@import url("stylesheets/layout.css");
@import url("stylesheets/murals.css");

/* home page */

/********sidebar ********/


.other-logos div{
	margin: 0 0 15px 0;
}


.page-numbers {
	padding:20px;
	font-size:18px;
	text-decoration:none;
	background:#eee;
	border:1px solid #ccc;
	display:inline-block;
	margin:20px 0;
}

/* form styles */

#form1 .req{
	color: #F00;
	font-weight: bold;
	font-size: 1.5em;
}

#form1 input,
#form1 select,
#form1 textarea{
	padding: 5px;
	width: 350px;
	border-radius: 10px;
	height: 30px;
	border: 1px solid #999;
	margin-top: 5px;
}

#form1 select{
	width: 360px;
	padding: 10px 5px;
	height: 40px;
}
#form1 textarea{
	width: 350px;
	height: 100px;
}
#form1 input[type="submit"]{
	background: linear-gradient(#4A88C2 90%, #0C2F75) no-repeat;
    border-color: #FFFFFF;
    border-radius: 6px 50px 50px 6px;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 #000333;
    color: #E0FFFB;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    padding: 7px 30px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #3D3D3D;
	width: 200px;
}
#form1 input[type="submit"]:hover{
	background: linear-gradient(#A8DCD6 90%, #54A99F) no-repeat;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 #333333;
    color: #0C2F75;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #3D3D3D;
}

iframe{
	margin-bottom: 20px;
}

/* products */


#main .primary #products-gallery{
		overflow: hidden;
	width: 630px;
}
#main .full{
		overflow: hidden;
	width: 630px;
	width: 100%;
}


/* quicksand */

/* categories */

#main .content #products-gallery #filterOptions{
	overflow: hidden;
	float: right;
}
#main .content #products-gallery #filterOptions li{
	list-style-type: none;
	margin: 2px 2px 2px 0;
	overflow: hidden;
	display: block;
	height: auto;
	border: none;
}
#main .content #products-gallery #filterOptions li a{
	padding: 5px;
	border: none;
	width: 170px;
	display: block;
}
#main .content #products-gallery #filterOptions li.active a{
	color: #fff;
	background: #1A4C95;
}

/* thumbnails */

#main .content #products-gallery .ourHolder{
	float: left;
}
#main .content #products-gallery .ourHolder div{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding:  0 0 10px 78px;
	position: relative;
	border-bottom: none;
	height: auto;
	border-bottom: 1px solid #ccc;
	min-height:60px;
	width: 552px;
	overflow: hidden;
}
#main .content #products-gallery .ourHolder div h4{
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
}
#main .content #products-gallery .ourHolder div p{
	margin: 0;
	padding: 0;
	line-height: 1em;
	
}
#main .content #products-gallery .ourHolder div .thumb{
	position: absolute;
	top: 0; left: 0;
	width: 68px; height: 60px;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
}
#main .content #products-gallery .ourHolder div .thumb img{
	width: auto; height: 60px;
}

/* product */

#main #subpage{
	background-image: none;
}

#main .content #attribute1{
	float: left;
	clear: right;
	overflow: hidden;
	clear: both;
	background: #fff;
	margin-bottom: 20px;
	width: 600px;
	padding: 15px;
}
#main .content #attribute1 #post-thumbnail{
	float: left;
	margin: 0 20px 0 0;
}

#main .content #attribute1 h4{
	margin:0;
	line-height: 1em;
}
#main .content #attribute1 p{
	margin-bottom: 10px;
}

/* categories-holder */

#main .content #category-gallery li{
	list-style-type: none;
	border: none;
	margin: 0; padding: 0;
	float: left;
	overflow: hidden;
	height: auto;
}
#main .content #category-gallery li a{
	padding: 15px 10px; 
	border-bottom: 1px solid #ccc;
	width: 580px;
	text-align: left;
	display: block;
	
	position: relative;
	font-size: 16px;
}
#main .content #category-gallery li a:hover{
	color: #fff;
	background-color: #1A4C95;
}

#main .content #category-gallery li a small{
	display: block;
	top: 16px; right: 10px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
	position: absolute;
}

#main .content #category-gallery li a:hover small{
	color: #fff;
}
#main .content #other-categories{
	margin-left: 0;
}
#main .content #other-categories h4{
	line-height: 1em;
}
#main .content #other-categories li{
	list-style-type: none;
	margin: 0; padding: 5px 0px;
	border-bottom: none;
	margin-left: 0;
	line-height: normal;
	height: auto;
	margin-bottom: 10px;
}
#main .content #other-categories ul{
	margin: 0; padding: 0;
}
#main .content #other-categories li a small{
	display: none;
}

/* new product */

#randompostswiththumbnails_widget-2{
	text-align: left;
	overflow: hidden;
	width: 200px;
	margin-bottom: 20px;
}
#main .content .new-item {
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}


#main .content .new-item .thumb-box{
	width: 68px; height: 60px;
	text-align: center;
	border: 1px solid #ccc;
	overflow: hidden;
	
}
#main .content .new-item .thumb-box a{
	display: block;
	background: #fff;
	
}
#main .content .new-item .thumb-box img{
	height: 60px; width: auto;
	
}
#main .content .new-item h5{
	line-height: 1em;
	
	position: absolute;
	top: 0;
	left: 85px;
}

/* related product */

#main .content #third-widget h4{
	line-height: 1em;
	font-size: 14px;
}

#main .content #third-widget ul li{
	list-style-type: none;
	margin: 0; padding: 0;
	border: none;
}

/* contact form */

#xyz_cfm_2_1 dl{
	overflow: hidden;
	border-bottom: 1px solid #fff;
	margin-bottom: 8px;
}
#xyz_cfm_2_1 dt{
	width: 200px;
	text-align: left;
	float: left;
	
	padding: 7px 7px 7px 0;
}
#xyz_cfm_2_1 dd{
	width: 200px;
	float: left;
	
	position: relative;
}
#xyz_cfm_2_1 font{
	background: url(images/asterisk.png) no-repeat;
	width: 10px; height: 9px;
	text-indent: -9999px;
	
	position: absolute;
	top: 0px; left: -10px;
}
#xyz_cfm_2_1 dl select{
	width: 318px;
	padding: 8px;
	margin-bottom: 8px;
}
#xyz_cfm_2_1 dl input[type="text"]{
	width: 300px;
	padding: 8px;
	margin-bottom: 8px;
}
#xyz_cfm_2_1 dl input[type="email"]{
	width: 300px;
	padding: 8px;
	margin-bottom: 8px;
}
#xyz_cfm_2_1 dl textarea{
	width: 400px;
	height: 100px;
	padding: 8px;
	margin-bottom: 8px;
}

#xyz_cfm_2_1 dl input[type="submit"]{
	background: url(images/callto-bg.png) no-repeat;
	background-position: right top;
	border-color: #FFFFFF;
	border-radius: 6px 50px 50px 6px;
	border-style: solid;
	border-width: 0;
	border: none;
	box-shadow: 0 0 0 #000333;
	color: #E0FFFB;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	padding: 7px 24px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 0 0 #3D3D3D;
	margin-bottom: 8px;
}
#xyz_cfm_2_1 dl input[type="submit"]:hover{
	background-position: right -32px;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 #333333;
    color: #0C2F75;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #3D3D3D;
}

/* contact form post/single*/

.contact-form label{
	width: 200px;
	text-align: left;
	float: left !important;
	
	padding: 7px 7px 7px 0;
	position: relative;
	font-weight: normal;
}
.contact-form div, 
.contact-form p{
	overflow: hidden;
	border-bottom: 1px solid #fff;
	margin-bottom: 8px;
	
}
.contact-form label span{
	background: url(images/asterisk.png) no-repeat;
	width: 10px; height: 9px;
	text-indent: -9999px;
	
	position: absolute;
	top:0; left: 193px;
	display: block;
}
.contact-form input[type="text"]{
	width: 300px;
	padding: 8px;
	margin-bottom: 8px;
}
.contact-form input[type="email"]{
	width: 300px;
	padding: 8px;
	margin-bottom: 8px;
}
.contact-form textarea{
	width: 400px;
	height: 100px;
	padding: 8px;
	margin-bottom: 8px;
}
.contact-form input[type="submit"]{
	background: url(images/callto-bg.png) no-repeat;
	background-position: right top;
	border-color: #FFFFFF;
	border-radius: 6px 50px 50px 6px;
	border-style: solid;
	border-width: 0;
	border: none;
	box-shadow: 0 0 0 #000333;
	color: #E0FFFB;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	padding: 7px 24px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 0 0 #3D3D3D;
	margin-bottom: 8px;
	margin-left: 208px;
}
.contact-form input[type="submit"]:hover{
	background-position: right -32px;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 #333333;
    color: #0C2F75;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #3D3D3D;
}

/* ie bug */

#header-left{
	/*float: right;*/
}

/* bread crumbs */

.breadcrumbs{
	background: #fff;
	padding: 8px 42px;
	margin-bottom: 0;
}

/* pagination */

#pagination a{
	display: block;
	float: left;
	padding: 3px 6px;
	margin-right: 16px;
	color: #fff;
	background: #4a88c2;
}

#pagination a:hover{
	color: #0C2F75;
	background: #a8dcd6;
}


/* sub nav */
#top-bar{
	z-index: 9999;	
}
#top-bar nav{
	height: auto;
	margin-right: 45px;
}

#top-bar nav ul ul{
	background: #fff;
	position: relative;
	border: 1px solid #fff;
	border-top: none;
	margin: 0; padding: 0;
	
	position: absolute;
	top: 17px;
	left: -18px;
	
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	
	width: auto;
	/*overflow: hidden;*/
	
}

#top-bar nav ul ul li{
	background: #fff;
	margin: 0; padding: 0;
	/*overflow: hidden;*/
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#top-bar nav ul ul li a{
	background: #fff;
	padding: 5px 16px;
 	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 12em;
	min-width: 12em;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#top-bar nav ul ul li a:hover{
	color: #fff;
	background: #2A64A8
}
/* sub nav toggle*/
#top-bar nav ul li{
	position: relative;
}
#top-bar nav ul li ul{
	position: absolute;
	padding-top: 20px;
	left: -9999px;
	
	z-index: 99999999;
}
#top-bar nav ul li:hover ul{
	left: -18px;
}


/* third level */


#top-bar nav ul ul li{
	position: relative;
	
}
#top-bar nav ul ul li ul{
	position: absolute;
	left: -9999px !important;

	top: 0;
	width: 19em;
	padding: 0; margin: 0;
	
	border-radius: 8px 0 8px 8px !important;
	-o-border-radius: 8px 0 8px 8px !important;
	-moz-border-radius: 8px 0 8px 8px !important;
	-webkit-border-radius: 8px 0 8px 8px !important;

}
#top-bar nav ul ul li:hover ul{
	left: -218px !important;
	top: 0px;
}

#top-bar nav ul li ul li.current-menu-ancestor a{
	background-image: url(images/triangle.png);
	background-repeat: no-repeat;
	background-position: 4px center;
}
#top-bar nav ul ul ul li a{
	background-image: none !important;
}


/******************************************/
/******************************************/
/* find the fix - nav for search page only remove this   */
/******************************************/
/******************************************/
#top-bar div.menu{
	position: absolute;
	top: 80px; left: 510px;
}
#top-bar div.menu ul{
	/*overflow: hidden;*/
	float: right;
}
#top-bar div.menu ul li{
	display: block;
	float: left;
	margin-left: 30px;
	/* hide child ul */
	position: relative;
}
#top-bar div.menu ul li a{
	font-family: 'Archivo Black', Arial, Helvetica, sans-serif;	
	font-size: 15px;
	color: #2a64a8;
}
#top-bar div.menu ul li a:hover{
	font-size: 15px;
	color: #58b1a5;
}

/* sub nav toggle*/
#top-bar div.menu ul li{
	position: relative;
}
#top-bar div.menu ul li ul{
	display:none
}


/* search again */
#main .content #searchbox2{
}
#main .content #searchbox2 h2{
	line-height: normal;
	float: left;
	margin-top: -2px;
}
#main .content #searchbox2 input[type="text"]{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #777777;
    display: block;
    font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 0 20px;
    outline: medium none;
   	padding: 7px;
    width: 300px;
	float: left;
	margin-left: 5px;
}
#main .content #searchbox2 input[type="text"]:hover{
}

#main .content #searchbox2 input[type="submit"]{
	background: url(images/callto-bg.png) no-repeat;
	background-position: right top;
	border-color: #FFFFFF;
	border-radius: 6px 50px 50px 6px;
	border-style: solid;
	border-width: 0;
	border: none;
	box-shadow: 0 0 0 #000333;
	color: #E0FFFB;
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	padding: 7px 24px;
	text-decoration: none;
	text-shadow: 0 0 0 #3D3D3D;
}
#main .content #searchbox2 input[type="submit"]:hover{
	background-position: right -32px;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 #333333;
    color: #0C2F75;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #3D3D3D;
}

/* static contact info */

#second-widget h4{
	margin-top: 80px;
}

#main ul.business-contact{
	margin: 0; padding: 0;
}
#main ul.business-contact li{
	margin: 0; padding: 0;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	list-style: none;
}
#main ul.business-contact li strong{
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	float: left;
	display: block;
	margin-right: 3px;
}
#main ul.business-contact li.tel strong{
	background: url(images/telephone.png) center 8px no-repeat;
}
#main ul.business-contact li.fax strong{
	background: url(images/fax.png) center 8px no-repeat;
}
#main ul.business-contact li.address {
	
	line-height: 1em;
	height: 280px;
	padding: 5px 0 0 0;
}
#main ul.business-contact li.address strong{
	background: url(images/marker.png) center top no-repeat;
	height: 40px;

}

#main ul.business-contact li.address a {
display: block;
background: url(images/callto-bg.png) no-repeat;
background-position: right top;
height: 32px;
line-height: 32px;
color: #E0FFFB;
font-family: Arial;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-shadow: 0 0 0 #3D3D3D;
text-align: center;
}
#main ul.business-contact li.address a:hover{
	background-position: right bottom;
    color: #0C2F75;
    text-shadow: 0 0 0 #3D3D3D;
}

.content#subpage p a[target="_blank"]{
	background: url(https://foamsealant.com.au/wp-content/themes/foamsealant/images/pdf-icon.png) no-repeat;
	padding-left: 42px;
}

#cycloneslider-slideshow1-1{
margin-top: 50px;
}

.cycloneslider-caption{
display: none;
}

/* header widgets */

#hs1 h2, #hs2 h2{
display: none;
float: right;
}

#hs1{
float: right;
text-align: right;
margin: 10px 42px 0 0;
}
#hs1 .textwidget{
font-family: 'Archivo Black', Arial, Helvetica, sans-serif;
font-size: 15px;
color: #2a64a8;

}






#hs2{
float: left;
text-align: left;

margin-top: 22px;
margin-left: 10px;
}
#top-bar #search {
	height: 17px;
	padding-top: 10px;
}


/* blog */

#post-1939 #main .content{
background: url(https://foamsealant.com.au/wp-content/uploads/2013/12/blogpage.jpg) no-repeat;
background-position: -1px top;
}

.block{
	margin-bottom: 30px;
	overflow: hidden;
}
.block .info{

}
.block .thumb{
	border: 1px solid #ccc;
	float: left;
	margin: 0 20px 20px 0;
	width: 129px;
	height: 129px;
	display: none;
}
.block .thumb img{
	width: 129px;
	height: 129px;
}
.block h1{
	font-size: 20px;
	color: #2a64a8;
	margin: 0 0 10px 0 !important;
	line-height: 1em;
}
.block small{
	display: block;
	font-size: 14px;
	color: #4a88c2;
	margin: 0 0 10px 0;
}
.block .callto{
	
}
.block .callto a{
	font-size: 15px;
	font-weight: bold;
	display: block;
	float: left;
	background: url(https://foamsealant.com.au/wp-content/uploads/2013/12/calltobg2.png) no-repeat;
	background-position: right top;
	height: 32px; line-height: 30px;
	color: #fff;
	padding: 0 15px;
}
.block .callto a:hover{
	background-position: right bottom;
	color: #0c2f75;
}

#recentposts{
	margin: 0; padding: 0;
}
#recentposts li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	margin-left: 5px !important;
}
#recentposts li:last-child {
	border-bottom: none;
}
#recentposts li a{
	display: block;
	padding-left: 15px;
	background: url(https://foamsealant.com.au/wp-content/uploads/2013/12/bullet2.png) no-repeat;
	background-position: left 3px;
}
.block.article a[target="_blank"]{
	background: none !important;
	padding: 0 !important; margin: 0;
	display: inline;
}

#sharelinks{
margin-bottom: 20px;
}

.block.article  #sharelinks a[target="_blank"]{
	margin: 0 0 0 5px;
}

#optimizer{
color: #333;
}

#optimizer a{
color: red;
}
#bottom-bar {
	background-position: center bottom;
	z-index: 99999;
	height: 105px;
}
#bottom-bar .content{
	position: relative;
	padding-top: 30px;
}

#facebookbtn{
	position: absolute;
	right: 0;
	top: 0px;
}

#facebookbtn a{
	display: block;
	width: 166px; height: 30px;
	overflow: hidden;
}

#recentposts h2.widgettitle{
	font-size: 18px;
}

.block.article ol.numbered li{
height: auto !important;
}

#main .content #attribute1 {
margin-bottom: 0;
}

.content#subpage p#shopbutton {
background: #fff;
width: 590px;
overflow: hidden;
padding: 5px 20px;
margin: 0;
/* position: relative; */
margin-top: -5px;
margin-bottom: 20px;
padding-bottom: 20px;
}

.content#subpage p#shopbutton a{
display: block;
padding: 0;
margin: 0;
background: #4a88c2;
float: right;
padding: 5px 10px;

border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

box-shadow: 0 3px 0px #143a7f;

color: #f3f3f3;
font-weight: bold;
}

#banner-subpage{
	height: auto;
	padding: 10px 0;
}

#banner-subpage > div h1 {
height: auto;
line-height: 1em;
}

.widget_collapsarch ul{
padding: 0 !important; 
margin: 0 !important; 
}
#recentposts.widget_collapsarch ul li{
padding: 0 !important; 
margin: 0 !important;
margin-left: 0 !important;
border-bottom: none;
border-top: 1px solid #DBDBDB;
}
.widget_collapsarch #widget-collapsarch-2-top li a {
    background: none;
    padding: 5px 0;
    line-height: 17px;
}
.sym {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.wpcf7-form-control-wrap, 
.wpcf7-form-control-wrap div,
.wpcf7-form-control-wrap p{ border: none; text-align: center; }
.wpcf7-form-control-wrap .g-recaptcha{ display: inline-block; }

.contact-submit{ border: none !important; }