* {
margin: 0;
}
html,
body {
margin: 0px auto;
padding: 0px;
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
background: url(images/3-header-full-127.png) repeat-x top;
text-align: center;
height: 100%;
}
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
p {
margin: 0px 0px 1em 0px;
}
a {
text-decoration: none;
color: #444444;
outline: 0; /* @ Firefox, prevent dotted border after click */
}
a: {
text-decoration: underline;
}
img {
border: none;
}
h2 {
margin: 0px 0px 1em 0px;
}
div.cleared {
clear: both;
}
#wrapper_prod {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -87px; /* the bottom margin is the negative value of the footer's height */
text-align: left;
}
#wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -87px; /* the bottom margin is the negative value of the footer's height */
text-align: left;
}
.push {
height: 120px;
}
#footer_container {
position: relative;
width: 100%;
height: 87px;
background: url(images/3-footer5.jpg) repeat-x;
}
#header {
position: relative;
margin: 0px auto;
padding: 0px;
width: 960px;
text-align: left;
height: 127px;
}
#header_prod {
position: relative;
margin: 0px auto;
padding: 0px;
width: 960px;
text-align: left;
height: 127px;
}
#rightcol {
float: right;
width: 220px;
}
#middlecol {
float: left;
width: 460px;
}
#content_container {
position: relative;
width: 960px;
margin: 0px auto;
padding: 10px 0px 0px 0px;
height: auto;
}
#content_container_prod {
position: relative;
width: 960px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
height: auto;
}
#leftcol {
float: left;
width: 220px;
margin: 0px 20px 0px 0px;
}
/* header area styles */
#logo {
float: left;
margin: 20px 0px 0px 0px;
}
#appt {
padding: 0px 0px 0px 48px;
float: right;
height: 22px;
background: url(images/appt_bg_left.jpg) no-repeat;
}
#appt span {
display: block;
background: url(images/appt_bg_right.jpg) no-repeat right top;
padding: 0px 48px 0px 0px;
}
#appt span a {
color: #7f7f7f;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 22px;
}
#appt span a:hover {
color: #fd9b00;
}
#global_nav {
white-space: nowrap;
position: absolute;
bottom: 7px;
right: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#global_nav li {
float: left;
margin: 0px;
height: 32px;
font-weight: bold;
}
#global_nav li a {
color: #FFFFFF;
line-height: 32px;
}
#global_nav li span {
display: block;
padding: 0px 30px 0px 30px;
}
#global_nav li a:hover {
color: #fd9b00;
}
#global_nav li.pageon {
/* background: url(images/3-active-l.jpg) no-repeat bottom left; */
}
#global_nav li.pageon a {
color: #fd9b00;
}
#global_nav li.pageon span {
/* background: url(images/3-active-r.jpg) no-repeat top right; */
}
#subheader {
position: relative;
margin: 0px auto;
padding: 0px;
width: 960px;
text-align: left;
height: 30px;
border-bottom: 1px solid #333;
}
#global_subnav {
white-space: nowrap;
position: relative;
top: 0px;
bottom: 7px;
left: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#global_subnav li {
float: left;
margin: 0px;
height: 32px;
font-weight: plain;
}
#global_subnav li a {
color: #444;
line-height: 32px;
}
#global_subnav li span {
display: block;
padding: 0px 15px 0px 15px;
}
#global_subnav li a:hover {
color: #fd9b00;
}
#global_subnav li.pageon {
/* background: url(images/3-active-l.jpg) no-repeat bottom left; */
}
#global_subnav li.pageon a {
color: #fd9b00;
}
#global_subnav li.pageon span {
/* background: url(images/3-active-r.jpg) no-repeat top right; */
}
/* left column styles */
div.leftnav {
border: 1px solid #d3d5d6;
font-size: 12px;
margin: 0px 0px 15px 0px!important;
}
div.leftnav h2 {
display: block;
padding: 12px 14px 12px 14px;
background: url(images/lnav_hd_bg.jpg) repeat-x #e1e2e2;
font-size: 16px;
font-weight: bold;
margin: 0px;
color: #333333;
text-transform: uppercase;
}
div.leftnav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none
}
div.leftnav li {
padding: 7px 0px 7px 24px;
background: url(images/ul_brackets_black.gif) no-repeat 13px 12px;
}
div.leftnav a {
display: block;
color: #333;
}
div.leftnav a:hover {
color: #FD9B00;
text-decoration: underline;
}
.lnav_over {
background: url(images/ul_brackets_black.gif) no-repeat 13px 12px!important;
}
.lnav_on {
background: url(images/ul_brackets_black.gif) no-repeat 13px 12px #ffffff!important;
}
.div.lnav2 ul {
background: url(images/null.gif) no-repeat 13px 12px #dcf0fb!important;
}
.lnav_on a {
color: #FD9B00!important;
font-weight: bold;
}
div.leftnav ul li ul {
margin-bottom: -12px;
margin-left: -24px;
}
* div.leftnav ul li ul {
margin: 4px 0px 0px -24px;
padding: 0px;
}
div.leftnav ul li ul li {
padding-left: 34px!important;
background: url(images/ul_brackets_black.gif) no-repeat 23px 12px!important;
}
div.leftnav ul li ul li.lnav_over {
background: url(images/ul_brackets_black.gif) no-repeat 23px 12px!important;
}
div.leftnav ul li ul li.lnav_on {
background: url(images/ul_brackets_black.gif) no-repeat 23px 12px!important;
}
.lcol_callout {
border: 1px solid white;
background: white;
margin: 0px 0px 15px 0px!important;
height: 120px;
}
/* footer styles */
#footer_left {
height: 87px;
/* background: url(images/bg_footer_left.gif) no-repeat bottom left; */
}
#footer_right {
height: 87px;
/* background: url(images/bg_footer_right.gif) no-repeat bottom right; */
}
#footer {
position: relative;
margin: 0px auto;
width: 960px;
/* background: url(images/bg_footer_pointer.gif) no-repeat 53px 55px; */
height: 87px;
font-size: 11px;
text-align: left;
}
#footer_logo {
position: absolute;
left: 0px;
top: 23px;
}
#footer_nav {
position: absolute;
top: 10px;
left: 188px;
padding: 0px 0px 0px 24px;
background: url(images/bg_footer_seperator.gif) repeat-y left;
}
#footer_nav ul {
margin: 0px 24px 0px 0px;
padding: 4px 0px 4px 0px;
float: left;
width: 151px;
background: url(images/bg_footer_seperator.gif) repeat-y right;
list-style-type: none;
}
#footer_nav li {
padding: 2px 0px 2px 10px;
background: url(images/ul_brackets_grey.gif) no-repeat 0px 6px;
}
#footer_nav a {
color: #666666
}
#footer_nav a:hover {
text-decoration: underline;
}
#copyright {
position: absolute;
top: 60px;
left: 30px;
color: #b8b8b8;
font-size: 12px;
font-weight: normal;
}
a.footer_terms {
margin: 0px 10px 0px 10px;
color: #b8b8b8;
font-size: 12px;
font-weight: bold;
}
a.footer_terms:hover {
text-decoration: underline;
}
/* sub page styles */
#content_news {
float: left;
width: 700px;
}
#content_main_prod {
float: left;
width: 960px;
padding: 0px 0px 0px 0px;
}
#content_main {
float: left;
width: 960px;
padding: 0px 0px 10px 0px;
}
#content_main h3 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 0px 1em 0px;
}
#content_mainwmenu {
float: left;
width: 700px;
padding: 7px 0px 10px 0px;
}
#content_mainwmenu h3 {
font-size: 12px;
margin: 0px 0px 1em 0px;
}
prodheading2 {
font-size: 16px;
margin: 0px 0px 1em 0px;
}
div.subsecprod_header {
min-height: 20px;
height: 100px !important;
margin: 10px 0px 0px 0px;
}
div.subsecprod_header div {
margin: 5px 0px 18px 20px!important;
width: 650px;
font-size: 18px;
color: #333333;
}
div.subsecprod_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #FD9B00;
text-transform: uppercase;
}
div.subsec_header {
min-height: 20px;
height: 90px !important;
margin: 0px 0px 0px 0px;
}
div.subsec_header div {
margin: 18px 0px 18px 0px!important;
width: 960px;
font-size: 18px;
color: #333333;
}
div.subsec_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #FD9B00;
text-transform: uppercase;
}
div.subsecwmenunews_header {
min-height: 20px;
height: 151px !important;
margin: 0px 0px 15px 0px;
width: 700px;
float: left;
}
div.subsecwmenunews_header div {
margin: 5px 15px 5px 15px!important;
width: 500px;
font-size: 18px;
color: #333333;
}
div.subsecwmenunews_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #FD9B00;
text-transform: uppercase;
}
div.subsecwmenu_header {
min-height: 20px;
height: 151px !important;
margin: 0px 0px 15px 0px;
}
div.subsecwmenu_header div {
margin: 5px 15px 5px 15px!important;
width: 500px;
font-size: 18px;
color: #333333;
}
div.subsecwmenu_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #FD9B00;
text-transform: uppercase;
}
div.soldetail_header {
min-height: 20px;
width: 700px;
height: 300px !important;
margin: 0px 0px 0px 0px;
}
div.proddetail_header {
min-height: 20px;
width: 700px;
height: 250px !important;
margin: 0px 0px 0px 0px;
}
div.proddetail_header div {
margin: 5px 15px 5px 15px!important;
width: 500px;
font-size: 18px;
color: #333333;
}
div.proddetail_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #1c98d6;
text-transform: uppercase;
}
#proddetail_mainwmenu {
float: left;
width: 700px;
padding: 0px 0px 10px 0px;
}
#proddetail_mainwmenu h3 {
font-size: 12px;
margin: 0px 0px 1em 0px;
}
div.proddetail_features {
padding: 0px 0px 3px 0px;
margin: 0px 0px 5px 0px;
width: 695px;
}
div.proddetail_features ul {
margin: 0px 0px 0px 9px;
padding: 0px;
list-style-type: none;
}
div.proddetail_features li {
float: left;
width: 220px;
margin: 0px;
padding: 7px 6px 0px 0px;
}
div.proddetail_features li img {
float: left;
border: 2px #ddd solid;
}
div.proddetail_features li div {
float: right;
width: 250px;
}
div.support_contacts {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
width: 697.5px;
background-color: #efefef;
}
div.support_contacts ul {
margin: 0px 0px 0px 9px;
padding: 0px;
list-style-type: none;
}
div.support_contacts li {
float: left;
width: 210px;
margin: 0px 7px 0px 0px;
padding: 7px 7px 0px 0px;
border: 2px #ddd solid;
background-color: #ffffff;
}
div.support_contacts li img {
float: left;
}
div.support_contacts li div {
float: left;
width: 160px;
height: 80px;
vertical-align: middle;
padding-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 40px;
}
div.support_contacts li div h1 {
font-size: 18px;
color: #333;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div.contact_partners {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
width: 700px;
background-color: #ffffff;
}
div.contact_partners ul {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
div.contact_partners li {
float: left;
width: 205px;
margin: 0px 12px 10px 0px;
padding: 0px 12px 0px 0px;
background-color: #ffffff;
}
div.contact_partners li img {
float: left;
}
div.contact_partners li div {
float: left;
width: 150px;
height: 80px;
vertical-align: middle;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 40px;
}
div.contact_partners li div h1 {
font-size: 18px;
color: #333;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#supporttextheader {
font-size: 24px;
font-weight: bold;
color: #1C98D6;
font-family: Arial, Verdana, Helvetica;
width: 700px;
padding-bottom: 12px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
border-bottom: 1px solid #efefef;
}
#support_descbox {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
width: 700px;
position: relative;
}
#support_right {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 445px;
float: right;
vertical-align: text-top;
}
#support_left {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 210px;
float: left;
}
#contacttop_descbox {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
width: 700px;
position: relative;
padding: 3px 3px 3px 3px;
}
#contacttop_right {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 340px;
float: right;
vertical-align: text-top;
background-color: #f7f7f7;
border: 1px solid #efefef;
}
#contacttop_right_top {
font-size: 20px;
color: #444;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
padding-left: 20px;
font-style: normal;
font-weight: bold;
text-align: justify;
width: 300px;
float: left;
vertical-align: text-top;
}
#contacttop_right_col1 {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding-left: 20px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 140px;
float: left;
vertical-align: text-top;
}
#contacttop_right_col2 {
font-size: 12px;
color: #444;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 145px;
float: right;
vertical-align: text-top;
}
#contacttop_left {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
font-weight: normal;
text-align: justify;
width: 340px;
float: left;
background-color: #f7f7f7;
border: 1px solid #efefef;
}
label{
float: left;
width: 120px;
font-weight: bold;
}
input, textarea{
width: 180px;
margin-bottom: 5px;
}
select {
width: 180px;
margin-bottom: 5px;
}
textarea{
width: 280px;
height: 150px;
}
.boxes{
width: 1em;
}
#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
div.clients li div a.partner_name {
font-weight: bold
}
div.proddetail_features_last {
border: none!important;
}
div.soldetail_text {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
border-bottom: 1px solid #efefef;
text-align: justify;
width: 700px;
height: 100%;
}
div.soldetail_text h2{
padding: 0px 15px 7px 15px;
margin: 0px 0px 0px 0px;
width: 680px;
font-size: 22px;
text-transform: uppercase;
color: #444444;
font-weight: bold;
}
div.soldetail_text h3{
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
font-weight: normal;
}
div.proddetail2_text {
padding: 0px 10px 10px 10px;
margin: 0px 0px 0px 0px;
text-align: justify;
height: 200px;
}
div.proddetail2_text h2{
padding: 0px 0px 7px 0px;
margin: 0px 0px 0px 0px;
font-size: 17px;
text-transform: uppercase;
color: #FD9B00;
font-weight: bold;
}
div.proddetail2_text h3{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
font-weight: normal;
}
div.proddetail3_text {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
text-align: justify;
width: 700px;
height: 200px;
}
div.proddetail3_text h1{
padding: 0px 10px 7px 10px;
margin: 35px 0px 0px 0px;
width: 200px;
font-size: 12px;
color: #444444;
font-weight: normal;
float: right;
}
div.proddetail3_text h2{
padding: 0px 10px 7px 10px;
margin: 0px 0px 0px 0px;
width: 460px;
font-size: 22px;
text-transform: uppercase;
color: #444444;
font-weight: bold;
float: left;
}
div.proddetail3_text h3{
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
font-weight: normal;
float: left;
width: 460px;
}
div.proddetail_text {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
text-align: justify;
width: 700px;
height: 200px;
}
div.proddetail_text h2{
padding: 0px 10px 7px 10px;
margin: 0px 0px 0px 0px;
width: 680px;
font-size: 22px;
text-transform: uppercase;
color: #444444;
font-weight: bold;
}
div.proddetail_text h3{
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
font-weight: normal;
}
div.homesubsec_header {
min-height: 267px;
height: auto !important;
height: 267px;
margin: 0px 0px 24px 0px;
}
div.homesubsec_header_1 {
position: relative;
float: inherit;
margin: 18px 100px 18px 22px!important;
width: 933px;
font-size: 18px;
color: #333333;
}
div.homesubsec_header div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #1c98d6;
text-transform: uppercase;
}
div.subsec_header_sm {
min-height: 104px;
height: auto !important;
height: 104px;
margin: 0px 0px 24px 0px;
background: url(images/bg_subpage_hd.jpg) repeat-x bottom;
}
div.subsec_header_sm div {
margin: 18px 0px 40px 22px!important;
width: 450px;
font-size: 18px;
color: #333333;
}
div.subsec_header_sm div h2 {
margin: 0px 0px 0px 0px;
font-size: 24px;
color: #1c98d6;
text-transform: uppercase;
}
h2.subHd {
display: block;
margin: 0px 0px 0px 0px;
height: 0px;
font-size: 20px;
text-transform: uppercase;
background: url(images/subhd_bg.jpg) repeat-x bottom;
}
ul.bluarrow {
margin: 0px 0px 0px 16px;
padding: 0px;
list-style-type: none;
}
ul.bluarrow li {
padding: 0px 0px 0px 10px!important;
margin: 0px 0px 2px 0px;
background: url(images/ul_brackets_blu.gif) no-repeat 0px 5px;
}
ul.bluarrow li a {
color: #2b99d4;
}
ul.bluarrow li a:hover {
text-decoration: underline
}
ul.bluarrownomargin {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
ul.bluarrownomargin li {
padding: 0px 0px 0px 10px!important;
margin: 0px 0px 2px 0px;
background: url(images/ul_brackets_blu.gif) no-repeat 0px 5px;
}
ul.bluarrownomargin li a {
color: #2b99d4;
}
ul.bluarrownomargin li a:hover {
text-decoration: underline
}
.arrow_bullets {
margin: 0px;
padding: 0px;
list-style-type: none
}
.arrow_bullets li {
margin: 0px 0px 1em 0px;
padding: 0px 0px 0px 20px;
background: url(images/ul_brackets_grey.gif) no-repeat 10px 5px;
}
a.readmoresol {
padding: 0px 0px 0px 600px;
background: url(images/ul_brackets_blu.gif) no-repeat 590px 5px;
color: #2b99d4;
}
a.readmoreright {
padding: 0px 0px 0px 600px;
background: url(images/ul_brackets_black.gif) no-repeat 590px 5px;
color: #444444;
}
a.readmore {
padding: 0px 0px 0px 20px;
background: url(images/ul_brackets_blu.gif) no-repeat 10px 5px;
color: #2b99d4;
}
span.readmore {
padding: 0px 0px 0px 20px;
background: url(images/ul_brackets_blu.gif) no-repeat 10px 5px;
color: #2b99d4;
}
span.arrowheading {
padding: 0px 0px 0px 10px;
background: url(images/ul_brackets_blu.gif) no-repeat 0px 5px;
color: #2b99d4;
}
span.productheading {
padding: 0px 0px 0px 15px;
background: url(images/products/producttitle2.jpg) no-repeat 0px 0px;
padding-top: 3px;
color: #444;
width: 100%;
height: 35px;
vertical-align: middle;
font-weight: plain;
}
div.productheading {
padding: 0px 0px 0px 9px;
background: #efefef;
padding-top: 1px;
color: #444;
width: 100%;
height: 18px;
vertical-align: middle;
font-weight: plain;
}
a.readmore:hover {
text-decoration: underline
}
div.more_info {
padding: 24px 14px 24px 14px;
}
/* homepage styles */
#slidearea {
height: 312px;
overflow: hidden!important;
text-align: center;
padding: 20px 0px 0px 0px;
}
#lower_main {
background: url(images/bg_main_gradient.jpg) repeat-x;
}
#slide_control {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 960px;
background: url(images/home/slideshow_seperator.jpg) no-repeat left 22px;
height: 133px;
border-bottom: 1px solid #dde1e5;
}
#slide_control ul {
margin: 0px 0px 0px 2px!important;
padding: 0px;
list-style-type: none;
}
#slide_control ul li {
float: left;
width: 33%;
padding: 16px 0px 16px 0px;
margin: 0px 0px 0px 0px;
}
.slide_control_hover {
cursor: pointer!important;
}
.slide_control_hover h2 {
color: #fd9b00!important;
}
#slide_control div.slider {
margin: 0px auto;
padding: 16px 16px 16px 16px;
background: url(images/home/slideshow_seperator.jpg) no-repeat right 50%;
}
#slide_control h2 {
margin: 0px 0px .75em 0px;
text-transform: uppercase;
color: #818181;
font-weight: bold;
font-size: 20px;
}
.jFlowSelected {
background: url(images/home/slideshow_indicator.jpg) no-repeat center 0px;
}
.jFlowSelected h2 {
color: #fd9b00!important;
}
#blockquestion a {
color: #444;
}
#blockquestion a:hover {
color: #fd9b00;
}
/* begin added by Drew */
#lower_cos {
margin: 0px auto !important;
width: 960px;
border-top: 1px solid #fff;
padding: 16px 0px 0px 0px !important;
}
.lower_cos_block {
float: left;
width: 33%;
}
a.lower_cos_hd {
display: block;
margin: 0px 0px 5px 0px;
color: #444;
font-weight: bold!important;
}
a.lower_cos_hd:hover {
color: #fd9b00;
}
.lower_cos_block .copyblock {
margin: 0px 0px 0px 20px;
padding: 0px;
}
/* end added by Drew */
/*.lower_cos_block .copyblock {
float: left;
border-color: #e8f5fe; border-style: dotted; border-width: 1px;
}
.lower_cos_block .copyblock h2 {
font-size: 20px;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
}
.lower_cos_logo {
position: absolute;
top: 33%;
left: 341px;
width: 140px;
text-align: center;
}
.firstblock {
background:transparent url(images/home/lower_cos_sep2.gif) no-repeat scroll right center !important;
margin: 0px auto !important;
}
.firstblock div.lower_cos_logo {
width: 120px;
}
.firstblock .copyblock {
margin: 0px;
}
.lower_cos_block ul {
margin: 0px 0px 0px 16px;
padding: 0px;
list-style-type: none;
}
.lower_cos_block li {
padding: 0px 0px 0px 10px;
margin: 0px 0px 2px 0px;
background: url(images/ul_brackets_blu.gif) no-repeat 0px 5px;
}
.lower_cos_block li a {
color: #2b99d4
}
.lower_cos_block li a:hover {
text-decoration: underline
}*/
/* landing page-specific */
ul.landing_prods {
margin: 12px 0px 28px 0px;
padding: 0px;
list-style-type: none;
}
ul.landing_prods div {
margin: 0px;
padding: 0px;
width: 306px;
}
ul.landing_prods li {
float: left;
width: 306px;
margin: 0px 20px 0px 0px; /* should be 20 right */
padding: 0px;
}
ul.landing_prods li ul {
margin-top: 6px;
width: 270px;
}
ul.landing_prods li ul li {
width: 100%;
margin-right: 0px;
padding: 0px;
}
ul.landing_prods img {
margin: 0px 0px 18px 0px;
padding: 0px;
}
ul.landing_prods li.third {
margin: 0px;
padding: 0px;
}
ul.landing_solutions {
clear: both;
margin: 0px!important;
padding: 0px 0px 0px 0px!important;
list-style-type: none;
background: url(images/3col_bottom_border.gif) no-repeat top;
}
ul.landing_solutions li {
float: left;
width: 300px;
margin: 0px 20px 12px 0px;
padding: 0px;
}
ul.landing_solutions li:hover {
cursor: pointer;
}
a.landing_solutions_gr {
font-family: arial,helvetica,verdana;
font-size: 12px;
color: #444;
}
#landing_prods_boxheading {
position: relative;
background: #efefef;
text-align: center;
font-family: verdana,arial,helvetica,verdana;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: #444;
height: 25px;
width: 295px;
padding-top: 5px;
padding-left: 10px;
margin-bottom: 5px;
}
ul.landing_solutions li.third {
margin-right: 0px
}
ul.landing_solutions h3 {
margin: 0px 0px 0px 0px!important;
padding: 0px;
}
ul.landing_first {
background: none;
}
#landing_solutions_block {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -18px;
padding-top: 5px;
}
/* collapsible div styles */
#collapsible {
margin: 0px;
padding: 0px;
list-style-type: none;
width: auto;
}
#collapsible li {
margin: 0px 0px 1px 0px !important;
padding: 0px;
}
#collapsible li a {
display: block;
margin: 0px!important;
font-size: 12px;
font-weight: bold;
color: #333333;
padding: 10px!important;
border: 1px solid #d3d5d6;
background: url(images/collapse_bg_off.jpg) repeat-x top #e1e2e4;
}
#collapsible li a:hover {
cursor: pointer;
color: #444444;
border: 1px solid #efefef;
background: url(images/collapse_bg_on2.jpg) repeat-x top #efefef;
}
#collapsible div {
padding: 12px 12px 0px 12px;
margin: 0px;
}
#collapsible li.selected a {
color: #444444;
border: 1px solid #efefef;
background: url(images/collapse_bg_on2.jpg) repeat-x top #efefef;
}
/* right column styles */
div.rblock_quote {
background: url(images/bg_block_quote_sides.gif) repeat-y;
}
div.rblock_quote_top {
background: url(images/bg_block_quote_top.jpg) no-repeat top;
}
div.rblock_quote_bot {
padding: 0px 0px 20px 0px;
background: url(images/bg_block_quote_bot.gif) no-repeat bottom;
}
div.rblock_quote_bot_tl {
padding: 20px 0px 0px 34px;
background: url(images/bg_block_quote_tl.gif) no-repeat 11px 21px;
}
div.rblock_quote_bot_tl p {
width: 150px;
padding: 0px 20px 0px 0px;
}
div.rblock_quote_bot_tl p.endquote {
background: url(images/bg_block_quote_br.gif) no-repeat right bottom;
}
div.rblock_quote_bot_tl p.speaker {
font-style: italic;
}
div.rblock {
border: 1px solid #d3d5d6;
background: url(images/bg_block_gradient.jpg) repeat-x #e9e9e9;
margin: 0px 0px 15px 0px;
}
div.rblock_inside {
border: 1px solid #f3f3f3;
padding: 18px 12px 18px 12px;
}
div.rblock_bluehd {
border: 1px solid #d3d5d6;
margin: 0px 0px 15px 0px;
}
div.rblock_bluehd_copy {
background: url(images/bg_block_blucaret.jpg) repeat-x #ffffff;
padding: 18px 12px 18px 12px;
line-height: 16px;
}
div.rblock_bluehd h2 {
display: block;
background: #FD9B00;
margin: 0px 0px 0px 0px;
padding: 10px 12px 10px 12px;
font-size: 16px;
color: #fff;
}
div.rblock_bluehd_inside{
border: 2px solid #f3f3f3;
}
/* partners page */
div.partners {
padding: 0px 0px 20px 0px;
margin: 0px 0px 25px 0px;
border-bottom: 1px solid #ccc;
}
div.partners h2 {
font-size: 16px;
font-weight: bold;
color: #333333;
margin: 0px!important;
padding: 0px;
}
div.partners ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.partners li {
float: left;
width: 350px;
margin: 0px;
padding: 20px 0px 0px 0px;
}
div.partners li img {
float: left;
}
div.partners li div {
float: right;
width: 250px;
}
div.partners li div a.partner_name {
font-weight: bold
}
div.partners_last {
border: none!important;
}
/* clients page section */
div.clients {
padding: 0px 0px 20px 0px;
margin: 0px 0px 5px 0px;
}
div.clients h2 {
font-size: 13.8px;
vertical-align: text-bottom;
font-weight: bold;
color: #444;
margin: 0px!important;
padding: 0px;
background-image: url(images/about/logoheading5.jpg);
height: 33px;
}
div.clients ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.clients li {
float: left;
width: 116px;
margin: 0px;
padding: 7px 0px 0px 0px;
}
div.clients li img {
float: left;
}
div.clients li div {
float: right;
width: 250px;
}
div.clients li div a.partner_name {
font-weight: bold
}
div.clients_last {
border: none!important;
}
/* featured clients section */
div.featclients {
padding: 0px 0px 20px 0px;
margin: 0px 0px 6px 0px;
border-bottom: 1px solid #ccc;
}
div.featclients h2 {
font-size: 16px;
font-weight: bold;
color: #333333;
margin: 0px!important;
padding: 0px;
}
div.featclients ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
div.featclients li {
float: left;
width: 350px;
margin: 0px;
padding: 20px 0px 0px 0px;
}
div.featclients li img {
float: left;
}
div.featclients li div {
float: right;
width: 200px;
}
div.featclients li div a.partner_name {
font-weight: bold
}
div.featclients_last {
border: none!important;
}
/* contact page */
#contact_left {
float: left;
width: 190px;
}
#contact_left h2 {
padding: 0px 0px 8px 0px;
margin: 0px 0px 16px 0px;
border-bottom: 1px solid #d0d0d0;
text-transform: uppercase;
font-size: 20px;
}
#map_address {
padding: 0px 0px 20px 40px;
background: url(images/contact/indicator_gmaps.gif) no-repeat;
}
#contact_right {
float: right;
width: 494px;
margin: 0px 0px 0px 0px;
}
#news_right {
float: left;
width: 700px;
margin: 0px 0px 0px 0px;
}
#about_right {
float: left;
width: 460px;
margin: 0px 0px 0px 0px;
}
#contact_right {
float: left;
width: 700px;
margin: 0px 0px 0px 0px;
}
#contenttextheader {
font-size: 24px;
font-weight: bold;
color: #FD9B00;
font-family: Arial, Verdana, Helvetica;
width: 700px;
padding-bottom: 12px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
border-bottom: 1px solid #efefef;
}
#articletextheader {
font-size: 24px;
font-weight: bold;
color: #1C98D6;
font-family: Arial, Verdana, Helvetica;
width: 700px;
padding-bottom: 12px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
/* tabbed content */
#content_tabs {
clear: both;
background: url(images/bg_tabhd_gadient.jpg) repeat-x bottom;
margin: 0px 0px 13px 0px;
}
#content_tabs ul:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
#content_tabs ul {
margin: 0px;
padding: 0px;
list-style-type: none;
height: 43px;
}
#content_tabs ul li {
float: left;
margin: 0px 1px 0px 0px!important;
padding: 0px;
color: #fff;
font-weight: bold;
height: 43px;
}
#content_tabs ul li a {
color: #fff;
height: 23px;
background: #a1a1a1;
padding: 6px 16px 0px 16px;
white-space: nowrap; /* @ IE 6 */
outline: 0; /* @ Firefox, prevent dotted border after click */
}
#content_tabs ul li span {
height: 23px;
margin: 0px!important;
}
#content_tabs ul li a, #content_tabs ul li span {
float: left; /* fixes dir=ltr problem and other quirks IE */
}
#content_tabs .ui-tabs-selected {
background: url(images/tab_on.gif) no-repeat center bottom;
}
#content_tabs .ui-tabs-selected a {
background: url(images/tab_on.gif) no-repeat center bottom;
background: #1c98d6!important;
}
.ui-tabs-hide { display: none; }
div.tab {
clear: both;
}
#tab_descrip_copy {
float: left;
width: 445px;
}
#tab_descrip_callbacks {
float: right;
width: 220px;
}
#features_tabs {
float: left;
width: 205px;
}
#features_tabs ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#features_tabs li {
min-height: 28px;
height: auto !important;
height: 28px;
padding: 0px 0px 1px 0px;
background: url(images/products/ul_featuretabs_bg_off.gif) no-repeat left bottom;
}
#features_tabs li:hover {
cursor: pointer;
}
#features_tabs li a {
display: block;
color: #000;
font-weight: bold;
min-height: 27px;
height: auto !important;
height: 27px;
cursor: hand;
}
#features_tabs li a span {
display: block;
padding: 6px 0px 6px 16px;
width: 175px;
min-height: 17px;
height: auto !important;
height: 17px;
}
#features_tabs li.ui-tabs-selected a {
color: #fff;
background: url(images/products/ul_featuretabs_bg_on.gif) no-repeat right;
}
#features_tabs li.ui-tabs-selected a span{
background: #1c98d6;
}
#features_tabs a span:hover {
background: #f5f5f5;
}
#features_tabs_content {
float: right;
width: 484px;
}
#features_tabs_content h2 {
margin: 0px 0px 4px 0px;
font-size: 18px;
font-weight: bold;
color: #000;
text-transform: uppercase;
}
#features_tabs_content div.tab img {
float: left;
margin: 0px 20px 10px 0px;
}
/* */
#sol_slide_container {
position: relative;
height: 364px;
margin: 0px 0px 30px 0px;
}
#sol_slides {
position: absolute;
z-index: 1;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sol_slide_hd {
position: absolute;
top: 16px;
left: 21px;
z-index: 10;
font-size: 18px;
color: #333;
}
#sol_slide_hd h2 {
text-transform: uppercase;
margin: 0px 0px 0px 0px;
color: #2B99D4;
font-size: 24px;
}
#sol_slide_greybar {
position: absolute;
z-index: 5;
bottom: 0px;
background: url(images/products/greybar16.png) repeat-x;
color: #fff;
font-size: 11px;
width: 960px !important;
height: 82px;
}
.sol_slide_desc {
margin: 14px 14px 14px 20px;
width: 840px;
}
div.sol_slide_desc div {
position: relative;
z-index: 10;
}
div.sol_slide_desc div a {
color: #fff;
}
.sol_slide_desc h2 {
font-size: 16px;
color: #fd9b00;
margin: 0px 0px 4px 0px;
text-transform: uppercase;
}
#sol_slide_nav {
position: absolute;
top: 14px;
right: 20px!important;
margin: 0px;
padding: 0px;
list-style-type: none;
z-index: 100!important;
}
* html #sol_slide_nav {
z-index: 200!important;
}
#sol_slide_nav li {
float: left;
background: url(images/products/button_slide_off.gif) no-repeat center;
margin: 0px 0px 0px 0px;
}
#sol_slide_nav li a {
display: block;
width: 16px;
height: 8px;
}
#sol_slide_nav li a img {
width: 16px;
height: 16px;
}
.slidebut_on {
background: url(images/products/button_slide_on.gif) no-repeat center!important;
}
.slidebut_off {
background: url(images/products/button_slide_off.gif) no-repeat center!important;
}
div.sol_slide_desc div {
display: none;
}
#sol_slides li {
display: none;
}