body {
  background: #fff url(/images/bg_body.png) center top repeat-x;
/*   background: #008ed6 url(/images/bg_body_blue.png) center top repeat-x; */
}

#wrapper,
#header .wrapper,
#footer .wrapper {
  width: 960px;
}

#wrapper {
  background-color: #fff;
}

a {
  color: #006699;
}

#home #content_wrap,
#landings #content_wrap {
  min-height: 0;
}

#content_wrap {
  min-height: 450px;
  background-color: #fff;
}

#home #page_content,
#landings #page_content {
  padding: 0;
  width: auto;
}

h1.none,
h2.none {
  text-indent: -9999em;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.page_title {
  margin-top: 0.25em;
}

.agent .page_title {
  margin-bottom: 3.25em;
  text-indent: -9999em;
}

/* layouts
----------------------------------------------------------------------*/

#page_content,
#sidebar,
#inner {
  position: relative;
  float: left;
}

.aux #inner {
  padding-left: 245px;
}

#sidebar {
  width: 225px;
  padding-right: 20px;
  right: 245px;
  margin-left: -100%;
  background: url(/images/bg_sidebar.png) 0 0 no-repeat;
  min-height: 300px;
  height: auto !important;  /*  min-height hack  */
  height: 300px;
}

#home #page_content {
  background: #fff;
}

#page_content {
  width: 880px;
  padding: 20px 40px;
  min-height: 200px;
  background-image: url(/images/bg_page_content.png);
  background-repeat: no-repeat;
}

.aux #page_content {
  width: 635px;
  background-image: url(/images/bg_page_content_aux.png);
  background-position: right top;
}

.agent .aux #page_content {
  background-image: url(/images/bg_page_content_agent.png);
}

/* 2, 3, 4 columns
----------------------------------------------------------------------*/

.cols { margin-bottom: 30px; }
.col  { float: left; }

.two    .col  { width: 470px; }
.three  .col  { width: 310px; }
.four   .col      { width: 225px; }

.two .col,
.four .col   { margin-right: 20px; }

.inner .three .col  { width: 295px; }

.three .col  { margin-right: 15px; }

.three .double  { width: 630px; }
.four .double   { width: 470px; }
.four .triple   { width: 735px; }

 /* .aux page_content is 715 wide */

.aux .two   .col { width: 356px; }
.aux .three .col { width: 224px; }
.aux .four  .col { width: 168px; }

.aux .three .double  { width: 478px; }
.aux .four .triple   { width: 544px; }

.cols .last { margin-right: 0; }

/* header
----------------------------------------------------------------------*/

#header h1 {
  height: 133px;
  margin: 0;
  /* background: url(/images/bg_header.jpg) 0 0 no-repeat; */  /* for mobile apps */
  /* background: url(/images/bg_header_sherlock_interior.jpg) 0 0 no-repeat; */  /* for sherlock */
  background: url(/images/bg_header_superbowl_interior.jpg) 0 0 no-repeat;  /* for superbowl */
  overflow: hidden;
}

#header h1.mobile_apps_superbowl_bg {
  background: url(/images/superbowl/be_header_mo_apps_super_bowl_bg.jpg) 0 0 no-repeat; */  /* for mobile apps */
}


#landings #header h1        { background-image: url(/images/bg_header_landing.png) }

#header h1 a,
#header h1 span {
  display: block;
  text-indent: -9999em;
}

#header h1 span {
  float: left;
  width: 1px;
}

#header h1 a.home {
  float: left;
  width: 150px;
  height: 115px;
  background: url(/images/bg_logo.png) 9px 2px no-repeat;
}

#header h1 a.home:hover {
  background-position: 9px -148px;
}

#header h1 a.mobile_apps {
  float: right;
  margin-right: 3px;
  width: 195px;
  height: 105px;
  background: url(/images/bg_header_mobile_hover.jpg) -1000em 0 no-repeat;
}

#header h1 a.mobile_apps:hover {
  background-position: right 0;
}

#header h1 a.header_superbowl_link {
  float: right;
  width: 290px;
  height: 112px;
  background: transparent url(/images/bg_header_superbowl_link.jpg) no-repeat scroll -1000em 0;
}

#header h1 a.header_superbowl_link:hover {
  background-position: top left;
}

