/*
Theme Name: TTi Global
Theme URI: http://www.push22.com/
Description: Custom developed WordPress theme for TTi Global.
Version: 1.0
Author: Jason M. Noaln of PUSH 22
License: GNU General Public License
*/


* {
margin: 0;
padding: 0;
border: 0;
}
body {font-family: 'Domine', Arial, Helvetica, sans-serif; font-size: 13px; background: #CEDDEB; margin: 0px; padding:0px; font-weight: 400; color: #666666}

img {border: none;}
table {border-collapse: collapse;}

p {padding-bottom: 15px; margin-bottom: 0px}

a {color: #0096d6; text-decoration: none;}
a:hover {text-decoration: underline;}


/* HEADER */
#header {}
#header .outer-wrapper {background: url('images/bg_white_shadow.png') top center repeat-y; height: 102px;}
#header .inner-wrapper {background: #FFFFFF;}

#logo {float: left; margin-left: 15px; margin-top: 10px;}

.inner-wrapper {width: 960px; margin: 0px auto;}

#mNav ul {float: right; text-decoration: none; font-size: 15px; list-style-type: none; padding: 0px; margin: 0px; margin-top: 22px; background: url('images/bg_nav.png') bottom right repeat-x ; padding-right: 30px;}
#mNav ul li {float: left; width: 162px;  padding: 0px; margin: 0px; text-align: left;}
#mNav ul li a {text-transform: uppercase; text-decoration: none; color: #9fa1a4; display: block; padding: 10px 0px 5px 0px}
#mNav ul li.current-menu-item a, #mNav ul li a:hover {color: #333;}
#mNav .light-brown a {border-bottom: 9px solid #A85D0F}
#mNav .beige a {border-bottom: 9px solid #CFAB7A}
#mNav .medium-brown a {border-bottom: 9px solid #754200}
#mNav .orange a {border-bottom: 9px solid #EE8A1D}

#mNav ul ul {display: none; position: absolute; z-index: 100000; margin: 0px; padding: 0px 0px; background: url('images/bg_subnav_darker.png') left top repeat-x #e5e5e6; box-shadow: 5px 5px 5px rgba(0,0,0,0.15); width: 180px;  margin-top: 0px}
#mNav ul li:hover ul {display: block;}
#mNav ul ul li {float: none; margin: 5px 10px;}
#mNav ul ul li:first-child {}
#mNav .orange li a, #mNav .medium-brown li a, #mNav .beige li a, #mNav .light-brown li a {border-bottom: 1px dotted #AAA;}
#mNav ul ul li a  {padding: 10px 5px; font-size: 13px; text-transform: none; color: #444; }
#mNav ul ul li:last-child a {border-bottom: none;}
#mNav ul li.current-menu-item ul li a {color: #444}
#mNav ul ul li a:hover, #mNav ul li.current-menu-item ul li a:hover  {color: #0096d6}

/*secondary Dropdown */
#mNav ul.sub-menu ul.sub-menu {
	display: none;
}
#mNav ul.sub-menu li.menu-item-has-children ul.sub-menu {
	display: block;
}
#mNav ul.sub-menu li.menu-item-has-children ul.sub-menu  {
	margin: 0;
	width: 156px;
	display: block;
	position: relative;
	box-shadow: none;
	padding-right: 6px;
	border-bottom: 1px dotted #AAA;
	margin-bottom: 10px;
}
#mNav ul.sub-menu li.menu-item-has-children ul.sub-menu li {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 6px;
}
#mNav ul.sub-menu li.menu-item-has-children ul.sub-menu li a{
    padding-left: 15px;
}
#mNav ul.sub-menu li.menu-item-has-children ul.sub-menu li:last-child{
    margin-bottom: 10px;
}

#mNav ul ul li.menu-item-has-children a {
    border-bottom: none;
    margin-bottom: -5px;
}

