/****************************************************/
/*                 GLOBAL STYLES AND UI LAYOUT                    */
/****************************************************/

/* Global Styles */
* {margin:0px; padding:0px;}
body {font-family:Helvetica, sans-serif; font-size:12px; line-height:1.4em; color:#564d43; background:#ffffff;}
a {color:#f64f00; text-decoration:none; cursor:pointer;}
#wrapper {width:952px; margin:auto;}

/* forms */
input, textarea, select, option {font-family:Verdana, sans-serif; font-size:12px; line-height:1.4em; color:#333333; margin:0px; padding:0px;}

/* h1 - h6 Styles */
h1, h1 a {display:none; position:absolute;}
h2, h2 a, .h2 {font-size:18px; font-weight:normal;}
h3, h3 a, .h3 {font-size:18px; font-weight:normal;}
h4, h4 a, .h4 {font-size:16px; font-weight:normal;}
h5, h5 a, .h5 {font-size:14px; font-weight:normal;}

/* paragraph styles */
p {display:block;}

/* image styles */
img {border:0px;}
a img {border:0px;}

/* common float / clear classes */
.floatRight {float:right;}
.floatLeft {float:left;}
.clear {clear:both; height:1px; line-height:1px; font-size:1px;}

/* common alignment classes */
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

/* common text classes */
.alert {color:#ff0000; font-weight:bold;}
.accent {color:#55a100;}
.mute {color:#726a61;}
.normal {color:#564d43;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.italic {font-style:italic;}
.large {font-size:14px;}
.small {font-size:10px;}
.super {vertical-align:super;}
.plain { font-weight: normal; font-style: normal; text-decoration: none;}

/* header */
#header {height:100px; background:url(images/bg-header.gif) repeat-x;}
#headerGuts {width:955px; height:100px; margin:auto;}
#headerGuts img {float: left; margin-top: 16px;}
#headerGuts p {float: right; height:61px; color:#999999; text-transform:uppercase; font-size:11px; margin:30px 0px 6px 0; padding:1px 0px 0px 28px; background:url(images/icon-contact.gif) no-repeat;}

/* navigation */
#nav {height:37px; background:url(images/bg-nav.gif) repeat-x;}
#nav ul {width:955px; height:37px; margin:auto; line-height:37px; text-transform:uppercase; list-style:none;}
#nav ul li {float:left; text-align:center;}
#nav ul li a {color:#ffffff; font-size:13px; display:block; height:37px;}
#nav ul li a:hover {background:url(images/bg-nav-over.gif) repeat-x;}
#nav ul li#link1 {width:181px;}
#nav ul li#link2 {width:175px;}
#nav ul li#link3 {width:164px;}
#nav ul li#link4 {width:129px;}
#nav ul li#link5 {width:135px;}
#nav ul li#link6 {width:171px;}

/* body */
#body {background:url(images/bg-body.gif) repeat-x #ffffff;}
#content {margin:auto; width:963px; background:url(images/bg-content-trans.png) repeat-y;}
#contentPad {position:relative; width:955px; padding:0px 4px 0px 4px;}

/* footer */
#footer {height:178px; background:#323232; clear:both;}
#footerContact {width:955px; height:21px; line-height:21px; font-size:11px; margin:auto; background:#ffffff; list-style:none; text-align:center;}
#footerContact li {display:inline;}
#footerContact li a {color:#564d43;}
#footerContact li::before {content:"| "; padding:0px 7px 0px 7px;}
#footerContact li:first-child::before {content:""; padding:0px;}
#footerGuts {width:955px; height:117px; margin:auto; background:url(images/bg-footer.gif) repeat-x;}
#copyright {height:35px; clear:both;}
#copyright ul {text-align:center; list-style:none;}
#copyright li {display:inline; color:#999999; font-size:11px; line-height:35px;}
#copyright li::after {content:"| "; padding:0px 5px 0px 5px;}
#copyright li:first-child::after {content:""; padding:0px 10px 0px 0px;}
#copyright li:last-child::after {content:""; padding:0px;}
#copyright li a {color:#999999;}

/* footer rotating partners */
.footerPrevImg, .footerNextImg {float:left; width:57px; height:50px; text-align:center; padding:28px 0px 0px 0px;}
.footerRotate {float:left; width:841px; height:82px;}
.footerRotate ul {list-style:none;}
.footerRotate ul li {display:inline;}

/****************************************************/
/*                        PAGE SPECIFIC STYLES                         */
/****************************************************/

/* Use to to pad the whole page */
.pad {padding:30px; width:895px;}

/*index page */
#indexFlash {width:955px; height:351px;}
.getPricing {width:955px; height:30px; background:url(images/bg-gradient-home.gif) repeat-x; text-align:center; margin:4px 0px 0px 0px; text-transform:uppercase; line-height:1em;}
.getPricing img {vertical-align:middle;}
#indexLeft {float:left; width:439px;}
#indexLeft h2 {font-size:38px; line-height:1.3em; text-transform:uppercase; padding:14px 0px 9px 0px; border:none; width:439px;}
#indexLeft p {line-height:1.8em; padding:0px 0px 16px 0px;}
#indexRight {float:right; width:426px; padding:10px 0px 0px 0px;}
#indexVideoContent {width:426px; text-align:center;}
#indexVideo {width:400px; height:224px;}
#indexRight .domtab {width:426px; padding:20px 0px 0px 0px;}
#indexRight ul.domtabs {list-style:none; float:left;}
#indexRight .domtabs li {float:left; text-align:center; border-left:1px solid #cccccc; border-top:1px solid #cccccc;}
#indexRight .domtabs li:last-child {border-right:1px solid #cccccc;}
#indexRight .domtabs li#tab1 {width:211px;}
#indexRight .domtabs li#tab2 {width:211px;}
#indexRight .domtabs a {color:#636363; font-weight:bold; line-height:27px; display:block; background:url(images/bg-index-tabs.gif) repeat-x;}
#indexRight .domtabs li#tab1 a {width:211px; height:27px;}
#indexRight .domtabs li#tab2 a {width:211px; height:27px}
#indexRight .domtabs li.active a {color:#378f00; background:none;}
#indexRight .domtabContent {clear:both; width:404px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:14px 10px 14px 10px; font-size:11px; line-height:1.6em;}
#indexRight .domtabContent ul {list-style:none;}
#indexRight .domtabContent {min-height:126px;}
#indexRight .mmmTab td {vertical-align:top;}
#indexRight .mmmTab td p {padding:0px 0px 8px 0px;}
#indexRight .mmmTab td:first-child {width:80px; padding:0px 10px 0px 0px; text-align:left;}
#indexRight .mmmTab td:first-child[rowspan="2"] {text-align:center;}
#indexRight .mmmTab tr:last-child td {width:157px;}

/* Data Center Accordion */
#accordionDataCenter {width:600px;}
#accordionDataCenter a {width:567px; height:22px; line-height:22px; background:url(images/bg-accordion-title.gif) no-repeat; display:block; padding:0px 0px 0px 33px; color:#666666}
#accordionDataCenter a:hover, #accordionDataCenter a.selected {background:url(images/bg-accordion-title-over.gif) no-repeat; color:#ffffff;}
#accordionDataCenter a h3 { font-size: 12px; font-weight: normal; color: #666666; }
#accordionDataCenter a:hover h3, #accordionDataCenter a.selected h3 { color: #ffffff; }
#accordionDataCenter div.accordionContent {width:540px; background:url(images/bg-accordion-content.gif) repeat-y; padding:10px 27px 10px 33px;}
#accordionDataCenter div.accordionContent:last-child {border-bottom:1px solid #dfdfdf;}
#accordionDataCenter div.accordionContent p {padding:0px;}
#accordionDataCenter div.accordionContent ul {list-style-position:inside; padding:0px;}
#accordionDataCenter div.accordionContent ul ul {list-style-position:inside; padding:0px 0px 0px 16px;}

/* Testimonial Accordion */
#accordionTestimonials {width:600px;}
#accordionTestimonials div.accordionContent {width:540px; padding:10px 27px 10px 33px;}
#accordionTestimonials div.accordionContent ul {list-style-position:inside; padding:0px 0px 0px 15px;}

/****************************************************/
/*                        PAGE SHARED STYLES                          */
/****************************************************/

#indexLeft a:hover, #indexRight a:hover, #copyright li a:hover, #footerContact li a:hover, .interiorMainCol a:hover {text-decoration:underline;}

/* two column interior w/ contact column */
.interiorMainCol {float:left; width:600px; padding:6px 0px 0px 0px;}
.interiorMainCol p {padding:0px 2px 12px 2px;}
.interiorMainCol ol, .interiorMainCol ul {list-style-position:inside; padding:0px 0px 12px 12px;}
.pad h2 {border-bottom:1px solid #cccccc; padding:0px 0px 3px 0px; width:600px; font-size:22px;}
.pad h5 {border-bottom:1px solid #cccccc; padding:0px 0px 3px 0px; width:600px;}
.interiorContactCol {float:left; width:265px; padding:0px 0px 0px 30px;}

/* main column tabs */
.interiorMainCol .domtab {width:600px; padding:20px 0px 0px 0px;}
.interiorMainCol ul.domtabs {width:600px; list-style:none; text-align:center; padding:0px; margin:0px;}
.interiorMainCol ul.domtabs li {float:right; width:149px; height:30px; line-height:28px; background:url(images/bg-interior-tabs.gif) no-repeat; margin:0px 0px 0px 1px;}
.interiorMainCol ul.domtabs li.active {background:url(images/bg-interior-tabs-over.gif) no-repeat;}
.interiorMainCol ul.domtabs li a {display:block; color:#ffffff; width:149px; height:28px; text-transform:uppercase; padding:2px 0px 0px 0px;}
.interiorMainCol ul.domtabs li a:hover {background:url(images/bg-interior-tabs-over.gif) no-repeat; text-decoration:none;}
.interiorMainCol .domtabContent {clear:both;}
.interiorMainCol .domtabContent .interiorTableGrid {width:600px; border:1px solid #d4d4d4;}
.interiorMainCol .domtabContent .interiorTableGrid td {height:30px; line-height:1em; border-left:1px solid #d4d4d4; text-align:center;}
.interiorMainCol .domtabContent .interiorTableGrid td.interiorTableGridCol1 {width:266px; padding:0px 0px 0px 14px; border:0px; text-align:left;}
.interiorMainCol .domtabContent .interiorTableGrid td.interiorTableGridCol2 {width:106px;}
.interiorMainCol .domtabContent .interiorTableGrid td.interiorTableGridCol3 {width:106px;}
.interiorMainCol .domtabContent .interiorTableGrid td.interiorTableGridCol4 {width:106px;}
.interiorMainCol .domtabContent .interiorTableGrid .gridHeader td {background:#fde628; text-transform:uppercase;}
.interiorMainCol .domtabContent .interiorTableGrid .gridWhite td {background:#ffffff;}
.interiorMainCol .domtabContent .interiorTableGrid .gridGrey td {background:#efefef;}
.interiorMainCol .domtabContent .interiorTableGrid td a img {vertical-align:middle;}
.interiorMainCol .domtabContent .blackSpace {height:6px; background:#000000;}
.interiorMainCol .domtabContent .borderContent {border:1px solid #d4d4d4; padding:14px 10px 10px 10px;}
.interiorMainCol .domtabContent .borderContent h3 {color:#55a100; padding:0px 0px 8px 0px;}
.interiorMainCol .domtabContent .borderContent p {padding:0px 0px 10px 0px;}
.interiorMainCol .domtabContent .borderContent p:last-child {padding:0px;}
.interiorMainCol .domtabContent .samplePackagesTable {width:600px; border:1px solid #d4d4d4; line-height:1em;}
.interiorMainCol .domtabContent .samplePackagesTable td {height:30px; text-align:left; vertical-align:middle;}
.interiorMainCol .domtabContent .samplePackagesTable td.interiorTableGridCol1 {width:200px; padding:0px 0px 0px 20px; color:#000000;}
.interiorMainCol .domtabContent .samplePackagesTable td.interiorTableGridCol2 {width:380px; color:#696969;}
.interiorMainCol .domtabContent .samplePackagesTable .gridHeader td {background:#fde628; text-transform:uppercase; text-align:left; padding:0px 0px 0px 20px;}
.interiorMainCol .domtabContent .samplePackagesTable .gridWhite td {background:#ffffff;}
.interiorMainCol .domtabContent .samplePackagesTable .gridGrey td {background:#efefef;}

/* contact column */
#contactContainer {width:265px; float:left;}
#support {width:264px; height:376px; background-image:url(images/bg-support.jpg);}
.supportTitle {padding:18px 0px 0px 25px; color:#333333; font-size:15px;}
.supportText {padding:27px 0px 0px 55px; color:#ffffff; font-size:11px;}
.sixteenpx {font-size:16px;}
.thirteenpx {font-size:13px;}
.elevenpx {font-size:11px;}
.gold {color:#ffd71d;}
.gold:hover {text-decoration:underline;}
.banner {width:266px; height:116px;}

/* site map */
.sitemap {line-height:22px;}

/* forms */
#form {width:500px;}
#form td {padding:5px 0px 5px 0px;}
.formLabel {width:100px; height:30px; text-align:right;}
.formTextAreaLabel {width:125px; text-align:right; vertical-align:top;}
.formField {width:400px; height:30px; text-align:left;}
.formMMM {height:50px; background-color:#e8e8e6;}
.formSubmit {text-align:right;}
.textInput {width:200px; padding:2px; border:solid 1px #cccccc; color:#aaaaaa; line-height:1em;}
.textInput:focus {border:solid 1px #444444; color:#444444;}
.selectInput {width:200px; padding:2px; border:solid 1px #cccccc; color:#aaaaaa; line-height:1em;}
.selectInput option {width:200px; line-height:1em;}
.textArea {width:400px; height:150px; border:solid 1px #cccccc; color:#aaaaaa;}
.textArea:focus {border:solid 1px #444444; color:#444444;}
#mmmTable td {padding:0px 10px 0px 0px;}
.checkboxCell {width:30px; text-align:right; vertical-align:top;}
.checkboxLabel {text-align:left;}

/* mmm */
.article_heading_mmm{float:left; font-size:18px; line-height:18px; padding:0px 0px 5px 0px;}
.article_close_mmm{float:right; font-size:12px;}
.article_close_mmm a{text-decoration:none;}
.divider_mmm hr{clear:both; height:2px; font-size:1px; line-height:1px; overflow:hidden; margin:0px 0px 5px 0px;}
.pad h5.mmm_archive {line-height:22px; font-size:22px; margin:10px 0px 10px 0px;}

/* registration page */
#registration {width:600px;}
.registrationLabel {width:120px; height:30px; text-align:left;}
.registrationField {width:450px; height:30px; text-align:left;}
.registrationTextInput {width:300px; padding:2px; border:solid 1px #cccccc; color:#aaaaaa; line-height:1em;}
.registrationTextInput:focus {border:solid 1px #444444; color:#444444;}