/* Login =================================================== */

#header-options-container { z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 34px; background-color: #4d4d4d; background-color: rgba(0,0,0,.6); }

#member-signin { position: absolute; top: 0; right: 90px; }
#member-signin .member-name { padding: 0 15px; font-size: 12px; color: #fff; text-transform: none; line-height: 34px; }

/* Gus Added the 2 below */
#member-signin a { color: #fff; }
#member-signin a:hover { text-decoration:underline; }

#member-login-buttons { float: left; top: 0; right: 0; }
#member-login-buttons a { display: block; padding: 0 15px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 34px; }
#member-login-buttons a:hover { background: #000; text-decoration: none; }
#language-selector { float: left; }
.dropdown-menu { margin: 0; padding: 0; }
.dropdown-menu li { list-style: none; position: relative; margin: 0; padding: 0; }
.dropdown-menu li a { display: block; padding: 0 15px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 34px; }
.dropdown-menu li a:hover { text-decoration: none; }
.dropdown-menu > li:hover a { background: #000; }
.dropdown-menu li:hover ul { display: block; }
.dropdown-menu li ul { display: none; position: absolute; top: 34px; left: 0; background: #000; }
.dropdown-menu ul li { width: 200px; }  /* was 150 */
.dropdown-menu ul li a {  text-transform: none; }
.dropdown-menu ul li a:hover { color: #98d037; }
.dropdown-menu img { alignment-adjust:middle }

#members-cart { float: left; top: 0; right: -95; }
#members-cart a { display: block; padding: 0 15px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 34px; }
#members-cart a:hover { background: #000; text-decoration: none; }


/* Page =================================================== */

body {
  margin: 0; padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}
#page-container { position: relative; padding: 40px 0; }
#page-container:after { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: url(/content/images/bg_page-container.png) 0 0 repeat-x; content: ""; }
#page-footer { position: relative; padding: 25px 0; background: #0361aa; }
#page-footer .row { margin-bottom: 25px; }
#page-footer .row:last-child { margin-bottom: 0; }
#company-logo-footer { float: left; width: 242px; height: 48px; background: url(/content/images/logo_xooma_footer.png) 0 0 no-repeat; }

.contact-info-links { text-align: center; color: #fff; font-size: 18px; text-shadow: 2px 2px #000; }
a[href^="mailto"] { color: white; }

.social-media-links { float: right; }
.social-media-links .icon { float: left; width: 24px; height: 24px; margin-left: 10px; text-indent: -9999px; }
.social-media-links .icon:first-child { margin-left: 0; }
.social-media-links .icon-apple { background: url(/content/images/apple.png) 0 0 no-repeat; }
.social-media-links .icon-android { background: url(/content/images/android.png) 0 0 no-repeat; }
.social-media-links .icon-facebook { background: url(/content/images/facebook.png) 0 0 no-repeat; }
.social-media-links .icon-twitter { background: url(/content/images/twitter.png) 0 0 no-repeat; }
.social-media-links .icon-youtube { background: url(/content/images/youtube.png) 0 0 no-repeat; }
.social-media-links .icon-ning { background: url(/content/images/ning.png) 0 0 no-repeat; }

#footer-navigation ul { float: left; width: 100%; }
#footer-navigation ul li { float: left; display: block; margin-left: 15px; }
#footer-navigation ul li:first-child { margin-left: 0; }
#footer-navigation ul li.list-divider { margin-left: 15px; padding-left: 15px; border-left: 1px solid #4f91c4; }
#footer-navigation ul li a { font-size: 10px; color: #fff; text-transform: uppercase; }

#footer-legal {}
#footer-legal p { font-size: 12px; color: #fff; text-align: left; }

/* Layout =================================================== */

.container {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	*zoom: 1;
	}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}


.container { width: 940px; }

.row { margin-left: -20px; *zoom: 1; }
.row:before,
.row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
.row .row { margin-left: 0; }
	
[class*="col"] { float: left; min-height: 1px; margin-left: 20px; }

.col12 { width: 940px; }
.col11 { width: 860px; }
.col10 { width: 780px; }
.col9 { width: 700px; }
.col8 { width: 620px; }
.col7 { width: 540px; }
.col6 { width: 460px; }
.col5 { width: 380px; }
.col4 { width: 300px; }
.col3 { width: 220px; }
.col2 { width: 140px; }
.col1 { width: 60px; }
.offset12 { margin-left: 980px;}
.offset11 { margin-left: 900px;}
.offset10 { margin-left: 820px;}
.offset9 { margin-left: 740px;}
.offset8 { margin-left: 660px;}
.offset7 { margin-left: 580px;}
.offset6 { margin-left: 500px;}
.offset5 { margin-left: 420px;}
.offset4 { margin-left: 340px; }
.offset3 { margin-left: 260px; }
.offset2 { margin-left: 180px; }
.offset1 { margin-left: 100px; }

aside {position: relative; }

/* MISC =================================================== */

#header-content { position: relative; margin-top: 110px; }
#home #header-content { margin-top: 0px; }
#header-content-stripe { position: absolute; top: 0; left: 0; width: 100%; height: 44px; border-bottom: 4px solid #97cf34; background: #0361aa;
	-webkit-box-shadow: 0 -10px 8px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -10px 8px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -10px 8px 1px rgba(0, 0, 0, 0.2);
	}
#logo-container {
	z-index: 1;
	position: relative;
	width: 414px;
	height: 56px;
	margin: -56px auto 48px;
	background: #0461aa; 
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}
#company-logo { z-index: 2; position: absolute; top: 18px; left: 25px; display: block; width: 366px; height: 70px; background: url(/content/images/logo_xooma_header.png) 0 0 no-repeat; }

#main-navigation { height: 46px; }
#main-navigation ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#main-navigation ul li { position: relative; float: left; margin: 0; padding: 0; }
#main-navigation ul li a { display: block; padding: 15px 28px 12px 27px; font-size: 14px; color: #595959; text-transform: uppercase; }
#main-navigation ul li a:hover,
#main-navigation ul > li:hover a,
#main-navigation ul > li a.current-selection { text-decoration: none; background: #97cf34; color: #fff; }

#main-navigation .mega-dropdown { display: none; position: absolute; top: 46px; left: 0; width: auto; height: 242px; padding: 10px; background: #97cf34; z-index: 90000;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}
#main-navigation .mega-dropdown.align-right { left: auto; right: 0; }
#main-navigation .mega-dropdown.align-products { left: -230px; }
#main-navigation .mega-dropdown.align-opportunity { left: -130px; }
#main-navigation .mega-dropdown.align-news { left: auto; right: -289px; }
#main-navigation .mega-dropdown.align-getstarted { left: auto; right: -122px; }

#main-navigation .mega-dropdown > li { z-index: 100; position: relative; float: left; width: 220px; height: 200px; margin-left: 5px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDBlOWEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOWJkMTNlIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(-45deg,  rgba(208,233,163,1) 0%, rgba(155,209,62,0) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(208,233,163,1)), color-stop(50%,rgba(155,209,62,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(208,233,163,1) 0%,rgba(155,209,62,0) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(208,233,163,1) 0%,rgba(155,209,62,0) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(208,233,163,1) 0%,rgba(155,209,62,0) 50%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(208,233,163,1) 0%,rgba(155,209,62,0) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e9a3', endColorstr='#009bd13e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	}
#main-navigation .mega-dropdown > li:first-child { margin-left: 0; }

#main-navigation .mega-dropdown.mega-col-2 { width: 446px; }
#main-navigation .mega-dropdown.mega-col-3 { width: 671px; }
#main-navigation .mega-dropdown.mega-col-4 { width: 896px; }

#main-navigation ul li:hover .mega-dropdown { display: block; }

#main-navigation .mega-dropdown > li .dropdown-content {
	display: block;
	float: none;
	width: 178px;
	height: 200px;
	border: 1px solid rgba(255,255,255,.15);
	padding: 20px;
	background: rgba(255,255,255,.10);
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}
#main-navigation .mega-dropdown > li .dropdown-content:hover { text-decoration: none; }
.mega-dropdown h3 { margin: 0 0 15px; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 20px; }
.mega-dropdown p { color: #fff; line-height: 18px; text-transform: none; }
.mega-dropdown ul {}
.mega-dropdown ul li { color: #fff; }