/* Code to make web page 100% height  in browser window */
html,body {
  height: 100%;
}

html>body #siteWrapper {
  height: auto;
}

/* Force Vertical Scroll Bars in HTML Viewport */
html {
  overflow: -moz-scrollbars-vertical;
}

html {
  background: #ccc;
}

body {
  background: transparent top left repeat-x url(/images/new/site_top_bg.png);
}

/* Code to reset elements margin and padding to zero  */
* {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
}

div#siteWrapper {
  position: relative;
  margin: 0 auto;
  width: 960px;
  /* Footer Clearing Code */
  margin-bottom: -363px !important;
  height: 100%;
  min-height: 100%;
}

div#headerBox {
  height: 90px;
  position: relative;
  float: right;
  display: block;
}

div#contentWrapper {
  position: relative;
  clear: both;
  z-index: 0;
  display: block;
  visibility: visible;
  background: #FFF top left repeat-y url(/images/new/content-bg.png);
  border-bottom: 5px solid #ccc;
  border-top: 5px solid #ccc;
  width: 960px;
  float: left;
}

*:first-child+html div#contentWrapper {
  position: static;
}

/* Line up Lists with Content Pages.*/
div#contentWrapper ul,div#contentWrapper ol {
  padding-left: 17px;
  line-height: 21px;
  list-style-type: disk;
  margin-bottom: 10px;
}

ul#wineMenu {
  padding-left: 0 !important;
  line-height: 21px !important;
  list-style-type: none !important;
  margin-bottom: 10px !important;
}

div#page-trail ul,div#page-trail ol {
  padding-left: 17px;
  line-height: 21px;
  list-style-type: square;
  margin-bottom: 5px;
}

div#footerOuter {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 35px;
  background: #a1a1a1 top left repeat-x url(/images/new/site_bot_bg.png);
  display: block;
  z-index: 2;
}

div#footer {
  width: 960px;
  min-height: 328px;
  display: block;
  background: transparent top left repeat-y url(/images/new/footer-bg.png);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

* html div#footer {
  position: static;
  margin-bottom: 35px !important;
}

#clearBottom { /*needed to make room for footer*/
  clear: both;
  height: 363px;
}

*>html #clearBottom {
  float: left;
  width: 100%;
} /* ie mac styles */ /*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  zwidth: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  zwidth: 100%;
}

.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
  left: 0;
  top: 64px; /* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

/*** Quirk Skin ***/
.sf-menu a,.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
  color: #FFF;
}

.sf-menu li {
  background: #000;
}

.sf-menu li li {
  background: #000;
}

.sf-menu li li li {
  background: #000;
}

.sf-menu li li:hover,.sf-menu li li.sfHover,.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active {
  outline: 0;
  background: #333;
  text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  zpadding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
  background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url(/images/new/shadow.png) no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* Main Nav Stylz */
.sf-menu {
  position: relative;
  float: left;
  width: 768px;
  top: 20px;
}

.sf-menu a {
  display: block;
  height: 75px;
  background-image: url(/images/new/nav/nav.png);
  background-repeat: no-repeat;
}

.sf-menu a span {
  display: none;
}

/* Individual Item Stylin plus the hover and current class stylz */
a#workLink {
  width: 191px;
  background-position: 0 0;
  padding: 0;
}

a#workLink:hover,li.active a#workLink {
  background-position: 0 -75px !important;
}

li.current a#workLink {
  background-position: 0 -150px;
}

a#servicesLink {
  width: 192px;
  background-position: -191px 0;
  padding: 0;
}

a#servicesLink:hover,li.active a#servicesLink {
  background-position: -191px -75px !important;
}

li.current a#servicesLink {
  background-position: -191px -150px;
}

a#resourcesLink {
  width: 192px;
  background-position: -383px 0;
  padding: 0;
}

a#resourcesLink:hover,li.active a#resourcesLink {
  background-position: -383px -75px !important;
}

li.current a#resourcesLink {
  background-position: -383px -150px;
}

a#companyLink {
  width: 193px;
  background-position: -575px 0;
  padding: 0;
}

a#companyLink:hover,li.active a#companyLink {
  background-position: -575px -75px !important;
}

li.current a#companyLink {
  background-position: -575px -150px;
}

/* Sub Nav Stylz */
.sf-menu li ul li {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.sf-menu li ul li a {
  display: block;
  background-image: none;
  height: auto !important;
  padding: 10px 5px;
  font-size: 12px;
}

.sf-menu li ul li.last {
  padding-bottom: 10px !important;
}

/* Colors & Widths */
ul#workSub {
  width: 191px;
}

ul#workSub li {
  background: #8DC63F;
  width: 170px;
  padding: 0 10px;
  border-top: 1px solid #8DC63F;
}

ul#workSub li:first-child {
  background: #8DC63F top left no-repeat url(/images/new/nav/worktop.png) !important;
  padding-top: 10px;
}

ul#workSub li a:hover,ul#workSub li a:active,ul#workSub li.current a {
  background: #598527 !important;
}

ul#servicesSub {
  width: 192px;
}

ul#servicesSub li {
  background: #00AEEF;
  width: 171px;
  padding: 0 10px;
  border-top: 1px solid #00AEEF;
}

ul#servicesSub li:first-child {
  background: #00AEEF top left no-repeat url(/images/new/nav/services-top.png) !important;
  padding-top: 10px;
}

ul#servicesSub li a:hover,ul#servicesSub li a:active,ul#servicesSub li.current a {
  background: #0076a3 !important;
}

ul#resourcesSub {
  width: 192px;
}