/* main nav
----------------------------------------------------------------------*/

#nav {
  height: 49px;
  margin-bottom: 20px;
  padding: 0 10px;
  background: #000 url(/images/bg_nav.png) center top no-repeat;
}

#nav li,
#nav li a {
  display: block;
  float: left;
}

#nav .active,
#nav .active a {
  background: transparent url(/images/bg_nav_active.png) no-repeat;
}

#nav .active a,
#nav li a:hover {
  color: #fff;
}

#nav .active a {
  background-position: right top;
}

#nav li {
  padding-left: 5px;
}

#nav li a {
  height: 36px;
  padding: 14px 15px 0 10px;
  color: #ddd;
  text-decoration: none;
}

#nav li a:hover {
  text-decoration: underline;
}

/* sidebar
----------------------------------------------------------------------*/

#sidebar h4 {
  padding: 8px 15px;
  color: #fff;
  background: url(/images/bg_sidebar_h4.png) 0 0 no-repeat;
}

#sidebar a        { text-decoration: none; }
#sidebar a:hover  { text-decoration: underline; }

#sidebar .tab {
  font-size: 93%;
  font-weight: bold;
  padding: 0 1px;
}

#sidebar .tab a {
  display: block;
  padding: 4px 0 4px 25px;
  background: #fff url(/images/bg_sidebar_tab_link.png) left top no-repeat;
  color: #444;
}

#sidebar .active a,
#sidebar .tab a:hover { background-color: #eee; }
#sidebar .active a    { background-position: left -150px; }
#sidebar .tab a:hover { background-position: left -300px; }

#sidebar .tab li a {
  font-weight: normal;
  background: #fff;
  border: 0;
  padding-top: 1px;
  padding-bottom: 1px;
}

#sidebar .asep_partnership {
  background: url(/images/logo_asep.png) no-repeat 25px bottom;
  height: 110px;
  margin-top: 80px;
  padding: 0 25px;
}

/* footer
----------------------------------------------------------------------*/

#footer {
  margin-top: 30px;
  padding-bottom: 50px;
  color: #bbb;
  border-top: 1px solid #000;
  background-color: #111;
}

#footer .wrapper {
  text-align: center;
  margin-top: 15px;
  padding: 15px 0 30px;
}

#footer .social_links {
  height: 50px;
  text-align: center;
  margin-bottom: 2em;
}

#footer .social_links li {
  display: inline;
  margin-right: 4em;
}

#footer .social_links a {
  display: inline-block;
  height: 35px;
  padding: 15px 0 0 55px;
  background-repeat: no-repeat;
  color: #fff;
}

#footer .social_links a:hover { background-position: 0 -50px; }

#footer .social_links .facebook { background-image: url(/images/bn_footer_facebook.png); }
#footer .social_links .twitter  { background-image: url(/images/bn_footer_twitter.png); }

.footer_nav,
#footer .copyright {
  text-align: center;
  font-size: 85%;
}

.footer_nav {
  margin-bottom: 0.5emem;
}

#footer .copyright {
  margin: 2em 0;
}

#footer a {
  color: #ddd;
  text-decoration: none;
}

#footer a:hover,
#footer .active {
  color: #fff;
  text-decoration: underline;
}

#footer .legal {
  font-size: 77%;
  text-align: justify;
  color: #ddd;
}

#footer .legal span {
  float: left;
  display: block;
  margin-right: 0.5em;
  height: 50px;
}

/* button styles
----------------------------------------------------------------------*/

a.more {
  display: inline-block;
  padding-right: 20px;
  height: 18px;
  background: url(/images/bg_more.gif) right top no-repeat;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

a.lg {
  height: 32px;
  padding: 5px 42px 0 0;
  font-size: 131%;
  background-image: url(/images/bn_more_lg.png);
}

a.more:hover,
a.more:active { background-position: right -50px; text-decoration: underline;}

p.agent_challenge {
  text-align: right;
}

/* scroller and web to text
----------------------------------------------------------------------*/

.w2t_feature {
  position: relative;
  width: 960px;
  height: 420px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}

#home .w2t_feature {
  height: 450px;
  background-color: #fff;
}

