/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/
/* GLOBAL RESET - in addition to imported reset, more specific to this site
********************************************************/
.hidden {
  display: none;
}
a {
  color: #498bb5;
}
a:visited {
  color: #498bb5;
}
a:hover {
  color: #498bb5;
}

/* BODY
********************************************************/
body {
  background-color: #f2f5f6;
  margin: 0 auto;
  font: small Arial, sans-serif;
  color:#333333;
}

/* Header Container
********************************************************/
#headerWrap {
  border-bottom:1px solid #CCCCCC;
  float:left;
  margin:0pt auto;
  width:100%;
}
#header{
  margin:0pt auto;
  width:950px;
}
div#header div#headerImgWrap{
  float: left;
}
#header h1{
  float:right;
  font-size:197%;
  font-weight:normal;
  text-align:right;
}
#header h1 span{
  display:block;
  font-size:50%;
  text-align:right;
  color:#666666;
}

/***** main nav styles *****/
ul#mainNav {
  float: right;
  display: inline;
  margin: 20px 0 0 0;
  list-style: none;
}
ul#mainNav li {
  float: left;
  color: #545959;
  font-size: 12px;
  padding:0 9px 0 15px;
  background: transparent url(/media/image/bullet_gray.gif) no-repeat scroll left center;
}
ul#mainNav li.first {
  background: none;
}
ul#mainNav li a {
  text-decoration: none;
}
ul#mainNav li a:hover {
  text-decoration: underline;
}

/* FOOTER CONTAINER
********************************************************/
div#footerWrap {
  width: 950px;
  margin: 0 auto;
}
div#footer {
  clear:both;
  text-align:center;
  padding:20px;
  width:950px;
}

/* PUBLIC PAGES
********************************************************/
div#contentWrap {
  border: none;
  background: #ffffff url(/media/image/content_bg.png) no-repeat scroll center bottom;
  float:left;
  padding-bottom:30px;
  width:100%;
}
div#contentBody {
  color: #666666;
  font-size: 100%;
  width: 950px;
  margin: 0 auto;
}

/* HOME PAGE
********************************************************/
div#contentBody img.hpLogos {
  float: right;
  padding: 20px 20px 0 0;
  /*margin-right: 20px 20px 0 0;*/
}
div#threeColumnTop {
  float: left;
  width: 950px;
  height: 10px;
  background: transparent url(/media/image/three_column_top.png) no-repeat top;
}
div#threeColumnBg {
  float: left;
  width: 950px;
  min-height: 250px;
  background: transparent url(/media/image/column_bg_home.png) no-repeat bottom;
}
div#contentBody div.box300 {
  float:left;
  height:200px;
  margin-right:24px;
  min-height:200px;
  padding:10px 20px 20px;
  position:relative;
  width:258px;
}
div#contentBody div.box300 h3 {
  color: #ff9933;
}
div#contentBody div.box300 a {
  bottom: 0;
  float: right;
  position: absolute;
  right: 20px;
}
div#contentBody div#box2,
div#contentBody div#box3 {
  margin-left: 1px;
}
div#contentBody div.lastBox {
  margin-right: 0px;
}
div#contentBody div.box300 ul {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
  margin-left:20px;
  width:238px;
}
div#contentBody div.box300 ul li {
  float: left;
  background: none;
  margin: 0 0 1em 0;
  padding: 0;
}