/*#mNav ul li.light-brown ul {background: #A85D0F; }
#mNav ul li.beige ul {background: #CFAB7A}
#mNav ul li.medium-brown ul {background: #754200}
#mNav ul li.orange ul {background: #EE8A1D}
*/
#super-nav {width: 600px; float: right; margin-right: 15px; margin-top: 15px;}
.social-media-icons ul {list-style-type: none; width: 90px; padding: 0px; margin: 0px; float: right}
.social-media-icons ul li {float: left; margin-right: 5px;}
.social-media-icons ul li a {display: block; width: 24px; height: 24px;}
.social-media-icons ul li a span {display: none;}

.social-media-icons ul li.icon-facebook {background: url('images/icons/icon_facebook.png') no-repeat;}
.social-media-icons ul li.icon-linkedin {background: url('images/icons/icon_linkedin.png') no-repeat;}
.social-media-icons ul li.icon-twitter {background: url('images/icons/icon_twitter.png') no-repeat;}



#super-nav .search {border: 1px solid #c3c3c3; width: 213px; float: right; height: 22px; background: url('images/search_bg.png');}
#super-nav .search input[type="text"] {border: none; padding-bottom: 2px; padding-left: 27px; padding-top: 0px; padding-right: 5px; width: 160px; line-height: 1.0em; margin-top: 4px; display: block; float: left; color: #666666; background: url('images/icon_search.png') 5px -1px no-repeat;}
#super-nav .search input[type="submit"] {display: inline-block; margin-top: 2px; background: url('images/search_arrow.png'); width: 20px; cursor: pointer}




/* FOCUS */
#focus {background: url('images/bg_blue_shadow.png') top center repeat-y #4FA9D7; margin-bottom: 0px !important; padding-bottom: 0px !important}
#focus .outer-wrapper {margin-bottom: 0px !important; padding-bottom: 0px !important}
#focus .inner-wrapper {background: #0096d6; padding-top: 0px; margin-bottom: 0px !important; padding-bottom: 0px !important; min-height: 150px}

#focus .slide {color: #FFF; margin-bottom: 0px !important; padding-bottom: 0px !important}
#focus .slide h1 {font-size: 36px; font-weight: normal; margin-top: 0px; letter-spacing: -1px; margin-bottom: 20px;}
#focus .slide .content {margin-left: 30px; font-size: 15px; margin-bottom: 0px !important; padding-bottom: 0px !important}
#focus .slide a {color: #f6f77b}

#focus .slide.standalone {height: 150px;}
#focus .slide.standalone h1 {margin-left: 44px; padding-top: 52px;}

#focus .slide.post-header {padding-bottom: 25px;}
#focus .slide.post-header h1 {margin-left: 44px; padding-top: 52px;}
#focus .slide.post-header .cat-title {margin-left: 44px; padding-top: 52px;font-size: 36px; font-weight: normal; margin-top: 0px; letter-spacing: -1px; margin-bottom: 0px;}

#focus .slide.search {height: 150px;}
#focus .slide.search .inner {margin-left: 44px; padding-top: 35px;}
#focus .slide.search .inner h1 {margin: 0px; padding: 0px;}
#focus .slide.search input[type="text"] {width: 450px; padding: 7px 10px 7px 32px; display: inline-block; border: 1px solid #0074a6; background: url('images/icon_search22.png') 5px center no-repeat #FFF; font-size: 15px;}
#focus .slide.search input[type="submit"] {padding: 6px 10px; background: #d2edf9; cursor: pointer; border: 1px solid #0074a6; color: #0096d6; font-weight: bold; font-size: 15px;}
#focus .slide.search input[type="submit"]:hover {color: #006793}

#focs .slide .flowplayer {width: 880px; margin: 0px auto;}

/* P22 FADER */
#p22fader  {width: 960px; overflow: hidden;}
#p22fader .slide {width: 960px; display: none; position: absolute;}

#p22fader_controls {position: absolute;  z-index: 10000; width: 960px; } 
#p22fader_controls .indicator {width: 18px; height: 18px; margin: 0px 2px; display: inline-block; cursor: pointer; float: left}
#p22fader_controls div.active, #p22fader_controls div.inactive:hover {background: url('images/ss_indicator_active.png') no-repeat;}
#p22fader_controls div.inactive {background: url('images/ss_indicator_inactive.png') no-repeat;}