ul#resourcesSub li {
  background: #ED1C24;
  width: 171px;
  padding: 0 10px;
  border-top: 1px solid #ED1C24;
}

ul#resourcesSub li:first-child {
  background: #ED1C24 top left no-repeat url(/images/new/nav/resources-top.png) !important;
  padding-top: 10px;
}

ul#resourcesSub li a:hover,ul#resourcesSub li a:active,ul#resourcesSub li.current a {
  background: #9e0b0f !important;
}

ul#companySub {
  width: 193px;
}

ul#companySub li {
  background: #EA008B;
  width: 172px;
  padding: 0 10px;
  border-right: none !important;
  border-top: 1px solid #EA008B;
}

ul#companySub li:first-child {
  background: #EA008B top left no-repeat url(/images/new/nav/company-top.png) !important;
  padding-top: 10px;
}

ul#companySub li a:hover,ul#companySub li a:active,ul#companySub li.current a {
  background: #9e005d !important;
}

/* Site Search */
#searchBox {
  position: relative;
  float: left;
  width: 270px;
  padding: 8px 0 11px 20px;
  background: transparent top left repeat-y url(/images/new/headerbox/search-bg.png);
  height: 30px;
}

* html #searchBox {
  padding: 5px 0 1px 20px;
  height: 39px;
}

/* Quick Links */
#quickLinks {
  position: relative;
  float: left;
  background: transparent top left repeat-y url(/images/new/headerbox/search-bg.png);
  padding: 5px 0 4px 0;
}

#quickLinks ul {
  list-style: none;
  float: left;
  padding-left: 25px;
}

#quickLinks ul li {
  display: block;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}

#quickLinks ul li a {
  height: 40px;
  outline-color: #FFF;
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
}

#quickLinks ul li a span,#quickLinks a#searchIcon span {
  display: none;
}

#searchIcon {
  float: left;
  margin-top: -1px;
  outline-color: #FFF;
  background: transparent top left no-repeat url(/images/new/headerbox/search-icon.png);
  width: 61px;
  height: 39px;
}

/* Here are dem link stylin for the quick links */
#homeLink {
  width: 50px;
  background-image: url(/images/new/headerbox/home-link.png);
}

#contactLink {
  width: 62px;
  background-image: url(/images/new/headerbox/contact-link.png);
}

#blogLink {
  width: 42px;
  background-image: url(/images/new/headerbox/blog-link.png);
}

#careerLink {
  width: 64px;
  background-image: url(/images/new/headerbox/careers-link.png);
}

#myQuirkLink {
  width: 68px;
  background-image: url(/images/new/headerbox/myquirk-link.png);
}

/* Active State */
#quickLinks .active {
  opacity: 1 !important;
  filter: alpha(opacity =                         100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
}

/* Main Site Navigation stylin goes here */
#mainNav {
  position: relative;
  clear: both;
  width: 100%;
  display: block;
  margin: 0 !important;
  z-index: 1000;
}

/* Quirk Logo */
a#logo {
  position: relative;
  float: left;
  width: 192px;
  height: 95px;
  background: #000000 top left no-repeat url(/images/new/quirk-logo.gif);
  display: block;
}

a#logo span {
  display: none;
}

a#logo:hover {
  background-position: bottom left;
}

.logoBG {
  background: #000000;
  float: left;
}

/* ================ CONTENT STYLING ================= */
div#page-trail {
  position: relative;
  float: left;
  width: 595px;
  border-bottom: 5px solid #d7d7d7;
  margin-bottom: 10px;
}

div#content {
  width: 595px;
  padding: 20px;
  position: relative;
  float: left;
}

div#content.wide {
  width: 920px;
  padding: 20px;
  position: relative;
  float: left;
}

div#sidebar {
  position: relative;
  float: right;
  width: 280px;
  padding: 20px;
}

div.content-block {
  position: relative;
  float: left;
  width: 100%;
}

/* ============== END CONTENT STYLING =============== */
#footerLinks {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 920px;
  padding: 0 20px;
  margin-top: 20px;
  background: transparent top left repeat-y url(/images/new/dividers.png);
}

#finalBlock {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 100%;
  border-top: 1px solid #545454;
  width: 920px;
  padding: 0 20px;
}

#finalBlock ul.badges {
  list-style: none;
  float: right;
  display: block;
  background: #000000;
}

#finalBlock ul.badges li {
  float: left;
  display: block;
}

#finalBlock ul.badges li a.tt100 {
  background: #000000 url(/images/new/badges/tt100.png) top left no-repeat;
  height: 76px;
  width: 57px;
  float: left;
}

#finalBlock ul.badges li a.disc {
  background: #000000 url(/images/new/badges/disc.png) top left no-repeat;
  height: 76px;
  width: 53px;
  float: left;
}

#finalBlock ul.badges li a.finmail {
  background: #000000 url(/images/new/badges/fin-mail.png) top left no-repeat;
  height: 76px;
  width: 54px;
  float: left;
}

#finalBlock ul.badges li a.adwords {
  background: #000000 url(/images/new/badges/adwords-new-2.jpg) top left no-repeat;
  height: 76px;
  width: 71px;
  float: left;
}

#finalBlock ul.badges li a.analytics {
  background: #000000 url(/images/new/badges/analytics-new-2.jpg) top left no-repeat;
  height: 76px;
  width: 69px;
  float: left;
}

#finalBlock ul.badges li a.econawards {
  background: #000000 url(/images/new/badges/econs_awards_2009.png) top left no-repeat;
  height: 76px;
  width: 110px;
  float: left;
}

#finalBlock ul.badges li a:hover {
  background-position: bottom left;
}