#home .w2t_feature  { background-image: url(/images/bg_home_scroller_gray.png); }
body.a .w2t_feature { background-image: url(/images/bg_landings_feature_a.png); }
body.b .w2t_feature { background-image: url(/images/bg_landings_feature_b.png); }

.w2t_feature .alt {
  float: left;
  width: 630px;
}

.wtt {
  float: right;
  width: 330px;
}

#home .w2t_feature .alt { width: 650px; }
#home .w2t_feature .wtt { width: 310px; }

.w2t_feature .alt_message       { height: 173px; }
#home .w2t_feature .alt_message { height: 58px; }
body.b .alt_message             { height: 365px; }

.scroll {
  float: left;
  width: 600px;
  padding-left: 27px;
}

#home .scroll {
  padding-left: 10px;
}

#home .scroll,
#home .w2t_feature #scroll_entries_feed_wrapper {
  width: 630px;
}

#home .scroll,
#home .w2t_feature #scroll_entries_feed_wrapper,
#home .w2t_feature #scroll_entries_feed {
  height: 382px;
}

.w2t_feature h1,
body.b .alt_message h2 {
  height: 50px;
  padding: 0;
  margin: 0;
  text-indent: -9999em;
}

.w2t_feature .alt_message {
  padding: 0 115px 0 0;
}

.w2t_feature .alt_message p,
.w2t_feature .alt_message ul {
  font-size: 108%;
  color: #000;
}

#home .three .image_widget {
  float: left;
  background-repeat: no-repeat;
}

#home .three .image_widget:hover img {
  visibility: hidden;
}

/* scroller
----------------------------------------------------------------------*/

.w2t_feature #scroll_entries_feed_wrapper {
  bottom: 27px;
  left: 27px;
  height: 218px;
  width: 599px;
  border: 1px solid #bfbebe;
  overflow: hidden;
}

#home .w2t_feature #scroll_entries_feed_wrapper {
  top: 0;
  left: 0;
  border: 0;
}

.w2t_feature #scroll_entries_feed {
  position: relative;
  height: 218px;
  overflow: hidden;
}

.scroll_entry {
  position: relative;
  padding: 5px 5px 5px 10px;
  border-top:     1px solid #fff;
  border-bottom:  1px solid #e1e1e1;
  border-left:  1px solid #e1e1e1;
  border-right:  1px solid #e1e1e1;
  background-color: #f3f3f3;
}

#home .scroll_entry {
  padding: 5px 5px 5px 10px;
  border-top:     1px solid #fff;
  border-bottom:  1px solid #e3e3e3;
  border-left:  0;
  border-right:  0;
  background-color: transparent;
}

#home .scroll_entry:hover {
  border-bottom-color: #999;
  background: url(/images/bg_scroller_hover.png);
}

.scroll_entry .question,
.scroll_entry .answer {
  font-size: 93%;
}

.scroll_entry .question {
  display: block;
  padding-right: 20px;
  font-weight: bold;
  color: #000;
}

.scroll_entry .answer {
  color: #444;
  line-height: 1.25em;
}

.scroll_entry .answer em {
  display: none;
/*   color: #76d0fd; */
  font-style: normal;
  text-transform: lowercase;
  font-variant: small-caps;
}

.scroll_entry .actions {
  display: block;
  float: right;
  height: 16px;
}

.scroll_entry .actions a {
  display: block;
  float: right;
  width:  16px;
  height: 16px;
  background-image: url(/images/bn_scroller_actions.png);
  text-indent: -9999em;
}

.scroll_entry .email_link       { background-position: 0 0; border-right: 1px solid #017fbf; }
.scroll_entry .email_link:hover { background-position: left bottom; }
.scroll_entry .fb_share         { background-position: right 0; }
.scroll_entry .fb_share:hover   { background-position: right bottom; }

/* facebook landing pages
----------------------------------------------------------------------*/

#landings .w2t_feature .alt {
  float: right;
}

#landings .scroll {
  padding-left: 2px;
}

#landings .wtt {
  float: left;
}

body.b .alt_message h1 {
  height: 105px;
}

body.b .alt_message h2 {
  height: 65px;
}

body.b .alt_message ul,
body.b .alt_message p {
  padding: 0 65px 0 20px;
  font-size: 116%;
}

