@import url('reset.css');

html, body {height:100%;}
html {overflow-x: hidden;}
#wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -45px;}
.push {height:44px; padding-top:40px;}

h3 {color:#870000;font-size:16px; margin-bottom:.6em; margin-top: 1em;}
h3.section {margin-top: 0;}
h4 {color:#be3839; font:13px/30px sans-serif; border-top:1px dotted #be3839; border-bottom:1px dotted #be3839; margin-bottom:14px;}
.c67 p.more {margin-top: -.5em;}
.c33 p.more {margin-top: -1em;}
.c33 p {margin-bottom: 1.5em;}


body, select, input, textarea {font:normal 12px/17px sans-serif; color:#575757;}
select {margin-bottom: 15px; height:20px;}
a {cursor:pointer; color:#3366aa; text-decoration:none; outline:0;}
a:hover {color:#3366dd; text-decoration:underline; outline:0;}
.result a:hover {text-decoration: none; }

h2, h4 {text-transform:uppercase;}
h2 {font-size:21px; padding-top:13px; margin-bottom:18px; width:630px; letter-spacing:-.05em;}
h2.pr {text-transform:none; line-height:26px;}
/*
h3 {color:#870000;font-size:16px; margin-bottom:1em;}
h4 {color:#be3839; font:13px/30px sans-serif; border-top:1px dotted #be3839; border-bottom:1px dotted #be3839; margin-bottom:20px;}
*/
h5 {font-weight:bold; margin-bottom:6px; color: #474747;}
h6 {color:#999;}
p,
ul {margin:0 0 1em; line-height:20px; list-style:none;}
p.last {margin-bottom: 1.5em;}
ul {margin:0 0 1.5em;}
.c67 ul {margin-left:25px; list-style:square; padding-right:60px;}
.bullet {margin-left:15px; list-style:square;}
    .bullet li + li {margin-top:1em;}
.c67 p {line-height:18px;}
.c33 p,
.c33 ul {line-height:17px;}
.c33 ul.bullets {margin-left:17px; list-style:square;}
a.more {font-size:12px;}
b {font-weight:bold;}
.pdf {background:transparent url('/assets/img/pdf.png') no-repeat 0 1px; padding-left:26px; line-height:20px;}
a.pdf {display:inline-block;}
li.news {background:transparent url('/assets/img/news.png') no-repeat 0 3px; padding-left:26px; line-height:20px;}
input + p {margin-top:1em;}

dl {padding-bottom:10px;}
    dt {display:block; float:left; clear:left; text-transform:uppercase; width:150px;}
    dd {display:block;}

/* HELPERS */
.hidden {display:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
img {border:1px solid #e5e5e5;}
img.ext {margin-left:6px; border:none;}
img.clean {border:none;}
img.left {margin-right:20px; margin-bottom:20px;}
img.right {margin-left:20px; margin-bottom:20px;}
img.left.small {margin-right:10px; margin-bottom:10px;}
img.right.small {margin-left:10px; margin-bottom:10px;}
.round3 {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.roundB3 {-webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.roundBL3 {-webkit-border-radius:0 0 0 3px; -moz-border-radius:0 0 0 3px; border-radius:0 0 0 3px;}
.roundBR3 {-webkit-border-radius:0 0 3px 0; -moz-border-radius:0 0 3px 0; border-radius:0 0 3px 0;}
.caption {color:#878787; font-size:11px; display:block; margin:12px 0 16px;}
    .caption b {font-weight:bold; color:#575757;}
/*
.tabs {margin:0 !important; height:21px; border-bottom:1px dotted #999;} 
    .tabs li {list-style:none; float:left; background:transparent url('/assets/img/bg_tab.png') no-repeat; display:block; float:left; text-decoration:none; color:#888; font-weight:bold; padding: 0 0 0 4px; font-size:12px; line-height:22px; }
    .tabs li a {background: transparent url('/assets/img/bg_tab.png') right -22px no-repeat; display:block; outline:0; color:#5b5b5b; text-transform:uppercase; text-decoration:none; display:block; text-align:center; font-size:10px; line-height:22px; padding:0 12px 0 8px !important;}
    .tabs li.current {background-position:0 -44px;}
    .tabs li.current a {color:#000; background-position:right -66px;}
.panes {padding-top:18px;}
*/

.btnGrey {background:transparent url('/assets/img/btnGrey.png') left 0 no-repeat; display:inline-block; text-decoration: none; color:#333; font-weight: bold; padding:0 0 0 4px; font-size:12px; line-height:24px;}
    .btnGrey span {background:transparent url('/assets/img/btnGrey.png') right -24px no-repeat; display:inline-block; padding:0 24px 0 20px;}
.btnGrey:hover {color:#006699;}
.btnGrey.disabled,
.btnGrey.disabled:hover {cursor:default; color:#898989; background-position: left -48px;}
    .btnGrey.disabled span {background-position:right -72px;}

.note {font-size:10px;}
    .note h5 {text-transform:uppercase;}
    .note dt {float:none; width:auto;}
    .note dd {margin-left:35px;}

table {width:100%; border: 1px solid #ddd;}
table.specs ul {margin-bottom: 0; padding-right: 10px;}
    th {background:#fff url('/assets/img/bg_th.png') repeat-x; font: normal 12px/32px sans-serif; color:#000; text-align:left; padding: 0 11px;}
    th + th {border-left:1px solid #cbcbcb;}
    td {border-top:1px solid #ddd; font-size:11px; padding:7px 11px; color:#000;}
    td + td {color:#777; border-left:1px solid #fff;}
    td.active,
    tr.active td {background:#f7f7f7; color:#575757;}
    tbody tr:first-child td.active,
    tbody tr:first-child.active td {border-top:1px solid #f04655;}

.insetNav h5 {font-size:13px;}
.insetNav ul {margin-left:25px; list-style:square; color:#999; margin-bottom:.5em;}

/* GRID */
header {height:98px; border-top:3px solid #b00513; border-bottom:1px solid #a5a5a5; background:transparent url('/assets/img/bg_header.png') repeat-x;}
    .container {width:960px; margin:0 auto; position:relative; z-index:9999999;}
    header .container {padding-top:21px;}
        h1 {width:130px; height:60px; text-transform:uppercase; background:transparent url('/assets/img/logo.png') no-repeat;}
            h1 a {display:block; width:130px; height:60px;}
        #account {position:absolute; top:0; right:0; list-style:none; margin:0;}
            #account li {float:left;}
                #account a {display:block; font:normal 10px/14px sans-serif; color:#fff; padding:0 11px 4px; background:transparent url('/assets/img/bg_top.png') no-repeat;}
                #account .login {border-right:1px solid #68030b;}
                #account .register {border-left:1px solid #cf6970;}
                #account .worldwide {margin-left:6px; position:relative;}
                    #account .worldwide > a {background-position:right top; padding-right:25px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
                    #account .worldwide:hover > a {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
                    #account .worldwide ul {display:none; position:absolute; top:18px; background:transparent url('/assets/img/bg_top.png') no-repeat 0 -18px; *width:85px;}
                    #account .worldwide:hover ul {display:block;}
                        #account .worldwide:hover li {width:100%;}
                            #account .worldwide ul a {background:none; display:block;}
                            #account .worldwide ul a:hover {background:#b1434c; text-decoration:none;}
        #globalSearch {position:absolute; top:64px; right:0;}
            #globalSearch .button {background:transparent url('/assets/img/search.png') no-repeat; width:25px; height:21px; border:none; float:left;}
            #globalSearch .input {border:none; border-top:1px solid #ccc; width:161px; height:20px; padding:0 11px; font:normal 10px/16px sans-serif;}
        header nav {position:absolute; top:69px; left:215px;}   
            header nav li {font:normal 12px/12px sans-serif; float:left; text-transform:uppercase; margin-right:30px; position:relative;}
            header nav > ul > li:hover /*,
            .products-section header nav > ul > li.products,
            .solutions-section header nav > ul > li.solutions,
            .environment-section header nav > ul > li.environment,
            .support-section header nav > ul > li.support,
            .company-section header nav > ul > li.company*/ {background:transparent url('/assets/img/bg_nav.png') no-repeat center 19px;}
                header nav a {display:block; color:#5b5b5b; height:30px;}
                header nav a:hover {color:#000; text-decoration:none;}
                header nav li ul {display:none; background:#fff url('/assets/img/bg_dropdown.png') repeat-x; position:absolute; width:243px; top:29px; border-top:1px solid #a5a5a5; left:-15px; box-shadow:0 15px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 15px 15px rgba(0,0,0,0.15); -moz-box-shadow:0 15px 15px rgba(0,0,0,0.15);}
                header nav li:hover ul {display:block;} 
                    header nav li li {text-transform:capitalize;}
                        header nav li ul a {display:block; padding:0 15px; line-height:29px; width:213px; line-height:29px; height:auto; color:#535353; border-bottom:1px dotted #a6a6a6;}
                        header nav li ul a:hover {background:#bbb;}
                        header nav li.products ul li.all a:hover,
                        header nav li.products ul li.guide a:hover {text-decoration: underline;}
                        header .all a,
                        header .guide a {line-height:18px; background:#fff url('/assets/img/arrow_red.png') no-repeat right 6px; width:auto; padding-right:22px; border:none;}
                        header .all a:hover,
                        header .guide a:hover {color:#5b5b5b; background:#fff url('/assets/img/arrow_red.png') no-repeat right 6px; text-decoration:underline;}
                        header .all a {margin-top:14px;}
                        header .guide a {margin-bottom:16px;}

#main {position:relative; z-index:1; background:#fff repeat-x;}

#main.noHero {background:#fff !important;}
/*.family #main {background:#fff;}*/
    #main .container {padding-top:30px;}
        #main #breadcrumb {font-size:10px; margin-bottom:21px;}
            #main #breadcrumb a {padding-right:12px; margin-right:8px; background:transparent url('/assets/img/arrow_breadcrumb.png') no-repeat right 2px;}
            #main #breadcrumb span {color:#000;}
        .col {float:left;}
        .col + .col {margin-left:30px;}
        .col.c33 {width:300px;}
        .col.c67 {width:630px;}
        .col.c100 {width:960px;}
        .c67,
        .c100,
        .c67 section + section {border-top:1px dotted #999; padding-top:20px;}
footer {color:#959595; clear:both; position:relative; height:44px; font:normal 9px/9px sans-serif; background:#ebebeb; border-top:1px solid #dbdbdb;}
    footer .container {padding-top:18px; position:relative;}
        footer nav {border-left:1px solid #959595; margin:-6px 0 0 20px; position:absolute; left:205px; top:19px;}
            footer li {float:left; text-transform:uppercase; margin-left:13px;}
            footer a {color:#959595;}
            footer a:hover {color:#b6b6b6; border-bottom:1px solid #959595;}
            .mozilla footer a:hover {border-bottom:none;}
		#social {position:absolute; right:20px; top:19px; width:135px;}
			#social a {display:block; position:absolute; right:60px; top:-4px; display:block; width:16px; height:16px; background:transparent url('/assets/img/social3.png') no-repeat;}
			#social .twitter {background-position:-20px 0; right:40px;}
			#social .youtube {background-position:-40px 0; right:20px;}
			#social .googleplus {background-position:-60px 0; right:0px;}
			#social .linkedin {background-position:-80px 0; right:-20px;}

/* SEARCH */
#search_field {background:transparent url('/assets/img/bg_search_field.png') no-repeat; padding:9px 0 10px 18px; height:23px; margin-bottom:10px;}
#search_field .input {border:none; border-top:1px solid #c6c6c6; height:18px; width:506px; margin-right:16px;}
#search_field .button {height:23px; width:63px; background:transparent url('/assets/img/bg_search_button.png') repeat-x; border:none; color:#fff;}
.paginate {float:right; margin:16px 330px 16px 0;}
.paginate a {float:left;}
.paginate a + a {margin-left:10px;}
.paginate .active {cursor:default; color:#8d8d8d; text-decoration:none;}
.paginate .prev,
.paginate .next {display:block; width:8px; height:9px; background:transparent url('/assets/img/paginate.png') no-repeat; position:relative; top:4px;}
.paginate .next {background-position:-10px 0;}
.results_found {color:#000; margin-top:26px; display:block;}
.result {padding-top:20px; border-bottom:1px dotted #ccc;}
.paginate .current {color: black; cursor: default; pointer-events:none; }
.result a {font-weight: bold;}
.result p {margin-top: -8px; color: #777;}



/* HOME */

#home .col img.big {margin-bottom:26px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);}
#home .col h3 {font:normal 19px/35px sans-serif; letter-spacing:-.05em; text-transform:uppercase; margin-bottom:16px; color:#be3839; border-top:1px dotted #be3839; border-bottom:1px dotted #be3839; margin-bottom:20px;}  
    .webkit #home .col h3 {padding-bottom: 3px;}
#home .col img.small {margin:3px 0 0 20px;}
    #home .news .item + .item {border-top:1px solid #d4d4d4; margin-top:11px; padding-top:12px;}
        .news .date {display:block; font-weight:bold; color:#a2a2a2; margin-bottom:2px;}
    #home #company ul {margin:17px 0 0 0; list-style:none;}
        #home #company li {font:normal 11px/24px sans-serif; border-top:1px dotted #a6a6a6; border-bottom:1px dotted #a6a6a6;}
        #home #company li + li {border-top:none;}
            #home #company li a {display:block; width:290px; background:transparent url('/assets/img/arrow_blue.png') no-repeat right 9px;}
#home #resources p, #home #company p {padding-bottom: 10px;}
#home #resources input {background:#f8f8f8 url('/assets/img/bg_input.png') no-repeat; width:288px; padding:0 6px; border:none; height:20px; margin:11px 0 10px; *position:relative; *left:-30px;}
    #productSelectTop {height:42px;}
        #productSelectTop form {height:22px; margin:0; padding:0; *position:relative; *left:30px;}
    #productSelectBottom {font:normal 10px/18px sans-serif; padding:2px 6px; background:#f8f8f8 url('/assets/img/bg_input.png') no-repeat; width:288px; height:117px; overflow-y:scroll; text-transform:uppercase;}
        #productSelectBottom a {color:#575757; margin-left:10px;}
        #productSelectBottom h6 a {color:#999; margin-left:0;}
*/

/* PRODUCTS */

            
.mozilla #news h3 {padding-top:1px;}
.solution h3 a {display:block; text-decoration:none;}
.col .solution h3 {text-transform:uppercase; font:13px/30px sans-serif; border-top:1px dotted #be3839; border-bottom:1px dotted #be3839; margin-bottom:16px;}
.col .solution h3 {background:transparent url('/assets/img/arrow_red.png') no-repeat right 12px;}
.solution {padding-bottom:5px;}


a.tooltip {font-weight:bold;background:transparent url('/assets/img/info_icon.png') no-repeat top right; padding-right: 9px;}
.tooltip_styling {background: transparent url("/assets/img/tooltip.png") bottom left no-repeat; min-height:0 !important; padding-bottom:31px !important;}

blockquote { border-bottom: 1px dotted #666666;border-top: 1px dotted #666666;margin-bottom: 20px; padding: 5px 0;quotes: none;text-align: center;}
blockquote p {background-color: #E5F0F3; margin-bottom: 0 !important; padding: 25px;}
cite {display:block;}
blockquote cite:before {content: "\2014\a0";}

/* COMPANY */
.export input {width:250px;}
.export select {width:257px;}
.export h5 {margin-top:10px;margin-bottom:2px;}

.newsFilter {}
    .newsFilter select {margin-left:5px; float:right;}
    .newsFilter span {color:#000; float:right;}
.news {clear:both;}
    .news dt {width:80px;}
.news dd {margin-left:80px; color: #777; font-size: 12px;}
.news dd a { display:block; font-size: 12px; font-weight: bold;}
.news h3 {margin-bottom:1.3em;} 
.news dd {margin-bottom:1.3em;}
    .news .item {margin-bottom: 14px;}
    .news .date {display:block; font-weight:bold; color:#a2a2a2; margin-bottom:2px;}
.newsPaging {clear:both;}
    .newsPaging .note {float:left; width:130px; line-height:20px;}
    .newsPaging ul {list-style:none;}
        .newsPaging li {float:left;}
        .newsPaging li + li {margin-left:5px;}
.press {color:#000;}
    .press h3 {text-transform:none; color:#000; font-size:14px;}
    .press .contacts {float:left; width:100%; margin-top:12px;}
    .press .contacts p {line-height:16px;}
.events {color: #575757;}
    .events .logo {float:left; clear:left; width:130px; height:128px; }
    .events .logo img {border:none;}
    .events h3 {margin-bottom:.5em;}
    .events p + .logo + h3 {margin-top:30px;}
    .events dt {font-weight:bold; width:100%;}
    .events dd + dt {margin-top:1em;}
    

/* Drivers */
#drivers .c33 {width:260px;}
    #drivers #platform {margin-top:1em;}
    #drivers select {width:240px;}
#drivers .c67 {width:670px; border:none; padding:0;}
#drivers #driverWrap {max-height:353px; overflow-y:scroll; border:1px solid #ccc;}
    #drivers #driversTable {*width:651px; border:none;}
        #drivers td.active {cursor:pointer;}
    #drivers .legal {border:1px solid #999; padding:1em 1em 0 1em; margin-bottom:3em; font-size:10px;}
    #drivers input {margin-right:5px;}
    #drivers #agreement label.error {color:#b2080e;}
    #drivers #agreement h2 {padding-top:0;}
    #drivers #agreement .legal p {line-height:15px;}
#drivers .btnGrey {margin-left:30px;}


th.headerSortUp { 
    background: url('/assets/img/arrow_up.png') no-repeat 95% center; 
   *background: url('/assets/img/bg_th_ie.png') repeat-x 100% 0; 
   *height: 45px;
}
th.headerSortDown { 
    background: url('/assets/img/bg_nav.png') no-repeat 95% center; 
    *background: url('/assets/img/bg_th_ie.png') repeat-x 100% 100%; 
   *height: 45px;
}
.tablesorter thead tr {
     background: url('/assets/img/bg_th.png') repeat-x !important;
     cursor: pointer;
}


#agreement input[type="checkbox"] {vertical-align: baseline;}
#platform, #actual {padding-top:1px;}

.nolink {
       pointer-events: none;
       cursor: default;
}

/* Learn More */
#main a.learn {padding-right:8px; background:transparent url('/assets/img/arrow_blue.png') no-repeat right 4px;}
/* 100% Image */
#main img.full {margin-bottom:1em;}

#exportSearch {height:301px; margin:3em 0; border:1px solid #ddd; overflow-y:scroll;}

/*CLEARFIX*/
.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block;}

/*YouTube block element*/

.block_youtube .video-link
{
float: left;
display: block;
padding-right: 7px;
background: url("/assets/img/arrow_blue.png") no-repeat scroll right 6px transparent;
font-weight: normal;
}

.block_youtube .video-box 
{
  background-color: #CFCFCF;
  border-color: #9C9C9C #EAEAEA #EAEAEA #9C9C9C;
  border-style: solid;
  border-width: 1px;
  width: 271px;
  height: 193px;
  margin-left: 2px;
  padding: 3px;
}

.block_youtube .video-title
{
    margin-top: 6px;
    font-family: arial, helvetica;
    font-weight: bold;
    font-size: 12px;
}

.block_youtube .bottom_module 
{
  height: 37px;
  margin-top: 9px;
}

.video-promo
{
  margin-bottom: 1em;
}

/* HEROS */
.hero {position:relative; z-index:1; border-bottom:4px solid #ea090a; background:#000; background-repeat:repeat-x}
    .hero .bg {background-repeat:no-repeat; background-position:center top; margin:0 auto; position:relative;}
        .hero .inner {height:200px; width:960px; margin: 0 auto; position:relative;}
            .hero .pic {display:block; position:absolute;}
            .hero .shade {background:transparent url('/assets/img/shade.png'); position:relative; top:32px; height:auto; display:inline-block; padding:23px 30px;}
                .hero h2 {text-transform:uppercase; font-size:40px; padding:40px 0 10px 0; margin:0; color:#fff;}
                .hero h3 {text-transform:uppercase; font-size:16px; margin:0; color:#fff;}
                .hero p {padding-top:11px; width:300px; margin:0; color:#fff;}
                .hero .ctaArrow {display:inline-block; padding-right:10px; background:transparent url('/assets/img/arrow_hero.png') no-repeat right 6px; *background-position:right 3px;}
                .hero .ctaArrow + .ctaArrow {margin-left:22px;}
                    .hero .ctaArrow a {color:#fff; font-size:13px;}
                    .hero .ctaArrow a:hover {text-decoration:none; border-bottom:1px solid #fff;}

.hero#heroHome {}
    .hero#heroHome .inner {height:320px; width:1190px;}
    .hero#heroHome .slide {position:absolute; height:320px; width:1190px; background:transparent url('/assets/img/hero_bg.jpg') repeat-x;}
    .hero#heroHome #hero1 .pic {background:transparent url('/assets/img/hero_singapore.jpg') no-repeat -45px 0; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
    .hero#heroHome #hero2 .pic {background:transparent url('/assets/img/hero_cloud.jpg') no-repeat -45px 0; width:100%; height:320px; display:block; position:absolute; top:0; z-index: -1;}
    .hero#heroHome #hero3 .pic {background:transparent url('/assets/img/hero_led.jpg') no-repeat -45px 0; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
        .hero#heroHome .shade {margin:36px 77px 4px 115px; padding:29px 35px 28px; height:auto; min-width:700px;}
        .hero#heroHome .space {padding-left:121px; min-width:607px;}
        .hero#heroHome img.left {border:none; margin:0 0 0 -86px;}
        .hero#heroHome .chip {background:transparent url('/assets/img/chip.png') no-repeat 0 0; height: 70px; padding-left: 85px;}
            .hero#heroHome .chip920 {background:transparent url('/assets/img/chip.png') no-repeat 0 -70px; height: 70px; padding-left: 85px;}
        .hero#heroHome .line1 {font-size:28px; text-transform:uppercase; display:block; color:#fff; padding:38px 0 10px 0;}
        .hero#heroHome h2 {font-size:48px; padding-top:0;}
        .hero#heroHome p {width:auto; font-size:17px; color:#fff; padding:8px 0 22px 0; float:left; text-transform:none;}
        .hero#heroHome .cta {clear:left;}
#home #dots {position:absolute; width:90px; height:10px; left:565px; bottom:10px; z-index:100;}
    #home #dots a {text-indent:-9999em; display:block; height:10px; width:10px; background:transparent url('/assets/img/hero_paginate.png') no-repeat; padding:0; float:left; margin-right:0;}
    #home #dots a:hover {border:none;}
    #home #dots a + a {margin-left:16px;}
    #home #dots a.activeSlide {background-position:-10px 0;}

.hero#heroProducts {}
    .hero#heroProducts .cta {margin:40px 7px 0; padding:7px 35px;}
    .hero#heroProducts .product {width:480px; float:left; color:#999; height:200px;} 
        .products-section .product a {margin:0;}
        .hero#heroProducts .product .title {font-size:19px; margin:28px 0 9px 0; text-transform:uppercase;}
        .hero#heroProducts p {margin-bottom:8px; width:200px; color:#eee;}
            .hero#heroProducts p a:hover  {border:none;}
        .hero#heroProducts a.hero_link {padding:0; background: none;}
        .hero#heroProducts a.hero_link:hover {border:none;}

.hero#heroProductFamily {color:#999;}
    .hero#heroProductFamily .bg {background-image:url('/products/assets/hero_family.jpg');}
        .hero#heroProductFamily h2 {font-size:30px; text-transform:uppercase; padding:62px 0 9px 0;}
        .hero#heroProductFamily h3 {font-size:16px; text-transform:none;}
        .hero#heroProductFamily p {padding-top:7px; width:250px;}

.hero#heroProduct {color:#999;}
    .hero#heroProduct .bg {background-image:url('/assets/hero_singapore.jpg'); }
        .hero#heroProduct .shade {padding:23px 20px;}
            .hero#heroProduct h2 {font-size:35px; padding:15px 0 5px 0 !important;}
            .hero#heroProduct p {width:auto; padding:0; font-size:16px;}
            .hero#heroProduct img.spotlight {position:relative; left:-12px !important; top:18px!important; margin-right:-27px; float:left; border:none;}

.hero#heroSolutions {background-image:url('/solutions/assets/hero_bg.jpg');}
    .hero#heroSolutions .bg {background-image:url('/solutions/assets/hero.jpg');}
        .hero#heroSolutions h2 {padding:0 0 9px 0; font-size:30px;}
        .hero#heroSolutions p {padding-top:0; position:relative; top:-3px; width:auto; font-size:17px;}
        .hero#heroSolutions .ctaArrow {position:relative; top:7px; background:transparent url('/assets/img/arrow_hero12.png') no-repeat right 6px;}

.hero#heroGreen {background-image:url('/sustainability/assets/hero_bg.jpg');}
    .hero#heroGreen .bg {background-image:url('/sustainability/assets/hero.jpg');}
        .hero#heroGreen h3 {color:#890302;}
        .hero#heroGreen p {color:#575757;}

.hero#heroSupport {background-image:url('/support/assets/hero_bg.jpg');}
    .hero#heroSupport .bg {background-image:url('/support/assets/hero.jpg');}
        .hero#heroSupport p {color:#999;}

.hero#heroCompany {background-image:url('/company/assets/hero_night_bg.jpg');}
    .hero#heroCompany .bg {background-image:url('/company/assets/hero_night.jpg');}
.hero#heroCompany.day {background-image:url('/company/assets/hero_day_bg.jpg');}
    .hero#heroCompany.day .bg {background-image:url('/company/assets/hero_day.jpg');}

.hero#heroSearch {background:transparent url('/search/assets/hero.jpg') no-repeat center top;}
    .hero#heroSearch p {color:#999;}


/* Twitter Feed */
.tweet li + li {margin-top:1em;}
	.tweet .tweet_time {font-size:10px;}


/* Modal */

.modalTemplate {position:fixed; left:-9999px; max-width:900px; text-align:left;}
#modalShade {top:0; left:0; position:fixed; z-index:999; width:100%; height:100%; background:transparent url('../img/modalShade.png');}
#modal {position:fixed; z-index:1000; background:#fff; top:50%; left:50%; -box-shadow:0 0 30px #000; -moz-box-shadow:0 0 30px #000; -webkit-box-shadow:0 0 30px #000; max-width:900px; text-align:left;}
                #modal .close {position:absolute; top:-24px; right:0; color:#fff; font-weight:bold; cursor:pointer;}
                #modal img,
                #modal iframe {display:block;}

.modalOpen {position:relative; display:inline-block;}
                .modalOpen .mag {opacity:0.75; display:block; cursor:pointer; position:absolute; z-index:999999999; right:0; bottom:0;}
                .modalOpen:hover .mag {opacity:1;}