/* Content */
div#contentBody a.editPromo {
  background:transparent url(/media/image/1100000000000001/cmseditobjecticon.png) no-repeat scroll 0 0;
  float:left;
  height:12px;
  left:10px;
  position:absolute;
  top:-5px;
  width:16px;
  text-indent: -999em;
}
div#contentBody div.ui-tabs-panel a.editPromo {
  top: 0px;
}
div#contentBody h1 {
  text-indent: -999em;
  width: 620px;
  height: 36px;
  font-size: 153.9%;
  margin: 20px 0;
}
div#contentBody h1 {
  background: url(/media/image/1/home_header.png) no-repeat;
}
div#contentBody h1#valtira-landingpagesHeader {
  background: url(/media/image/1/lp_header.gif) no-repeat;
}
div#contentBody h1#valtira-smartspotHeader {
  background: url(/media/image/1/ss_header.gif) no-repeat;
}
div#contentBody h1#valtira-enterpriseHeader {
  background: url(/media/image/1/enterprise_header.gif) no-repeat;
}
div#contentBody h2 {
  font-size: 18px;
  margin: 20px 0px;
  font-weight: normal;
  clear: both;
}
div#contentBody p {
  margin: 0px 0px 20px 0;
  font-size:100%;
  float: left;
  clear: both;
}
div#contentBody span.appLink {
  float: left;
  margin-left: 4px;
}
div#contentBody h3,
div#contentBody h4,
div#contentBody h5 {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0px 20px 0;
}
div#contentBody ol, div#contentBody ul {
  float: left;
  font-size:100%;
  list-style-position: inside;
  list-style: square;
}
div#contentBody ol {
  clear: both;
  margin-left: 0;
  list-style: none;
}
div#contentBody ul {
  list-style: none;
  margin: 0px 15px 15px;
}
div#contentBody ol li {
  margin: 10px 0;
}
div#contentBody ul li {
  background:transparent url(/media/image/1/publiccheckmark.gif) no-repeat scroll left top;
  margin:0 20px 10px 0;
  padding-left:30px;
}
/*div#publicPromos {
  width: 210px;
  float: left;
  margin-right: 10px;
}
div#publicPromos img {
  margin-bottom: 10px;
  float: left;
}
div#lpPromos {
  width: 210px;
  float: left;
  margin-right: 10px;
  margin-top: 90px;
}
div#lpPromos img {
  margin-bottom: 10px;
  float: left;
}*/

/***** interior main content *****/
div#mainTabbed {
  width: 625px;
  float: left;
}
div#mainTabbed div#contentMain {
  padding: 20px 20px 23px;
  background: transparent url(/media/image/interior_main_bg.png) no-repeat scroll left bottom;
  float: left;
  position: relative;
  width: 585px;
}
div#contentMain h2 {
  margin: 0px 0px 20px;
}
div#mainTabbed div#topNoTabs  {
  background:transparent url(/media/image/interior_main_top.gif) no-repeat scroll left bottom;
  float:left;
  height:10px;
  width: 625px;
}

div#mainTabbed span.floatImg {
  float: left;
  margin: 0 10px 10px 0px;
}


/* SIDE PROMOS
********************************************************/
div#contentBody div.sidePromo a.editPromo {
  top: -5px;
  left: 5px;
  margin: 0px;
}
div.sidePromoTop {
  margin-top: 27px;
  float: right;
  clear: right;
  width: 300px;
  height: 10px;
  background: transparent url(/media/image/side_promo_top.png) no-repeat top;
}
div.sidePromo {
  background:transparent url(/media/image/side_promo_bg.png) no-repeat scroll left bottom;
  float:right;
  clear: right;
  padding:0px 20px 23px;
  position:relative;
  width:260px;
}
div#contentBody div.sidePromo h3, div#contentBody div.sidePromo h3 {
  width:260px;
}
div.sidePromo span.bottomSpace {
  float: left;
  margin-bottom: 10px;
}
div#contentBody div.sidePromo p {
  width: 260px;
  margin: 0 0 0px 0;
  padding: 0;
}
div#contentBody div.sidePromo h3,
div#contentBody div.sidePromo h4,
div#contentBody div.sidePromo h5 {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: normal;
  margin: .5em 0;
}
div#contentBody div.sidePromo .bottom-right {
  bottom: 20px;
  float: right;
  margin-top: 20px;
  right: 20px;
}
div#contentBody div.sidePromo ul {
  padding: 0;
  margin: 0;
}
div#contentBody div.sidePromo ul li {
  background: none;
  float: left;
  clear: left;
  margin: .5em 0 0 0;
  padding: 0;
  width: 260px;
}

/* PUBLIC TABS
********************************************************/
div#tabs {
  padding: 0;
  margin: 0;
  float: left;
  width: 625px;
  font-size: 90%;
}
div#mainTabbed ul.ui-tabs-nav  {
  background:transparent url(/media/image/interior_main_top.gif) no-repeat scroll left bottom;
  float:left;
  height:37px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt 0pt 0pt 0px;
  padding:0 0 0 20px;
  width: 625px;
}
div#mainTabbed .ui-tabs-nav li {
  background:transparent none repeat scroll 0% 50%;
  float:left;
  font-size:12px;
  margin:0pt 0pt 0pt 2px;
  padding-left:0px;
}
div#mainTabbed .ui-tabs-nav li a {
  float: left;
  color: #ffffff;
  text-decoration: none;
}
div#mainTabbed .ui-tabs-hide {
  display: none;
}
div#mainTabbed .ui-tabs-nav a,
  div#mainTabbed .ui-tabs-nav a span {
  float: left; /* fixes dir=ltr problem and other quirks IE */
  padding: 0 12px;
  background: url(/media/image/tabs.gif) no-repeat;
}
div#mainTabbed .ui-tabs-nav a {
  margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
  padding-left: 0;
  background-position: 100% 0;
  text-decoration: none;
  white-space: nowrap; /* @ IE 6 */
  outline: 0; /* @ Firefox, prevent dotted border after click */
}
div#mainTabbed .ui-tabs-nav a: link,
  div#mainTabbed .ui-tabs-nav a: visited {
  color: #fff;
}
div#mainTabbed .ui-tabs-nav .ui-tabs-selected a {
  position: relative;
  top: 1px;
  z-index: 2;
  margin-top: 0;
  background-position: 100% -26px;
}
div#mainTabbed .ui-tabs-nav a span {
  padding-top: 1px;
  padding-right: 0;
  height: 20px;
  background-position: 0 0;
  line-height: 20px;
}
div#mainTabbed .ui-tabs-nav .ui-tabs-selected a span {
  color:#666666;
  padding-top: 0;
  height: 27px;
  background-position: 0 -26px;
  line-height: 27px;
}

/***** template gallery (Landing Pages) *****/
div#mainTabbed div#templateGallery ul#gallery p {
/*margin: 0 40px .8em 0;*/
}
div#mainTabbed div#templateGallery ul#gallery {
  display: block;
  clear: both;
  width: 585px;
  float: left;
  margin: 0;
  padding-top: .5em;
}
div#mainTabbed div#templateGallery ul#gallery li {
  background: none;
  float: left;
  margin: 0 1em .5em 0;
  padding-left: 0;
  width: 250px;
}
div#mainTabbed div#templateGallery ul#gallery li img {
  float: left;
  border: 0;
  margin: 5px 0 10px 0;
}
div#mainTabbed div#templateGallery ul#gallery li h4 {
  clear: both;
  margin: 0 0 .5em 0;
  font-size: 14px;
}
div#mainTabbed div#templateGallery ul#gallery li p {
  margin: 0 0 .8em 0;
  width: 250px;
}

/***** news and events (About Us) *****/
div#contentBody ul#news {
  width: 545px;
  padding: 0;
  margin: 0;
}
div#contentBody ul#news li {
  float: left;
  background: none;
  width: 545px;
  clear: both;
  margin: 0;
  padding: 1em 0;
  border-top: 1px dotted #498BB5;
}
div#contentBody ul#news li h4 {
  display: inline;
  float: left;
  clear: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0;

}
div#contentBody ul#news li p.dateline {
  display: inline;
  float: left;
  clear: none;
  margin: 0 0 .5em .5em;
}
div#contentBody ul#news li p {
  margin: 0 0 .8em 0;
}
div#contentBody ul#news li ul {
  width: 535px;
  list-style: disc inside;
  margin: 0 0 1em 0;
}
div#contentBody ul#news li ul li {
  float: left;
  width: 525px;
  margin: .5em 0 0 0;
  padding: 0;
  border: none;
}

/***** client and partner logos (About Us) *****/
div#contentBody ul#clientLogos {
  width: 545px;
  padding: 0;
  margin: 0;
}
div#contentBody ul#clientLogos li {
  float: left;
  background: none;
  width: 240px;
  margin: 0 12px 0 0;
  padding: 1em 0;
}
div#contentBody ul#clientLogos li img {
  clear: both;
  text-align: center;
}
div#contentBody ul#clientLogos li a {
  text-align: center;
}

/* LOGIN PAGE STYLES
********************************************************/
#loginForm {
  float: left;
}

/* CONTACT FORM STYLES
********************************************************/
div#contentBody form#publicForm {
  float: left;
}
div#contentBody ol#contactForm {
  list-style: none;
  clear: both;
}
div#contentBody ol#contactForm li {
  margin: .8em 0;
}
div#contentBody ol#contactForm li label {
  display: block;
  font-weight: bold;
  margin: 0 0 .2em 0;
}
div#contentBody ol#contactForm li label.error {
  display: inline;
  font-weight: normal;
  margin: 0 0 0 1em;
  color: red;
}