#p22fader .slide {display: none}
#p22fader .slide a {display: block; margin: 0px auto;} 

#p22fader.home {height: 316px}
#p22fader_controls.home {margin-top: 285px; text-align: left; width: 920px; margin-left: 40px;}

#p22fader.culture-video {height: 236px;}

#p22fader.interior {height: 236px}

#p22fader.locations {height: 405px}



.slide-content {display: none;}




/* MAIN */
#main {background: url('images/bg_white_shadow.png') top center repeat-y; margin-top: 0px !important; padding-top: 0px !important}
#main .outer-wrapper {min-height: 450px; background: url('images/focus_bot_shadow.png') top center no-repeat; padding-top: 30px; padding-bottom: 30px;}
#main .inner-wrapper {}

#main .content {margin: 0px 40px 0px 40px; line-height: 1.5em}
#main .content h2 {font-size: 18px; color: #000; margin-top: 20px; margin-bottom: 10px; line-height: 1.25em}
#main .content ul {color: #0096d6; margin: 10px 0px 10px 10px; padding: 0px 15px;}
#main .content .content-filter ul {color: #666666}
#main .content ul li {list-style: square; padding-left: 0px;}
#main .content ul li span {color: #666666}
#main .content h3 {line-height: 1.25em; padding-bottom: 5px; margin-bottom: 0px; font-weight: normal; color: #000; margin-top:20px;}
#main .content h4.list-header {color: #000; margin: 0px; padding: 0px; margin-top: 5px;}
#main .content .sep {border-bottom: 1px solid #808285; margin-bottom: 10px;}
#main .content p b, #main .content p strong {color: #000; font-weight: 700;}
#main .content .hl, #main .content b.hl, #main .content strong.hl {color: #0096d6;}
#main .content a {color: #ee8a1d;}
#main .content p.list-header {margin-bottom: 0px; padding-bottom: 0px;}
#main .content p.list-header + ul, #main .content h4.list-header + ul  {margin-top: 5px; margin-bottom: 15px}

#main .content.single h1 {color: #0096d6; line-height: 1.0em; font-size: 36px; margin-top: 10px;}
#main .content.single p.releaseDateline { text-transform: uppercase; margin-top: 25px; margin-bottom: 10px; font-size: 1.2em}


