@import url(/assets/stylesheets/base.css);
@import url(/assets/stylesheets/skeleton.css);
@import url(/assets/stylesheets/layout.css);
@import url(/assets/stylesheets/base.css);

/* basic element formatting */
h1, h2, h3, h4, h5, h6 {font-family:calibri, georgia, serif;}

h3 {font-size:14pt;}

h4 {color:#268694/*#336699*/;margin-bottom: 20px;font-size:12pt;line-height:120%;}

ul, ol {margin-bottom:10px;}

p {line-height:150%;}

body {background: #EBEBEB;overflow-y:scroll;font-size:10pt;font-family:calibri, georgia, serif;}
.container {background:#ffffff;}
.header .bannerad {text-align:right;padding-top:35px;}

/* ****************** */
/* NAVIGATION STYLING */
/* ****************** */
.nav {background:#282536;color:#eeeeee;margin:0;width:960px !important;}
.nav ul {margin: 0;}
.nav ul li {float:left;margin:0;}
.nav a {color:#eeeeee;display:block;padding:8px 10px;text-decoration: none;}
.nav li.here a {background:#268694;}
.nav a:hover {background:#669999;}
/* ****************** */


/* SUPER DROP-DOWN STYLING */
/* *********************** */
.bignav{display:none;background:#cccccc;margin:0;padding:20px;width:920px !important;}
.bignav ul li.navcolone {clear:both;}
.bignav a.button {float:right;margin-bottom:0;}
.bignav img.ad {margin-right:30px;}

ul.horizontallistnav li {float:left;width:25%;}
ul.horizontallistnav li ul {margin-left:0;}
ul.horizontallistnav li ul li {float:none;width:100%;}
/* *********************** */

/* SUB-PAGE NAVIGATION MODULE STYLING */
/* ********************************** */
.sub_nav_wrapper {width:300px;} /* MIMIC THE SAME WIDTH OF THE MODULES ON THE DESKTOP VIEWING EXPERIENCE */
.sub_nav_wrapper.module  h3 {background:#F26F00;} /* SET THE BACKGROUND TO BE AN ORANGE COLOUR */
#nav-sub li.here a {font-weight:600;}/* BOLD STYLING FOR THE PAGE WE ARE CURRENTLY VIEWING */


.hero {margin-bottom: 30px;margin:0;width:960px !important;} /* REMOVE THE STANDARD PADDING TO PUSH FLUSH TO THE EDGES OF #CONTAINER. IMPORTANT THE WIDTH TO ENSURE IT STAYS THE SAME */

/* BREADCRUMB NAVIGATION */
.breadcrumb {font-family:sans-serif;border-bottom:1px solid #eeeeee;color:#cdcdcd;font-size:100%;margin-bottom:5px;}
.breadcrumb a {color:#cdcdcd;}

/* FOOTER AND LEGAL */
.footer {background:#4E4E4E;color:#eeeeee;font-size:90%;margin:0;padding:10px;}
.footer h5, .footer ul li, .footer ul li a {color:#eeeeee;}
.footer ul li {list-style-type: square; margin-left: 15px;}
.footer ul li a {background-image:url(/uploads/files/li-arrow-eeeeee.png);}
.footer ul li a:hover {text-decoration:underline;}
.footer ul li a[name] {text-decoration:none;}/* THIS RULE MAKES THE TELEPHONE NUMBERS ACT LIKE LINKS IN TERMS OF STYLING, EVEN THOUGH THEY ARE NOT ACTIVE LINKS */
.legal {background:#333333;color:#eeeeee;margin:0;padding:10px;font-size: 90%;}

/* **************** */

/* GENERAL STYLING FOR MODULES (EG VIDEO, SUPPORT, HELP, ETC) */
/* ********************************************************** */
.module {background: #eeeeee;margin-bottom:20px;}
.module h3 {background:/*#336699*/#268694;color:#eeeeee;padding:0px 10px;margin-bottom:0;font-size: 110%;line-height:25px;}
.module p {padding-left:5px;padding-right: 5px;}
.module ul.square, .footer ul {margin-left:0;}
.module ul.square li, .footer ul li {list-style:none;margin-left:0;margin-bottom:0;}
.module ul.square li a, .footer ul li a {text-decoration:none;display:block;padding:2px 5px;background-position:3px 3px;background-repeat:no-repeat;padding-left:20px;}
.module ul.square li a {background-image:url(/uploads/files/li-arrow-dark.png);}
.module ul.square li a:hover {background-color:#DADADA;}
.module.help,.module.literature,.module.support,.module.video {padding-bottom: 10px;}/* ADD PADDING BACK IN FOR CERTAIN MODULES */
/* ********************************************************** */

/* LISTINGS ARE USED IN NEWS, TRAINING, EVENTS, SOFTWARE, VENDORS. LOTS OF PLACES!! */
/* ******************************************************************************** */
.listing {margin-top: 20px;clear:both;}
.listing .listing-image {float:left;margin-right: 10px;margin-bottom: 10px;margin-top: 20px;}
.listing div.summary {padding-left:110px;}

.pr {clear:both;text-align:right;}

/* FORM STYLING */
/* ************ */
input[type="text"], input[type="password"], input[type="email"], textarea, select {width:75%;}
/* ************ */

/* BLOG POSTS USE THESE STYLES */
h5 span.date-posted {font-size:70%;color:#4e4e4e;font-weight:normal;}
.meta {font-style:italic;}
/* sharing icons on news/blog posts */
.sharing {font-size:85%;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;margin-top:10px;padding-top:5px;padding-bottom:5px;}
.sharing table {border-collapse:separate;border-spacing:2px;}
.sharing table tr td {vertical-align:center;padding-right:5px;}

/* this controls the width of the iframe that loads the
   zift info and sets it to display none so that it isn't 
   there looking odd whilst it is loading
*/
#zzzift {width:100%;display:none;}

/* these override some of the default styles of the zift panels*/
#z_wrapper {font-family:calibri, georgia, serif;}
#z_wrapper #Small_Header {display:none;}
#z_wrapper a {text-decoration:underline !important;}

/* STYLING FOR UPGRADE COST TOOL JAVASCRIPT FORM */
/* ********************************************* */
form[name="frmsuite"] input[type="text"] {margin-bottom: 0;}
form[name="frmsuite"] input[type="text"], input[type="password"], input[type="email"], textarea, select {width:auto;}
form[name="frmsuite"] select {width:300px;}
form[name="frmsuite"] table tr td {padding:0;}
/* ********************************************* */