/*
Theme Name: Fab Frame
Theme URI: http://www.avalde.com
Description: The purpose of this theme is to layout the 'FabFrame'.
Version: 1.1
Tags:
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #58595b;
	line-height: 21px;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a {
	outline: 0;
}
*{
	margin: 0px;
	padding: 0px;
}

h2{
	font-size: 30px;
	color: #0079c1;
	line-height: 30px;
	padding-bottom: 14px;
	font-weight: normal;
}

#slider-right h2{
	color: #FFFFFF;
	font-weight: normal;
}

#slider-right .text{
	color: #FFFFFF;
	display: block;
	height: 217px;
}

#slider-right .text p{
	width: 400px;
	padding: 0 0 0 20px;
	background:url(images/arrows_home.png) left no-repeat;
}

h3{
	font-size: 16px;
	color: #0079c1;
	margin-bottom: 15px;
	line-height: 21px;
}

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

a:active{text-decoration: none; color: #FFF}
a:link{text-decoration: none; color: #FFF}
a:hover{text-decoration: underline; color: #FFF}
a:visited{text-decoration: none; color: #FFF}

a img { text-decoration: none; border: none;}
a:hover img { text-decoration: none; border: none;}

ul{
	margin:5px 5px 5px 15px;
}
#wrapper{
	clear: both;
    display: block;
    margin: 10px auto;
    padding: 0;
    width: 960px;
}

#header{
	background-image:url(images/logo.jpg);
	clear: both;
    display: block;
    padding: 0;
    width: 960px;
	color: #fff;
	height: 115px;
	text-indent: -9999px;
}
#header a.logo {
	width:275px;
	height:90px;
	display:block;
}

#nav{
	color: #ffffff;
	width: 960px;	
	text-transform: uppercase;
	font-size: 16px;	
	position:relative;
	z-index:10;
	float:left;
}

#nav ul{
	list-style: none;
	display: inline;	
	width: 960px;
	margin: 0;	
}

#nav li {
	display: inline;
	margin:0;
	padding:0;	
	float:left;
}
#nav ul#menu-main-menu li a {
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	height: 28px;
	padding-top: 7px;	
	background-position: left bottom;
	display:block;
}
#nav li:hover {
	position:relative;
}
#nav ul li:hover > ul {
    visibility: visible;
}

#nav li.item1 a{
	background:url(images/bg-nav-home.jpg);
	width: 99px;
}

#nav li.item2 a{
	background:url(images/bg-nav.jpg);
	width: 144px;
}

#nav li.item3 a{
	background:url(images/bg-nav.jpg);
	width: 193px;
}

#nav li.item4 a{
	background:url(images/bg-nav.jpg);
	width: 251px;
}

#nav li.item5 a{
	background:url(images/bg-nav.jpg);
	width: 116px;
}

#nav li.item6 a{
	background:url(images/bg-nav.jpg);
	width: 157px;
	margin:0px;
	padding:0px;
	float:right;
}

#nav ul#menu-main-menu li a:hover, #nav ul#menu-main-menu li.current-menu-item a, #nav ul#menu-main-menu li.current-menu-parent a{
	background-position: left top;
}

#nav ul  ul {
	padding:0;
	margin:0;
	position:absolute;
	top:-999em;
	width:200px;
}
#nav  li li {
	background: url(images/bg-nav-subnav.jpg) repeat-x #00447f;
	width:190px;
	padding:5px;
}
#nav ul#menu-main-menu li  ul li a,
#nav  li li  a {
	padding:0;
	height: auto;
	text-align:left;
	background: none;
}
#nav  li li  a:hover {
	padding:0;
	height: auto;
}
#nav  li li:hover {
	background: url(images/bg-nav-subnav-hover.jpg) repeat-x #118dd7;
}
#nav ul li:hover ul
{
	left:0;
	top:34px; /* match top ul list item height */
	
}
#nav ul li:hover li ul
{
	top:-999em;
}
#nav ul li li:hover ul
{
	left:200px; /* match ul width */
	top:0;
}
#nav ul li li:hover li ul
{
	top:-999em;
}
#nav ul li li li:hover ul
{
	left:200px; /* match ul width */
	top:0;
}
#nav ul li.item2 li {
	width:134px;
}
#nav ul li.item3 li {
	width:183px;
}
#nav ul li.item4 li {
	width:240px;
}
#nav ul li.item5 li {
	width:106px;
}
#nav ul li.item6 li {
	width:147px;
}
#content{
	width: 920px;
	padding: 20px;
	float: left;
	clear: both;
	display: block;
	background-color: #FFF;
}
#main{
	height: 291px;
	margin-bottom: 20px;
	background-image:url(images/img-main.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.page-template-home-template-php p {
	padding: 0 0 10px 0;
}
.page-template-home-template-php .sub-left h3,
.page-template-home-template-php .sub-right h3 {
	margin: 0 0 5px 0;
}
.sub-left, .sub-right{
	width: 215px;
	height: 250px;
	margin: 0 20px 20px 0;
	float: left;
	line-height: 20px;
}
.page-template-product-template-php .sub-left,
.page-template-product-template-php .sub-right{
	width: 185px;
	height: 165px;
	margin: 0 20px 20px 0;
	float: left;
	line-height: 20px;
}
.sub-left p, .sub-right p{
	width: auto;
}

.sub-left h3 a, .sub-right h3 a{
    color: #0079C1;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 5px;
    font-weight: bold;    
}
	
.sub-left img, .sub-right img{
	margin-bottom: 10px;
}
	
.home .sub-right{
	float: right;
	margin-right: 0px;
}
.home .sub-right,
.home .sub-left {
	height: 250px;
	overflow: hidden;
}
.home .home-news-blog {
	background: #E6E7E8;
	padding: 20px 20px 0 31px;
	width: 869px;
	float: left;
	margin-top: 15px;
}
.home .home-news-blog h3 {
	font-weight: bold;	
}
.home .home-news-blog p {
	width: 100%;
}
.home .home-news-blog a,
.home p.facebook-blog a {
	color: #0079C1;
}
.home p.facebook-blog {
	width: 100%;
	text-align: center;
}
.page-template-product-template-php .sub-right{
	float: left;
	margin-right: 0px;
}
.page-template-product-template-php #product-images .sub-left h3,
.page-template-product-template-php #product-images .sub-right h3 {
	font-weight: bold;
}
#left{
	width: 595px;
	float: left;
	margin-bottom: 20px;
	font-size:16px;
}
#contact-address {
	width: 100%;
	float: left;
}
div#contact-address td {
	width : 300px;
}
#left #contact-address ul {
	margin: 5px 5px 20px 0px;
}