/* Bottom corner image */
img.cnr {
  position: absolute;
  bottom: 0;
  left: 0;
}

* html img.cnr {
  bottom: -1px;
}

/* Spacing below newsitem */
.newsItem {
  margin-bottom: 30px;
  overflow: auto;
}

.newsItem img {
  margin: 0 10px 10px 0;
  border: 5px solid #efefef;
}

.clientMenu {
  background-color: #D7D7D7;
  margin: 2px 0 0;
}

.clientMenu td {
  border: 1px solid #FFFFFF;
  color: #D6D6D6;
  padding: 5px;
}

.clientMenu td:hover,.clientMenu td:hover a {
  background-color: #415166;
  color: #fff;
  text-decoration: none;
}

#getSearch {
  margin-right: 15px;
}

#searchStatusGrab {
  text-align: center;
  border: 1px solid #00AEEF;
  margin-bottom: 15px;
  padding: 2px;
  margin-top: 25px;
}

#getFireFox img {
  float: left;
  margin-right: 15px;
}

#searchstatusfb {
  margin: 10px 0 20px 0;
}

#searchstatusfb img {
  float: left;
  margin-right: 15px;
}

.workItem {
  margin-bottom: 30px;
  padding-bottom: 20px;
}

#relatedTopics {
  padding-top: 15px;
  border-top: 2px solid #cccccc;
  margin-top: 10px;
}

#nextBack {
  padding-top: 15px;
  border-top: 2px solid #cccccc;
}

#nextBackHome {
  padding: 15px 0;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  float: left;
  width: 100%;
}

img#rssFeed {
  margin-right: 10px;
}

/* MEET THE TEAM */ /* MEMBER PAGE */
.teamimage {
  margin: 12px 20px 0 0;
  float: left;
  border: 1px solid #65707D;
}

/* SOCIAL MEDIA ICONS */
div#socialmediaicons {
  margin: 160px 0px 0px -140px;
  width: 145px;
  float: left;
}

.socialIconFb {
  margin: 0 10px 0 0;
  float: left;
}

.socialIconLinkedin {
  margin: 0 10px 0 0;
  float: left;
}

.socialIconTwitter {
  margin: 0 10px 0 0;
}

/* TEAM PAGES */
#team a {
  display: block;
  float: left;
  font-weight: normal;
  color: #313131;
  text-decoration: none;
  border: 2px solid #D7D7D7;
  width: 137px;
  text-align: center;
  margin: 0 45px 20px 25px;
  padding-bottom: 2px;
}

#team a:hover {
  background-color: #00aeef;
  border: 2px solid #00aeef;
  color: #fff;
}

#team a img {
  display: block;
  margin: 0 0 5px 0;
  border-bottom: 2px solid #D7D7D7;
}

#team a:hover img {
  border-bottom: 2px solid #00aeef;
}

#team a.last {
  margin-right: 0;
}

#cu3er-container {
  position: relative;
  display: block;
  width: 960px;
  height: 350px;
}

.margB {
  margin-bottom: 30px;
}

#rssFeed {
  float: left;
  margin: 0 4px 0 0;
}

.blockItem {
  margin-bottom: 15px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
}

.work {
  background-color: #f1f1f1;
  border-bottom: none;
  padding-top: 12px;
  padding-bottom: 1px;
  margin-top: 15px;
}

.blockItem img {
  text-align: center;
}

.blockItem blockquote {
  margin: 0;
  padding: 0;
}

.blockItem blockquote p {
  margin: 6px 0 6px 0;
}

.blockItem blockquote p.reference {
  font-weight: bold;
}

.quoteMe {
  margin: 15px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  float: left;
  position: relative;
  clear: both;
  width: 100%;
}

.quoteMe img {
  text-align: center;
}

.quoteMe blockquote {
  margin: 0;
  padding: 0;
  line-height: 21px;
}

.quoteMe blockquote p {
  margin: 6px 0 6px 0;
}

.quoteMe blockquote p.from {
  font-weight: bold;
}

.cleared {
  clear: both;
}

#address {
  margin-top: 15px;
}

.thirdCol {
  float: left;
  margin-right: 18px;
  width: 185px;
}

.last {
  margin-right: 0;
}

table.listing {
  width: 100%
}

table.listing th {
  padding: 5px;
  background-color: #efefef;
}

table.listing td {
  padding: 5px;
  border-bottom: 1px solid #ececec;
}

/* Site Search Box */
#headerBox #searchBox input.txt {
  float: left;
  border: 2px solid #868686;
  padding: 7px 8px 0 7px;
  width: 190px;
  height: 22px;
  color: #868686;
}

#headerBox #searchBox input.txt:focus {
  border: 2px solid #8dc63f;
}

#headerBox #searchBox input#searchSubmit {
  float: left;
  outline-color: #8dc63f;
  margin-top: 1px;
}

#searchSubmit {
  position: relative;
  background: transparent top left no-repeat url(/images/new/headerbox/search.png);
  width: 61px;
  height: 28px;
  border: 0;
}

.tableForm {
  padding: 10px 10px 10px 0;
  width: 90%;
  margin-bottom: 10px;
  color: #666666 !important;
}

.tableForm td {
  padding: 3px 10px 7px 0;
}

input.type {
  background: #fff;
  border: 2px solid #ccc;
  padding: 5px;
  width: 199px !important;
  color: #666666 !important;
}

input.type:focus {
  border: 2px solid #8dc63f;
}