body.b .alt_message ul strong {
  font-style: italic;
}

body.b .learn_more {
  margin-left: 20px;
  padding: 10px 10px 0 0;
  text-align: right;
}

#landings .scroll_entry .actions {
  display: none;
}

/* web 2 text
----------------------------------------------------------------------*/

.wtt h2 {
  height: 0;
  margin: 0;
  text-indent: -9999em;
}

#home .wtt h2 {
  height: 115px;
  background: url(/images/bg_wtt_home_h2.png) 0 0 no-repeat;
}

.wtt dl           { padding-top: 38px; }
#home .wtt dl     { padding-top: 2px; }
#landings .wtt dl { padding-top: 30px; }

.wtt .message,
.wtt ul { padding: 0 30px; }

#home .wtt .message,
#home .wtt ul { padding: 0 20px; }

.wtt dd { margin-bottom: 10px; }
#home .wtt dd     { margin-bottom: 5px; }
#landings .wtt dd { margin-bottom: 5px; }

.default dt,
.default dd { padding: 0 40px; }

#home .default dt,
#home .default dd { padding: 0 18px; }

.wtt dt {
  position: relative;
  height: 22px;
  overflow: hidden;
}

.wtt .submit { margin-bottom: 0; }

.wtt textarea,
.wtt input {
  width: 244px;
  padding: 3px 2px 0;
  font-size: 123.1%;
  border: 1px solid #333;
}

#home .wtt textarea,
#home .wtt input { width: 266px; }

.wtt .terms             { height: 29px; margin-bottom: 0; white-space: nowrap; }
#home .wtt dd.cost      { height: 42px; white-space: nowrap; padding-right: 0; }
#landings .terms        { height: 15px; }
#home .terms            { height: 22px; }
#landings .cost         { height: 40px; }

.wtt textarea {
  height: 117px;
  background: url(/images/bg_feature_textarea.png) 0 0 no-repeat;
}

.wtt input {
  height: 21px;
  background: url(/images/bg_feature_input.png) 0 0 no-repeat;
}

#home .wtt textarea {
  height: 82px;
  background-image: url(/images/bg_feature_home_textarea.png);
}

#home .wtt input    { background-image: url(/images/bg_feature_home_input.png)   ; }

.wtt textarea.error,
.wtt input.error {
  background-position: 0 bottom;
}

.wtt label {
  font-size: 123.1%;
  color: #fff;
  margin-bottom: 0;
}

.wtt label span,
.wtt label strong {
  position: absolute;
  right: 40px;
  text-align: right;
  font-weight: normal;
  color: #999;
}

#home .wtt label span,
#home .wtt label strong {
  right: 20px;
}

.wtt .terms,
.wtt .cost {
  margin-bottom: 0;
}

.wtt .terms { font-size: 93%; }
.wtt .cost  { font-size: 85%; line-height: 100%; }

.wtt .terms,
.wtt .terms a,
.wtt .cost {
  color: #b8b8b8;
}

#home .wtt .terms,
#home .wtt .terms a,
#home .wtt .cost {
  color: #fff;
  font-size: 12px;
}

#home .wtt .cost p {
  font-size: 9px;
  margin: 0em;
}

#home .wtt .cost p.price {
  font-size: 12pt;
  line-height: 1em;
  margin-bottom: 3px;
}

.terms input,
#home .terms input {
  vertical-align: middle;
  width: auto;
}

.wtt .submit {
  margin: 0;
  padding: 0 30px;
}

#home .wtt .submit {
  padding: 0;
}

.wtt .submit a {
  display: block;
  width: 270px;
  height: 95px;
  background-image: url(/images/bn_wtt_submit.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
}

#home .wtt .submit a {
  display: block;
  width: 310px;
  height: 77px;
  background-image: url(/images/bn_feature_home_submit.png);
  text-indent: -9999em;
}

.wtt .submit a:hover,
.wtt .submit a:active {
  background-position: 0 bottom;
}

/* wtt messaging
----------------------------------------------------------------------*/

.wtt .message {
  height: 278px;
  font-size: 123.1%;
  background-repeat: no-repeat;
  background-position: center 28px;
}

#home .wtt .message {
  background-position: center 23px;
}

