@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
  background-color:#d4e2e7;
}
#bg-x {
  background:#ffffff url('/images/bg-x.gif') top repeat-x;
}
#bg-top {
  background:url('/images/bg-top.jpg') top center no-repeat;
}

.page {
  width:980px;
  margin:0 auto;
  position:relative;
}

.flort { float:right; }

.banner {
  background:#355A62;
}
.banner img {
	margin:10px;
}
/* HEADER ---------------------------------------------------------------------- */

#headerlinks ul, #headerlinks li {
  padding:0;
  margin:0;
  background:none;
  list-style:none;
}
#headerlinks {
  margin:20px 17px 29px 0;
  height:44px;
  overflow:hidden;
}
#headerlinks-wrap {
  background:url('/images/headerlinks.jpg') top right no-repeat;
  padding:0 0 0 10px;
  height:44px;
}
#headerlinks ul {
  background:url('/images/headerlinks-left.gif') top left no-repeat;
  padding:0 0 0 12px;
  height:44px;
}
#headerlinks li {
  padding:14px 0 0 0;
}
#headerlinks li a {
  color:#ffffff;
  text-decoration:none;
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #6b8a8f;
}
#headerlinks li a:hover {
  text-decoration:underline;
}
#headerlinks li.last a {
  padding-right:0;
  border:none;
}
.homepage .homelink {
  display:none;
}
.homepage #share-link a{
  background:url('/images/share.jpg') top left no-repeat;
  padding:0;
  text-decoration:none;
  margin:0;
  width:120px;
  height:40px;
  display:block;
  position:absolute;
  top:29px;
  right:282px;
  z-index:100;
  }
.contentpage #share-link a{
  background:url('/images/share.jpg') top left no-repeat;
  padding:0;
  text-decoration:none;
  margin:0;
  width:120px;
  height:40px;
  display:block;
  position:absolute;
  top:29px;
  right:335px;
  z-index:100;
  }

/* MENU ------------------------------------------------------------------------ */

#menu ul, #menu li {
  padding:0;
  margin:0;
  background:none;
  list-style:none;
}
#menu {
  height:35px;
  overflow:hidden;
}
#menu li {
  background:url('/images/menu-separator.gif') right repeat-y;
  padding-left:2px;
}
#menu li.last {
  padding-right:0;
  background:none;
}
#menu a {
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  float:left;
  height:35px;
  line-height:35px;
  padding:0 35px 0 35px;
}
.root_135 #menu1 a, .root_136 #menu2 a, .root_137 #menu3 a, .root_138 #menu4 a,
#menu a:hover {  
  background:url('/images/menu-hover.gif') bottom center no-repeat;
}

.contentpage #menu {
  margin-left:24px;
}



/* SUBNAV ---------------------------------------------------------------------- */

#rootname {
  padding:28px 0 0 19px;
  margin:0;
}
#rootname .unlink, #rootname a {
  background:#354245 url('/images/rootname.gif') top left no-repeat;
  padding:8px 15px;
  color:#ffffff;
  text-decoration:none;
  display:block;
  font-weight:bold;
  font-size:16px;
}
#rootname a:hover {
  background-position:-201px 0px;
  background-color:#46595e;
}

#navbox {
  padding:0 0 2px 9px;
  margin:0 0 0 10px;
  background-color:#ffffff;
  border-right:1px solid #dbe6ea;
  position:relative;
}
#navbox-bottom {
  background:url('/images/navbox.gif') top left no-repeat;
  height:18px;
  overflow:hidden;
  margin:0 0 0 10px;
}

#navbox ul, #navbox li {
  margin:0;
  padding:0;
  background:none;
  list-style:none;
}
#navbox ul {
  padding:0 0 75px 0;
  border-top:1px solid #ebf1f3;
}
#navbox li a {
  display:block;
  color:#333333;
  text-decoration:none;
  padding:5px 5px 5px 15px;
  border-bottom:1px solid #ebf1f3;
  border-top:1px solid #ffffff;
}
#navbox a:hover {
  background:#f0f4f6 url('/images/nav-hover.gif') bottom repeat-x;
}
#navbox li.navactive a {
  background:#f0f4f6 url('/images/nav-hover.gif') bottom repeat-x;
  font-weight:bold;
}

