html {
 height: 100%;
}

body {
 height: 100%;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 62.5%;
 line-height: 180%;
 color: #6b7074;
 padding-bottom: 1px;
 background-color: #f8f8f8;
 background-image: url('../img/headerSlice.png');
 background-repeat: repeat-x;
}

.container {
 width: 940px;
 margin: 0px auto;
 overflow: hidden;
 font-size: 1.4em;
 position: relative;
}

/* Header */
#header {
 position: relative;
}

#header img {
 display: inline;
 margin-top: 20px; 
}

#contactinfo {
 position: absolute;
 right: 250px;
 top: 30px;
 height: 74px;
 width: 287px;
 background-image: url('../img/speechbubble.png');
 background-repeat: no-repeat;
}

#contactinfo p{
 padding-top: 12px;
 padding-right: 12px;
 line-height: 40px;
 font-size: 80%;
 color: #6e6f71;
 text-align: center;
}

#contactinfo p span{
 font-size: 160%;
 padding-right: 6px;
}


#toolbar {
 position: absolute;
 right: 0px;
 top: 0px;
 color: #dadada;
 font-size: 90%;
}

#toolbar a {
 color: #dadada;
}

#toolbar ul li{
 display: inline;
}

#toolbar ul li#twitterli{
 position: relative;
 top: 2px;
}

#nav {
 clear: both;
 width:100%;
 padding-left: 10px;
 background-color: #e5e5e5;
 margin-bottom: 10px;
}

#nav ul {
 margin: 0;
 border-bottom: 1px solid #d0d0d0;
 overflow: hidden;
}

#nav ul li {
 margin: 0;
 display: inline;
 font-size: 90%;
 font-weight: 600;
 height: 40px;
 line-height: 40px;
 color: #545557;
}
	
#nav ul li a {
 float: left;
 padding-left: 17px;
 padding-right: 17px;
 display: -moz-inline-stack;
 display: inline-block;
 color: #545557;
 border-right: 1px solid #d0d0d0;
}

#nav a.selected{
 color: #17bfdc;
 background-color: #ffffff;
 border-left: 1px solid #d0d0d0;
 border-right: 1px solid #d0d0d0;
}

#nav a.ordernow{
 float: right;
 padding-left: 25px;
 padding-right: 40px;
 _padding-right: 36px; /* IE6 */
 color: #ffffff;
 background-image: url('../img/navordernow.png');
 background-repeat: no-repeat;
}

#nav a:hover{
 background-image: url('../img/trans.png');
}

#nav a.selected:hover{
 background-image: none;
}

#nav a.ordernow:hover{
 background-image: url('../img/navordernow.png');
 background-repeat: no-repeat;
}

/* Content */
#content {
 clear: both;
 height: 100%;
 overflow: hidden;
 background-color: #ffffff;
 border: 1px solid #cfcfcf;
 padding-bottom: 19px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

#statement {
 width: 908px;
 height: 198px;
 margin: 0 auto;
 margin-bottom: 7px;
 background-image: url('../img/statement_smiling_man.png');
 background-repeat: no-repeat;
}

#statement ul{
 padding-top: 20px;
 margin-left: 52px;
 color: #ffffff;
}

#statement li{
 line-height: 50px;
 font-size: 140%;
}



/* Two columns */
#col1, #col2{
}

#col1 h2, #col2 h2{
 font-size: 115%;
 padding-bottom: 10px; 
}

#col1 {
 width: 410px;
 float: left;
 margin-left: 16px;
 _margin-left: 8px; /* Because somewhere in the world someone is using IE6 */
 padding-left: 4px;
 padding-right: 15px;
}

#col1 ul {
 padding-left: 15px;
 padding-right: 24px;
 list-style-type: disc;
}

#col1 ul li {
 padding-bottom: 8px;
}

#col2{
 width: 410px;
 float: right;
 margin-right: 40px;
 _margin-right: 8px; /* Because somewhere in the world someone is using IE6 */
 padding-right: 4px;
 padding-left: 15px;
 border-left: 1px solid #e6e6e6; 
}

/* Menu */
#menu {
 width: 190px;
 margin-left: 25px;
 float: left;
 display: inline;
 height: 100%;
}
#menu h3{
 margin-top: 16px;
}

