/*####################
##### HTML, BODY #####
#####################*/
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 78%;
line-height : 2.0em;
color : #336699;
text-align : center;
margin : 0px;
padding : 0px;
background-image : url(../images/bkgrnd.gif);
background-repeat : repeat-y;
background-position : center;
}
/*###############
##### FONTS #####
###############*/
p{
margin : 15px 15px 15px 15px;
font-size : 100%;
}
h1{
margin : 0px 15px 5px 15px;
font-size : 160%;
line-height : 1.8em;
}
h2{
margin : 0px 15px 10px 15px;
font-size : 130%;
}
.title{
margin : 0px 15px 5px 15px;
line-height : 1.8em;
font-size : 170%;
}
.err {
color: #FF0000;
}
.success {
color: #009900;
}
#content a{
color : #214578;
font-weight : bold;
}
#content a:hover {
color : #EF7E22;
}
/*###################
##### CONTAINER #####
###################*/
#container{
width : 960px;
display : block;
margin-left : auto;
margin-right : auto;
padding-left : 30px;
}
*html #container{
padding-left : 2px;
}
/*################
##### HEADER #####
################*/
#header{
width : 930px;
/*background-image : url(../images/bkgrnd_header.jpg);
background-repeat : no-repeat;*/
border-bottom : 1px solid #3A6695;
display : block;
}
#headerContent{
width : 930px;
/*min-height : 208px;*/
display : block;
}
* html #headerContent{
/*height : 208px;*/
}
#headerBGhome{
width : 930px;
min-height : 95px;
background-image : url(../images/home_header.jpg);
background-repeat : no-repeat;
border-top : 3px solid #FFF;
}
* html #headerBGhome{
height : 95px;
}
#headerBGContent{
width : 930px;
min-height : 45px;
background-image : url(../images/content_header.jpg);
background-repeat : no-repeat;
border-top : 3px solid #FFF;
}
* html #headerBGContent{
height : 55px;
}
#banner {
float: left;
}
#banner h1 {
text-align: left;
font-size: 14px;
margin: 7px 0px 0px 90px;
}
#banner p {
text-align: left;
margin: 0px 0px 0px 90px;
line-height: 15px;
}
.logo {
float : left;
margin-top : 10px;
margin-left : 5px;
border : none;
}
.search{
width : 300px;
float : right;
margin-right : -169px;
margin-top : 50px;
font-size : 90%;
}
*html .search{
margin-top : 50px;
margin-right : -168px;
}
/*####################
### CONTENT LAYOUT ###
####################*/
#content{
width : 930px;
min-height : 480px;
padding-top : 15px;
padding-bottom : 15px;
display : block;
font-size : 90%;
line-height : 175%;
text-align : left;
/*background-color : #FAFAFA;*/
}
*html #content{
height : 480px;
}
.panel {
width: 629px;
height: 210px;
background: url(../images/panel.gif) no-repeat;
}
.panel h2 {
padding: 20px 0px 0px 10px;
}
.panel p {
padding: 0px 0px 0px 10px;
}
.panel .thumb {
padding: 0px 0px 0px 5px;
border-style: none;
}
#contentMain{
width : 629px;
display : block;
margin : 0px;
padding : 0px;
float : left;
border-right : 1px solid #CCC;
}
#contentMainLeft{
width : 629px;
display : block;
margin : 0px;
padding : 0px;
float : left;
}
#contentMainRight{
width : 289px;
display : block;
margin : 0px;
padding : 0px;
float : right;
}
#contentBottom{
clear : both;
width : 620px;
display : block;
margin : 0px;
padding : 0px;
}
#contentRight{
width : 300px;
min-height : 400px;
display : block;
float : right;
margin : 0px;
padding : 0px;
}
/*####################
## CONTENT FEATURES ##
####################*/
/*---- INFO BOX ----*/
#infoBox{
float : right;
display : block;
margin : 0px;
padding : 0px;
}
/*---- QUICK LINKS ----*/
#quickLinksOuter{
background-color : #DEDFE1;
padding : 3px;
margin : 10px;
}
*html #quickLinksOuter{
padding-right : 4px;
}
#quickLinksInner{
background-color : #D5D8DD;
margin : 10px;
}
#quickLinksInner ul{
margin : 0px;
padding : 0px;
list-style : none;
display : block;
}
#quickLinksInner li {
display : block;
margin-left : 10px;
margin-right : 10px;
}
#quickLinksInner li a{
display : block;
width : 265px;
padding-left : 5px;
min-height : 25px;
color : #336699;
text-decoration : none;
line-height : 2.4em;
border-top : 1px solid #EBEBEB;
border-bottom : 1px solid #B1B1B1;
background-image : url(../images/linkArrow.gif);
background-repeat : no-repeat;
background-position : right;
}
#quickLinksInner li a:hover{
color : #336699;
background-color : #CCC;
text-decoration : none;
background-image : url(../images/linkArrowOver.gif);
background-repeat : no-repeat;
background-position : right;
}
.quickLinksHeader{
margin-top : 8px;
margin-left : 12px;
margin-bottom : 8px;
}
/*---- PDF LINK ----*/
#link {
width : 270px;
margin-left : 15px;
padding : 0;
color : #666;
background : #DEDEDE url(../images/quote1.gif) no-repeat top left;
}
#linkMessage {
margin : 0px 10px 0px 0px;
padding : 20px 10px 10px 20px;
background : url(../images/pdficon_up.gif) no-repeat right;
}
#linkBottom {
margin : 0px;
padding : 0px 0px 10px 0px;
color : #666;
background : url(../images/quote3.gif) no-repeat bottom;
}
.pdfLogoHome{
padding : 15px;
}
/*---- TEASERS ----*/
#teaser{
padding : 0px;
margin : 0px;
margin-bottom : 15px;
width : 274px;
line-height : 1.8em;
}
*html #teaser p{
margin-top : -10px;
}
#teaser .teaserTop{
width : 274px;
height : 16px;
background-image : url(../images/teaserTop.gif);
background-repeat : no-repeat;
}
#teaser .teaserMiddle{
width : 274px;
background-image : url(../images/teaserMiddle.gif);
background-repeat : repeat-y;
background-position : top;
}
#teaser .teaserBottom{
width : 274px;
margin-top : -10px;
height : 16px;
background-image : url(../images/teaserBottom.gif);
background-repeat : no-repeat;
}
*html #teaser .teaserBottom{
margin-top : -15px;
}
.teaserButton{
position : relative;
background : url(../images/teaserButtonOver.gif) no-repeat;
white-space : nowrap;
display : block;
width : 126px;
height : 27px;
margin-top : -36px;
margin-right : 48px;
float : right;
}
* html .teaserButton{
margin-top : -36px;
margin-right : 26px;
}
.teaserButton a{
display : block;
width : 126px;
height : 27px;
text-decoration : none;
z-index : 0;
}
.teaserButton img{
width : 126px;
height : 27px;
border : 0;
}
* html a:hover{
visibility : visible;
}
.teaserButton a:hover img{
visibility : hidden;
}
.teaserButton span{
position : absolute;
margin : 0px;
padding : 0px;
cursor : pointer;
visibility : hidden;
}
.teaserImage{
float : right;
padding-left : 10px;
padding-right : 15px;
}
.teaserImageLeft{
float : left;
padding-right : 10px;
padding-left : 15px;
}
/*---- RIGHT CONTENT ----*/
.evalTrialHeader{
margin-top : 8px;
margin-left : 15px;
margin-bottom : 8px;
}
#articleRight{
width : 270px;
display : block;
background-color : #EDEDED;
margin-left : 15px;
margin-bottom : 15px;
padding-top : 5px;
}
*html #articleRight p{
margin-top : -10px;
}
#articleRight ul{
margin : 0px;
padding : 0px;
display : block;
}
#articleRight li {
display : block;
list-style : none;
}
#articleRight li a{
display : block;
width : 255px;
padding-left : 15px;
color : #336699;
text-decoration : none;
line-height : 2.4em;
border-top : 1px solid #B1B1B1;
background-image : url(../images/linkArrow.gif);
background-repeat : no-repeat;
background-position : right;
}
*html #articleRight li a{
padding-left : 15px;
margin-left : -15px;
}
#articleRight li a:hover{
color : #336699;
background-color : #D5D8DD;
text-decoration : none;
background-image : url(../images/linkArrowOver.gif);
background-repeat : no-repeat;
background-position : right;
}
#articleRight .thumb {
border: solid 1px #999999;
}
.contentImg{
float : right;
margin-left : 5px;
margin-right : none;
}
/*---- CREDITCARD IMAGE ----*/
.creditCard{
padding : 0px;
margin : 0px;
float : right;
margin-right : 15px;
}
/*---- TABLES ----*/
.table1{
padding : 0px;
margin : 0px 8px 10px 8px;
}
.table1 td{
vertical-align : top;
}
.table1header{
border-bottom : 1px solid #A9AFBA;
}
.newsLetter{
margin : 5px 0px 5px 15px;
}
#teaserBtn{
width : 270px;
height : 38px;
margin : 0px 0px 5px 15px;
background-image : url(../images/buttonBkd.jpg);
background-repeat : no-repeat;
background-position : center;
}
#teaserBtn p{
margin : 0px;
padding : 0px;
}
#teaserBtn a {
padding : 10px 0px 5px 0px;
text-align : center;
font-size : 110%;
font-weight : bold;
display : block;
text-decoration : none;
color : #FFFFFF;
color : #FFFFFF !important;
}
#teaserBtn a:hover {
text-decoration : underline;
color : #FFFFFF;
}
/*################
##### FOOTER #####
################*/
#footer{
width : 950px;
margin-left : -10px;
padding : 0px;
color : #666;
line-height : 1.2em;
border-top : 2px solid #336699;
}
*html #footer{
margin : 0px;
margin-top : -30px;
}
#copyright{
padding-top : 5px;
text-align : left;
margin-left : 15px;
font-size : 80%;
}
#copyright a {
text-decoration : none;
color : #336699;
}
#copyright a:hover {
text-decoration : underline;
}
/* GENERAL */
#productList{
list-style : none;
margin : 0px;
padding : 0px;
}
#productList li{
display : inline;
}
#productList li a{
display : block;
float : left;
width : 18px;
height : 18px;
margin-right : 2px;
background-color : #FF9900;
padding : 3px;
text-decoration : none;
text-align : center;
}
#productList li a:hover{
background-color : #A85400;
color : #FFFFFF;
text-decoration : none;
}
.ddmenu{
color : #336699;
font-size : 90%;
float : right;
margin-right : 20px;
margin-bottom : 20px;
}
/* CONTACT TABLE */
.trOn td{
background-color : #e6e6e6;
}
.trOff td{
background-color : #DDDDDD;
}
.formField{
color : #336699;
font-size : 90%;
width : 250px;
}
select.formField{
width : 256px;
}
.formArea{
color : #336699;
font-family: Arial, Helvetica, sans-serif;
font-size : 9pt;
width : 250px;
}
#mainBullsInner{
background-color : #D5D8DD;
margin : 5px;
border : 10px solid #DEDFE1;
}
#mainBulls ul{
list-style : square !important;
}
.questionLink{
text-align : right;
display : block;
width : 100%;
border-top : 1px solid #cccccc;
}.buyonlineimg {
margin: 60px;
float: right;
}