.wtt .message,
#home .wtt .message {
  padding-top: 55px;
}

.wtt .message     { background-image: url(/images/bg_wtt_message.png); }
.success .message { background-image: url(/images/bg_success_message.png); }

#home .success .message,
#home .phone .message,
#home .repeat .message { background-image: url(/images/bg_success_message_home.gif); }

.message p {
  padding: 0 20px;
}

.wtt .message { color: #000; }

.success .message {
  height: 230px;
  color: #fff;
}

#home .success .message {
  height: 268px;
  color: #000;
}

.success li {
  margin-bottom: 8px;
}

.success .social {
  height: 35px;
  padding-top: 14px;
  padding-left: 55px;
  background-image: url(/images/bn_wtt_social.png);
}

.success .fb      { background-position: 0 0; }
.success .twitter { background-position: 0 -49px; }

.wtt .actions a {
  display: block;
  height: 49px;
  text-indent: -9999em;
}

.wtt .actions a:hover {
  background-position: 0 bottom;
}

.wtt .actions .learn {
  background-image: url(/images/bn_wtt_learn.png);
}

.hidden {
  display: none;
}

/* homepage bottom row and all facebook / twitter links
----------------------------------------------------------------------*/

.social,
.social_links a {
  font-size: 116%;
  text-decoration: none;
}

.social {
  display: block;
  height: 38px;
  padding: 20px 0 0 65px;
  background: #fff url(/images/home_col_social.png) no-repeat;
  color: #222;
}

.social:hover,
.social_links a:hover {
  text-decoration: underline;
}

.social.facebook {
  border-bottom: 1px solid #b0b0b0;
}

.social.twitter,
#home .col .agent:hover {
  background-position: left bottom;
}

/* media_player
----------------------------------------------------------------------*/

#videos .inner {
  text-align: center;
}

.media_player {
  height: 480px;
  margin-bottom: 20px;
}

.media_player a#flash_content {
  display: block;
  margin-left: 40px;
}

.modal_media_player a#flash_content {
  display: block;
  padding: 10px;
}

.thumbnail_scroll {
  position: relative;
  width: 800px;
  margin-left: 40px;
  background: url(/images/bg_video_slider.png) left top no-repeat;
}

.thumbnail_scroll,
.thumbnail_scroll .action {
  height: 150px;
}

.mask,
.thumbnail_scroll .action {
  display: block;
  float: left;
}

.mask {
  position: absolute;
  top: 10px;
  left: 54px;
  overflow: hidden;
  width: 690px;
  height: 128px;
  border: 1px solid #b5b5b5;
  background-color: #fff;
}

.masked_content {
  position: absolute;
  top: 14px;
/*  left: 14px;*/
}

.thumbnail_scroll li {
  float: left;
  height: 115px;
  width: 120px;
  padding-right: 15px;
}

.thumbnail_scroll li.first {
  padding-left: 14px;
}

.thumbnail_scroll .thumbnail,
.thumbnail_scroll .thumbnail img {
  width: 120px;
  height: 80px;
}

.thumbnail_scroll .thumbnail {
  display: block;
  border: 1px solid #000;
  background-color: #000;
  overflow: hidden;
}

.thumbnail_scroll .thumbnail:hover {
  border-color: #008ed6;
}

.thumbnail_scroll .title {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  font-size: 93%;
}

.thumbnail_scroll .title:hover {
  text-decoration: underline;
}

.thumbnail_scroll .action {
  width: 54px;
  background-image: url(/images/bn_slider_actions.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
}

.thumbnail_scroll .hide,
.thumbnail_scroll .disabled {
  visibility: hidden;
}

.thumbnail_scroll .next       { background-position: right top; float: right;}
.thumbnail_scroll .prev:hover,
.thumbnail_scroll .prev:active { background-position: left   bottom; }
.thumbnail_scroll .next:hover,
.thumbnail_scroll .next:active { background-position: right  bottom; }

/* contact us
----------------------------------------------------------------------*/

.contact #page_content {
  padding-top: 40px;
}

.contact .large_description {
  position: relative;
  float: left;
  width: 490px;
  height: 490px;
  background: url(/images/bg_542_contact_us.png) left top no-repeat;
}

.contact fieldset {
  float: left;
  width: 350px;
}