.pr-contact {width: 140px; float: right; padding: 20px 20px 5px 20px; border: 1px solid #CCC; margin-bottom: 20px;} 
.pr-contact h4 {color: #0096d6; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; font-size: 18px; font-weight: bold}


/* HOME CONTENT */
#home_content {padding-left: 5px;}
#home_content table h2 {margin: 0px !important; padding: 0px  !important;}
#home_content table td {padding: 15px 15px 15px 15px;}



/* TABS */
.tabs {list-style-type: none; border-bottom: 1px solid #808285; height: 29px; }
.tabs li {float: left; margin-right: 5px; font-size: 13px;}
.tabs li a {display: block; background: url('images/bg_tab_down.png') left top repeat-x #cbccce; line-height: 24px; text-transform: uppercase; text-decoration: none; color: #444; padding: 2px 12px; border: 1px solid #aaacaf; letter-spacing: -1px; border-bottom: none}
.tabs li a:hover,  .tabs li a.current, .tabs li.current a {display: block; background: url('images/bg_tab_down2.png') left top repeat-x  #e5e5e6; color: #000}

.panes {margin: 0px 0px;}
.panes h2 {font-size: 18px; color: #000; margin-top: 20px; margin-bottom: 10px}
.panes ul {color: #0096d6; margin: 10px 0px 10px 10px; padding: 0px 15px;}
.panes ul li {list-style: square; padding-left: 0px;}
.panes h3 {line-height: 1.2em; padding-bottom: 5px; margin-bottom: 0px; font-weight: normal; color: #000; margin-top:20px;}
.panes .sep {border-bottom: 1px solid #808285; margin-bottom: 10px;}

#locations {width: 100%}
#locations td {vertical-align: top; padding-bottom: 30px;  width: 300px}
#locations td.midCol {padding-left: 20px; padding-right: 20px;}
#locations .location {width: 300px}
#locations .location .flag {width: 64px; margin-right: 10px; float: left;}
#locations .location .address {width: 180px; float: left;}
#locations .location h2 {color: #000; font-weight: normal; font-size: 15px; margin-bottom: 5px; font-weight: bold; margin-top: 7px}




/* LOCATIONS */
#locations {line-height: 1.5em}
#main #locations h2 {text-transform: uppercase; font-size: 24px; color: #0096d6; margin-bottom: 20px; border-bottom: 1px dotted #999; padding-bottom: 5px;}
.locations {width: 100%;}
.locations td {vertical-align: top; padding-bottom: 30px; }
.locations .location {width: 420px}
.locations .location .flag {width: 64px; margin-right: 10px; float: left;}
.locations .location .address {float: left; width: 346px}
#main .locations .location h3 {color: #000; font-weight: normal; font-size: 15px; margin-bottom: 0px; font-weight: bold; margin-top: 7px}



/* FOOTER */
#footer {color: #63a8e8; font-size: 13px; line-height: 1.0em; background: url('images/bg_white_shadow.png') top center repeat-y; }
#footer .outer-wrapper {padding-bottom: 15px;}
#footer .inner-wrapper {width: 900px; margin: 0px auto; padding: 15px; background: #e8eff6;}
#footer .leftCol {float: left; width: 300px;}
#footer .rightCol {float: right; width: 550px;}
.fNav ul {float: right; list-style-type: none; margin: 0px; padding: 0px;}
.fNav ul li {float: left; padding: 0px 10px; border-right: 1px solid #63a8e8}
.fNav ul li:last-child {border-right: 0px; padding-right: 0px;}
.fNav a {color: #63a8e8; text-decoration: none;}
.fNav a:hover {color: #0096d6; text-decoration: underline}



/* SEARCH RESULTS */

h2 span.hint {color: #777; font-size: 15px; padding-left: 20px;}
.searchResult {padding-bottom: 35px; border-bottom: 1px dotted #AAA; padding-top: 15px;}
.searchResult:last-child {border-bottom: none;}
#main .content .searchResult h3 {color: #000; font-size: 16px; margin-bottom: 0px; padding-bottom: 0px; font-weight: bold;}
#main .content .searchResult h3+.searchExcerpt {margin-bottom: 0px; padding-bottom: 5px;}
#main .content .searchResult h3 a {color: #0096d6;}



/* NEWS AND EVENTS */

#main .content .post-listing {padding-bottom: 35px; border-bottom: 1px dotted #AAA; padding-top: 15px;}
#main .content .post-listing:last-child {border-bottom: none;}



/* PAGINATION */

#main .content .pagination {clear: both; margin: 40px 0px; font-size: 16px;}
#main .content .pagination ul {list-style: none; margin: 0px; padding: 0px;}
#main .content .pagination li {display: block; float: left;}
#main .content .pagination a { color: #0096d6}
#main .content .pagination a, .pagination span {display: block; margin: 0px 5px; padding: 0px 9px; line-height: 32px; background: #EEE; min-width: 14px; text-align:center;  border: 1px solid #DDD;}
#main .content .pagination span {background: #EEE; color: #666666; border: 1px solid #DDD}
#main .content .pagination li:first-child a, .pagination li:first-child span {margin-left: 0px;}
#main .content .pagination a {text-decoration: none; color: #0096d6;}
#main .content .pagination a:hover {background: #EEE; color: #FFF; border: 1px solid #BBB; color: #000}
#main .content .pagination a.active {background: #EEE; color: #000; border: 1px solid #BBB}


.paginationBlogPostWrapper .pagination {margin: 0px; padding-top: 0px;}








/* LOCATIONS MAP 

.location-marker {width: 240px; height: 270px; position: absolute;}
.location-marker.active {background: url('images/marker-lines.png') left bottom; }

.location-marker .indicator {width: 20px; height: 20px; background: url('images/map_marker.png') left top; position: absolute; cursor: pointer; margin-top: 181px; margin-left: 118px;}
.location-marker .indicator:hover, .location-marker .indicator.active {background: url('images/map_marker.png') left bottom;}

#map-point-content {display: none; width: 200px; position: absolute;}
#map-point-content.topLeft {background: url('images/display_arrow_top.png') 37px top no-repeat}
#map-point-content.topRight {background: url('images/display_arrow_top.png') 148px top no-repeat}
#map-point-content.bottomLeft {background: url('images/display_arrow_bottom.png') 37px bottom no-repeat}
#map-point-content.bottomRight {background: url('images/display_arrow_bottom.png') 148px bottom no-repeat}

#map-point-content .top {height: 36px;}
#map-point-content .mid {background: url('images/white90.png'); min-height: 100px; padding: 15px; font-size: 11px; color: #000}
#map-point-content .mid .flag {display: none;}
#map-point-content .mid h3 {color: #0096d6; border-bottom: 1px solid #0096d6; padding-bottom: 10px; margin-bottom: 15px; line-height: 1.2em; font-size: 16px; margin-top: 0px; padding-top: 0px;}
#map-point-content .bot {height: 10px; background: url('images/map-content-bottom.png') top left no-repeat; padding-bottom: 5px}

*/

/* MEDIA SECTION */

#media-nav-dd {border: 1px solid #CCC; padding: 5px; margin-left: 10px; margin-right: 8px;}

/* IMAGE GRID */
#image-grid {width: 880px; padding-top: 20px; padding-left: 4px}
#image-grid .left {float: left;}
#image-grid .right {float: right;}
#image-grid .img-wrap {background: #FFF; padding: 4px; border: 1px solid #CCC; float: left; margin: 4px}
#image-grid .img-wrap:hover {background: #FFF;}
#image-grid .clear {clear: both;}

#image-grid .full img {width: 390px; height: 390px;}
#image-grid .half-horiz img {width: 390px; height: 186px;}
#image-grid .quarter img {width: 200px; height: 150px;}
#image-grid .desc {display: none; background: url('images/black60.png'); color: #FFF; font-weight: bold; line-height: 1.25em; cursor: pointer; font-size: 1.25em}
#image-grid .desc.video {background-image: url('play_button.png'); background-position: center center; background-repeat: no-repeat}
#image-grid .desc a {color: #FFF; text-decoration: none; display: table; height: 150px; width: 200px; margin: 0px; padding: 0px;}
#image-grid .desc a span {display: table-cell; text-align: center; vertical-align: middle; height: 110px; padding: 20px; width: 200px}

#image-grid .image-wrapper {height: 150px;}

/* GENERAL STYLES */
.clearBoth {clear: both;}
.no-bloat, #content *.no-bloat {margin: 0px; padding: 0px; line-height: 1.0em;}
.error {color: #C00;}

a.pdf-link {padding-left: 42px;/* background: url('images/icon-pdf.png') left center no-repeat;*/ line-height: 32px !important; display: inline-block; margin-top: 5px; margin-bottom: 5px}
a.pdf-link.ENG {background: url('images/flags/32/ENG-USA.png') left center no-repeat;}
a.pdf-link.ZHO {background: url('images/flags/32/ZHO.png') left center no-repeat;}
a.pdf-link.JPN {background: url('images/flags/32/JPN.png') left center no-repeat;}
a.pdf-link.POR {background: url('images/flags/32/POR.png') left center no-repeat;}
a.pdf-link.SPA {background: url('images/flags/32/SPA.png') left center no-repeat;}
a.pdf-link span.size-desc {color: #999999; text-decoration: none;}
a.pdf-link:hover span.size-desc {color: #ee8a1d; text-decoration: underline;}

/*Product Guides*/
.product-guide-title {
    padding-top: 50px;
    padding-left: 40px;
    color: #fff;
}
.product-guide-title h1 {
    font-size: 36px;
}
.product-guide-title h2 {
    font-size: 20px;
}
#main .content.single-product-guide {
    margin-right: 20px;
    width: 450px;
    float: left;
}
div.clear{
	float:none;
	clear: both;
	display: block;
}
.siderbar.single.single-product-guide {
    width: 400px;
    float: left;
    height: 300px;
}
.siderbar.single.single-product-guide {
    width: 400px;
    float: left;
    height: auto;
    margin-bottom: 15px;
}
.product-guide-link {
    width: 400px;
    height: 304px;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.product-guide-file {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 50px;
    display: table;
  /*  background: url('http://dev.push22.com/tti/website/wp-content/themes/tti_global/images/grey_overlay.png');
	transition: all 200ms ease;*/
}
.product-guide-link:hover .product-guide-file {
    border-bottom:5px solid #ec8a2f;
}
.product-guide-file a {
    display: table-cell;
    vertical-align: middle;
}
.orange-cta {
    width: 400px;
    height: 50px;
    background: #ec8a2f;
    color: #fff;
    font-size: 17px;
    text-align: center;
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
}
.orange-cta a{
    color: #fff;
}
.orange-cta p {
    vertical-align: middle;
    display: table-cell;
    padding: 0;
}
#main .content.single.single-product-guide h3 {
    color: #0096d6;
    font-size: 15px;
    font-weight: bold;
}
.content.single.single-product-guide li p {
    color: #666;
    font-size: 13px;
    padding-bottom: 0;
}
#main .content.single.single-product-guide li {
    font-size: 18px;
}
.content.single.single-product-guide ol li:first-child {
    margin-bottom: 5px;
}
.content.single.single-product-guide ol li {
    margin-bottom: 20px;
}
#main .content.single.single-product-guide li span {
    font-size: 14px;
}
#main .content.single.single-product-guide ul.greyArrows{
	color: #aaacaf;
}
#main .content.single.single-product-guide ul.greyArrows li{
	list-style: none;
	margin-bottom: 10px;
}
#main .content.single.single-product-guide ul.greyArrows li span{
	color: #808286;
}
.product-sidebar-content .grey-box {
	padding: 25px 20px;
	background: #f6f6f6;
	margin-top: 10px;
}
.grey-box ul li span {
    font-size: 14px;
    color: #666;
}
.grey-box ul li{
	margin-bottom: 15px;
}
.product-sidebar-content .grey-box  ul {
    color: #0096d6;
	margin: 10px 0px 10px 10px;
	padding: 0px 15px;
}
.grey-box ul li:last-child p {
    padding-bottom: 0;
}
.product-sidebar-content .grey-box  ul li {
    list-style: square;
	
    margin-bottom: 5px;
    font-size: 19px;
}
.product-sidebar-content .grey-box  ul li p{
	color: #666666;
	font-size: 14px;
}
.product-sidebar-content .grey-box  h2 {
	color: #127abd;
	font-size: 18px;
}
.product-bottom-content {
    margin: 15px 40px;
}
ul.performanceInsight li {
    display: inline-block;
    margin: 0 5px;
}
ul.performanceInsight li:first-child {
    margin-left: 0;
}
ul.performanceInsight li:last-child {
    margin-right: 0;
}
.blueQuote {
    width: 310px;
    height: 260px;
    margin-top: 10px;
    background: #1897d3;
    color: #ffffff;
    font-size: 18px;
    padding-left: 60px;
    padding-right: 30px;
    display: table;
}
.blueQuote p {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.product-guide-intro {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #acacac;
}
.product-guide-image {
    width: 275px;
    height: 160px;
    background-position: center !important;
    background-size: cover !important;
    float: left;
    margin-right: 40px;
}
.product-guide-overlay {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
   /* background: url('http://dev.push22.com/tti/website/wp-content/themes/tti_global/images/grey_overlay.png');
*/}
.product-guide-overlay p {
    padding: 0 50px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 28px;
	transition: all 100ms ease;
}
.product-guide-overlay:hover p{
	color: #ef922c;
}
.product-guide-intro-content {
    height: 160px;
    position: relative;
}
#main h2.product-guide-intro-header {
    margin-top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #1897d3;
}
.product-guide-intro-content a {
	font-weight: bold;
}
.product-guide-intro:first-child {
    margin-top: 20px;
}
a.product-guide-absoulute-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.product-guide-intro-excerpt {
    font-weight: bold;
}
.product-guide-intro-content a:hover {
    color: #FFAC46 !important;
}
.product-guide-intro.product-guide-last {
	border: none;
	margin-bottom: 0;
}
.content.single.single-product-guide ol {
    margin-left: 25px;
    margin-bottom: 15px;
    margin-top: 3px;
    /* color: #000; */
}
.iconnect-pr {
    background: #75b6e5;
    padding: 32px 75px;
    color: #fff;
    height: 167px;
    line-height: 25px;
    margin-bottom: 10px;
}
.iconnect-pr div {
    width: 220px;
    float: left;
}
.iconnect-pr div.observation {
    margin: 0 35px;
}
.iconnect-pr .header {}
h2.bottom-header {
    margin-top: 58px !important;
}
.purple-box {
    background: #657cbd;
    color: #fff;
    padding: 30px 25px;
}
#main .purple-box h2 {
    color: #fff;
    margin-top: 10px;
}
#main .purple-box p {
    padding: 0;
    line-height: 20px;
}
#main .purple-box h2:first-child {
    margin-top: 0;
}
.product-guide-file div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
}
.product-guide-file p {
    float: left;
    padding: 0;
    line-height: 28px;
    color: #ec8a2f;
    font-size: 15px;
}
.product-guide-file img {
    float: left;
    margin-right: 10px;
}
.product-guide-file p span {
    color: #fff;
}
a.pdfLink {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
	text-decoration: none;
	z-index: 15;
}
#main .content.single.single-product-guide ul {
    margin-top: 0;
}
#main ul.iConnect li span {
    font-size: 13px !important;
}
a.backToOverview {
	color: #ef922c;
	font-weight: bold;
	margin-left: 40px;
	display: block;
	float: left;
	clear: left;
	margin-top: 10px;
}
ul.sightUL li {
    margin-bottom: 10px;    
}
.border-quote {
    border-bottom: 1px solid #747474;
    border-top: 1px solid #747474;
    padding-top: 15px;
    margin-bottom: 15px;
}
a.product-guide-header-link {
    text-decoration: none;
}

#main a.product-guide-header-link:hover h2 {
    color: #ee8a1d;
}
/* Landing Page */
.formContainer {
    width: 434px;
    float: left;
    margin-right: 15px;
	/*background-image: url('http://dev.push22.com/tti/website/wp-content/uploads/2014/10/form_background.png');
    background-repeat: no-repeat;
*/}
#main .content .formContainer h2 {
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 29px;
    margin-left: 60px;
}

div#wpcf7-f1482-o1 {
    margin-left: 29px;
    width: 348px;
    margin-top: 21px;
    padding-left: 30px;
    background: #bdd7ee;
    display: block;
}

.eMagForm p {
    font-weight: bold;
    padding-bottom: 0;
    font-size: 16px;
    color: #000;
}

input.wpcf7-form-control {
    height: 25px;
    border: 1px solid #464646;
    padding-left: 5px;
    margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
    background: rgb(234,137,47); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(234,137,47,1) 0%, rgba(179,104,36,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,137,47,1)), color-stop(100%,rgba(179,104,36,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(234,137,47,1) 0%,rgba(179,104,36,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(234,137,47,1) 0%,rgba(179,104,36,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(234,137,47,1) 0%,rgba(179,104,36,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(234,137,47,1) 0%,rgba(179,104,36,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea892f', endColorstr='#b36824',GradientType=0 ); /* IE6-9 */;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Domine', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 317px;
    height: 40px;
    border: 1px solid #a75d1d;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.41);  -moz-box-shadow:    0px 5px 11px 0px rgba(50, 50, 50, 0.41);  box-shadow:         0px 5px 11px 0px rgba(50, 50, 50, 0.41);
}
.content.single.landing_page .right p {
    font-size: 18px;
    font-weight: bold;
}

.content.single.landing_page .right {
    padding-top: 18px;
    float: left;
    width: 431px;
}

.content.single.landing_page .right ul {
    margin-left: 15px;
	
    margin-top: -6px !important;
}
.content.single.landing_page .right ul li {
    margin-bottom: 6px;
    font-size: 14px;
}
.landing_page #p22fader.interior{
	height: 253px;
}
/* eMage Success */

.formContainer.success {
    width: 434px;
    height: 398px;
    float: left;
    margin-right: 15px;
	/*background-image: url('http://dev.push22.com/tti/website/wp-content/uploads/2014/10/form_success_background.png');
*/}
a.eMagdownload {
    display: block;
    width: 378px;
    margin-left: 29px;
    margin-top: -3px;
    height: 272px;
}

a.greenDownloadButton {
    background: rgb(72,202,43); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(72,202,43,1) 0%, rgba(55,154,33,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,202,43,1)), color-stop(100%,rgba(55,154,33,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(72,202,43,1) 0%,rgba(55,154,33,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(72,202,43,1) 0%,rgba(55,154,33,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(72,202,43,1) 0%,rgba(55,154,33,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(72,202,43,1) 0%,rgba(55,154,33,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ca2b', endColorstr='#379a21',GradientType=0 ); /* IE6-9 */;
    color: #fff !important;
    border: 1px solid #30881d;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    width: 320px;
    text-align: center;
    padding: 12px 0;
    margin-left: 57px;
    display: block;
    margin-top: -15px;
    border-radius: 5px;
	transition: all 500ms linear;
	text-decoration: none;
}
a.greenDownloadButton:hover {
    background: rgb(72,202,43); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(72,202,43,1) 99%, rgba(55,154,33,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(99%,rgba(72,202,43,1)), color-stop(100%,rgba(55,154,33,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ca2b', endColorstr='#379a21',GradientType=0 ); /* IE6-9 */;
}
.formContainer.success:hover .greenDownloadButton {
    background: rgb(72,202,43); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(72,202,43,1) 99%, rgba(55,154,33,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(99%,rgba(72,202,43,1)), color-stop(100%,rgba(55,154,33,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(72,202,43,1) 99%,rgba(55,154,33,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ca2b', endColorstr='#379a21',GradientType=0 ); /* IE6-9 */;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: rgb(234,137,47); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(234,137,47,1) 49%, rgba(234,137,47,1) 99%, rgba(179,104,36,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(234,137,47,1)), color-stop(99%,rgba(234,137,47,1)), color-stop(100%,rgba(179,104,36,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(234,137,47,1) 49%,rgba(234,137,47,1) 99%,rgba(179,104,36,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(234,137,47,1) 49%,rgba(234,137,47,1) 99%,rgba(179,104,36,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(234,137,47,1) 49%,rgba(234,137,47,1) 99%,rgba(179,104,36,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(234,137,47,1) 49%,rgba(234,137,47,1) 99%,rgba(179,104,36,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea892f', endColorstr='#b36824',GradientType=0 ); /* IE6-9 */;
    cursor: pointer;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: none;
    margin: 0 !important;
    padding: 0;
    width: 317px;
    padding-bottom: 15px;
    color: #f00;
}

span.wpcf7-not-valid-tip {
    margin-top: -15px;
    margin-bottom: 15px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    display: none !important;
}
a.successDownload:hover{
	text-decoration: none;
}
a.successDownload:hover span {
	color: #DA9050 !important;
}




.clear {clear: both !important;}