/* GLOBALS */
html, body { background:#FFF; color:#6F7F84; margin:0px; padding:0px; font-family:Arial,Tahoma,Helvetica,serif; font-size:12px; }
img { border:none; }
img.leftspace { margin-left:20px; }
div { margin:0; padding:0; border:0;}
a { color:#6F7F84; text-decoration:underline; }
a.quicklinks { color:#0B7093; text-decoration:none; }
a:hover { color:#A6AEB3; text-decoration:none; }
ul { list-style-image: url('../images/common/bullet2.gif'); margin-bottom:18px; }
ul.list { margin-bottom:-5px; }
dl { margin-top:0px; }
dd { padding-bottom:15px; text-align:justify; /*border-bottom:1px solid #CECECE;*/ }
dd.list { padding-bottom:10px; }
hr { height:1px; border:none; background:#CECECE; }
ol li, ul li { margin:0px 0px 6px; }
ul li ul, ul li ul li ul { margin-bottom:3px;}
ul li ul li, ul li ul li ul li { margin-bottom:0px;}
p { margin:0 0 18px 0; padding:0}
p.first1 { margin-bottom:-5px; padding:0}
/* LAYOUT */
#shell {
width:1024px;
margin:0px auto;
}
#main {
width:1023px;
position:absolute;
}
#header {
width:1023px;
height:110px;
background:#FFF;
line-height:110px;
}
#header div#logo { float:left; width:290px; height:110px; }
#header div#logo img { margin:16px 0px 0px 26px; }
#header div#support { float:right; width:215px; height:110px; }
#header div#support img { margin:16px 26px 0px 0px; }
#header h1 { margin:0px; padding:0px; font-size:300%; color:#EEE; }
#nav1 {
width:1000px;
margin:0px 12px 5px;
}
#content { width:770px; float:left; font-size:12px; line-height:18px; }
#content a.pdf { display:block; margin:3px 0px; }
#content div#footer , #content div#footer2 { margin:10px 0px 20px 12px; border-top:1px solid #CECECE; padding-top:3px; color:#9B9B9B; font-size:10px; text-align:center; }
#content div.page { /*margin:21px 0px 0px 13px;*/
margin:15px 0px 0px 13px;
border-top:#CECECE 1px solid;
padding-top:12px;
}
#content div.page h1 {margin:0 0 18px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:22px; color:#0B7093; text-transform:uppercase; letter-spacing:1px; line-height:25px;}
#content div.page h1 span.upserve { font-family:Helvetica, Helvetica light, Arial, Sans-serif; font-style:italic; font-weight:normal; font-size:26px; letter-spacing:1px; color:#F00; text-transform:none; }
#content div.page h6 {margin:0 0 18px; padding:0px; font-family:Helvetica, Helvetica light, Arial, Sans-serif; font-weight:normal; font-size:22px; color:#0B7093; text-transform:uppercase; letter-spacing:0;}
#content div.page h2 { margin:0px 0px 10px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
#content div.page h2 span.upserve { font-family:Helvetica, Helvetica light, Arial, Sans-serif; font-style:italic; font-weight:normal; font-size:18px; letter-spacing:1px; color:#F00; text-transform:none; }
#content div.page h2 span.upserve sup { font-size:11px; font-weight:normal; }
#content div.page p span.upserve, #content div.page ul li span.upserve { font-family:Helvetica, Helvetica light, Arial, Sans-serif; font-style:italic; font-weight:normal; letter-spacing:1px; color:#F00; text-transform:none; }
#content div.page p span.upserve sup, #content div.page ul li span.upserve sup { font-size:8px; font-weight:normal; }
#content div.page h3 { margin:0px 0px 10px; padding-top:20px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; color:#0B7093; }
#content div.page span.h3 { font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; }
#content div.page h3.nomargin { margin:0px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; }
#content div#slideshow { margin:7px 0px 0px 10px; }
#content div#slideshowHome { margin:7px 0px 0px 0px; float:left;}
#content div#intro { margin:7px 0px 0px 13px; width:380px; line-height:16px; font-size:12px; }
#content div#introHome { margin:7px 0px 0px 13px; width:430px; line-height:18px; font-size:12px; text-align:left; }
#content div#servers { margin:15px 0px 0px; }
#content div#tips { margin:0px 0px 0px 10px; }
#content div#boxes { margin:4px 0px 0px 10px; }
#content div#boxes .separator { margin:0px 0px 0px 3px; }
#content div#partners { margin:7px 0px 0px 10px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; height:48px; line-height:48px; }
#content div#partners #text { width:87px; height:48px; line-height:48px; font-size:80%; color:#9B9B9B; }
#content div#suppliers { border-top:1px solid #CECECE; margin:20px 0px 0px 10px; }
#content div#suppliers #text { width:60px; height:35px; line-height:13px; font-size:10px; color:#9B9B9B; margin-top:15px; }
#content div#supplierslist { font-size:10px; margin:10px 0px 10px 60px; text-align:justify; line-height:13px;}
#content div#partners .partner { float:left; margin:8px 0px 0px 0px; }
#content table#form td.left { width:200px; font-weight:bold; text-align:right; padding-right:14px; vertical-align:middle; }
#content table#form td.right { width:580px; vertical-align:middle; }
#content table#form td.aligntop { vertical-align:top; }
#content table#form td.right input.wide { padding:1px; margin:0px; font-size:11px; color:#6F7F84; width:420px; border:1px solid #6f7f84; }
#content table#form td.right input.line { padding:1px; margin:0px; font-size:11px; color:#6F7F84; border:1px solid #6f7f84; }
#content table#form td.right #areacode { width:35px; }
#content table#form td.right #phone { width:252px; }
#content div#errors { margin-bottom:20px; color:#B5191E; }
#content {
width:795px;
float:left;
font-size:12px;
line-height:18px;
}
#content.ups div.page { /*margin:21px 0px 0px 0px;*/
margin:8px 0px 30px 0px;
border-top:#CECECE 1px solid;
padding-top:12px;
float:right;
width:610px;
}
#content.ups div#suppliers { clear:both; }
#content.ups div#leftNav { width:150px; min-height:300px; float:left; margin:8px 0 30px 12px; border-top:1px #CECECE solid; }
#leftNav ul {margin:15px 0 0; padding:0px; list-style:none; background-color:#DDD;}
#leftNav li { margin:0px; padding:7px 10px 7px 12px; line-height:13px; border-top:1px #FFF solid; font-size:11px; color:#0B7093; font-weight:bold;}
#leftNav li.first { border-top:0px; }
#content.ups div#leftNav a:active, #content.ups div#leftNav a:link, #content.ups div#leftNav a:visited { color:#666; text-decoration:none; font-weight:normal; }
#content.ups div#leftNav a:hover, #content.ups div#leftNav a:focus { color:#0B7093; }
#content.ups table { font-size:10px; line-height:13px;}
#content.ups table tr.h3 { background-color:#CCC; font-size:11px; color:#000;}
#content.ups table td { border:1px solid #DDD; border-collapse:collapse;}
#contentH {
width:793px;
float:left;
font-size:12px;
margin-top: 7px;
}
#contentH a.pdf { display:block; margin:3px 0px; }
#contentH div#footer, #contentH div#footer2 { margin:10px 0px 20px 12px; border-top:1px solid #CECECE; padding-top:3px; color:#9B9B9B; font-size:10px; text-align:center; float:left; width:781px; }
#contentH div.page { /*margin:36px 0px 0px 13px;*/ margin:23px 0px 0px 13px; }
#contentH div.page h2 { margin:0px 0px 10px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
#contentH div.page h3 { margin:0px 0px 10px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; }
#contentH div.page span.h3 { font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; }
#contentH div.page h3.nomargin { margin:0px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; }
#contentH div#slideshow { margin:7px 0px 0px 10px; }
#contentH div#slideshowHome {
margin:0px 0px 0px 10px;
float:left;
position: relative;
}
#contentH div#intro { margin:7px 0px 0px 13px; width:380px; line-height:16px; font-size:12px; }
#contentH div#introHome {
margin:20px 0px 0px 13px;
width:430px;
line-height:17px;
font-size:12px;
text-align:left;
}
#contentH div#introHome p { margin:0px 0px 9px 0px; }
#contentH div#servers {
margin:20px 0px 0px;
}
#contentH div#tips { margin:0px 0px 0px 10px; }
#contentH div#boxes {
width: 643px;
margin: 15px 0 0 10px;
height: 119px;
}
#contentH div#boxes .separator { margin:0px 0px 0px 3px; }
#contentH div#partners { margin:7px 0px 0px 10px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; height:48px; line-height:48px; }
#contentH div#partners #text { width:87px; height:48px; line-height:48px; font-size:80%; color:#9B9B9B; }
#contentH div#suppliers {
border-top:1px solid #CECECE;
margin:10px 0px 0px 10px;
float:left;
clear: both;
width:781px;
}
#contentH div#suppliers #text { width:70px; height:35px; line-height:12px; font-size:10px; color:#9B9B9B; margin-top:15px; }
#contentH div#supplierslist { font-size:10px; margin:10px 0px 10px 70px; text-align:justify; line-height:13px;}
#contentH div#partners .partner { float:left; margin:8px 0px 0px 0px; }
#contentH table#form td.left { width:200px; font-weight:bold; text-align:right; padding-right:14px; vertical-align:middle; }
#contentH table#form td.right { width:580px; vertical-align:middle; }
#contentH table#form td.aligntop { vertical-align:top; }
#contentH table#form td.right input.wide { padding:1px; margin:0px; font-size:11px; color:#6F7F84; width:420px; border:1px solid #6f7f84; }
#contentH table#form td.right input.line { padding:1px; margin:0px; font-size:11px; color:#6F7F84; border:1px solid #6f7f84; }
#contentH table#form td.right #areacode { width:35px; }
#contentH table#form td.right #phone { width:252px; }
#contentH div#errors { margin-bottom:20px; color:#B5191E; }
#centralH { float:right;}
#sidebar.ups { width:158px; float:right; margin:0px 0px 20px 0px; }
#sidebar.ups div { width:138px; }
#sidebar {
width:200px;
float:right;
margin:7px 7px 20px 0px;
}
#sidebar.homer {
width:210px;
float:right;
margin:0px 7px 20px 0px;
}
#sidebar div { width:190px; }
#sidebarLeft { width:135px; float:left; margin:0px; }
#sidebarLeft div { width:110px;}
#sidebar div#news {
margin:0 0px 0px 5px;
}
#sidebarLeft div#left1 {
width:110px;
margin:0px 5px 6px 12px;
padding:0;
}
#sidebarLeft div#left1 .article { margin:8px 0px 10px; font-size:10px; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; line-height:13px; padding:3px 0; }
#sidebar div#news img#newsinbrief { margin:0px 0px 2px 0px; }
#sidebar div#news .article {
margin:8px 0px 10px;
font-size:10px;
border-top:1px solid #CECECE;
line-height:13px;
padding:13px 0 3px;
}
#sidebar div#news .article.top {
padding:3px 0;
}
#sidebar div#news .article1 { margin:2px 0px 2px; font-size:10px; border-top:1px solid #CECECE; line-height:10px; }
#sidebar div#news .article4 { margin:8px 0px 0;
font-size:10px;
border-top:1px solid #CECECE;
line-height:13px;
padding:3px 0 0;
height:25px;
}
#sidebarLeft div#left1 .article4 { margin:0 0px 8px;
font-size:10px;
border-top:1px solid #CECECE;
line-height:13px;
padding:3px 0;
border-bottom: 1px solid #CECECE;}
#sidebarLeft div#left1 .article {
font-size:10px;
line-height:13px;
padding-bottom:6px;
}
#sidebar div#news .article img { margin:0 0 10px; }
#sidebar div#news .article img.img2 { margin:0 20px 10px 0; }
#sidebar div#news .article3 img.center {
margin:5px 5px;
}
#sidebar div#news .article1 img { margin:0px; padding:0px; }
#sidebarLeft div#left1 img {
margin:0px 0 3px 3px;
padding:0px;
}
#sidebar div#news .article p { margin:0px; padding:0px; text-align:justify; }
#sidebar div#news .article h2 { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#666;}
#sidebar div#news .article h2.text { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#666;}
#sidebarLeft div#left1 .article h2 { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; text-transform:uppercase; line-height:17px; color:#666;}
#sidebarLeft div#left1 .article h2.text { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; text-transform:uppercase; line-height:17px; color:#666;}
#sidebar div#news .article h3 { margin:12px 0px 5px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:16px; text-transform:uppercase;}
#sidebar div#news .article4 h3 { margin:8px 0px 8px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:16px; text-transform:uppercase;}
#sidebar div#news .article h3.text { margin:12px 0px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:16px; text-transform:uppercase;}
#sidebarLeft div#left1 .article h3 {margin:12px 0px 12px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:15px; text-transform:uppercase;}
#sidebarLeft div#left1 .article4 h3 {margin:8px 0px 8px; padding:0px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:15px; text-transform:uppercase;}
#sidebarLeft div#left1 .article h3.text { margin:10px 0px 10px; padding-left:1px; font-family:Georgia,Tahoma,Arial,serif; font-weight:normal; font-size:14px; text-transform:uppercase; text-align:center;}
#sidebar div#news .article3 h6 { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#FFF; text-align:center;}
#sidebar div#news .article3 {
margin:0 0px 10px;
font-size:10px;
border:2px solid #900;
line-height:13px;
padding:3px 0;
width:186px;
background-color:#FFF;
}
#sidebar div#news .article3 h2 { margin:0px 0px 5px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:14px; line-height:17px; color:#666; text-align:center;}
#sidebar div#news a.readmore { color:#B5191E; }
#sidebar div#news a.watchvideo { color:#0B7093; }
#sidebar div#news input { padding:1px; margin:0px; font-size:11px; color:#6F7F84; }
#sidebar div#news input#email { width:170px; margin-bottom:5px; }
#sidebar div#news input#subscribe { width:87px; }
#sidebar div#news input#unsubscribe { width:87px; }
#boxes img.centre { margin:0 0 0 90px;}
/* NEWS - ARTICLE TYPES */
.media { background:#B5191E; color:#FFF; font-size:10px; padding:0px 2px; }
.industry, .team { background:#0B7093; color:#FFF; font-size:10px; padding:0px 2px; }
.casestudy { background:#E2B005; color:#FFF; font-size:10px; padding:0px 2px; }
/* COMMON */
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.caps { text-transform:uppercase; }
.nocaps { text-transform:none; }
.leftAlign { text-align:left; }
.rightAlign { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:11px; }
.m5left { margin-left:5px; }
.m5right { margin-right:5px; }
.m5top { margin-top:5px; }
.m5bottom { margin-bottom:5px; }
.m10left { margin-left:10px; }
.m10right { margin-right:10px; }
.m10top { margin-top:10px; }
.m10bottom { margin-bottom:10px; }
.red { color:#B5191E; }
.blue { color:#0B7093; }
.yellow { color:#E2B005; }
.dirtyblue { color:#6f7f84; }
.lightblue { color:#95A2A6; }
.darkgrey { }
h1 { margin:0px 0px 12px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:25px; }
h2 { margin:0px 0px 12px; padding:0px; font-family:Helvetica light, Helvetica, Arial, Sans-serif; font-weight:normal; font-size:20px; color:#666; line-height:22px;}
.fadein { width:643px; height:303px; margin:0px; padding:0; border:0px;
position:relative; text-align:center;}
.fadein img { position:absolute; left:0; top:0; }
img.callplus {margin-bottom:-5px; margin-right:10px;}
table.borderGrey {border:#CECECE 1px solid; margin:3px 0 18px;}
table.borderGrey2 {border:#CECECE 1px solid; margin:3px 0 18px;}
table.borderGrey2 td {border:#CECECE 1px solid; }
table.borderGrey3 {border:#000000 1px solid; margin:3px 0 18px;}
table.borderGrey3 td {border-top:#CECECE 1px solid; border-right:#CECECE 1px solid; padding:1px;}
table.borderGrey3 td.sideBorder {border-right:#000000 1px solid; border-collapse:collapse;}
table tr.tableHead { background-color:#BBB; text-align:center; font-weight:bold; color:#333;}
table tr.tableHead2 { background-color:#BBB; text-align:left; font-weight:bold; color:#333;}