input.small {
  width: 175px !important;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.quirkButton {
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 6px;
  cursor: pointer;
  background-color: #009FD7
}

.quirkButton:hover {
  color: #fff;
  background-color: #00AEEF
}

.quirkButton.wide {
  padding: 5px 20px
}

textarea.type {
  background: #fff;
  border: 2px solid #ccc;
  height: 80px !important;
  padding: 5px;
  width: 199px !important;
  color: #666666 !important;
}

textarea.type:focus {
  border: 2px solid #8dc63f;
}

.quirkSelect {
  width: 213px;
  border: 2px solid #ccc;
  color: #666666 !important;
  padding: 5px 2px;
}

.quirkSelect:focus {
  border: 2px solid #8dc63f;
}

ul.CVWork {
  list-style-type: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

ul.CVWork li {
  background-color: #0076A3;
  padding: 5px 0 5px 10px;
}

ul.CVWork li a {
  color: #fff;
  font-weight: bold;
}

ul.CVWork li:hover {
  background-color: #00AEEF;
  cursor: pointer;
}

ul.CVWork li:hover a {
  color: #0076A3;
  text-decoration: none;
}

div#contentWrapper ul.errors {
  color: #c00;
  background-color: #ffe1e1;
  padding: 5px 25px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666 !important;
  font-size: 13px;
}

a {
  color: #0072bc;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  outline-color: #FFF;
}

a.serviceH {
  color: #0072bc;
  font-weight: bold;
  font-size: 14px;
}

p {
  margin-bottom: 1em;
  line-height: 21px;
}

p.enter {
  margin: 0;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 0.7em;
  color: #898989;
  padding: 4px 10px;
  background: #efefef;
}

h2,h2 a {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 0;
  color: #00aeef;
  margin-top: 0.8em;
  line-height: 30px;
}

h2 span,h2 a span {
  font-size: 18px;
}

h2.header-small {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 0;
  color: #888;
  margin-top: 0.8em;
  line-height: 30px;
}

h3,h3 a {
  font-size: 23px;
  font-weight: normal;
  line-height: 38px;
  color: #888;
  padding-bottom: 12px;
}

h3.accordionHeading a {
  font-size: 18px;
  text-decoration:none;
}

h3.sidebar {
  font-size: 16px;
  font-weight: normal;
  line-height: 38px;
  color: #888;
  padding-bottom: 12px;
}

h4 {
  font-size: 18px;
  font-weight: bold;
  color: #777;
  padding: 4px 10px;
  background: #efefef;
  margin-bottom: 10px;
}

h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.7em;
  color: #555555;
  padding: 4px 10px;
  background: #d7d7d7;
}

/* Page Trail */
#page-trail ul {
  list-style: none;
  background: #f6f6f6;
  padding: 4px 11px;
  margin-bottom: 5px;
  float: left;
}

#page-trail ul li {
  float: left;
  display: block;
  color: #777;
  font-size: 14px;
  font-weight: bold;
}

#page-trail ul li a {
  color: #777;
  font-size: 14px;
  font-weight: bold;
}

#page-trail ul li a:hover {
  color: #00aeef;
  text-decoration: none;
}

#page-trail h1.current {
  float: left;
  font-size: 24px;
  font-weight: bold;
  color: #666666;
  background-color: #efefef;
  clear: both;
  padding: 7px 10px;
  width:402px;
}

#footer div.backtotop {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  display: block;
}

#footer div.backtotop a {
  width: 126px;
  height: 34px;
  display: block;
  float: right;
  background: transparent top left no-repeat url(/images/new/bact-to-top.png);
  outline-color: #ccc;
  margin-top: 1px;
}

#footer div.backtotop a span {
  display: none;
}

#footerLinks {
  color: #b7b7b7;
}

#footerLinks div.col {
  position: relative;
  float: left;
  display: block;
  width: 152px;
  padding-right: 78px;
  padding-bottom: 20px;
}

#footerLinks ul {
  list-style: none;
  float: left;
  display: block;
  width: 100%;
}

#footerLinks ul li {
  width: 152px;
}

#footerLinks h3 {
  float: left;
  display: block;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 5px;
}

#footerLinks a {
  color: #b7b7b7;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  width: 142px;
  padding: 5px;
  display: block;
}

#footerLinks a:hover,#footerLinks a.active {
  text-decoration: none;
  background: #00aeef;
  color: #FFF;
}

#finalBlock p {
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding: 29px 0 0 3px;
}

#finalBlock p a {
  color: #B7B7B7;
  font-weight: bold;
}

#nextBack a,#nextBackHome a {
  color: #0072bc;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#nextBack a.back,#nextBackHome a.back {
  background: transparent url(/images/arrow_back.gif) no-repeat top left;
  float: left;
  padding: 5px 0 8px 29px;
}

#nextBack a.next,#nextBackHome a.next {
  background: transparent url(/images/arrow_next.gif) no-repeat top right;
  float: right;
  padding: 5px 27px 8px 0;
}

#nextBack a.back:hover,#nextBackHome a.back:hover {
  background: transparent url(/images/arrow_back_hov.gif) no-repeat top left;
  color: #415166;
}

#nextBack a.next:hover,#nextBackHome a.next:hover {
  background: transparent url(/images/arrow_next_hov.gif) no-repeat top right;
  color: #415166;
}

dt {
  margin: 1.5em 0 5px 0;
  font-weight: bold;
}

dd {
  line-height: 21px;
}

.sliderWrapper {
  width: 960px;
  height: 350px;
  position: relative;
  float: left;
  clear: both;
  top: 5px;
  margin-bottom: 5px;
}

.loader {
  width: 960px;
  height: 350px;
  position: absolute;
  float: left;
  clear: both;
  background: #cccccc;;
  z-index: 999;
}

/* last minute fixes */
#glossary-nav-wrapper {
  padding: 20px 0;
  margin-left: -16px;
}

