a {text-decoration:none;color:#1f7faf}
a:hover {text-decoration: underline;}

body#home {
  background: url(../images/bg/home.jpg);
}

body#content, body#product {
  background: url(../images/bg/content.jpg);
}

#home-header {
  height:143px;
  margin-top:22px;
  background: url(../images/bg/home-header.gif) no-repeat;
}

#header {
  height: 155px;
}

#logo {
  background: url(../images/logo.gif);
  text-indent: -2000em;
  width:146px;
  height:60px;
}

#home-header #logo {
  margin-top:32px;
}

#header #logo {
  margin-top: 50px;
}

#lead-message h1 {
  margin-left: 37px;
  font-size: 25px;
  line-height: 29px;
}
#lead-message h1 span {
  color: #1E7EAE;
  font-weight: bold;
}

#selector-container {
  height: 314px;
  border-bottom: 1px solid #d5d5d5;
  position:relative;
}

#selector-container p#info {
  position: absolute;
  left: 0;
  bottom: 25px;
  background: url(../images/icons/info.png) no-repeat;
  padding-left: 35px;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 0;
}

#selector-container #vendors {
  position:absolute;
  right: 0;
  bottom: 25px;
  width:516px;
  height:31px;
}

#selector-container #vendors a{
  display:block;
  height: 31px;
  float:left;
  text-indent: -9999em;
  background: url(../images/bg/vendors.png);  
}
#selector-container #vendors a#t1{
  width: 110px;
  background-position: 0 0;
}
#selector-container #vendors a#t1.active{
  background-position: 0 -31px;
}
#selector-container #vendors a#t2{
  width: 134px;
  background-position: -110px 0;
}
#selector-container #vendors a#t2.active{
  background-position: -110px -31px;
}
#selector-container #vendors a#t3{
  width: 141px;
  background-position: -244px 0;
}
#selector-container #vendors a#t3.active{
  background-position: -244px -31px;
}
#selector-container #vendors a#t4{
  width: 131px;
  background-position: -385px 0;
}
#selector-container #vendors a#t4.active{
  background-position: -385px -31px;
}

#leftarrow {float:left;}
#rightarrow {float:right;}

#leftarrow, #rightarrow {margin-top:120px;}

#selector { 
  position:relative; 
  overflow:hidden;
  width: 908px;
  height:314px;
}

#selector #panels { 
  width:9999em;
  position:absolute;
  height: 314px;
}

#selector #panels .panel { 
  float:left;
}

#selector #panels .panel .panel-block {
  width:200px;
  padding: 20px 15px;
  border-right: 1px solid white;
  text-align: center;
  float:left;
}

div.clickable {cursor: pointer;}

div#selector div#panels div.panel div.panel-block h3 {
  color: #0771a6;
}

#searchbox {
  border: 1px solid #9f9f9f;
  width:172px;
  padding: 2px;
}

ul#home-nav {
  width: 190px;
  margin:0;
  padding:0;
  border-right: 1px solid #d5d5d5;
}

ul#home-nav li{
  list-style-image: url(../images/bg/nav.png);
  list-style-position: inside;
  border-bottom:1px solid #d5d5d5;
  padding-left: 10px;
  height: 30px;
  line-height: 28px;
}
ul#home-nav li.last {
  border-bottom:none;
}

ul#nav {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  height: 113px;
  margin: 0;
  margin-top: 25px;
  padding: 0;
  float:right;
}

ul#nav li {
  float: left;
  list-style-type: none;
  display:block;
  height: 113px;
  border-right: 1px solid #d5d5d5;
}

ul#nav li.last{border-right:none;}

ul#nav li a {
  display: block;
  width:100px;
  font-size: 20px;
  color: black;
  text-align: center;
  padding-top: 40px;
  height: 63px;
}

ul#nav li a.current {
  color: #1f7faf;
}

ul#nav li a#home {width:86px;}
ul#nav li a#products {width:109px;}
ul#nav li a#products.current {background: #fff url(../images/bg/nav-current.gif) 50px 93px no-repeat;}
ul#nav li a#about {width:114px;}
ul#nav li a#about.current {background: #fff url(../images/bg/nav-current.gif) 55px 93px no-repeat;}
ul#nav li a#contact {width:129px;}
ul#nav li a#contact.current {background: #fff url(../images/bg/nav-current.gif) 60px 93px no-repeat;}
ul#nav li a#support {width:182px;}
ul#nav li a#support.current {background: #fff url(../images/bg/nav-current.gif) 85px 93px no-repeat;}

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

