@charset "utf-8";

/* ==============================================global============================================== */

* {	margin:0px;padding:0px;} 
img {border: 0;}
.clear {clear:both;}
.clear-end {clear:both;line-height:1px}
body {font-family: Verdana, Geneva, sans-serif;font-size: .9em;color: #000;background: #CCC url(http://www.42u.com/images/42u-gray.jpg) top repeat;text-align: center;}
#wrapper {width: 930px;text-align: left;background-color: #fff;margin: 0 auto 10px;}

table {border-collapse:collapse;margin:0px auto}
table, td, th{border: 1px solid #ccc;}
table.no-border, table.no-border td, table.no-border th{border: 0px #ccc none;}
td {padding:3px;font:.8em Tahoma,Arial,Helvetica,sans-serif black;}
th {padding:3px;font:.8em Tahoma,Arial,Helvetica,sans-serif;color:white; font-weight:bold;background-color:#77B6EB;text-align:center}
blockquote {font:italic .8em Tahoma,Arial,Helvetica,sans-serif balck; padding:0 20px 10px 20px;}
.blk {color:black}
.center {text-align:center}
iframe {border:0px #fff none}
html {overflow-y: scroll;}
.no-border td, .no-border th, .no-border tr {border:0 #fff none} 

/* ==============================================Header============================================== */


.head {background:black url('../images/42u-header-left.jpg') no-repeat left top ;width: 930px;position:relative; *background:black url('http://www.42u.com/images/42u-header.jpg') /* IE 7 and below */}
.head h1 {padding:32px 10px 0 20px;float:left;color:white;font-size:.8em;width:350px;text-align:center;position:relative;z-index:3;}
#logo {float:left; padding:0px 0 0 0px;height:80px;}
#phone {background: black url('../images/42u-header-right.jpg') no-repeat right top;position:absolute; top:0px;right:0px;float:right;height:80px;width:388px;z-index:2;}
.tele { text-align:center; padding:2px;font:1.1em Verdana,Georgia,"Times New Roman",times,serif;font-weight:900;min-width:100px }
.transparent {background:#fff;opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */;float:right;margin:3px;border-radius:5px}
.search {Float:right;color:white;margin:35px 5px 0 0;position:relative;z-index:3;}

.head_image {width:530px;height:383px;clear:both;float:left;color:#fff;padding:15px 10px;position:relative}
.head_image h2 {font-size:.85em;text-align:center;}
.head_image h2.left{text-align:left}
.head_image h3.left{text-align:left}
.head_image h3 {font-size:.7em;text-align:center;bottom: 20px;left: 10px;}
.head_image a:link,.head_image a:visited{color:white}
.head_image a:hover{color:white;background-color:#333}
.head_image .blk a:link,.head_image .blk a:visited{color:black}
.head_image .blk a:hover{color:black;background-color:#E8EFF7}
h3.bottom {position: absolute; bottom:20px;width:540px;font-size:.7em;}
h2.bottom {padding-top:358px;font-size:.85em}



#head_right {float:right;width:360px;background-color:#77B6EB;height:383px;padding:15px 10px; overflow:hidden}
#head_right a:hover.aimg{background-color:#77B6EB}

#callout {width:150px;height:383px;float:left;text-align:center;font:.75em Tahoma,Arial,Helvetica,sans-serif}
#callout a:link, #callout a:visited {text-decoration:none;font-weight:bold;color:#003366;}
#callout a:hover {text-decoration:underline;background-color:#B5CDE6}
	
#callout-rt {text-align:center;float:right;width:205px;height:383px;overflow:hidden;padding:10px 0 0 0;	}

#rtnav {padding:20px 0 0 20px;font-size:.75em;font-family:Tahoma}
#rtnav ul {list-style-image: url(http://www.42u.com/images/bullet-menu.gif);margin:0 0 20px 0;text-align:left;list-style-position:outside;}
#rtnav li {padding:0 0 1px 0;}
#rtnav li:first-child {font-weight:bold;color:#003366;}
#rtnav li:first-child a {font-weight:bold;color:#003366;}
#rtnav a:link, #rtnav a:visited {text-decoration:none;color:#000;}
#rtnav a:hover {text-decoration:underline;background-color:#B5CDE6;font-weight:bold}
#rtnav p {text-align:left;padding:0 0 10px 0;color:#333}
#rtnav p a:link, #rtnav p a:visited {text-decoration:none;color:#003366;font-weight:bold}
#rtnav p a:hover {text-decoration:underline;background-color:#B5CDE6;}






/* ==============================================main content============================================== */

.content {padding:0 20px 0px 20px;clear:both;width:890px;}
.content a {color:#6666FF;text-decoration:none} 
.content a:hover {text-decoration:underline;background-color: #E8EFF7;color:#0000CC}
.content h2 {font-size:1.2em;text-align:center;padding:5px 0 10px 0;margin-top:20px;color: #87af7a;}
.content p {padding:0 0 10px 0;font: .8em Tahoma,Arial,Helvetica,sans-serif;color:#333}
.content h3 {font:bold .9em Tahoma,Arial,Helvetica,sans-serif;color:#333;}
.content h3 a {color:#036;text-decoration:none} 
.content h3 a:hover {text-decoration:underline;background-color:#FD9833;color:#036;}
.content a:hover.aimg{background-color:#fff}
.content ul {list-style:disc outside;padding:0;margin:0 40px 10px 40px}
.content ol {padding:0;margin:0 40px 10px 40px}
.content li {font:.8em Tahoma,Arial,Helvetica,sans-serif;padding:3px 0 0 0;color:#333}
p.li-heading {padding-bottom:0px}
p.issue {text-decoration:underline}
.content ul ul {list-style:circle outside;padding:0;margin:0 20px 10px 20px;}
.content ul ul li {font:1em Tahoma,Arial,Helvetica,sans-serif}
ul.triangle-bl {list-style-image: url(http://www.42u.com/images/bullet-triangle.gif);}
.triangle-bl li {Font-size:1em}


.subhead {text-align:center;padding-bottom:10px;margin-top:-5px;}

.share {padding:10px 0 0 0;height:18px;float:right;min-width:200px}
.share a:hover {background-color:white}

.thumb-strip {clear:both;padding:5px 0;height:112px}
.thumb {font-size:.8em;width: 220px;float: left;font-weight: 700;text-align: center;color: #003366;font-family: Arial;}
.thumb a:link, .thumb a:visited {font-family: Arial;text-decoration: none;font-weight: 700;color: #036;}
.thumb a:hover {font-family: Arial;text-decoration:underline;font-weight: 700;color: #036;background-color:#FD9833}



.feature-strip {clear:both;min-height:74px;padding-top:0px}
.right-feature, .left-feature {width:425px;background:url('http://www.42u.com/images/featured-solution2.gif') no-repeat left top;margin-bottom:10px;  }
.right-feature {float:right}
.left-feature {float:left}
.left-feature p, .right-feature p {border:1px #ccc solid;margin-top:12px;min-height:74px;padding-right:2px}
.left-feature img, .right-feature img {float:left;padding-right:2px}
.left-feature a,.right-feature a {color:#003366;font-weight:bold;text-decoration:none}
.left-feature a:hover,.right-feature a:hover {background-color:#FD9833;text-decoration:underline}

.left-content,.right-content {border:1px #ccc solid;padding:10px;width:415px;margin:10px 0}
.right-content {float:right}
.left-content {float:left}
.middle-content {clear:both;border: 1px #ccc solid;padding:10px;width:868px}
.left-content img,.right-content img,.middle-content img {float:left;padding-right:10px}
.left-content h3,.right-content h3,.middle-content h3 {padding-bottom:3px}

.prod_left {Float:left;width:600px;}
.prod_right {Float:right;width:270px;padding-top:16px}
.prod_right ul{font-size:.9em;margin: 0 10px 10px 30px;}
.prod_right p{font-size:.9em}
.prod_right h3 {font-size:.75em;}

ul.arrow {list-style-image: url(http://www.42u.com/images/42u-triangle.gif);margin:0 0 10px 30px;text-align:left;list-style-position:outside}
li.arrow  {padding:0 0 1px 0;}
.arrow a:link, .arrow a:visited {text-decoration:none;font-weight:bold;color:#003366;}
.arrow a:hover {color:#003366;text-decoration:underline;background-color:#B5CDE6;font-weight:bold}

.image-left {float:left;text-align:center;padding:10px;display:block;font:.8em Tahoma,Arial,Helvetica,sans-serif; font-weight:bold}
.image-right {float:right;text-align:center;padding:10px;display:block;font:.8em Tahoma,Arial,Helvetica,sans-serif; font-weight:bold}
.image-center {text-align:center;padding:10px;font:.8em Tahoma,Arial,Helvetica,sans-serif; font-weight:bold}

.aside-right,.aside-left {width:350px;margin:0 10px 10px 10px;padding:5px;border: 1px #ccc solid;background-color:#f7f3f7}
.aside-right {float:right;}
.aside-left {float:left;}
.aside-right h3,.aside-left h3 {font-size:.75em}
.aside-right p,.aside-left p {padding:0px 0px 10px 5px;font-size:.75em}
.aside-right ul,.aside-left ul {margin: 0 20px 10px 20px;;font-size:.9em}


.expert {text-align:center;clear:both;padding-bottom:10px;padding-top:20px;margin:0 150px}
.expert p {padding:5px 0 5px 0}

.bib {padding:0px 60px}
.bib h3 {margin-left:-30px}
.bib a {padding-left:20px}
p.CCA {text-align:center;padding:20px 50px;font-size:.7em}
.how {width:650px;margin:10px auto;	}
.how p {padding-top:85px;}
.solution {text-align: center;margin-bottom: 20px;}
.th-foot {font-weight:normal}


table.spec, table.spec td, table.spec th{border: 0px #ccc none;}
table.spec tr:nth-child(even) {background:#fff;border: 0px #ccc none;}
table.spec tr:nth-child(odd) {background:#ccc;border: 0px #ccc none;}
table.spec {margin: 5px 10px}
/* =============Career page============= */
#anchor {width: 680px;margin-left: 20px;color: #999;clear: both;}
#anchor ul {display: inline;list-style-type: none;list-style-position: outside;padding-left: 0;margin-left: 0;}
#anchor ul.career {display: block;list-style-type: none;list-style-position: outside;padding-left: 0;margin-left: 0;}
#anchor ul.career li {display: block;}
#anchor li {display: inline;padding-right: 20px;}


.grey-bar {background: #ccc url('http://www.42u.com/images/42u-gray.jpg') repeat-x fixed 0 0;height: 10px;margin: 0px -20px 0 -40px}



/* ==============================================footer============================================== */

.footer {width: 930px;background-color: #ffffff;padding-top: 10px;padding-bottom: 10px;font-size: .75em;font-family: Arial;clear:both}
.footerbg {background-image:url('http://www.42u.com/images/42u-data-center-efficiency-b40.jpg');height:40px; color:#000000;	margin-bottom:10px;}

#footernav {float:left;padding-left:278px;padding-top:10px;height: 15px;}
#footernav a:link { text-decoration: none;font-weight:700; color: #eee;text-shadow:1px 1px #888}
#footernav a:visited { text-decoration: none;font-weight:700; color: #eee;text-shadow:1px 1px #888}
#footernav a:hover { background-color:#FD9833;text-decoration: none;font-weight:700; color: #fff;text-shadow:1px 1px #888}

#copy {color: #666666;clear: both;text-align: center;}
#copy p {color:#666666;text-align:center;}
#copy a:hover {text-decoration: underline;font-size: 8pt;font-family: Arial;color: #FFF;}
#copy a:link, #copy a:visited {text-decoration: none;font-size: 8pt;font-family: Arial;color: #666;}

#social {float:right;width:112px;height:39px }





/* ==============================================top-flyout-menu============================================== */
.topnav{text-align:center;height:34px;background:#80a874 url(http://www.42u.com/images/42u-data-center-cooling2-b40.jpg);color:#fff;font:.75em Arial, Helvetica, sans-serif;clear:both;padding-top:0} 
.menu-b-ends{background:url(http://www.42u.com/images/42u-data-center-cooling2-b40.jpg);text-align:center;width:12px;height:34px;float:left;font-size:1px} 
.libackground{background-image:url(http://www.42u.com/images/42u-data-center-cooling2-b40.jpg);height:31px;width:90px;text-align:center;float:left;padding-top:3px;font-weight:700;text-shadow:1px 1px #888} 
.menu a{color:#eee;text-decoration:none} 
.menu span{float:left;color:#eee;text-decoration:none} 
.menu a:hover{color:#FFF} .menu{list-style:none;height:34px} 
.menu li{position:relative;float:left;z-index:1000;text-align:left} 
.menu ul{position:absolute;top:34px;left:-6px;display:none;list-style:none;background-color:#ccc;text-align:left;width:175px} 
.menu ul li{float:none;width:170px;text-align:left;padding-top:3px;padding-bottom:3px;padding-left:5px;background:#ccc;color:#082831} 
.menu ul li a,li.menuhover li a,li.menuhover li.menuhover li a{float:none;display:block;text-align:left;color:#082831} 
.menu ul li a:hover,li.menuhover li a:hover,li.menuhover li.menuhover li a:hover{color:#082831;font-weight:700;text-align:left} 
.menu ul li span,li.menuhover li span,li.menuhover li.menuhover li span{float:none;display:block;background:none;text-align:left} 
.menu ul ul{left:173px;top:0;padding-left:5px} 
.menu li.noborder{border-top:none;text-align:left} 
.menu li.last{width:104px} 
.menu li.submenum a:hover,.menu li.submenum li a:hover{background-color:#FD9833;text-align:left} 
.libackground a:hover,.libackground1 a:hover{color:#FFF;background-color:#FD9833} 
li.menuhover a,li.menuhover li.menuhover a,li.menuhover span,li.menuhover li.menuhover span{color:#082831} 
.menu-b{background:url(http://www.42u.com/images/divider.jpg);background-repeat:repeat-x;text-align:center;vertical-align:middle;width:12px;height:34px;float:left;font-size:1px} 
.libackground1{background-image:url(http://www.42u.com/images/42u-data-center-cooling2-b40.jpg);width:90px;text-align:center;padding-top:10px;height:24px;float:left;font-weight:700;text-shadow:1px 1px #888} .oneline{padding-top:3px;text-align:center}

/* ==============================================2014-slide============================================== */

#tabs h2 {padding:30px 20px 10px 20px;text-align:left;font-size:2em}
#tabs p {padding-left:20px}
#tabs div.learn {margin:30px}
.learn div.learn-left {float:left;background: url('http://www.42u.com/images/slide/42u-banner-button-side-left.png') no-repeat;height:39px;width:8px}
.learn div.learn-right {float:left;background: url('http://www.42u.com/images/slide/42u-banner-button-side-right.png') no-repeat;height:39px;width:8px}
.learn div.learn-middle {color:#fff;padding:7px 0 0 0;text-align:center;height:32px;background: url('http://www.42u.com/images/slide/42u-banner-button-bg.png') repeat-x;float:left}
div.learn-middle a {color:white;text-decoration:none;font-weight:bold;text-shadow: 0px 1px 2px #333}
div.learn-middle a:hover {color:#082831;text-shadow:  0px 1px 2px #fff}

/* ==============================================2014-CTA============================================== */

.CTA {width:600px;margin:30px auto;font-family:Arial, Helvetica, sans-serif;}
.CTA h2 {font-size:1.6em;color:#222;font-family:Arial, Helvetica, sans-serif}
.CTA p {text-align:center;color:#484848;font-size:1em;font-family:Arial, Helvetica, sans-serif}
.CTA h3 {font: bold 1em arial;padding-bottom:5px}
.CTA h4 {font: bold 1.4em arial;margin-bottom:10px}
.CTA h4 a {font: bold .8em arial;margin:0 0 10px 0;padding:0}
.CTA .left, .CTA .right {text-align:center;padding:0;margin:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:1em}
.CTA .left {float:left;width:50%;border-right:1px #ccc solid;}
.CTA .right {float:right;width:49%;}
.CTA .left p, .CTA .right p {font: 1em arial;padding:0 10px 5px 10px}

.bkaa{font: bold 1.2em arial}
.contact-cta {border-top:2px black solid;border-bottom:2px black solid;width:176px;
background-color:#e4e4e4;float:right;height:50px;margin:5px 10px 10px 10px;padding:5px 10px}
.contact-cta h3 {padding-bottom:8px}
.contact-cta a:hover {background-color:transparent}
.contact-cta p {padding-left:8px}

/* ==============================================DC-4css============================================== */
.top {float: right;clear: both;}
a.top:link, a.top:visited{font-size: .8em;text-decoration: none;font-weight: 700;color: #768EC9;height: 11px;}
a.top:hover {text-decoration: underline;}
.separator {padding-top: 0;color: #ccc;text-align: right;margin-right: 0;margin-top: 0;clear: both;height: 1px;background-color: #ccc;border-width: 0;padding:5px}
.term {margin-right:30px;margin-left: 30px;clear: both;margin-top: 10px;}
.content .sub {font-size:1.2em;color:#87af7a;clear:both;margin-top:20px}