#glossary-nav {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#glossary-nav li {
  float: left;
  list-style-type: none;
  background-color: #009FD7;
}

#glossary-nav li a {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  padding-right: 5px;
}

#glossary-nav li a:hover {
  display: block;
  background-color: #00AEEF;
  text-decoration: none;
}

#bigWigs td {
  border: 1px solid #EEEEEE;
  font-size: 12px;
  padding: 3px 3px 2px;
}

.screenHide {
  display: none;
}

.word {
  padding-top: 16px;
}

div.word p strong a,div.word p strong a:hover {
  font-size: 16px;
}
/* For Education Courses */
.courseSeperator {
  float: left;
  position: relative;
  border-top: 1px dashed #707070;
  width: 100%;
  clear: both;
  margin-top: 25px;
  margin-bottom: 3px;
}

.courseContent {
  width: 595px;
  float: left;
  position: relative;
  background-color: #fff;
  clear: both;
  margin-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.courseLogo {
  float: right;
  position: relative;
  width: 184px;
  padding-top: 10px;
}

.courseBlurb {
  float: left;
  position: relative;
  width: 400px;
}

.courseContent h2 {
  clear: both;
  float: left;
  width: 100%;
  font-size: 24px;
}

.courseContent h3 {
  clear: both;
  float: left;
  width: 100%;
}

table.courseDetail {
  float: left;
  position: relative;
  width: 386px;
  font-size: 14px;
  margin-bottom: 15px;
}

table.courseDetail td.courseDetailLeft {
  width: 161px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  background: #303030;
  padding: 8px 0 8px 10px;
}

table.courseDetail td.courseDetailRight {
  width: 161px;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: #838383;
  padding: 8px 0 8px 10px;
}

.courseBtns {
  float: left;
  position: relative;
  text-align: center;
  display: block;
}

.btnRegister {
  float: left;
  position: relative;
  text-align: center;
  display: block;
}

.courseBtns img {
  margin-bottom: 7px;
}

table.courseDetail td.roundCtLeft {
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}

table.courseDetail td.roundCtRight {
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

table.courseDetail td.roundCbLeft {
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}

table.courseDetail td.roundCbRight {
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.courseInfo {
  font-size: 13px;
  text-align: left;
}

.courseInfo td {
  font-size: 13px;
  text-align: left;
  padding: 3px 10px 7px 0;
}

.registerDetails {
  font-size: 13px;
  text-align: left;
  float: left;
}

.registerDetails td {
  font-size: 13px;
  text-align: left;
  padding: 3px 10px 7px 0;
}

/* FOR CLIENTS SECTION */
#portfolioDb {
  margin: 0 0 20px 0;
  width: 100%;
  float: left;
  position: relative;
}

.clientWrapper {
  width: 272px;
  float: left;
  border: 2px solid #efefef;
  text-align: center;
  margin: 0 11px 25px 10px;
}

.clientWrapper h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  color: #777;
  padding: 12px 18px;
  background: #efefef;
  text-align: center;
}

.clientWrapper .logo {
  width: 272px;
  height: 168px;
  padding: 0;
  text-align: center;
}

.clientWrapper .logo a img {
  border: none;
}

.clientWrapper:hover {
  border-color: #00aeef;
}

.clientWrapper:hover>h4 {
  background: #00aeef;
  color: #fff;
}

.closed {
  display: none;
}

.open {
  cursor: pointer;
  display: block;
}

#featureSlideshow {
  width: 960px;
  height: 350px;
  position: relative;
  float: left;
  clear: both;
  background: #cccccc;
  top: 5px;
  margin-bottom: 5px;
}

ul.address {
  list-style-type: none !important;
  padding-left: 0 !important;
}

/* For Careers Section */
.jobs-vacant {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: none;
}

div#contentWrapper ul.tabs {
  float: left;
  clear: both;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  height: 37px; /*--Set height of tabs--*/
  list-style: none;
  font: 13px/21px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  text-align: center; /*-- !!important --*/
}

ul.tabs li {
  float: left;
  margin: 0 52px 0 0;
  padding: 0 3px 6px 0;
  width: 156px;
  height: 37px;
  line-height: 34px; /*--Vertically aligns the text within the tab--*/
  border: none; /*--Pull the list item down 1px--*/
  overflow: hidden;
  position: relative;
  background: url(/images/btn-positions-tabs-sprite-2.jpg) no-repeat top left scroll;
}

ul.tabs li.last {
  float: right;
  margin: 0;
}

ul.tabs li a {
  display: block;
  height: 43px; /* !important */
  text-decoration: none;
  font-weight: bold;
  line-height: 34px;
  color: #fff;
  outline: none;
}

div#contentWrapper ul.tabs li a:hover {
  background: url(/images/btn-positions-tabs-sprite-2.jpg) no-repeat bottom left scroll;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
  background: url(/images/btn-positions-tabs-sprite-2.jpg) no-repeat bottom left scroll;
  /*-- !! nb !! Makes sure that the active tab does not listen to the hover properties--*/
}

/* TAB CONTENT CSS */
.tab_container {
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  font: 13px/21px Arial, Helvetica, sans-serif;
  color: #000000;
}

.tab_content {
  padding: 20px 0px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
}

.tab_container ul {
  font: 13px/21px Arial, Helvetica, sans-serif;
  color: #000000;
}

.tab_container ul li {
  list-style-image: url(/images/list-image-jobs.gif);
  font: 14px/18px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #4186c4;
}

.tab_container ul li a {
  text-decoration: none;
  color: #4186c4;
}

