/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a, a:link, a:visited, a:hover { text-decoration: none; }
.hidden { display: none; }
/* Site Defaults */
body { background: #ffffff url('/img/browse/header.jpg') repeat-x top left; font-family: Helvetica; color: #393939; line-height:1.1em; }
.notext { display: none; }
#header, #footer, #content-container { width: 1000px; }
#content-header-image-one, #content-header-image-two, #content-header-image-three, #content-header-image-four { width: 100%; }
.end { overflow: hidden; float: none; clear: both; visibility: hidden; margin: 0 !important; padding: 0 !important; font-size: 0 !important; height: 0 !important; line-height: 0 !important; border: 0 !important; }
.less-lineheight { line-height: 0.8em; }
legend { display: none; }
a.email code { font-family: Helvetica; }
/* Header */
#header-expand { width: 100%; }
#header { margin: 0 auto 0 auto; height: 145px; background: #424142 url('/img/browse/header.jpg') repeat-x top left; }
#header div.logo { float: left; padding: 70px 0px 0px 29px; }
#header div.logo h3 { background: url('/img/browse/ubeetech.png') no-repeat top left; width: 160px; height: 37px; cursor: pointer; }
#header h3 a { position: absolute; width: 160px; height: 37px; }
#nav { float: right; }
#nav ul { padding: 84px 20px 0px 0px; }
#nav ul li:first-child { border-left: solid 1px #6b6a6b; }
#nav ul li { float: left; border-right: solid 1px #6b6a6b; font-size: 0.8em; font-weight: bold; padding: 0.2em 1em 0.2em 1em; }
#nav ul li a, #nav ul li a:link, #nav ul li a:visited { color: #ffffff; text-transform: uppercase; }
#nav ul li.selected a { color: #a2c037; }
#nav ul li a:hover { color: #a2c037; }
/* Body */
#content-expand { width: 100%; }
#content-header { height: 453px; position: relative; background: #ffffff url('/img/browse/content-image-bg.jpg') repeat-x bottom left; }
#content-header.homepage { height: 428px; }
#content-header-image-left-shade, #content-header-image-right-shade { height: 453px; position: absolute; }
#content-header.homepage #content-header-image-left-shade, #content-header.homepage #content-header-image-right-shade { height: 428px; }
#content-header-image-left-shade { width: 50%; float: left; left: -506px; position: absolute; background: url('/img/browse/content-image-left-shade.png') repeat-y top right; }
#content-header-image-right-shade { width: 50%; float: right; position: relative; background: url('/img/browse/content-image-right-shade.png') 506px 0px repeat-y; }
#content-header-image-one, #content-header-image-two, #content-header-image-three, #content-header-image-four { margin: 0 auto 0 auto; height: 157px; position: relative; top: -18px; }
#content-header.homepage #content-header-image-three { height: 132px; }
/* IE 7 Fix */
*+html #content-header-image-one,
*+html #content-header-image-two,
*+html #content-header-image-three/*,
*+html #content-header-image-four */{ position: absolute; }
*+html #content-header-image-one { top: -18px; }
*+html #content-header-image-two { top: 139px; }
*+html #content-header-image-three { top: 296px; }
#content-container { margin: 28px auto 40px auto; }
/* Content Link Colours */
#content-container a, #content-container a:link, #content-container a:visited { color: #5f862c; font-weight: bold; }
#content-container a:hover { color: #2f4512; font-weight: bold; text-decoration: underline; }
/* Home Page */
#content-container.homepage { margin-top: 40px; width: 980px; }
#content-container.homepage h1 { font-size: 1.6em; font-weight: normal; color: #9ec54c; line-height: 1.2em; margin: 0px 10px 30px 10px; }
#content-container.homepage h1 strong { font-weight: bold; color: #85A540; }
.content-home-column { width: 225px; float: left; margin-left: 18px; }
.content-home-column-heading { border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; margin-bottom: 22px; }
.content-home-column-heading h2 { border-bottom: solid 1px #efefef; color: #484e41; font-size: 1.1em; padding: 11px 0px 12px 0px; }
.content-home-column p { padding-bottom: 7px; font-size: 0.9em; }
/* Feed */
.content-home-column.feed .twitter-message { margin-bottom: 12px; font-size: 0.9em; word-wrap: break-word; }
.content-home-column.feed .twitter-message .twitter-when-posted { border-bottom: solid 1px #c1c1c1; padding-bottom: 12px; font-size: 0.7em; }
.content-home-column.feed .social h3 { font-size: 0.8em; margin: 4px 0px 5px 0px; }
.content-home-column.feed .social a { float: left; width: 31px; height: 31px; margin-right: 2px; }
.content-home-column.feed .social a.linkedin { background: url('/img/browse/feed-social-icons.jpg') 0px 0px no-repeat; }
.content-home-column.feed .social a.facebook { background: url('/img/browse/feed-social-icons.jpg') -33px 0px no-repeat; }
.content-home-column.feed .social a.twitter { background: url('/img/browse/feed-social-icons.jpg') -65px 0px no-repeat; }
/* Content Navigation */
#content-nav { float: left; width: 226px; margin: 0px 20px 0px 20px; }
#content-nav ul li { border-bottom: solid 1px #c1c1c1; padding: 7px 0px 7px 4px; }
#content-nav ul li h3 { color: #3a3a3b; text-transform: uppercase; font-weight: bold; }
#content-nav a, #content-nav a:link, #content-nav a:visited { color: #808080; }
#content-nav ul li.selected a { color: #5f862c; }
#content-nav a:hover { color: #5f862c; }
#content { float: left; width: 728px; font-size: 0.9em; }
#content-rightspacer { width: 700px; } /* used on content pages to fix alignment but needed */
#content-rightspacer ul { list-style-type:disc; margin-left: 20px; }
#content-rightspacer ol { list-style-type:decimal; margin-left: 20px; }
/* IE 7 Fix */
*+html #content-rightspacer ol { margin-left: 30px; }
#content-rightspacer strong { color: #000000; }
#content h1 { color: #9ec54c; font-size: 2.2em; font-weight: normal; padding: 0px 0px 20px 0px; line-height: 1.3em; }
#content h1 strong { font-weight: bold; color: #85A540; }
#content h2 { color: #000000; padding: 5px 0px; }
#content p { padding: 9px 0px 9px 0px; }
/* Form */
#content-contact-form { float: left; width: 550px; padding-right: 20px; position: relative; }
#content-contact-form-google { width: 100%; height: 268px; background: url('/img/browse/google-map.png') no-repeat center center; margin-bottom: 10px; cursor:pointer; }
#content-contact-details { float: left; width: 144px; padding: 16px 4px 0px 4px; height: 250px; border-top: solid 1px #c1c1c1; border-bottom: solid 1px #c1c1c1; font-size: 0.8em; }
#content-contact-details h3 { background: url('/img/browse/ubeetech-contact.png') no-repeat top left; width: 89px; height: 19px; margin-bottom: 12px; }
#content-contact-details h4 { font-size: 1.2em; }
#content-contact-details a, #content-contact-details a:link, #content-contact-details a:visited { color: #393939; }
#content-contact-details a:hover { color: #5f862c; }
#content-contact-details .email { font-size: 0.9em; }
#content fieldset { background-color: #efefef; padding: 4px 22px; }
#content fieldset h2 { color: #4d4d4d; font-weight: normal; font-size: 1.4em; line-height: 1.2em; padding-bottom: 10px; }
#content fieldset li { padding: 10px 0px 5px 0px; }
#content fieldset li label { display: block; color: #5f862c; font-weight: bold; font-size: 0.8em; }
/* Set contact form required for postback */
#content fieldset.contact { min-height: 610px; width: 506px; }
#content-contact-mask { height: 610px; width: 506px; padding: 4px 22px; background-color: #000; filter:alpha(opacity=40); opacity:.40; top: 279px; position: absolute; }
#content-contact-submit-loading { top: 499px; left: 55px; position: absolute; background-color: #efefef; width: 431px; height: 111px; }
/* Error Form */
.error { color: #ff0000 !important; font-family: Helvetica; font-size: 0.8em; font-style: italic; }
/* TextBox */
.textbox { }
.textbox-left { float: left; width: 10px; height: 22px; background: url('/img/browse/form/form-textbox-left.gif') no-repeat top right; }
.textbox-center { float: left; height: 22px; background: url('/img/browse/form/form-textbox-center.gif') repeat-x top center; padding: 1px 0px 1px 0px; }
.textbox-center input { border: none; border-color: transparent; width: 330px; height: 16px; font-size: 0.9em; line-height: 1.3em; color: #393939; font-family: Helvetica; }
.textbox-right { float: left; width: 10px; height: 22px; background: url('/img/browse/form/form-textbox-right.gif') no-repeat top left; }
/* TextArea */
.textarea { }
.textarea-left { float: left; width: 10px; height: 151px; background: url('/img/browse/form/form-textarea-left.gif') no-repeat top right; }
.textarea-center { float: left; height: 151px; background: url('/img/browse/form/form-textarea-center.gif') repeat-x top center; padding: 3px 0px 1px 0px; }
.textarea-center textarea { border: none; border-color: transparent; width: 330px; height: 140px; font-size: 0.9em; line-height: 1em; color: #393939; font-family: Helvetica; }
.textarea-right { float: left; width: 10px; height: 151px; background: url('/img/browse/form/form-textarea-right.gif') no-repeat top left; }
/* Footer */
#footer-expand { width: 100%; background: #ffffff url('/img/browse/footer-expand.jpg') repeat-x bottom left; border-top: solid 8px #c3c3c3; height: 230px; }
#footer { margin: 0 auto 0 auto; }
#footer h5 { color: #393939; font-weight: bold; font-size: 1.1em; padding: 38px 0px 28px 0px; }
#footer div { font-size: 0.8em; color: #393939; }
#footer div a, #footer div a:link, #footer div a:visited { color: #393939; }
#footer div a { color: #393939; }
#footer div a:hover { color: #a2c037; }
#footer div p { padding-bottom: 10px; }
#footer .copyright { float: left; padding: 30px 0px 0px 31px; width: 143px; margin: 0px 85px 0px 0px; }
#footer .copyright h4 { background: url('/img/browse/footer-logo.png') no-repeat top left; width: 111px; height: 23px; }
#footer .copyright h4 a { position: absolute; width: 111px; height: 23px; }
#footer .copyright div { padding: 33px 0px 0px 0px; font-weight: bold; font-size: 0.7em; color: #484e41; }
#footer .contact { float: left; margin: 0px 65px 0px 0px; }
#footer .sitemap { float: left; margin: 0px 70px 0px 0px; }
#footer .followus { float: left; margin: 0px 65px 0px 0px; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */