/* www.sourcedesign.co.uk Screen Styles              */
/* Copyright(C)2007 Source Internet Development Ltd */

html {height: 100%;}
body {height: 100%; background-color: #fff; margin: 0px;}



/* Page Layout */
#menubarHome {display: none;}

#loginArea {width: 780px; margin: 0 0 0 0; vertical-align: top; text-align: right;}

#header {text-align: left;}
#logoDIV {float: left; width: 183px; height: 66px;}

#imageHome {display: none;}

#mainContainerHome {width: 100%; text-align: left; margin: 0;}
#mainContainer {width: 100%; text-align: left; margin: 0;}

#contentHome {text-align: left; margin: 0 0 0 15px;}
#optionsHome {margin: 0 22px 30px 0;}

#contentServices {text-align: left; margin: 0 0 0 15px;}
#optionsServices {margin: 0 22px 30px 0;}

#homeHeadingDIV, #serviceHeadingDIV {margin: 30px 0 9px 0;}
#newsHeadingDIV {margin: 0 0 18px 0; width: 460px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e6;}

#casestudyHeadingDIV {margin: 0 0 9px 0;}
#serviceSubHeadingDIV {margin: 10px 0 3px 0; padding: 10px 0 0 0;}
#casestudySubHeadingDIV {margin: 10px 0 3px 0; padding: 10px 0 0 0;}

#homeLogoBox {margin: 0 0 30px 0; padding: 8px 0 0 0;}
#hardwareLogoBox {margin: 0 0 30px 0; padding: 0;}

#box {display: none;}
#boxServicesText {display: none;}
#boxServicesTop {display: none;}

#profileBox {display: none;}

#footer {clear: both; width: 780px; background-color: #f1f1f2; padding: 6px 0 0 0; margin: 0; height: 50px;}
#footerLeft {float: left; padding-left: 22px;}
#footerRight {float: right; padding-right: 22px;}

#standardMenubar {display: none;}

#servicesImageDIV {margin: 30px 0 9px 0; text-align: left;}
#servicesTabDIV {display: none;}

#tabList {display: none;}

#breadcrumbDIV {display: none;}
#serviceContentDIV {padding: 0 25px 0 18px;}

#newsLine {height: 30px; width: 100%; background: bottom left repeat-x url(../images/bg-news-line.gif);}

#quoteBox {padding: 14px 0 5px 0; margin: 4px 0 10px 0;}
#quoteLineTop {background: top left no-repeat url(../images/quoteline-top.gif); width: 465px; height: 13px;}
#quoteLineBottom {background: top left no-repeat url(../images/quoteline-bottom.gif); width: 465px; height: 13px; margin-bottom: 22px;}

.casestudyImage {padding: 3px; background-color: #fff; margin: 0 0 20px 20px; border: 1px solid #eee;}
.casestudyImageNOborder {padding: 3px; background-color: #fff; margin: 0 0 20px 20px;}

#map {width: 475px; height: 330px; border: 1px solid #ddd; margin: 0 0 25px 0;}




/* Text */

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; color: #999; margin: 0; padding: 13px 0 0 0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; color: #3283d5; margin: 0;}
h2 strong {font-size: 110%;}

.bodyText {font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #555555; margin: 2px 0 15px 0; line-height: 120%;}
a.bodyText {font-size: 100%; color: #ff8622; font-weight: bold;}
a.bodyText:hover {background-color: #ff8622; color: #fff; font-weight: bold; text-decoration: none;}
.bodyText strong {font-weight: bold; color: #333;}

.quoteText {font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #222; margin: 0 10px 10px 8px; line-height: 110%;}
.quoteAuthor {font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; color: #808080; margin: 0 0 0 8px;}

a.casestudyLink {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000; margin: 0;}
a.casestudyLink:hover {color: #bbb;}

.subheadingText {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%; color: #333; margin: 0 0 15px 0;}

.boxText {font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000; line-height: 120%; margin: 0; padding: 12px 15px 18px 11px;}
.boxText strong {font-weight: bold; font-size: 110%; color: #1270cf;}

.contactBoxText {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #000; line-height: 120%; margin: 0; padding: 6px 15px 12px 0;}
.contactBoxText strong {font-weight: bold; font-size: 110%; color: #1270cf;}

.boxEmailText {font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000; line-height: 120%; margin: 0; padding: 12px 15px 8px 11px;}

.homeLink {font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin: 0; width: 140px;}
a.homeLink {font-weight: bold; font-size: 100%; color: #fff; margin: 0; text-decoration: none; background-color: #000; display: block; padding: 3px 6px 5px 6px;}
a.homeLink:hover {background-color: #ff7300;}

.homeLinkArrow {color: #ff7300; padding-right: 3px;}

.boxLink {font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0 0 0 11px;width: 140px;}
a.boxLink {font-weight: bold; font-size: 100%; color: #fff; margin: 0; text-decoration: none; background-color: #000; display: block; padding: 3px 6px 3px 6px;}
a.boxLink:hover {background-color: #ff7300;}

.boxLinkArrow {color: #ff7300; padding-right: 3px;}

a.loginText {font-family: Arial, Helvetica, sans-serif; color: #1e4160; font-size: 80%;}
a.loginText:hover {color: #ddd;}

.footerText {font-family: Arial, Helvetica, sans-serif; color: #787879; font-size: 80%;}
a.footerText {color: #787879; font-size: 100%; font-weight: bold;}
a.footerText:hover {color: #000;}

.breadcrumbText {font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #ff8622; margin: 0;}
a.breadcrumbText {font-size: 100%; color: #ff8622; font-weight: bold;}
a.breadcrumbText:hover {background-color: #ff8622; color: #fff; font-weight: bold; text-decoration: none;}

.optionText {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000; margin: 0;}
.optionText strong {color: #1270cf; font-size: 15px;}

a.optionLink {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000; margin: 0;}
a.optionLink:hover {color: #1270cf}

a.optionLinkBlue {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #1270cf; margin: 0;}
a.optionLinkBlue:hover {color: #000;}

.boxStudyLink {font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 4px 0 0 0;}
a.boxStudyLink {font-size: 100%; font-weight: bold; color: #000; padding: 0 0 0 5px;}
a.boxStudyLink:hover {color: #1270cf;}

.studyLinkArrow {padding: 0 0 0 13px; color: #ff7300; font-size: 120%;}

.hardwareList {margin-top: 0; padding-top: 0; padding-bottom: 0;}
.hardwareList li {list-style:square; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #000;}

.newsHeading {font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; color: #ff8622; margin: 0;}
.newsDate {font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #888; margin: 0 0 7px 0;}
.newsBodyText {font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #555555; margin: 0 0 15px 0; line-height: 120%; width: 100%;}
a.newsBodyText {font-size: 100%; color: #ff8622; font-weight: bold;}
a.newsBodyText:hover {background-color: #ff8622; color: #fff; font-weight: bold; text-decoration: none;}
.newsBodyText strong {font-weight: bold; color: #333;}

.sitemapList {margin-top: 0; padding-top: 0; padding-bottom: 0;}
.sitemapList li {list-style:square; font-family: Arial, Helvetica, sans-serif; font-size: 90%;}
.sitemapList li a {font-size: 100%; font-weight: bold; color: #000;}
.sitemapList li a:hover {color: #ccc;}

.sitemapHeader {margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #1270cf;}

.legalText {font-family: Arial, Helvetica, sans-serif; color: #787879; font-size: 80%; padding: 0 11px 0 11px;}




/* Tables */

TABLE.yourOptionsTable {border: 0; margin: 0 15px 0 0}
TABLE.yourOptionsTable TH {width: 20px; height: 22px; border: 0; text-align: center;}
TABLE.yourOptionsTable TD {border: 0; text-align: left; padding-left: 5px;}

TABLE.hardwareTable {border: 0; margin: 0 0 0 0;}
TABLE.hardwareTable TD {padding-right: 15px; vertical-align: top;}



/* Forms */

#emailForm {margin: 0; padding: 0;}
#emailForm input {margin: 0 0 7px 11px; width: 200px; padding: 2px;}
#emailForm label {padding-left: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; color: #000; }

.submitBtn {color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; width: 100px; margin: 0;}

.mailerForm {padding: 0; margin: 0;}


#formDIV {margin: 5px 0 0 0; border: 1px solid #ccc; background-color: #f6f6f6; padding: 12px 15px 12px 15px;}

#formList { margin: 0; padding: 5px 0 0 0; list-style: none;}
#formList li {padding: 0 0 15px 0;}
#formList label {display: block; /*puts labels above form fields */ float: left; padding-top: 6px; width: 10em; margin-right: 1em; color: #333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 80%; font-weight: bold;}
#formList input {width: 280px;}
#formList textarea {width: 280px;}

#formMarketingList {padding: 5px 0 0 15px; list-style: none;}
#formMarketingList li {padding-bottom: 5px;}
#formMarketingList label {padding-top: 6px; margin-right: 1em; color: #333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;}
.checkbox {float: left; margin: 0 10px 20px 0;}


label em {display: block; color: #ff0000; text-transform: uppercase; font-size: 90%; font-style: normal;}

fieldset.submitBox {margin: 0 0 60px 12px; padding: 0; border: none;}
.submitBtn {color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; padding: 3px 8px;}

.contactForm {padding: 0; margin: 0;}

#popupFormDIV {margin: 10px; border: 1px solid #f6f6f6; padding: 12px 15px 12px 15px;}

#formListPOPUP { margin: 0; padding: 5px 0 0 0; list-style: none;}
#formListPOPUP li {padding: 0 0 15px 0;}
#formListPOPUP label {display: block; /*puts labels above form fields */ float: left; padding-top: 6px; width: 10em; margin-right: 1em; color: #333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 80%; font-weight: bold;}
#formListPOPUP input {width: 250px;}
#formListPOPUP textarea {width: 250px;}