/* margin */
.margin-top {
  margin: 25px 0 0 0;
  float: left;
}

.margin-top-a {
  margin: 25px 0 0 0;
}

/* Four buttons on bottom of courses pages */
.fourButtons {
  width: 100%;
  padding-left: 62px;
}

/**************************************
  Quirk Textbook styles - August 2011  
***************************************/

/* Quirk Ed Logo */
a#quirkEdLogo {
  position: relative;
  float: left;
  width: 192px;
  height: 95px;
  background: #000000 top left no-repeat url(/emarketingtextbook/images/nav3/quirk_ed_logo.gif);
  display: block;
}

a#quirkEdLogo:hover {
  opacity: 0.8;
}

a#quirkEdLogo span {
  display: none;
}

a#quirkEdLogo {
  background-position: bottom left;
}

.sf-menu#qEdNav a {
  background-image: url(/emarketingtextbook/images/nav3/qEdNav.png);
}

#sendtofriend {
  padding: 0 10px;
}

#sendtofriend input.type {
  width: auto !important;
  margin-bottom: 8px;
}

/* Infographic page share buttons */
.fbShareBlock {
  	bottom: 245px;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: 183px;
    width: 150px;
  /*background: url(/images/fb-share-btn.jpg) no-repeat top left;*/
}

.twitterShareBlock {
  	bottom: 245px;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: 86px;
    width: 150px;
  /*background: url(/images/twitter-share-btn.jpg) no-repeat top left;*/
}

.addThisShareBlock {
  	bottom: 245px;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: -20px;
    width: 150px;
}

/* Social Media Quiz */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #fff;
}

.frmQuizImpossible {
  margin: 0;
  padding: 0 !important;
}

.frmQuizImpossible .questionBlock {
  clear: both;
  float: left;
  margin: 0;
  padding: 0px 30px 0px 23px;
  width: 532px;
  /*height: 272px;*/
  background: #fff url(/images/bg-qBlock-slice-v2.jpg) repeat-y top left;
}

.titleGroup {
  clear: both;
  float: left;
  margin: 0 0 32px;
  width: 100%;
}

.counter {
  float: right;
  display: block;
  font: 23px/20px Arial, Helvetica, sans-serif;
  color: white;
}

.questionNumber {
  float: left;
  display: block;
  font: 23px/20px Arial, Helvetica, sans-serif;
  color: white;
}

.question {
  clear: both;
  margin: 0 0 31px;
  width: 100%;
  font: 17px/20px Arial, Helvetica, sans-serif;
  color: white;
}

ul.iqQuestion {
  clear: both;
  float: left;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  width: 100%;
  list-style: none !important;
}

ul.iqQuestion li {
  clear: both;
  float: left;
  margin: 0 0 10px;
  width: 100%;
  color: white;
}

ul.iqQuestion li.lastItem {
  margin-bottom: 0 !important;
}

ul.iqQuestion li .qMarker {
  float: left;
  display: block;
  margin-right: 10px;
  padding: 0 0 8px;
  font-size: 15px;
  font-weight: bold;
  line-height: 14px !important;
}

ul.iqQuestion li .inputBlock {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 25px;
}

ul.iqQuestion li .labelBlock {
  float: left;
  display: block;
  width: 454px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

ul.iqQuestion li input {
  margin: 0 11px 0 0;
  color: white;
}

ul.iqQuestion li label {
  margin: 0;
  font: 14px/14px Arial, Helvetica, sans-serif;
  color: white;
}

.progressBar {
  cursor: pointer;
  display: block;
  /*float: right;*/
  clear: both;
  margin: 0 0 0 390px !important;
  width: 144px;
  height: 45px;
  background: #000 url(/images/progress-v2.png) no-repeat 0 0;
  border: none;
  outline: none;
  text-indent: -2999em;
}

.frmQuizImpossible .error {
  margin: 0 0 0 30px;
  color: #c00;
}

/* Progress Bar position for each question */
#js_question_1 .progressBar {
  background-position: 0 0 !important;
}

#js_question_2 .progressBar {
  background-position: -145px 0 !important;
}

#js_question_3 .progressBar {
  background-position: -290px 0 !important;
}

#js_question_4 .progressBar {
  background-position: -435px 0 !important;
}

#js_question_5 .progressBar {
  background-position: -580px 0 !important;
}

#js_question_6 .progressBar {
  background-position: -725px 0 !important;
}

#js_question_7 .progressBar {
  background-position: -870px 0 !important;
}

#js_question_8 .progressBar {
  background-position: -1015px 0 !important;
}

#js_question_9 .progressBar {
  background-position: -1160px 0 !important;
}

#js_question_10 .progressBar {
  background-position: -1305px 0 !important;
}

#js_question_11 .progressBar {
  background-position: -1450px 0 !important;
}

#js_question_12 .progressBar {
  background-position: -1595px 0 !important;
}

#js_question_13 .progressBar {
  background-position: -1740px 0 !important;
}

#js_question_14 .progressBar {
  background-position: -1885px 0 !important;
}

#js_question_15 .progressBar {
  background-position: -2030px 0 !important;
}

#js_question_16 .progressBar {
  background-position: -2175px 0 !important;
}

#js_question_17 .progressBar {
  background-position: -2320px 0 !important;
}

#js_question_18 .progressBar {
  background-position: -2465px 0 !important;
}

#js_question_19 .progressBar {
  background-position: -2610px 0 !important;
}

#js_question_20 .progressBar {
  background-position: -2755px 0 !important;
}

.smQscorehdr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 23px;
  line-height: 20px;
  color: #615f5c;
}