#menu li:first-child {
 border-top: 1px solid #cccccc;
}

#menu li {
 border-bottom: 1px solid #cccccc;
}

#menu li.selected {
 list-style-type: disc;
 font-weight: 600;
}

#menu li:hover {
 list-style-type: circle;
}

#menu li.selected:hover {
 list-style-type: disc;
}

#menu ul li a,
#menu ul li p {
 display: block;
 height: 25px;
 color: #40adc2;
 line-height: 25px;
 padding-left: 15px;
}

#menu ul li a.sub {
 padding-left: 30px;
}

#buy{
 text-align: center;
 margin-top: 35px;
 margin-left: 0px;
 margin-right: 15px;
}

#buy a{
 font-size: 160%;
 display: block;
 color:#6B7074;
 margin-bottom: 5px;
}

#extralinks{
 text-align: center;
 margin-top: 25px;
}
#zohologo{
 
}

/* Not Menu */
#notmenu {
 float: left;
 display: inline;
 overflow: hidden;
 width: 707px;
 margin-right: 16px;
 _margin-right: 8px; /* Because somewhere in the world someone is using IE6 */
}

#notmenu #product_side {
 text-align: center;
}

#notmenu #product_side p,
#notmenu #product_side ul,
#notmenu #product_side li {
 text-align: left;
}


/* About Us */
#aboutus_tag {
 padding-top: 25px;
 text-indent: 15px;
 height: 175px;
 overflow: hidden;
 background-image: url('../img/greyGlobe.jpg');
 background-repeat: no-repeat;
}

#aboutus_tag p {
 font-size: 200%;
 line-height: 130%;
 color: #ffffff;
}

#aboutus_main {
 background-color: #e5e5e5;
 padding-bottom: 25px;
 height: 175px;
 overflow: hidden;
}

#aboutus_main h2 {
 padding-top: 12px;
 font-size: 115%;
 padding-left: 15px;
 padding-bottom: 10px;
}

#aboutus_main p,
#aboutus_main ul {
 padding-left: 15px
}

#aboutus_main ul li{
 padding-bottom: 10px
}

#aboutus_mini_1,
#aboutus_mini_2{
 height: 200px;
}

#aboutus_mini_1 h3,
#aboutus_mini_2 h3{
 font-size: 110%;
 padding-top: 12px;
 padding-bottom: 15px;
 padding-left: 12px;
}

#aboutus_mini_1 p,
#aboutus_mini_2 p{
 padding-bottom: 6px;
 padding-left: 12px;
}

#aboutus_mini_1 {
 background-color: #e5e5e5;
 color: #273631;
}

#aboutus_mini_2 {
 background-color: #7d7d7d;
 color: #ffffff;
}

#aboutus_mini_1 h3{
 color: #337059;
 padding-bottom: 20px;
}

#aboutus_mini_2 h3{
 color: #7ecaae;
 padding-bottom: 20px;
}

.pushpoint_1,
.pushpoint_2,
.pushpoint_3,
.pushpoint_4 {
 height: 30px;
 line-height: 30px;
 color: #ffffff;
}

.pushpoint_1 a,
.pushpoint_2 a,
.pushpoint_3 a,
.pushpoint_4 a{
 color: #ffffff;
}

.pushpoint_1 h4,
.pushpoint_2 h4,
.pushpoint_3 h4,
.pushpoint_4 h4{
 padding-left: 6px;
 padding-right: 6px;
}

.pushpoint_1 {
 background-color: #92c238;
}

.pushpoint_2 {
 background-color: #17bde3;
}

.pushpoint_3 {
 background-color: #7d7d7d;
}

.pushpoint_4 {
 background-color: #000000;
}

#aboutus_bio h1,
#aboutus_bio h2,
#aboutus_bio p,
#aboutus_bio ul {
 margin-left: 20px;
 margin-right: 20px;
 _margin-left: 10px;
 _margin-right: 10px;
 padding-bottom: 15px;
}

#aboutus_bio h1 {
 font-size: 200%;
 margin-bottom: 0px;
 margin-top: 3px;
 padding-bottom: 4px;
}