#navbox ul ul {
  border-top:none;
  border-bottom:1px solid #ebf1f3;
  padding:5px 0;  
}
#navbox li.navactive li a,
#navbox li li a {
  color:#3b656e;
  background:url('/images/nav-bullet.gif') 17px 7px no-repeat;
  padding:3px 5px 3px 30px;
  font-size:11px;
  font-weight:normal;
  border-bottom:none;
}
#navbox li li a:hover {
  background:url('/images/nav-bullet2.gif') 17px 7px no-repeat;
  color:#da6f1c;
}
#navbox li li.navactive a {
  background:url('/images/nav-bullet2.gif') 17px 7px no-repeat;
  font-weight:bold;    
}

#breadcrumbs {
  height:25px;
  line-height:25px;
  overflow:hidden;
  font-size:11px;
  color:#b7cfd5;
}
#breadcrumbs a {
  color:#ffffff;
  margin-right:10px;
  padding-right:15px;
  float:left;
  background:url('/images/crumb.gif') right center no-repeat;
  text-decoration:none;
}
#breadcrumbs a:hover {
  text-decoration:underline;
}
#breadcrumbs a.homecrumb {
  width:59px;
  text-align:center;
  background:none;
  padding:0;
  margin-right:15px;
  font-weight:bold;
}



/* SHARED ---------------------------------------------------------------------- */

.rightcol { float:right; }

.morelink {
  background:url('/images/morebutton-right.gif') top right no-repeat;
  padding:0 8px 0 0;
  height:19px;
  overflow:hidden;
  float:right;
}
.morelink a {
  float:left;
  background:url('/images/morebutton.gif') top left no-repeat;
  padding:0 4px 0 23px;
  height:19px;
  line-height:19px;
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
}
.morelink a:hover {
  text-decoration:underline;
  color:#ffffff;
}

.title {
  font-weight:bold;
  color:#222222;
  font-size: 24px;
  border-bottom:1px solid #d1e0e4;
  margin:15px 0 8px 0;
}

.title .morelink {
  margin-top:6px;
}



/* HOME ------------------------------------------------------------------------ */

#impact-left {
  background:url('/images/home-left.jpg') top left no-repeat;
  height:398px; /*534*/
  width:199px; /*244*/
  overflow:hidden;
  padding:136px 15px 0 30px;
}

.homepage #login {
  margin:40px 0 20px 0;
  background:url('/images/login-home.gif') bottom left no-repeat
}
.homepage #login .title {
  color:#ffffff;
  padding:10px 15px;
  margin:0;
  font-size:16px;
  background:url('/images/login-title-home.gif') top left no-repeat;
}
.homepage #login .paddedbox {
  padding:3px 15px 10px 15px;
}  
.homepage #login .label {
  width:auto;
  margin:0;
  padding:8px 0 1px 0;
}
.homepage #login .styled {
  width:165px; /*169*/
}
.homepage #login a {
  font-size:11px;
  color:#3c666f;
  display:block;
  padding-top:3px;
}
.homepage #login a:hover {  
  color:#002229;
}
.homepage #login .row {
  padding:15px 0 5px 0;
}
.homepage #login button {
  width:60px;
  text-align:center;
  padding:3px 0;
}
.homepage #login button span {
  background:url('/images/arrow.gif') 0px 5px no-repeat;
  padding-left:10px;
}

.homepage .join-button {
  width:148px; /*200*/
  height:24px; /*42*/
  overflow:hidden;
  background:url('/images/join-home.gif') top left no-repeat;
  display:block;
  margin:20px 0;
  padding:18px 0 0 52px;
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
}
.homepage .join-button:hover {
  color:#ffffff;
  text-decoration:underline;
}


#impact-right {
  background:url('/images/header.jpg') top right no-repeat;
  width:736px; /*736*/
  overflow:hidden;
}