.contact .large_description p,
.contact .large_description a {
  color: #fff;
}

.contact .large_description p {
  padding: 90px 55px 0 200px;
  font-size: 116%;
}

.contact .large_description .address {
  position: absolute;
  bottom: 40px;
  left: 25px;
  width: 400px;
  padding: 0;
  font-size: 93%;
}

.contact .large_description a       { text-decoration: underline; }
.contact .large_description a:hover { text-decoration: none; }

.contact .submit {
  padding-left: 0;
}

/* standard forms
----------------------------------------------------------------------*/

.std_form .text,
.std_form select,
.std_form textarea {
  font-size: 108%;
}

.std_form .triple textarea,
.std_form .triple select {
  width: 15%;
  margin-right: 2.5%;
}

/* refunds
----------------------------------------------------------------------*/
.refund .std_form li {
  margin-bottom: 0.5em;
}

.refund .std_form li label {
  display: inline-block;
  text-align: right;
  width: 30%;
  margin-right: 2%;
}

.refund .std_form li .left_align {
  width: auto;
  text-align: left;
  font-weight: normal;
}

.refund p.instructions  { padding-left: 32%; }
.refund .submit li      { padding-left: 31%; }

.refund input.submit {
  margin-right: 0.5em;
  padding: 0;
  vertical-align: middle;
}

.refund .std_form input[type=text],
.refund .std_form input[type=password],
.refund .std_form textarea {
  width: 50%;
}

.refund .std_form .triple input[type=text],
.refund .std_form .triple input[type=password] {
  width: 15%;
  margin-right: 2.5%;
}

.refund .std_form .triple select {
  width: 15%;
  margin-right: 2.5%;
}

.refund .std_form select {
  width: 51%;
}

/* mobile apps
----------------------------------------------------------------------*/

.mobile_apps #wrapper,
.mobile_apps #content_wrap {
  background-color: transparent;
}

.mobile_apps #page_content {
  width: 960px;
  padding: 0;
}

.mobile_apps .mobile_apps_header {
  width: 960px;
  height: 6px;
  background: url('/images/apps/bg_page_content.png') no-repeat left top;
}

.mobile_apps .mobile_apps_content {
  position: relative;
  width: 930px;
  padding: 30px 0 0 30px;
  background: url('/images/apps/bg_page_content.png') no-repeat left bottom;
  color: #fff;
}

.mobile_apps #device {
  position: absolute;
  right: 0;
  bottom: 0;
  float: right;
}

.mobile_apps #device ul {
  width: 280px;
  height: 570px;
  margin-right: 40px;
  margin-top: 79px;
  margin-bottom: 21px;
}

.mobile_apps #device.iphone ul      { background-image: url('/images/apps/iphone.png');   }
.mobile_apps #device.palm ul        { background-image: url('/images/apps/palm.png');     }
.mobile_apps #device.android ul     { background-image: url('/images/apps/android.png');  }
.mobile_apps #device.vodafone ul    { background-image: url('/images/apps/vodafone.png'); }
.mobile_apps #device.blackberry ul  { background-image: url('/images/apps/blackberry.png'); }

.mobile_apps #device ul.images li { position: absolute; }

.mobile_apps #device.iphone   ul li   { top: 181px; right: 63px; }
.mobile_apps #device.palm     ul li   { top: 220px; right: 75px; }
.mobile_apps #device.android  ul li   { top: 192px; right: 81px; }
.mobile_apps #device.vodafone ul li   { top: 170px; right: 77px; }
.mobile_apps #device.blackberry ul li { top: 192px; right: 68px; }

.mobile_apps #device li.palm_mask { display: none; } /* hide this mask if the device isn't palm */
.mobile_apps #device.palm li.palm_mask { /* show this if the device is palm */
  display: block;
  width: 210px;
  height: 289px;
  background-image: url('/images/apps/palm_mask.png');
  z-index: 100;
}

.mobile_apps #device li {
  display: none;
}

.mobile_apps #device li.active {
  display: block;
}

.mobile_apps #apps_body {
  width: 580px;
  padding-bottom: 60px;
}

.mobile_apps #apps_nav {
  height: 52px;
}