#left #contact-address ul {
	margin: 5px 5px 20px 0px;
}

#left #contact-address h4 {
	margin: 5px 0px 20px 0px;
}
#contact-address p{
	padding:0px;

}
#contact-form {
	width: 320px;
	float: left;
	background-color:#fff;
	margin: 0;
}

#left #contact-address #contact-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contact-form ul  li {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 7px 0;
}
#contact-form input {
	padding: 3px 5px 3px 5px;
	border: 1px solid #cccccc;
	width: 200px;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	color: #515151;
}
#contact-form label {
	width: 105px;
	float: left;
	font-weight: normal;
	font-size: 16px;
	margin-top: 3px;
}
#contact-address table p.information {
	padding: 0 0 15px 0;
	width: 320px;
}
#contact-form textarea.frm-comment {
	padding: 3px 5px 3px 5px;
	border: 1px solid #cccccc;
	background: none;
	width: 200px;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	color: #515151;
	margin: 0;
}
#contact-form .btn-submit {
	background: url(./images/submit_button.jpg) no-repeat;
	width: 77px;
	height: 22px;
	text-indent: -999px;
	border: none;
	padding: 0;
	float: left;
	font-size: 0;
	line-height: 0;
	display: block;
}
#contact-form .email {
	background: none;
	float: left;
}
#contact-form #code {
	padding-left: 105px;
}
#code  #image-code {
	width: 215px;
	float: left;
	margin: 0 0 7px 0;
}
#contact-form .msg-error {
	color: #ff0000;
	font-size: 12px;
	padding: 5px 0 0 105px;
	float: left;
	width: 210px;
}
#contact-form .msg-error1{
	font-size: 12px;
	padding: 5px 0 0 105px;
	color: #ff0000;
	float: left;
	width: 310px;
}
.formcontainer .success{
	font-size: 14px;
	padding: 5px 0 0 105px;
	color: #0079C1;
	float: left;
	width: 310px;
}
#contact-form span.error {
	color: #ff0000;
	font-size: 12px;
	padding: 5px 0 0 105px;
	float: left;
	width: 210px;
}
#contact-form img {
	margin: 7px 0 0 107px;
}
#left a{
	color: #0079C1;
}

#right{
	width: 305px;
	float: left;
	padding-left: 20px;
}

#right .box{
	width: 265px;
	height: 182px;
	padding: 20px;
	float: right;
	background: url(images/bg-box.jpg) repeat-x;
	display: block;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
#right .box img{
	margin-bottom: 10px;
}
.page-template-product-template-php #fancybox-close{
	left: 60px;
	bottom: 20px;
}
.page-template-product-template-php #fancybox-outer {
	padding: 10px 50px 50px;
}
#footer{
	width: 880px;
	float: left;
	display: block;
	background-color: #e6e7e8;
	color: #0079c1;
	padding: 20px 20px 0 20px;
}

#footer span{
	float: left;
}
#footer span.qoute-mark{
	float: right;
}

#footer p{
	width: 620px;
	float: left;
	text-align: center;
	font-weight: bold;
	margin-left: 20px;
	padding: 0px 0px 10px 0px;
}