#home-main {
  margin: 20px;
}

#product #main h2 {
  font-size: 18px;
}

#main h1#product-head {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}
#main h2#product-subhead {
  font-size: 16px;
  line-height: 18px;
  color:black;
}

#main ul li {
  list-style: url(../images/icons/li.gif);
}

#testimonial {
  height: 153px;
  width: 759px;
  background: #fff url(../images/bg/testimonial.png) top right no-repeat;
  border-left: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
}

#testimonial h2 {
  color: #1E7EAE;
  font-weight: bold;
  font-size:20px;
  float: left;
  margin-top: 60px;
  margin-left: 20px;
}

#testimonial p {
  margin-top: 48px;
  float:right;
  width: 470px;
}

#footer {
  background: url(../images/bg/footer.png);
  margin-top:5px;
  padding-top: 10px;
  position: relative;
}

#footer img#bb-alliance {
  position:absolute;
  right: 200px;
  top: 32px;
}

a#toplink {
  display:block;
  margin-left:30px;
}

#copyright p, #toplink {
  margin-top: 20px;
}

#copyright p {
  text-align: center;
}

#copyright p a {
  color: black;
}

#main {
  padding-top:35px;
  border-bottom: 1px solid #d5d5d5;
  min-height: 500px;
}

#main h2 {
  font-weight:bold;
  color:#1E7EAE;
  font-size:22px;
  line-height: 28px;
}

#main table tr td {
  border-bottom: 1px solid #d5d5d5;
}

#main thead th {
  color:white;
  background: #1E7EAE;
}

#blackberry {
  width: 284px;
  height: 513px;
  background: url(../images/screenshots/blackberry/bezel.png);
  margin-bottom: 20px;
}

#blackberry-soon {
  width: 350px;
  height: 511px;
  background: url(../images/screenshots/blackberry/bezel-soon.png);
  margin-bottom: 20px;
}

#windowsmobile {
  width: 260px;
  height: 466px;
  background: url(../images/screenshots/windowsmobile/bezel.png);
  margin-bottom: 20px;
  margin-left: 20px;
}

#windowsmobile-soon {
  width: 260px;
  height: 466px;
  background: url(../images/screenshots/windowsmobile/bezel-soon.png);
  margin-bottom: 20px;
  margin-left: 20px;
}

#laptop-soon {
  width: 300px;
  height: 243px;
  background: url(../images/screenshots/laptop/bezel-soon.png);
  margin-bottom: 20px;
}

#laptop {
  width: 300px;
  height: 243px;
  background: url(../images/screenshots/laptop/bezel.png);
  margin-bottom: 20px;
}

#screenshot-container {
  position: relative;
  overflow: hidden;
}

#blackberry #screenshot-container {
  width: 240px;
  height: 180px;
  top: 90px;
  left: 24px;
}

#blackberry-soon #screenshot-container {
  width: 240px;
  height: 180px;
  top: 93px;
  left: 26px;
}

#windowsmobile #screenshot-container {
  width: 199px;
  height: 264px;
  top: 57px;
  left: 31px;
}

#windowsmobile-soon #screenshot-container {
  width: 199px;
  height: 264px;
  top: 57px;
  left: 31px;
}

#laptop #screenshot-container {
  width:217px;
  height: 136px;
  top: 20px;
  left: 40px;
}

#laptop-soon #screenshot-container {
  width:217px;
  height: 136px;
  top: 20px;
  left: 40px;
}

#screenshot-container #screenshots {
  width: 20000em;
  position: absolute;
}

#screenshot-container #screenshots img {
  float: left;
}

#product-selector {
  float:right;
  position:relative;
}
#product-selector img {
  margin-left: 20px;
  cursor: pointer;
}

#product-selector div.select-list {
  position: absolute;
  top: 20px;
  left: 20px;
}

#product-selector div.select-list a {
  display: block;
  float: left;
  margin-left: 15px;
  font-weight: bold;
}

#product-prev {float:left;}
#product-next {float:right;}

#product #main ul {
  padding-left: 2em;
}