.smQscoreBoard {
  list-style: none;
  float: left;
  clear: both;
  margin: 0;
  padding: 0 20px 35px 0 !important;
}

.smQscoreBoard li {
  display: block;
  float: left !important;
  width: 260px;
  height: 45px;
  margin-bottom: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #615f5c;
}

.smQscoreBoard li span {
  display: block;
  float: left !important;
  margin: 0 10px 0 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #615f5c;
}

.smQscoreBoard li.itemSMQcc span {
  margin-right: 20px !important;
}

.smQscoreBoard li.itemSMQdd span {
  margin-right: 25px !important;
}

.smQscoreBoard li.itemSMQaa {
  background: #fff url(/images/sidebar/smQuiz-score-iconA.jpg) no-repeat top right;
}

.smQscoreBoard li.itemSMQbb {
  background: #fff url(/images/sidebar/smQuiz-score-iconB.jpg) no-repeat top right;
}

.smQscoreBoard li.itemSMQcc {
  background: #fff url(/images/sidebar/smQuiz-score-iconC.jpg) no-repeat top right;
}

.smQscoreBoard li.itemSMQdd {
  background: #fff url(/images/sidebar/smQuiz-score-iconD.jpg) no-repeat top right;
}

.courseDateTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #00a9e8;
  margin: 0 0 20px 0;
}

div#contentWrapper ul.btnBlockSMQ {
  clear: both;
  display: block;
  margin: 0;
  padding: 0 !important;
  list-style: none;
}

.btnBlockSMQ li {
  display: block;
  float: left !important;
  margin: 0;
  paddding: 0;
}

.btnBlockSMQ li a {
  margin: 0;
  paddding: 0;
  border: none;
  outline: none;
  text-decoration: none;
}

.smqUserScoreBlock {
  margin: 0 0 10px 0 !important;
  padding: 30px;
  width: 535px;
  height: 229px;
  background: #fff url(/images/bg-smqUserScoreBlock.jpg) no-repeat top right;
}

.smqUserScoreBlock span {
  display: block;
  clear: both;
  width: 100%;
}

.smqUserScoreBlockHdr {
  margin: 0 0 30px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}

.smqUserScoreBlock .smqUserScoreBlockScore {
  position: relative !important;
  margin: 0 auto 19px 74px;
  width: 367px !important;
  /*height: 100px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85px;
  font-weight: bold;
  /*line-height: 28px;*/
  color: #fff;
  text-align: center;
}

.smqUserScoreBlock .smqUserScoreBlockScore img {
  position: absolute;
  right: -60px;
  top: -22px;
}

.smqUserScoreBlockTag {
  margin: 0 0 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: normal;
  line-height: 28px;
  color: #fff;
  text-align: center;
}

.smqUserBar {
  float: left;
  display: block;
  clear: both;
  padding: 0 !important;
  width: 595px !important;
}

.smqUserBar li {
  float: left;
  display: block;
  margin: 0 8px 0 0;
}

.smqUserBar .btnChallengeFriend { cursor: pointer; }

.smqOutlineList {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 !important;
  list-style-position: inside;
  *line-height: 16px !important; /* IE7 and below */
}

.smqOutlineList li {
  *margin-bottom: 5px !important; /* IE7 and below */
  list-style: decimal !important;
  list-style-position: inside !important;
  /*float: left;*/
  clear: both;
  width: 97%;
  /*font-size: 14px;*/
  color: #615f5c;
  display: list-item;
  vertical-align: top;
}

.btnBlockSmqMain {
  display: block;
  clear: both;
  float: left;
  padding: 0 !important;
  list-style: none outside none;
}

.btnBlockSmqMain li {
  list-style: none;
  display: block;
  float: left;
}

.btnBlockSmqMain li a {
  text-decoration: none;
  border: none;
  outline: none;
}

.sideClear {
  clear: both;
}

.smqBG { vertical-align: top; clear: both; }

/* For Education Courses
   Author: Nicole van der Westhuizen */
   
.course-heading {
	font-size: 18px;
	color: #666666;
	line-height: 130%;
	margin-bottom: 10px;
}

p.featuredCourseText {
	font-size:12px;
	line-height:18px;
	margin:0;
}

p.promo {
	color:#000000;
}