.service{
	width: 130px;
	float: left;
	color: #58595b;
	text-align: center;
	margin-right: 20px;
}

#bottom{
	width: 920px;
	padding: 20px;
	clear: both;
	display: block;
	background-color: #000;
	color: #FFF;
	padding: 20px;
	margin: 0 auto;
	font-size: 12px;
}

.copy{
	float: left;
}

.email{
	float: right;
	background-image:url(images/bg-email.jpg);
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.comment{
	font-size: 14px;
}

.about-list{
	margin: 5px 10px 15px 20px;
}

.about-images{
	display: block;
	float: left;
	margin-top: 10px;
}

.img-left{
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}

.img-right{
	float: right;
	margin-bottom: 20px;
}

#product-images img{
	margin-bottom: 10px;
}

.blue{
	font-weight: bold;
	color: #0079c1;
}

.quote{
	font-style: italic;
	color: #0079c1;
}


/*   ----- ENVIRONMENTAL PAGE   ----- */

#enviro-table div{
	float:left; 
	color: #FFF;
}

#enviro-table #head{
	background:url(images/enviro-tablehead.jpg) no-repeat;
	width: 595px;
	height: 65px;
	display:block;
	clear: both;
	font-weight: bold;
	padding: 0px;
}

#enviro-table #head div{
	padding: 20px;
}

#enviro-table #head p{
	padding-top:20px;
}
	
#enviro-table .td01{
	width: 4px;
	font-weight: bold;
	font-size: 32px;
	padding: 25px 20px 20px;
}

#enviro-table .td02{
	width: 215px;
	padding: 20px;
}

#enviro-table .td03{
	width: 255px;
	padding: 20px;
}

#enviro-table #odd{
	background-color: #0189da;
	display:block;
	clear: both;
	width: 595px;
}

#enviro-table #even{
	background-color: #006bb0;
	display:block;
	clear: both;
	width: 595px;
}

/*   ----- FAQ PAGE   ----- */

#content #left .msg_list{
	margin-top:20px;
}

#content #left .msg_head, #content #left .msg_body, #content #left .expanded, #content #left .body_grey, #content #left .body_grey, p{
	margin: 0;
	padding-bottom: 10px;
	padding-top:5px;
	width: 595px;
}

#content #left .msg_head{
	padding: 20px;
	width: 555px;
	font-weight: bold;
	background: url(images/state.png) 570px 20px no-repeat;
}

#content #left .row_noblue{
	background: url(images/state.png) 570px 20px no-repeat;
}

#content #left .msg_body p, #content #left body_blue p{
	padding: 10px 20px 20px 20px;
	width: 540px;
} 

#content #left .row_blue{
	background: #e5f1f9 url(images/state.png) 570px 20px no-repeat;
}

#content #left .body_blue{
	background-color: #e5f1f9;
}

#content #left .expanded{
	background-position: 570px -60px;
}

#products-popup{
	background-color:#FFFFFF;
	display:block;
	float: left;
}

#products-popup h2{
	text-align:center;
}

#products-popup p{
	width: 419px;
	margin: 10px 0 10px;
}
.sub-left .read-more,
.sub-right .read-more,
.sub-left p a,
.sub-right p a {
	color:#0079C1;
}
#fancybox-outer {
	padding: 0px;
}

#fancybox-close {
	bottom: -40px;
	left: 0px;
}
/* --- Contact form  and  Retail page --- */
#contact-address ul {
	list-style :none;
}
#contact-address p , #content #left p{
	padding : 0px 0px 20px 0px;
}

/* --- Exhibition page -- */
#content #left table{
	margin-bottom : 20px;
}
#content #left table td{
	padding-right : 20px;
}
table#environment {
	margin-top: -20px;
}
table#environment tr td {
	padding: 20px;
}
table#environment thead tr td {
	padding-bottom: 5px;
	padding-top: 0px;
}

/************ Pagination **************/
.pagelinks {
	float: left;
	width: 100%;
	text-align: center;
}
/****************Image ********************/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* Style the contact-form-7 fields :: Clive 17/11/2015 */
.wpcf7
{
    background-color: inherit;
    border: none;
    width: 100%;
}
.wpcf7-form {
    background-color: inherit;
    margin: 0;
    border: 0;
    padding: 10px;
    paddin-right: 20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"]
{
    background-color: #fff;
    color: #333;
    width: 90%;
    height: 1.8em;
}
.wpcf7 textarea
{
    background-color: #fff;
    color: #333;
    width: 90%;
    margin: 0;
    float: none;
}
.wpcf7 .wpcf7-submit
{
    width: 140px;
    height: 4em;
    font-weight: bold;
    color: #ffffff;
    background-color: #005C9B;
    border-radius: 6px;
    float: right;
    margin-right: 50px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.wpcf7 .wpcf7-recaptcha
{
    float: left;
}
.wpcf7 .wpcf7-response-output
{
    width: 80%;
}