#aboutus_bio h2 {
 font-size: 120%;
 text-indent: 45px;
 margin-top: 0px;
 margin-bottom: 12px;
 padding-top: 3px;
}

#aboutus_bio img {
 float: right;
 margin-left: 20px;
 margin-right: 20px;
 _margin-left: 10px;
 _margin-right: 10px;
 padding-left: 10px;
 padding-bottom: 10px;
}

/* Formatting for the tooltip about us information */
.qtip-content h1,
.qtip-content h2,
.qtip-content p,
.qtip-content ul {
 font-size: 120%;
 color: #6B7074;
 margin-left: 10px;
 margin-right: 10px;
 padding-bottom: 10px;
}

.qtip-content h1 {
 font-size: 250%;
 margin-bottom: 0px;
 margin-top: 6px;
 padding-bottom: 4px;
}

.qtip-content h2 {
 font-size: 180%;
 text-indent: 45px;
 margin-top: 0px;
 margin-bottom: 1px;
 padding-top: 3px;
}

.qtip-content img {
 float: right;
 margin-left: 10px;
 margin-right: 10px;
 _margin-left: 5px;
 _margin-right: 5px;
 padding-left: 10px;
 padding-bottom: 10px;
}

/* Product Pages */
#product_main, 
#product_side {
 height: 100%;
}
 
#product_side {
 border-left: 1px solid #e6e6e6;
}

#product_main h1,
#product_main h2,
#product_main h3,
#product_main p,
#product_main ul {
 margin-left: 20px;
 margin-right: 20px;
 _margin-left: 10px;
 _margin-right: 10px;
 padding-bottom: 15px;
}

#product_main h1 {
 font-size: 200%;
 margin-bottom: 12px;
 margin-top: 3px;
}

#product_main h2 {
 font-size: 150%;
 margin-top: 12px;
}

#product_main h3 {
 text-decoration: underline;
}

#product_main p.disclaimer {
 font-style: italic;
 font-size: 90%;
}

#product_main p,
#product_main ul {
 line-height: 160%;
}

#product_main ul {
 list-style-type: disc;
 padding-left: 15px;
 padding-right: 15px;
}

#product_main ul li ul {
padding-top: 6px;
 list-style-type: circle;
}

#product_main ul li {
 padding-bottom: 6px;
}

#product_side h1,
#product_side h2,
#product_side p,
#product_side ul {
 margin-left: 10px;
 margin-right: 20px;
 _margin-left: 5px;
 _margin-right: 10px;
 padding-bottom: 15px;
 margin-top: 3px;
}

#product_side h1 {
 font-size: 150%;
 margin-bottom: 10px;
 margin-top: 3px;
}

#product_side h2 {
 font-size: 120%;
 margin-bottom: 2px;
}

#product_side p,
#product_side ul {
 line-height: 160%;
}

#product_side ul li {
 padding-bottom: 6px;
}

#product_side ul {
 list-style-type: disc;
 padding-left: 15px;
 padding-right: 15px;
}

.productslaptops li {
 padding-bottom: 0px;
}

table#ondemandproducts{
 width: 450px;
 margin-left: 50px;
 margin-right: 50px;
}

table#ondemandproducts th,
table#ondemandproducts td {
 padding: 4px;
 padding-left: 16px;
 border-bottom: 1px solid darkgray;
}


table#ondemandproducts th {
 border-bottom: 2px solid darkgray;
}

table#ondemandproducts td:last-child {
 width: 20%;
 text-align: right;
 padding-right: 16px;
}

table#ondemandproducts ul{
 list-style-type: none;
 padding: 0px;
 padding-left: 25px;
 font-size: 80%;
}

table#ondemandproducts li{
 padding: 0px;
}

#downloadsection {
 float: right;
}

#downloadsection a{
 float: right;
 font-size: 85%;
 color: #6b7074;
}

#downloadsection a:hover {
 text-decoration: none;
}

#downloadsection img {
 float: right;
}

/* Knowledge Base */
p.q {
 font-size: 120%;
}

/* Contact Form */
#contact_main h2{
 padding-top: 15px;
 padding-left: 24px;
}

