/*
   screen.css
   cesa
   
   Created by Cale Woodley on 2008-08-13.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #afceee url('../images/core/body-background.png') 0 0 repeat-x;
}

#container {
  width: 910px;
  margin: 25px auto;
  font: 0.75em/1.50em Arial, Verdana, sans-serif;
  color: #000;
}



/* #NAV
*******************************/
#navigation {
  width: 910px;
  height: 55px;
  background: url('../images/nav/nav-background.png');
}

#navigation ul li {float: left; display: inline;}

#navigation ul li a {
  display: block;
  height: 55px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
}

#navigation ul li a#nav-home {background-image: url('../images/nav/nav-home.gif'); width: 79px;}
#navigation ul li a#nav-profile {background-image: url('../images/nav/nav-profile.gif'); width: 91px;}
#navigation ul li a#nav-products {background-image: url('../images/nav/nav-products.gif'); width: 166px;}
#navigation ul li a#nav-news {background-image: url('../images/nav/nav-news.gif'); width: 78px;}
#navigation ul li a#nav-faq {background-image: url('../images/nav/nav-faq.gif'); width: 61px;}
#navigation ul li a#nav-links {background-image: url('../images/nav/nav-links.gif'); width: 70px;}
#navigation ul li a#nav-contact {background-image: url('../images/nav/nav-contact.gif'); width: 94px;}

#navigation ul li a:hover {background-position: 0 -55px;}

#navigation a#webcall {
  float: right;
  display: inline;
  margin: 15px 22px 0 0;
	background: url('../images/core/webcall.gif') no-repeat;
	width: 222px;
	height: 30px;
	text-indent: -9999px;
}

#navigation a:hover#webcall {
	background-position: 0 -30px !important;
}



/* #BANNER
*******************************/
#banner {
  width: 910px;
  height: 259px;
  background: url('../images/core/header-background.jpg') 0 0 no-repeat;
}

#banner p {
  display: none;
}

#banner img#logo {
  float: left;
  display: inline;
  margin: 32px 0 0 18px;
}

#banner .flash {
  width: 370px;
  height: 259px;
  float: right;
  display: inline;
}

.flash {  
    height:  370px;  
    width:   259px;  
    padding: 0;  
    margin:  0;
		overflow: hidden; 
} 
 
.flash img {  
    border:  0;  
} 



/* #CONTENT
*******************************/
#content {
  width: 910px;
  background: #fff;

}

#main {
  width: 542px;
  float: left;
  display: inline;
  margin: 20px 0 0 25px;
  padding-bottom: 10px;
}

#main h1 {
  border-bottom: 1px solid #ccc;
  font-size: 1.83em;
  margin: -10px 0 13px 0;
}

#main h2,
.baseform legend {
  margin: 0 0 5px 0;
  padding: 5px;
  font-size: 1.23em;
}

#main h3,
#main h4,
#main h5 {
  margin: 5px 0 5px 0;
  font-size:1.2em;
}

#main h2,
.baseform legend {
  display: block;
  background: #EDF4FC;
  text-transform: uppercase;
  color: #395AA9;
  border-bottom: 1px solid #ADCFF0;
}

#main ul li {
  list-style:disc;
}

#main ul{
  margin: 5px 5px 5px 20px;
}

#main p {
  margin: 26px 0;
}

#main a {color: #0387ce; text-decoration: underline;}
#main a:hover {text-decoration: none;}

#main a.pdf {background-image: url('../images/icon-pdf.gif'); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 25px;}

#main hr.clear {
  clear: both;
  border: none;
}

.cta {
  width: 285px;
  background: #0850aa url('../images/core/cta-background.gif') bottom center no-repeat;
  float: right;
  display: inline;
  clear: right;
  color: #fff;
  font-size: 0.92em;
  line-height: 1.45em;
  margin: 0 0 2px 0;
}

.cta h2 {
  text-indent: -999em;
  display: block;
  height: 38px;
  width: 285px;
}

.cta p, .cta h3 {
  padding: 0 22px 0 30px;
}

.cta h3 {margin: 8px 0 0 0; font-size: 1.09em;}
.cta p {margin: 0 0 15px 0;}

.cta img {
  float: left;
  display: inline;
  margin: 7px 14px 0 30px;
  border: 1px solid #a8d0f2;
}

.cta a {color: #fffa6b;text-decoration: underline;}
.cta a:hover {text-decoration: none;}

#cta-news h2 {background: url('../images/core/cta-h2-news.gif');}
#cta-specials h2 {background: url('../images/core/cta-h2-specials.gif');}

.cta-alt {
  background: #0387ce url('../images/core/cta-alt-background.gif') bottom center no-repeat;
}

/* #PRODUCTS
*******************************/
.product {
  float: left;
  display: inline;
  width: 266px;
	height:110px;
	overflow:hidden;
  margin: 1px;
  background: #edf4fc;
  border: 1px solid #e3e9f9;
  cursor: pointer;
}

body#page-products-listing .product {width: 540px;}
body#page-products-listing .product-image {margin-right: 20px; height: 100px;}

body#page-products-detail .product-image {margin: 0 10px 0 0;}

.product-hover {
  border: 1px solid #b1bdda;
}

.product-image {
  float: left;
  display: inline;
  width: 100px;
  padding: 5px;
}

.product-image .image-container{margin:2px 0; clear:right;}

.product-name {
  font-size: 1.33em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top:5px;
}

.product-name a {text-decoration: none !important; color: #395AA9 !important;}

.form-area{clear:both; margin-top: 10px;}



/* #NEWS
*******************************/
#newslisting,
#linklist {
  margin: 0 0 20px 0;
}

#newslisting dt,
#linklist li {
  line-height: 24px;
}

#newslisting dt a,
#linklist li a {
  display: block;
  background-color: #EDF4FC;
  border: 1px solid #fff;
  padding: 0 0 0 30px;
  text-decoration: none;
  font-weight: bold;
}

#newslisting dt a:hover,
#linklist li a:hover {
  border: 1px solid #b1bdda;
}

#newslisting dd{
  padding: 10px 20px;
}



/* #FAQ
*******************************/
dl#faqs dt {font-weight: bold;}
dl#faqs dd {color: #515151; font-style: italic; margin-bottom: 10px;}



/* #CONTACT
*******************************/
dl#contact-details dt {
  clear: left;
  width: 145px;
}

dl#contact-details dt, dl#contact-details dd {
  float: left;
  display: inline;
}



/* #LINKS
*******************************/
#main ul#linklist li{
  list-style:none;
}
#main ul#linklist{
  margin: 0px;
}



/* #FOOTER
*******************************/
#footer {
  width: 910px;
  height: 50px;
  clear: both;
  display: block;
  background: #0387ce url('../images/core/footer-background.gif') bottom center no-repeat;
  color: #9de2ff;
}

#footer p {
  font-size: 0.92em;
  float: left;
  display: inline;
  margin: 17px 0 0 20px;
}

#footer img {
  float: right;
  display: inline;
  margin: 14px 20px 0 0;
}

#footer a {color: #fff; font-weight: bold;}
#footer a:hover {text-decoration: none;}