.mobile_apps #apps_nav.double li,
.mobile_apps #apps_nav.double li a {
  display: block;
  float: left;
  width: 286px;
  height: 52px;
}

.mobile_apps #apps_nav.double li a {
  background: url('/images/apps/bg_nav.png') no-repeat;
  text-indent: -9999em;
}

.mobile_apps #apps_nav.double li#kgb-answers_nav a         { background-position: left  top; }
.mobile_apps #apps_nav.double li#knowtopia_nav a           { background-position: right top; }
.mobile_apps #apps_nav.double li#kgb-answers_nav a:hover   { background-position: left  -52px;}
.mobile_apps #apps_nav.double li#knowtopia_nav a:hover     { background-position: right -52px;}
.mobile_apps #apps_nav.double li#kgb-answers_nav.active a:hover,
.mobile_apps #apps_nav.double li#kgb-answers_nav.active a  { background-position: left  bottom; cursor: default; }
.mobile_apps #apps_nav.double li#knowtopia_nav.active a:hover,
.mobile_apps #apps_nav.double li#knowtopia_nav.active a    { background-position: right bottom; cursor: default; }

.mobile_apps #apps_nav.triple li,
.mobile_apps #apps_nav.triple li a {
  display: block;
  float: left;
  width: 190px;
  height: 52px;
}

.mobile_apps #apps_nav.triple li a {
  background: url('/images/apps/bg_nav_triple.png') no-repeat;
  text-indent: -9999em;
}

.mobile_apps #apps_nav.triple li#kgb-answers_nav a         { background-position: left  top; }
.mobile_apps #apps_nav.triple li#knowtopia_nav a           { background-position: center top; }
.mobile_apps #apps_nav.triple li#masters_nav a             { background-position: right top; }
.mobile_apps #apps_nav.triple li#kgb-answers_nav a:hover   { background-position: left  -52px;}
.mobile_apps #apps_nav.triple li#knowtopia_nav a:hover     { background-position: center -52px;}
.mobile_apps #apps_nav.triple li#masters_nav a:hover       { background-position: right -52px;}
.mobile_apps #apps_nav.triple li#kgb-answers_nav.active a:hover,
.mobile_apps #apps_nav.triple li#kgb-answers_nav.active a  { background-position: left  bottom; cursor: default; }
.mobile_apps #apps_nav.triple li#knowtopia_nav.active a:hover,
.mobile_apps #apps_nav.triple li#knowtopia_nav.active a    { background-position: center bottom; cursor: default; }
.mobile_apps #apps_nav.triple li#masters_nav.active a:hover,
.mobile_apps #apps_nav.triple li#masters_nav.active a      { background-position: right bottom; cursor: default; }

.mobile_apps h2 {
  clear: left;
  width: 269px;
  height: 37px;
  margin-top: 30px;
  margin-bottom: 15px;
  text-indent: -9999em;
  background: url('/images/apps/hdr_app_name.gif') no-repeat;
}

.mobile_apps h2.kgb-answers { background-position: left center; }
.mobile_apps h2.knowtopia { background-position: left top; }
.mobile_apps h2.masters { background-position: left bottom; }

.mobile_apps .devices_nav {
  height: 20px;
  margin-bottom: 15px;
}

.mobile_apps .devices_nav li,
.mobile_apps .devices_nav li a {
  display: block;
  float: left;
}

.mobile_apps .devices_nav li a {
  padding-left: 26px;
  margin-right: 18px;
  background: url('/images/apps/bg_devices_nav.png') no-repeat left top;
  color: #cccccc;
  font-weight: bold;
  text-decoration: none;
}

.mobile_apps .devices_nav li.active a {
  background-position: left -50px;
  color: #ffffff;
}

.mobile_apps .app_description {
  clear: left;
  font-size: 108%;
  height: 95px;
  margin-bottom: 0;
}

.mobile_apps .store_link {
  display: block;
  float: left;
  width: 174px;
  height: 42px;
  margin-right: 155px;
  margin-top: 20px;
  background-image: url('/images/apps/bn_stores.png');
  text-indent: -9999em;
}