#flash {
  background:url('/images/flash.jpg') top left no-repeat;
  height:406px; /*406*/
}
#noflash {

  overflow:hidden;
  padding:170px 0 0 55px;
}
#noflash .bigger {
  font-size:18px;
}
#noflash li {
  background-position:0px 7px;
  padding-left:15px;
}
#noflash li a {
  color:#333333;
  font-family:Impact, Charcoal, Verdana, sans-serif;
  text-decoration:none;
  font-size:15px;
}
#noflash li a:hover {
  text-decoration:underline;
}


.homepage #content {
  background:url('/images/home-content.jpg') top left no-repeat;
  padding:0 0 15px 0;
}


.homepage #content-left {
  width:411px; /*446*/
  overflow:hidden;
  padding:0 10px 0 25px;
}

.homepage .welcome {
  font-size:13px;
  color:#a04807;
  line-height:19px;
  height:94px;
  overflow:hidden;
  margin:0 0 25px 0;
  font-weight:bold;
}
.homepage .welcome h1 {
  margin-bottom:5px;
  line-height:normal;
}
.homepage #content-left .paddedbox {
  padding:0 20px 0 0;
}
.homepage #content-left .shadedbox {
  margin:10px 0;
  padding:10px;
  background-color:#eff5f6;
  background-color:#f5f9fa;
}
.homepage #content-left .shadedbox .morelink {
  margin:40px 0 0 10px; 
}
.homepage #content-left .shadedbox ul {
  width:250px;
  font-weight:bold;
}
.homepage #content-left .shadedbox li {
  background:url('/images/bullet.gif') 0px 6px no-repeat;
  padding-left:8px;
}
.homepage #content-left .shadedbox ul {
  margin-bottom:0;
}


.homepage #content-middle {
  width:272px; /*317*/
  overflow:hidden;
  padding:5px 20px 0 25px;
}

.homepage .demo-title {
  background:url('/images/title-demo.gif') top left no-repeat;
  padding:3px 0 5px 45px;
}
.homepage .video-title {
  background:url('/images/title-video.gif') top left no-repeat;
  padding:3px 0 5px 45px;
}


.homepage #content-right {
  width:171px; /*217*/
  overflow:hidden;
  padding:0 19px 0 27px;
}

.homepage #content-right .title {
  height:55px;
  overflow:hidden;
  line-height:24px;
  margin:0;
  padding:15px 0 0 0;
  border:none;
  vertical-align:top;
}
.homepage #content-right .title .orange {
  font-size:18px;
  line-height:20px;
  vertical-align:top;
}

.homepage #content-right .storebox {
  height:80px;
  overflow:hidden;  
  margin:0 10px 95px 0;
}



/* CONTENT --------------------------------------------------------------------- */

.contentpage #content-left {
  width:220px;
  background:url('/images/content-left.jpg') top left no-repeat;
  height:auto !important;
  min-height:676px;
  height:676px;
}

#logo {
  height:136px;
}
#logo img {
  width:177px;
  height:85px;
  margin:51px 0 0 30px;
}
xxx#logo a:hover img {
  background-color:#FF9999;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#subnav-store {
  display:none;
  background:url('/images/subnav-store.gif') top left no-repeat;
  height:250px;
  margin:0;
  padding:0 20px 0 30px;
}
#subnav-store .title {
  height:55px;
  overflow:hidden;
  line-height:24px;
  margin:0;
  padding:15px 0 0 0;
  border:none;
  vertical-align:top;
}
#subnav-store .title .orange {
  font-size:18px;
  line-height:20px;
  vertical-align:top;
}
#subnav-store .storebox {
  height:80px;
  overflow:hidden;  
  margin:0 10px 45px 0;
}

#subnav-videos {
  background:url('/images/subnav-videos-top.gif') top left no-repeat;
  margin:0 0 15px 10px;
  padding:10px 0 0 0;
}
#subnav-videos-wrap {
  background:url('/images/subnav-videos-bottom.gif') bottom left no-repeat;
  padding:0 30px 0 20px;
}
#subnav-videos .title {
  background:url('/images/subnav-videos-title.gif') top left no-repeat;
  line-height:20px;
  margin:0 -10px 0 -20px;
  padding:5px 0 20px 55px;
  border:none;
  vertical-align:top;
}
#subnav-videos .title .orange {
  font-size:16px;
  line-height:18px;
  vertical-align:top;
}
#subnav-videos .blurb {
  padding:0 0 10px 0;
}
#subnav-videos .videolink {
  padding:0 0 12px 0;
}
#subnav-videos .videolink img {
  height:90px;
  width:160px;
}
xxx#subnav-videos .videolink a:hover img {
  background-color:#FFFF99;
  opacity:0.4;
  filter:alpha(opacity=40);
}
#subnav-videos .morelink {
  margin-bottom:6px;
}


