/********************************
Project: MAElectronics 
/********************************/


/** Generated by FG **/
@font-face {
    font-family: 'Conv_HelveticaNeue-Medium';
	src: url('../fonts/HelveticaNeue-Medium.eot');
	src: local('☺'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeue-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/** Generated by FG **/
@font-face {
    font-family: 'Conv_MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
    display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

a {
    text-decoration: none;
}

a img {
    border: none;
    outline: 0;
}

* {
    padding: 0;
    margin: 0;
}

.wrapper-container {
    position: absolute;
	/*background:url(../_images/draft-whole.jpg) center no-repeat;*/
    height: 100%;
    width: 100%;
    /*height: 1389px;*/
	min-height:900px;
    opacity: .4;
}

.wrapper-control {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}



/* TOP DIV */
.topdiv-container {
    width: 100%;
    height: 115px;
    top: 0;
    position: relative;
    z-index: 10;
    background: url(../_images/repeat-headtop.jpg) repeat-x;
}

.logo {
    height: 100px;
    width: 166px;
    background: url(../_images/logo.png) no-repeat;
    margin-top: 10px;
    margin-left: -4px;
    float: left;
}

/* Search box */
.searchbox {
    width: 387px;
    float: right;
    margin-right: 8px;
    margin-top: 28px;
    position: relative;
}

/* SEARCH INPUT  */	
.searchbox form .ctr_search input {
    border: 1px solid #bfc3c0 /*bfc3c0*/;
    width: 90%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-top: 9px;
    padding-left: 9px;
    padding-bottom: 6px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    background: #eef3ef;
    padding-right: 30px;
    position: absolute;
    z-index: 1;
    margin-left: 5px;
    margin-top: 2px;
    color: #bfc3c0;
}

.searchbox > form input:first-child:hover {
    transition: 0.9s ease;
    border: 1px solid #09F;
    color: #09F;
}

.searchbox > form input:first-child:focus {
    border: 1px solid #006;
    background: #999;
    color: #fff;
}
	
	
/* SERACH ICON BUTTON */	
input[name*="search-btn"] {
    background: url(../_images/magnify.png) no-repeat;
    height: 20px;
    width: 20px;
    border: none;
    position: absolute;
    z-index: 2;
    right: 3px;
    top: 5px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

input:hover[name*="search-btn"] {
    background: url(../_images/magnify-hover.png);
}

.menu-nav {
    clear: both;
    width: 565px;
    background: url(../_images/menu-repeatback.png) repeat-x;
    margin-top: -23px;
    height: 58px;
    margin-left: 55px;
    position: relative;
}

.menu-nav ul {
    margin: 0;
    padding: 0;
    height: 58px;
}

.menu-nav > ul li {
    float: left;
    height: 100%;
    width: 100%;
}

.menu-nav  ul li.menudivider {
    width:1px;
    height: 58px;
	background: url(../_images/menudivider.png);
	position:relative
}

.menu-nav > ul li:last-child {
	background: none;
	position:relative
}

/* ACTIVE LINK*/
.menu-nav > ul li.current-menu-item {
    display: block;
    /*padding-top: 24px;
    padding-bottom: 17px;*/
	height:54px;
    border-bottom: 4px solid #1ca6ce;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

/* HOVER MENU */
.menu-nav > ul li a {
    display: block;
    padding-top: 26px;
    padding-bottom: 17px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

.menu-nav > ul li a:hover {
    border-top: 4px solid #1ca6ce;
    color: #1ca6ce;
}

.menu-nav > ul li:first-child {
    width: 103px;
}

.menu-nav > ul li:nth-child(3) {
    width: 108px;
}

.menu-nav > ul li:nth-child(5) {
    width: 121px;
}

.menu-nav > ul li:nth-child(7) {
    width: 114px;
}

.menu-nav > ul li:last-child {
    width: 110px;
    border: none;
}

.menushadow {
    height: 75px;
    width: 573px;
    position: absolute;
    bottom: -17px;
    left: -3px;
    background: url(../_images/menu-shdow.png) no-repeat;
    z-index: -1;
}








/* TOP DIV */



.headerdiv-container {
    background: #36F;
    height: 422px;
    background: #0e6b86;
    width: 100%;
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0;
}

.headercontent {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 422px;
    overflow: hidden;
	background:url(../_images/indexbanner.jpg) center no-repeat;
    /*background: url(../_images/sliderbackground.png) no-repeat center;*/
	/*background:url(../_images/draft-slider.png) center no-repeat;*/
}

.slidercontent {
    width: 1200px;
    margin: auto;
    height: 420px;
    position: relative;
}


.boxcontent {
    position: absolute;
    left: 129px;
    background: url(../_images/sliderback-blue.png) repeat-x;
    height: 100%;
    width: 382px;
}

.boxinside {
    width: 320px;
    margin: auto;
    margin-top: 103px;
}

.titleslider {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Conv_HelveticaNeue-Medium';
    display: block;
    padding-top: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.sliderbodytext , .subpageboxinside p{
    font-size: 12px;
    /*font-family: 'Conv_MyriadPro-Regular';*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 170%;
    display: none;
    font-weight: bold;
    width: 320px;
    margin-top: 12px;
    text-align: left;
}

a[name*="readmore"] , .bannerreadmore{
    padding-top: 9px;
    padding-bottom: 9px;
    width: 102px;
    font-size: 12px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    background: #01d8ff;
    color: #141414;
    display: block;
    margin-top: 12px;
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.bannerreadmore:hover {
	background: #09C;
    color: #fff;
}

a:hover[name*="readmore"] {
    background: #09C;
    color: #fff;
}

.sliderimg-obj {
    margin-left: 210px;
}


/* ARROW LEFT RIGHT SLIDER */
.arrowleft {
    background: url(../_images/slider-left.png) no-repeat;
    height: 78px;
    width: 34px;
    position: absolute;
    left: 0;
    top: 173px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.arrowleft:hover {
    left: -10px;
}

.arrowright {
    background: url(../_images/slider-right.png) no-repeat;
    height: 78px;
    width: 34px;
    position: absolute;
    right: 0;
    top: 173px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.arrowright:hover {
    right: -10px;
}











/* CONTENT DIV PAGE */
.content-container {
    height: auto;
    background: #f8f8f8;
    width: 100%;
    float: left;
}

.content-inside {
    width: 1012px;
    margin: auto;
    background: url(../_images/body-repeatpage.png) center repeat-y;
    height: 100%;
    position: relative;
    /*padding-bottom: 137px;*/
    padding-bottom: 20px;
}

.indexbox {
    margin-top: 35px;
    margin-bottom: 30px;
}

.indexbox a.inbx img {
    float: left;
    border: 4px solid #FFF;
    outline: 2px solid #0691b9;
}

.indexbox  div h2  a {
    display: block;
	color: #1dafd9;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    font-weight: bold;
}

.indexbox > div {
    float: left;
    width: 262px;
    padding-left: 16px;
}

.indexbox > div .indexbody {
    font-size: 12px;
    color: #555555;
    line-height: 160%;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.border {
    margin-left: -13px;
}

.indexbox > div a {
    color: #6b48ad;
    font-size: 12px;
    font-family: 'Conv_MyriadPro-Regular';
    display: block;
    margin-top: 5px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.indexbox > div a:hover {
    color: #C3F;
}

.rightdotted {
    background: url(../_images/rightdotted.png) left no-repeat;
    width: 490px;
    height: 410px;
    padding-top: 35px;
    position: relative;
}

ul.nextslide {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 50px;
    right: 20px;
}

ul.nextslide li {
    float: left;
    height: 14px;
    width: 14px;
    list-style: none;
    margin-right: 5px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

ul.nextslide li:hover {
    opacity: .4;
}

.rightdotted > h2 {
    margin-left: 12px;
}

.thumbnailbox {
    height: 142px;
    width: 210px;
    float: left;
    margin-left: 15px;
    position: relative;
    border: 3px solid #FFF;
    outline: 2px solid #0690b9;
    margin-top: 13px;
}

.thumbnailshad {
    background: url(../_images/thumbnailshad.jpg) no-repeat;
    height: 11px;
    width: 220px;
    position: absolute;
    top: 214px;
    left: 13px;
}

.thumbnailshad2 {
    background: url(../_images/thumbnailshad.jpg) no-repeat;
    height: 11px;
    width: 220px;
    position: absolute;
    top: 214px;
    left: 245px;
}

.thumbnailshad3 {
    background: url(../_images/thumbnailshad.jpg) no-repeat;
    height: 11px;
    width: 220px;
    position: absolute;
    top: 374px;
    left: 13px;
}

.thumbnailshad4 {
    background: url(../_images/thumbnailshad.jpg) no-repeat;
    height: 11px;
    width: 220px;
    position: absolute;
    top: 374px;
    left: 245px;
}

.thumbnailbox >img {
    float: left;
}

/* FRONT THUMB */
.frontbox {
    height: 100%;
    width: 100%;
    position: relative;
}

.frontbox img {
	max-width: 310px;
	/*width: auto;*/
	max-height: 113px;
	margin: 0 auto;
	display: table-cell;
}

.page .frontbox img {
	width:310px;
	height:113px;
}

.hideboxapear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 142px;
    background: #000;
    transition: 0.3s ease;
    opacity: 0;
    background: url(../_images/balck-trans.png) repeat;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.hideboxapear > img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    z-index: 1;
	max-width:310px;
	max-height:142px;
}
.page .hideboxapear > img {
	width:310px;
	height:auto;
}

.hideboxapear > div {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

/* LABEL THUMBNAILS */
.label {
    color: #727170;
    display: block;
    width: 205px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    background: url(../_images/label-back-thumbnail.jpg) center no-repeat;
    margin-top: 3px;
    padding-left: 5px;
}

.hideboxapear:hover {
    background: #000;
    opacity:100;
}

/* TITLE THUMBNAIL TEXT */
.titletext {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 17px;
}

.thumbbodytext {
    color: #fff;
    font-size: 13px;
    width: 169px;
    display: block;
    margin: auto;
    /*font-family: 'Conv_HelveticaNeue-Medium';*/
	font-family: Arial, Helvetica, sans-serif;
    text-align: center;
	font-weight:normal;
}

.view {
    font-size: 12px;
    color: #00c6ff;
    text-transform: uppercase;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 11px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 50%;
    margin: auto;
    margin-top: 11px;
}

.view:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    width: 50%;
}

.footer-container {
    background: url(../_images/footer-repeat.png) repeat-x;
    width: 100%;
    height: 238px;
    float: left;
}

.footer-content {
    width: 1009px;
    margin: auto;
    position: relative;
    padding-top: 55px;
}

.mail-links {
    color: #FFF;
}

/* SPONSOR DIV */
.sponsor-logo {
    width: 1009px;
    height: 156px;
    position: absolute;
    background: url(../_images/draf-sponsor.png) no-repeat;
    background: #fff;
    top: -130px;
    left: 0;
    z-index: 10;
}

.sponsorcontent p {
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1ca6ce;
    font-weight: bold;
    text-align: center;
    height: 24px;
    width: 270px;
    background: url(../_images/client-shadow.jpg) no-repeat;
    margin: auto;
    padding-top: 3px;
}

ul.sponsorlist {
    margin: 0;
    padding: 0;
    height: 130px;
    width: 1012px;
    position: relative;
}

ul.sponsorlist li {
    list-style: none;
    float: left;
}

/*ul.sponsorlist li:first-child {
    height: 25px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 71px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

ul.sponsorlist li:first-child:hover {
    left: -10px;
}

ul.sponsorlist li:last-child {
    position: absolute;
    height: 25px;
    width: 50px;
    right: -23px;
    bottom: 71px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

ul.sponsorlist li:last-child:hover {
    right: -30px;
}*/

.logo1 {
    margin-left: 61px;
    margin-top: 35px;
}

.logo2 {
    margin-left: 32px;
}

.logo3 {
    margin-left: 5px;
    margin-top: 10px;
}

.logo4 {
    margin-left: 17px;
    margin-top: 10px;
}

.logo5 {
    margin-left: 21px;
    margin-top: 10px;
}	
	



/* 3 DIVIDER ON FOOTER*/
.divider {
    background: url(../_images/dividerfooter.png) no-repeat;
    height: 132px;
    width: 1px;
    position: absolute;
    left: 199px;
}

.divider2 {
    background: url(../_images/dividerfooter.png) no-repeat;
    height: 161px;
    width: 1px;
    position: absolute;
    left: 465px;
}

.divider3 {
    background: url(../_images/dividerfooter.png) no-repeat;
    height: 161px;
    width: 1px;
    position: absolute;
    left: 711px;
}


/* CONTACT FOOTER */
ul.contactfooter {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

.footer_cont_det h4{
	margin-bottom:5px;
}
.footer_cont_det p {
    list-style: none;
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 190%;
    color: #fff;
    font-weight: bold;
}

ul.contactfooter li {
    list-style: none;
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 190%;
    color: #fff;
    font-weight: bold;
}

/* SHORTLINKS FOOTER */

ul.shortlink {
    margin: auto;
    padding: 0;
    margin-top: 5px;
}

ul.shortlink  li {
    color: #FFF;
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    list-style-image: url(../_images/dot.png);
    line-height: 160%;
    margin-left: 13px;
    font-weight: bold;
    width: }


/* HOVER EFFECT FOR LINKS */
ul.shortlink a {
	color:#fff;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

ul.shortlink a:hover {
    color: #09F;
    border-bottom: 1px solid #06F;
    padding-bottom: 2px;
}

.copyright-container {
    background: url(../_images/copyright-repeat.png) repeat-x;
    width: 100%;
    float: left;
    height: 36px;
}

.copyright-content {
    margin: auto;
    width: 960px;
}

.copyright-text {
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 15px;
}

.policytext {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 38px;
}

.policytext a {
    color: #fff;
    font-size: 11px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}



/* GLOBAL FONTS */

h4 {
    color: #1dafd9;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    font-weight: bold;
}

h2 {
    color: #1ca6ce;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

h1 {
	color:#1ca6ce;
	font-size:18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}

h3 {
	font-size:20px;
	color:#555555;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top:18px;
	margin-bottom:10px;

}


/* SUBPAGES CSS PAGE */
.subpageheaderdiv-container {
    background: #36F;
    height: 316px;
    background: #0e6b86;
    width: 100%;
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0;
}


.subpagediv {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 316px;
    overflow: hidden;
   /* background: url(../_images/sliderbackground.png) no-repeat center;*/
	/*background:url(../_images/draft-slider.png) center no-repeat;*/
}

.subpagecontent {
    width: 1200px;
    margin: auto;
    height: 316px;
    position:relative;
}

.supageboxcontent {
    position:absolute;
    left: 200px;
    background:#C06;
    height: 316px;
    width: 381px;
    background:url(../_images/sliderback-lighblue.png) repeat-x;


}
.subpageboxinside {
    width: 320px;
    margin: auto;
    margin-top: 50px;
}


.contactus {
	background:url(../_images/contactbanner.jpg) center no-repeat;
	height: 316px;
}

.titlesubpages , .subpageboxinside p.titlesubpages{
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Conv_HelveticaNeue-Medium' ;
    display: block;
    padding-top: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    text-align:left;
	font-weight:normal;
	line-height:normal;
}



.labelbox {
	height:32px;
	display:block;
	margin-top:10px;
	background:url(../_images/labelbox-border-subpage.png) no-repeat left;
	margin-top:41px;
	margin-bottom:20px
}

.rs_result_heading {
	height:32px;
	display:block;
	background:url(../_images/labelbox-border-subpage.png) no-repeat left;
	
}

.labelbox > div {
	border-bottom:2px solid #1ca6ce;
	float:left;
	padding-bottom:8px;
}
.labelbox > h1 {
	width:auto;
	display:block;
	padding-bottom:9px;
	color:#1ca6ce;
}



.formbox {
	margin-top:20px;
}

input[name*="styleme"] {
	width:420px;
	padding:10px;
	font-size:11px;
	border:1px solid #b3b3b3;
	transition:0.3s ease;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;

}

input:hover[name*="styleme"] {
	border:1px solid #09F;
}
input:focus[name*="styleme"] {
	background:#eee;
}

.floatdiv {
	float:left;
}

.marginleft {
	margin-left:25px;
}

label[name*="labelform"] , .gform_body ul li label.gfield_label{
	float:left;
	font-size:12px;
	margin-bottom:9px;
	/*font-family: 'Conv_HelveticaNeue-Medium';*/
	    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal !important;
	

}

.gform_body ul li input {
	width:420px !important;
	padding:10px !important;
	font-size:11px;
	border:1px solid #b3b3b3;
	transition:0.3s ease;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;

}
.gform_body ul li input:hover {
	border:1px solid #09F;
}
.gform_body ul li input:focus {
	background:#eee;
}

input[name$="floatme"] {
	float:left;
	clear:both;
}

textarea[name*="messagebox"] , .gform_body ul li textarea{
	float:left;
	clear:both;
	width:900px !important;
	height:200px !important;
	padding:10px;
	font-size:12px;
	border:1px solid #b3b3b3;
	/*font-family: 'Conv_HelveticaNeue-Medium';*/
	    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		transition:0.3s ease;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

textarea:hover[name*="messagebox"] , .gform_body ul li textarea:hover {
	border:1px solid #09F;

}

textarea:focus[name*="messagebox"] , .gform_body ul li textarea:focus {
	background:#eee;
}


input[name*="buttons"] , .gform_footer input[type="submit"]{
	padding-left:15px;
	padding-right:15px;
	font-size:12px !important;
	border:none;
	width:122px;
	font-family: 'Conv_HelveticaNeue-Medium';
	padding:10px;
	height:36px;
	background:url(../_images/submit-btn.png) repeat-x;
	color:#fff;
	transition:0.3s ease;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;


}

.gform_footer input[type="submit"] {
	float:left;
	right:20px;
	position:relative;
}

input:hover[name*="buttons"] , .gform_footer input:hover[type="submit"]{
	opacity:.5;
}


input[name*="buttongray"] {
	padding-left:13px;
	padding-right:13px;
	font-size:12px;
	border:none;
	width:65px;
	font-family: 'Conv_HelveticaNeue-Medium';
	padding:10px;
	height:36px;
	background:url(../_images/resetgray.jpg) repeat-x;
	color:#fff;
	/*margin-left:14px;*/
	transition:0.3s ease;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;

}

input:hover[name*="buttongray"] {
	opacity:.5;
}
	
	
	
	
/* ABOUT US CSS PAGE*/

.justify {
	text-align:justify;
}
	
	
.aboutus {
	background:url(../_images/aboutus-banner.jpg) center no-repeat;
	height: 316px;
}


.bodytext, .content-inside p , .content-inside .productsholder p{
	font-size:11px;
	color:#555555;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:150%;
	text-align:justify;
}

.content-inside ol, .content-inside ul, .content-inside .productsholder ul, .content-inside .productsholder ol {
	font-size:11px;
	color:#555555;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:150%;
	text-align:justify;
	/*margin-left:20px;*/
}

.bodytext strong, .content-inside p strong , .content-inside .productsholder p strong{
	font-weight:bold;
}

.sidecolapse {
	margin-top:38px;
	}


ul.insidecolapse {
	margin:0;
	padding:0;
	width:220px;
}
ul.insidecolapse li:first-child {
	border:none;
	height:
}
ul.insidecolapse li {
	list-style:none;
	height:36px;
	border-top:1px solid #efeff0;
}

ul.insidecolapse li a {
	display:block;
	height:24px;
	float:left;
	padding-top:12px;
	font-size:12px;
	/*font-family: 'Conv_MyriadPro-Regular';*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#878d95;
	padding-left:15px;
	width:205px;
	transition:0.3s ease;

}

ul.insidecolapse li a:hover {
	background:#80868f;
	color:#fff;
	
}

.colapstitle {
	color:#FFF;
	font-size:13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;

}



.morespace {
	height:64px;
}



/* SERVICES CSS PAGE */
.services {
	background:url(../_images/servicesbanner.jpg) center no-repeat;
	height: 316px;
}


.services-imgcon {
	width:660px;
	height:301px;
	position:relative;
	margin-top:20px;
}

.services-imgcon  > img {
	border:3px solid #fff;
	outline:2px solid #0690b8;
}

.servicesshad {
	width:668px;
	height:19px;
	left:0;
	position:absolute;
	bottom:-27px;
	background:url(../_images/services-shad.jpg) no-repeat;
}

.headtext {
	font-size:13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}





/* PRODUC CSS PAGE */

.product {
	background:url(../_images/productsbanner.jpg) center no-repeat;
	height: 316px;
}

.productsholder {
	width:670px;
	height:auto;
	position:relative;
}

.sortbox {
	border:1px solid #dddddd;
	width:670px;
	height:40px;
	margin-top:18px;
	margin-bottom:20px;
}

.thumbnailboxservices {
    height: 142px;
    width: 310px;
    float: left;
    position: relative;
    /*border: 3px solid #FFF;*/
    border:2px solid #0690b9;
    padding:3px;
    /*outline: 2px solid #0690b9;*/
    /*margin-top: 13px;
	margin-left: 15px;
	margin-bottom:20px;*/
	margin: 20px 7px !important;
}

.labelservices {
    color: #727170;
    display: block;
    width: 302px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    background:url(../_images/services-arrow.jpg) center no-repeat;
    margin-top: 3px;
    padding-left: 8px;
}

.list .labelservices { padding-left:250px; }

.viewproduct {
    font-size: 12px;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    margin: auto;
    margin-top: 11px;
	padding-top:5px;
	padding-left:2px;
	height:28px;
	width:123px;
	background:url(../_images/viewproduct.jpg) no-repeat;
	float:left;
	margin-right:22px;
}

.addmarginleft {
	margin-left:18px;
}

.addinquiry {
    font-size: 12px;
    color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    margin: auto;
    margin-top: 11px;
	padding-top:5px;
	padding-left:5px;
	height:28px;
	width:118px;
	background:url(../_images/addinquiry.jpg) no-repeat;
	float:left;
	margin-right:5px;
	margin-right:5px;
	padding-bottom: 3px;
}

.single-product #tabenquirypart {
	float: left;
}

.viewproduct:hover {
	opacity:.5;
}

.addinquiry:hover {
	opacity:.5;
}

.thumbbodytextservices {
    color: #fff;
    font-size: 13px;
    width: 273px;
    display: block;
    margin: auto;
    /*font-family: 'Conv_HelveticaNeue-Medium';*/
	font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.moreleft {
	margin-left:34px;
}

.services-shadowbox1 {
	width:320px;
	height:11px;
	position:absolute;
	top:162px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox2 {
	width:320px;
	height:11px;
	position:absolute;
	top:162px;
	left:350px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}


.services-shadowbox3 {
	width:320px;
	height:11px;
	position:absolute;
	top:352px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox4 {
	width:320px;
	height:11px;
	position:absolute;
	top:352px;
	left:350px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox5 {
	width:320px;
	height:11px;
	position:absolute;
	top:543px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox6 {
	width:320px;
	height:11px;
	position:absolute;
	top:543px;
	left:350px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox7 {
	width:320px;
	height:11px;
	position:absolute;
	top:543px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}

.services-shadowbox8 {
	width:320px;
	height:11px;
	position:absolute;
	top:543px;
	left:350px;
	background:url(../_images/services-shdowbox.jpg) no-repeat;
}



/* SINGLE PRODUCT CSS */
.singleproduct-container {
	width:670px;
	/*height:411px;*/
	min-height:450px;
	margin-top:30px;

}



.floatbutton {
	float:right;
	margin-top:-40px;
	margin-right:25px;
}

nav.menu-nav ul li ul.sub-menu {
	display:none;
}

nav.menu-nav ul li:hover ul.sub-menu {
	display:block;
}

nav.menu-nav ul li ul.sub-menu li {
    background: url(../_images/menu-repeatback.png) repeat-x;
    width:100%;    
}

ul.productsholder li.type-product , div.productsholder div.thumbnailboxservices {
	box-shadow: 0px 10px 8px rgba(0,0,0,0.6);
    position: relative;
}

ul.productsholder li.type-product:after , div.productsholder div.thumbnailboxservices:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -moz-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -o-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));
    background-image: radial-gradient(ellipse farthest-side at center bottom , #fff 80%, rgba(255, 255, 255, 0));
    			
}

.singleproduct-container #slider { box-shadow: 0px 10px 8px rgba(0,0,0,0.6);
    position: relative; }

.singleproduct-container #slider:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -moz-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -o-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));
    background-image: radial-gradient(ellipse farthest-side at center bottom , #fff 80%, rgba(255, 255, 255, 0));
}

#carousel .flex-viewport ul.slides li { box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
    position: relative; }

#carousel .flex-viewport ul.slides li:after {
	content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
    background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -moz-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0)); -o-radial-gradient(center bottom, ellipse farthest-side, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0));
    background-image: radial-gradient(ellipse farthest-side at center bottom , #fff 80%, rgba(255, 255, 255, 0));
}

#carousel li.flex-active-slide { opacity:0.7; }


/******WOOCOMMERCE*******/
.woocommerce-info { margin-top: 20px !important; }
#slider { border: 2px solid #058FB4; }
#slider ul.slides  li { width:670px; height:350px; text-align:center; padding:5px; }
#slider ul.slides  li img{ max-width:670px; /*width:auto;*/ max-height:350px; height:auto; margin:0 auto; }	
nav.gridlist-toggle p.grid_nav_label { text-align:left; width:450px; float:left; margin-top:5px; padding-left:15px; font-size:12px; font-weight:bold; }

#carousel ul.slides li { border: 2px solid #058FB4; padding:5px; margin:5px; width:135px !important; height:85px; }
#carousel ul.slides li img { max-width:130px; width:auto; max-height:80px; height:auto; margin:0 auto; }

.home .thumbnailbox .frontbox img { max-width:210px; max-height:115px; }
.home .thumbnailbox .hideboxapear img { max-width:210px; max-height:142px; }
ul.productsholder li.product { background:none; }
.removeonlist { /*display:none;*/ }
.excerptonlist { display:none; padding-left:250px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px; margin-top:10px; }
.prodesccontent , .prodesccontent p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; line-height:150%; color:#555; text-align:justify; }
#product_enquiry_form label , #product_enquiry_form input[type="submit"] { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#727170; }
.pp_woocommerce .pp_inline h2 { padding-left:3px !important; }
.hideboxapear p.thumbbodytext, .hideboxapear p.titletext, .hideboxapear p.thumbbodytextservices{ color:#fff; }
.sidecolapse p.colapstitle, .CollapsiblePanel p.colapstitle { color:#fff; }
.sliderbodytext.justify{display: none;}