.mobile_apps .implementation .store_link.iphone     { background-position: left  top; }
.mobile_apps .implementation .store_link.android    { background-position: left -50px; }
.mobile_apps .implementation .store_link.palm       { background-position: left -100px; }
.mobile_apps .implementation .store_link.vodafone   { background-position: left -150px; }
.mobile_apps .implementation .store_link.blackberry { background-position: left -200px; }

.mobile_apps #watch_demo {
  display: block;
  float: left;
  width: 220px;
  height: 45px;
  margin-top: 20px;
  background: url('/images/apps/bn_watch_demo.png') no-repeat left top;
  text-indent: -9999em;
}

.mobile_apps h3 {
  clear: left;
  padding-top: 25px;
  margin-bottom: 12px;
  font-size: 161.6%;
  font-family: Arial, Helvetica, clean, sans-serif;
}

.mobile_apps .apps_features {
  float: left;
  width: 580px;
  height: 80px;
  margin-bottom: 30px;
}

.mobile_apps .apps_features li {
  float: left;
  width: 255px;
  margin-right: 10px;
  padding-left: 25px;
  background: url('/images/apps/bullet.gif') no-repeat 7px 5px;
}

.mobile_apps .apps_thumbs {
  height: 140px;
  clear: left;
}

.mobile_apps .apps_thumbs li {
  position: relative;
  float: left;
  width: 130px;
  height: 130px;
  padding: 10px 0 0 10px;
  margin-right: 4px;
}

.mobile_apps .apps_thumbs li.active {
  background-image: url('/images/apps/bg_thumb.png');
}

.mobile_apps .apps_thumbs a.thumb_mask {
  display: block;
  position: absolute;
  left: 10;
  top: 10;
  width: 120px;
  height: 120px;
  background: transparent url('/images/apps/thumb_mask.png') no-repeat left top;
}

.mobile_apps .apps_thumbs li.active a.thumb_mask,
.mobile_apps .apps_thumbs a.thumb_mask:hover {
  background-position: left bottom;
}

.mobile_apps .apps_thumbs li.active a.thumb_mask {
  cursor: default;
}

/* Mobile Apps short version
----------------------------------------------------------------------*/

.mobile_apps.short_version #device {
  height: 620px;
}

.mobile_apps.short_version #device ul {
  margin-top: 29px;
}

.mobile_apps.short_version #device.iphone   ul li { top: 131px; right: 63px; }
.mobile_apps.short_version #device.palm     ul li { top: 170px; right: 75px; }
.mobile_apps.short_version #device.android  ul li { top: 142px; right: 81px; }
.mobile_apps.short_version #device.vodafone ul li { top: 120px; right: 77px; }

.mobile_apps.short_version #apps_nav {
  display: none;
}

/* clearfix
----------------------------------------------------------------------*/

#inner:after,
#session #content_wrap:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

#inner,
#session #content_wrap {
  display: inline-block;
}

html[xmlns] #inner,
html[xmlns] #session #content_wrap {
  display: block;
}

* html #inner,
* html #session #content_wrap {
  height: 1%;
}


.thumbnail_scroll .scroll_item {
  width: auto;
}

.thumbnail_scroll li.scroll_item {
  padding: 0;
}

.thumbnail_scroll ul.scroll_item {
 padding: 14px 0 0 14px;
}

/* modal styles
----------------------------------------------------------------------*/

#nyroModalFull .wrapper {
  border: 2px solid #fff;
  text-align: left;
  background-color: #eee;
  min-width: 500px;
}

.modal_wrapper {
  padding: 0 20px 20px;
}

.modal_wrapper .std_form {
  font-size: 108%;
}

.modal_wrapper input.text {
  width: 95%;
}

.modal_wrapper textarea.text {
  width: 96%;
}

.modal_wrapper .std_form .submit {
  padding-left: 0;
}

.modal_wrapper h2 {
  padding: 0.5em 0;
  border-bottom: 1px solid #999;
}

.error_screen #page_content {
  min-height: 300px;
}

.error_screen #page_content h1,
.error_screen #page_content p {
  text-align: center;
}

.modal_spinner {
  position:absolute;
  top:0;
  left:0;
  z-index: 10;
  height:100%;
  width:100%;
  text-align:center;
  opacity:0.6;
  background-color: #EEEEEE;
}

.modal_spinner img {
  margin-top: 50%;
}

.nyroModalClose { z-index: 11; }