#contactform {
 width: 80%;
 padding-left: 24px;
}

#contactform small{
 display: block;
}

#contactform input#name,
#contactform input#email,
#contactform input#telephone, 
#contactform textarea#comments{
 width: 100%;
 margin-bottom: 12px;
 padding: 3px;
}

#contactform textarea#comments{
 height: 150px;
}

#contactform input#submit{
 margin-top: 12px;
 margin-right: -12px;
 float: right;
}

#contactform small{
 display: block;
}

#contactform #response {
 width: 460px;
}

#contactform input.error,
#contactform select.error {
border: 1px solid red;
background-color: #fff4a2;
}

#contactform .label {
float:left;
width:180px
}

#contactform label.error {
background:url('../images/jquery/jqueryUI/ui-validNo.png') no-repeat;
padding-left:1.3em
}

#contactform label.error,
#contactform label.valid {
margin-left:.3em;
padding-left:16px
}

#contactform label.valid {
background:url('../images/jquery/jqueryUI/ui-validYes.png') no-repeat
}

#contact_side {
 height: 100%;
}
 
#contact_side{
 border-left: 1px solid #e6e6e6;
}

#contact_side h1,
#contact_side h2,
#contact_side p,
#contact_side ul {
 margin-left: 10px;
 margin-right: 20px;
 _margin-left: 5px;
 _margin-right: 10px;
 padding-bottom: 15px;
}

#contact_side h1 {
 font-size: 150%;
 margin-bottom: 10px;
 margin-top: 3px;
}

#contact_side h2 {
 font-size: 120%;
 margin-bottom: 2px;
}

#contact_side p,
#contact_side ul {
 line-height: 160%;
}

#contact_side p {
    margin-left: 25px;
    _margin-left: 12px;
}

#contact_side ul li {
 padding-bottom: 6px;
}

#contact_side ul {
 list-style-type: disc;
 padding-left: 15px;
 padding-right: 15px;
}

/* Footer */
#footer {
 font-size: 80%;
 color: #6B7074;
 height: 35px;
 line-height: 35px;
}

#footer div.nav {
 float: left;
}

#footer ul li {
 display: inline;
}

#footer ul li a {
 color: #6B7074;
}

#footer div.copyright {
 float: right;
}

#footer div.statusreport {
 padding-left: 190px;
 float: left;
}

#footer div.statusreport a {
 color: #6b7074;
}

#footer div.statusreport img a:hover {
 text-decoration: none;
}

.tipcontent {
 position: relative;
 height: 175px;
}

.tipcontent img{
 float: none;
 margin: 0px;
 padding: 0px;
}

.tiptitle {
 font-size: 400%;
 font-weight: 800;
 color: #4b505;
 padding-left: 150px;
 padding-top: 25px;
}

.tipicon img{
 position: absolute;
 bottom: -10px;
 left: -9px;
}

.tipproducts ul {
 padding-left: 250px;
 padding-top: 10px;
 list-style-type: disc;
}

.tipproducts li {
 font-size: 125%;
 line-height: 150%;
 width: 300px;
}

.tipbuy {
 position: absolute;
 bottom: 0;
 right: 0;
 text-align: center;
 overflow: hidden;
}

.tipbuy p {
 font-size: 150%;
 padding-bottom: 0px;
}

.tipbuy span.price{
 font-size: 200%;
}

.tipbuy p span {
 display: block;
 margin-top: 8px;
 font-size: 65%;
}

#buydetails {
 float: left;
 width: 358px;
 min-height: 465px;
 border-right: 1px solid #c9c9c9;
 overflow: hidden;
}

#buygrid {
 float: left;
 width: 578px;
 overflow: hidden;
 min-height: 465px;
}

#buydetails p,
#buygrid p {
 padding: 0px 10px 10px 10px;
}

#buydetails label {
 display: block;
 float: left;
 width: 125px;
}

#buydetails label span {
 color: red;
}

#buyselect {
 width: 100%;
 padding: 20px 10px 0px 10px;
 overflow: hidden;
}

#packages {
 float: left;
 width: 140px;
}

#packages ul {
 padding-top: 8px;
}

#packages li {
 display: block;
 padding: 3px 0px 0px 10px;
 overflow: hidden;
}