.contentpage #content-right {
  width:760px;
  overflow:hidden;
  background:url('/images/header.jpg') top right no-repeat;
}

.contentpage #content-main {
  background:url('/images/content-content.jpg') top left no-repeat; 
  padding:130px 0 15px 0;
  height:auto !important;
  min-height:422px; /* 548 */
  height:422px;
}
#page_173 #content-main { background-image:url('/images/content-trial.jpg'); }

.contentpage #content-content {
  padding:20px 10px 0 15px;
}

.contentpage #content-content-left {  
  width:495px;
  padding:0 10px 0 0;
}

.contentpage #content-content-right {  
  width:220px; /*220*/
  overflow:hidden;
  background:#e9f0f3 url('/images/bluecol-top.gif') top left no-repeat;
  padding:15px 0 0 0;
  color:#28464d;
}
.contentpage #content-content-right .wrapper {  
  background:#e9f0f3 url('/images/bluecol-bottom.gif') bottom left no-repeat;
  padding:0 9px 15px 9px;
}
.contentpage #content-content-right .tagline {
  font-size:13px;
  font-weight:bold;
}
.contentpage #content-content-right .tagline span {
  text-transform:uppercase;
  font-size:15px;
}
.contentpage #content-content-right hr {  
  border-color:#bed3dc;
}
.contentpage #content-content-right .demobox {
  background:url('/images/demobox-bottom.jpg') bottom left no-repeat;
  font-size:11px;
}
.contentpage #content-content-right .demobox .demo-wrapper {
  background:url('/images/demobox-top.jpg') top left no-repeat;
  padding:15px 10px 15px 10px;
}
.contentpage #content-content-right .demobox .demo-wrapper:after {
  display:none;
}
.contentpage #content-content-right .demobox .title {
  padding:0 0 2px 55px;
  margin:0;
  border:none;
}
.contentpage #content-content-right .demobox .morelink {
  margin-top:5px;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
  border-top:20px solid #555555;
}

#footer .page {
  padding:0 10px;
}

#footer ul, #footer li {
  padding:0;
  margin:0;
  background:none;
  list-style:none;
}
#footer li.last a {
  border-right:none;
  margin-right:0;
  padding-right:0;
}

#footerlinks {
  border-bottom:1px solid #aaaaaa;
  padding:15px 0;
}

#footer1 a {
  color:#333333;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #aaaaaa;
}
#footer1 a:hover {
  text-decoration:underline;
}

#footer2 {
  float:right;
}
#footer2 a {
  color:#333333;
  text-decoration:none;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #aaaaaa;
  font-size:11px;
}
#footer2 a:hover {
  text-decoration:underline;
}

#subfooter {
  border-top:1px solid #ffffff;
  padding:10px 0 15px 0;
}

#copyright {
  padding:0 15px 0 0;
  color:#667788;
  font-size:11px;
}

#footer3 li {
  float:left;
}
#footer3 a {
  font-size:11px;
  color:#667788;
  text-decoration:none;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #bbccdd;
}
#footer3 a:hover {
  color:#778899;
  text-decoration:underline;
}

#credit {
  float:right;
}
#credit a {
  color:#667788;
  font-size:11px;
  text-decoration:none;
}
#credit a:hover {
  text-decoration:underline;
}



/* SITE MAP -------------------------------------------------------------------- */

.sitemap ul {
  padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
  background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
  padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
  text-transform:none;
}
.sitemap a:visited {
  color: #d0a687;
}
.sitemap a:hover {
  color: #873d05; 
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

#box .close { 
  background-position:right center !important;
  width: 20px !important; 
}

#nofrench {
  color:#777777;
  line-height:20px;
}
#nofrench .bigger {
  font-size:18px;
  margin:0 0 15px 0;
}