.courseContent {
  width: 595px;
  float: left;
  position: relative;
  background-color: #fff;
  clear: both;
  margin-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.courseSeperator {
  float: left;
  position: relative;
  border-top: 1px dashed #707070;
  width: 100%;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

.courseContent h2 {
  clear: both;
	margin:0;
  float: left;
  width: 100%;
  font-size: 24px;
  padding-bottom:10px;
}

.featuredBlock {
	width:595px;
	position:relative;
	clear:both;
	position:relative;
	float:left;
}

.featuredBanner {
	width:113px;
	height:113px;
	position:absolute;
	top:-1px;
	right:165px;
	z-index:999;
}

.featuredLeftCol {
	width:396px;
	position:relative;
	border: 2px solid #00a4e2;
	padding: 10px 12px;
	float: left;
	margin: 5px 0 10px 0;
}

.featuredRightCol {
	width:155px;
	position:relative;
	float:right;
}

.leftCol {
	position:relative;
	float:left;
	width:195px;
}

.rightCol {
	border-left: 2px solid #ccc;
	padding-left:15px;
	position:relative;
	float:right;
	width:180px;
}

.courseButtonsBlock {
	position:relative;
	clear:both;
	width:395px;
}

.leftColBtn {
	position:relative;
	float:left;
	width:195px;
	margin-top:20px;
}

.rightColBtn {
	position:relative;
	float:right;
	width:195px;
	padding-left:5px;
	margin-top:20px;
}

.videoBlock {
	border:2px solid #ccc;
	margin-top:10px;
	width:152px;
	position:relative;
}

.videoContainer {
	padding-left:80px;
}

.accordianCourseBlock {
  width:578px;
	position:relative;
	border: 2px solid #00a4e2;
	padding: 10px;
	float: left;
	margin: 5px 0 30px 0;
}

.quoteMe {
  margin: 15px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  float: left;
  position: relative;
  clear: both;
  width: 100%;
}

.quoteMe img {
  text-align: center;
}

.quoteMe blockquote {
  margin: 0;
  padding: 0;
  line-height: 21px;
}

.quoteMe blockquote p {
  margin: 6px 0 6px 0;
}

.quoteMe blockquote p.from {
  font-weight: bold;
}


/* Accordion styles */

/* Arrow toggle (active/inactive) */
.ui-state-default .ui-icon {
	background:url(/images/arrow_inactive.png); 
	width:13px; 
	height:15px; 
	top: 11px; 
	left: 13px;
	z-index:99999;
}
.ui-state-active .ui-icon {
	background:url(/images/arrow_active.png); 
	width:16px; 
	height:17px; 
	top:10px; 
	left:10px;
	z-index:99999;
}

.ui-icon-triangle-1-e {
}

.ui-icon-triangle-1-s {
}

.ui-accordion .ui-accordion-header .ui-icon {
}

.ui-icon {
	display:block; 
	overflow:hidden; 
	text-indent:-99999px; 
	background-repeat:no-repeat; 
	position:absolute
}

/* Accordion body styling */
table.accordionContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	margin-top:8px;
}

.demo {
	width:575px;
}

.contentHeading {
	width:573px;
	height:37px;
	border: 2px solid #888888;
	position:relative;
}

.contentHeadingLeftCol {
	width:37px;
	height:37px;
	float:left;
	position:relative;
}

.contentHeadingRightCol {
	width:524px;
	height:13px;
	float:right;
	position:relative;
}

h3.accordionHeading { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px; 
 font-weight:bold;
 margin:0;
 padding:0;
}

.grey{
	color:#c3c3c3;
	text-decoration:none;
}

.greyLeftCol {
	background:#c3c3c3;
}

.wimpyRed{
	color:#e71c22;
	text-decoration:none;
}

.wimpyRedLeftCol {
	background:#e71c22;
}

.frogGreen{
	color:#4fa454;
	text-decoration:none;
}

.frogGreenLeftCol {
	background:#4fa454;
}

.lavenderPurple{
	color:#856ffe;
	text-decoration:none;
}

.lavenderPurpleLeftCol {
	background:#856ffe;
}

.skyBlue{
	color:#00a4e2;
	text-decoration:none;
}

.skyBlueLeftCol {
	background:#00a4e2;
}

.passionPink {
	color:#e82297;
	text-decoration:none;
}

.passionPinkLeftCol {
	background:#e82297;
}

.sailorBlue{
	color:#003a8e;
	text-decoration:none;
}

.sailorBlueLeftCol {
	background:#003a8e;
}

.limeGreen {
	color:#2cd301;
	text-decoration:none;
}

.limeGreenLeftCol {
	background:#2cd301;
}

.purpleRain {
	color:#662583;
	text-decoration:none;
}

.purpleRainLeftCol {
	background:#662583;
}

.yodaGreen {
	color:#82b93a;
	text-decoration:none;
}

.yodaGreenLeftCol {
	background:#82b93a;
}

.contentBlock {
	width:501px;
	height:102px;
	margin:0;
	background:#efefef;
	padding:17px 38px;
	position:relative;
	clear:both;
}

img.courseButtonMargin {
	margin-bottom:10px;
}

img.logoMargin {
	margin-bottom:20px;
}

.accordionContentLeftCol {
	position:relative;
	float:left;
	width:185px;
}

.accordionContentRightCol {
	position:relative;
	float:right;
	width:195px;
}

p.courseDetails {
	margin-top:0;
}

/* Course landing pages */
p.association {
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

p.moreInfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:20px;
}

a.moreInfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#367fb0;
	text-decoration:none;
}


.logoBlock {
	width:151px;
	height:67px;
	position:absolute;
	top:10px;
	right:10px;
}

.courseHeading {
	width:429px;
	height:43px;
	background-color:#efefef;
}
	
.courseDetailsBlock {
	width:600px;
	position:relative;
	float: left;
}

.courseDetailsLeftCol {
	width:396px;
	position:relative;
	border: 2px solid #00a4e2;
	padding: 10px 12px;
	float: left;
}

.courseDetailsRightCol {
	width:160px;
	position:relative;
	float:right;
}

.leftCol {
	position:relative;
	float:left;
	width:195px;
}

.rightCol {
	border-left: 2px solid #ccc;
	padding-left:15px;
	position:relative;
	float:right;
	width:180px;
}

.courseButtonsBlock {
	position:relative;
	clear:both;
	width:395px;
}

.leftColBtn {
	position:relative;
	float:left;
	width:195px;
	margin-top:20px;
}

.rightColBtn {
	position:relative;
	float:right;
	width:195px;
	padding-left:5px;
	margin-top:20px;
}

.courseOutlineBlock {
	width:600px;
	position:relative;
	float: left;
}

.courseOutlineLeftCol {
	width:396px;
	position:relative;
	padding: 10px 12px;
	float: left;
}

.courseOutLine ul,.courseOutLine ol {
  padding-left: 17px;
  line-height: 21px;
  list-style-type: circle;
  margin-bottom: 10px;
}

.downLoadEmailContact {
	padding-top:10px;
	float:left;
}
}