#packages li.selected {
 background-image: url('../img/package_s.png');
 background-repeat: no-repeat; 
}

#orderone img {
 cursor: pointer;
} 

#packages p {
 cursor: pointer;
 padding-left: 10px;
 margin-top: 3px;
 height: 55px;
 line-height: 55px;
 color: #ffffff;
 overflow: hidden;
 background-repeat: no-repeat;
 font-size: 105%;
}

.packExp { background-image: url('../img/packageExpress.png'); }
.packPro { background-image: url('../img/packageProfessional.png'); }
.packEli { background-image: url('../img/packageElite.png'); }
.packBes { background-image: url('../img/packageBespoke.png'); }

#products {
 float: left;
 width: 438px;
 height: 393px;
 background-image: url('../img/productsbg.png');
 background-repeat: no-repeat;
}

#products ul {
 margin-top: 10px
}

#products li {
 display: block;
 position: relative;
 float: left;
 margin: 10px 10px 10px 13px;
 _margin: 10px 10px 10px 9px; /* IE6 makes me cry */
 width: 115px;
 height: 75px;
 overflow: hidden;
 background-image: url('../img/productbg.png');
 background-repeat: no-repeat;
 cursor: pointer;
}

#products li.selected {
 background-image: url('../img/productbg_s.png');
}

#products p {
 padding-top: 28px;
 text-align: center;
 overflow: hidden;
}

#products p.twoline {
 padding-top: 19px;
}

#products p.threeline {
 padding-top: 10px;
}

#submitinfo {
 padding-top: 35px;
 position: relative;
 clear: both;
 height: 50px;
}

#orderone,
#ordertwo {
 margin-left: 121px;
 text-align: center;
 position: absolute;
 bottom: 0px;
 padding: 20px;
 left: 0px;
 width: 315px;
}

#orderone {
 height: 50px;
}

#ordertwo {
 padding: 10px;
 background-color: white;
 border-radius: 8px;	/* Bring on CSS3 */
 border--radius: 8px;
 -moz-border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -webkit-border-radius: 8px;
 border: 10px solid #4b5054;
 z-index: 999;
}

#ordertwo table{
 text-align: left;
 padding: 4px 6px;
 width: 100%;
}

#ordertwo {
 padding-bottom: 2px;
}

table.summary {
 margin-left: 40px;
}

#summary tr.stuff td{
 padding-top: 10px;
}

#summary td.productindent{
 padding-left: 20px;
}

#summary tr.total{
 font-weight: 600;
}

#summary td.cost{
 text-align: right;
}

#ordertwo div.hr {
 height: 4px;
 width: 100%;
 margin-top: 4px;
 border-top: 1px dashed #C9C9C9;
}

.closebutton {
 position: absolute;
 top: -18px;
 right: -18px;
}

#recaptcharedo {
 padding-left: 50px;
}

#recaptcharedo #submitorderbutton {
 margin-left: 65px;
}

#submitorderbutton {
 color: #fff;
 font-size: 0;
 width: 188px;
 height: 50px;
 border: none;
 padding: 0;
 background: url(../img/submitinfo.png) 0 0 no-repeat;
 cursor: pointer;
}

#buydetails input {
 width: 200px;
 padding: 2px;
}

#buydetails input#numberofusers {
 text-align: right;
}

fieldset {
 border: 1px dashed #c9c9c9;
 margin: 6px 6px 15px 6px;
}

fieldset legend {
 padding: 4px 4px 10px 4px;
 background-color: #ffffff;
}

#buydetails fieldset input {
 text-align: right;
 width: 188px;
}

#buydetails p {
 margin-bottom: 4px;
}

#buydetails textarea {
 width: 200px;
 height: 140px;
 padding: 4px;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 90%;
}

#buydetails input:hover,
#buydetails textarea:hover,
#buydetails select:hover,
#buydetails input:focus,
#buydetails textarea:focus,
#buydetails select:focus {
 background-color: #fff0bb;
}

#buydetails select {
 width: 205px;
 text-align: right;
}

#buydetails option {
 padding: 2px;
 padding-right: 17px;
}

.hidden {
 display: none;
}