body {
    font-family: Arial, verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    margin:0;
    padding:0;
    background: #7d7d8c;
}


/* header */

#header {
    font-family: "museo",serif;
    font-weight: 500;
}


#headerWrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 20px 10px 0 10px;
}

#headerSocial {
    float: right;

}
#headerSocial a {
   
}

#header a {
    text-decoration:none;
}

#headerMsg {
    font-family: Arial,verdana, Helvetica, Sans-Serif;
    color: #272b7f;
    float: right;
    font-size: 20px;
    font-weight: normal;
    padding-top: 54px; /*logo ht 140*/
    padding-right: 35px;
    clear: both;
}
#headerSubNav {
    font-family: Arial,verdana, Helvetica, Sans-Serif;
    width: 100%;
    text-align:right;
    padding-bottom: 4px;
}
#headerSubNav a {
    color: #272b7f;
}
#headerSubNav a:visited {
    color: #272b7f;
}
#headerSubNav a:hover {
    text-decoration: underline;
}
#headerSubNav a {
    padding: 0 10px;
    font-size: 12px;
}


/*list menu */
div#nav {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

#headerNav {
    display: table-row;
    font-family: "proxima-nova", arial;
    font-weight: 600;
}
#headerNav li {
    display: table-cell;
    margin:0;
    text-align:center;
    text-transform:uppercase;
    background: #272b7f;
    padding: 3px;
    transition: background 0.1s ease-in;
}
#headerNav li:hover  {
    background: #6473A7;
    transition: background 0.1s ease-in;
}
#headerNav li.headerNavAlt {
    background: #e95b3a;
    transition: background 0.1s ease-in;
}
#headerNav li.headerNavAlt:hover {
    background: #813322;
    transition: background 0.1s ease-in;
}

#headerNav a {
    color:white;
}
#headerNav a:visited {
    color:white;
}
.headerNavBRight {
    border-right: 5px solid white;
}

/*main body */

#main {
    clear: both;
    width: 100%;
    margin: 0;
}


#mainWrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 20px 10px 20px 10px;
}

#indexTop {
    border-collapse: collapse;
   
}
#indexTop td {
    vertical-align: top;
}
#navButtons {
    margin-right: 10px;
}
#navButtons td {
    vertical-align: middle;
    padding: 12px 5px;
}
#navButtons a {
    display:block;
    height: 37px;
    width: 140px;
    background-image: url('/img/button/nav.png');
}


a.icon-search {
  background-position: -5px -5px;
}

a.icon-catalog {
  background-position: -5px -52px;
}

a.icon-library {
  background-position: -5px -99px;
}

a.icon-library-active, a.icon-library:hover {
  background-position: -5px -146px;
}

a.icon-newsletter {
  background-position: -5px -193px;
}

a.icon-newsletter-active, a.icon-newsletter:hover {
  background-position: -5px -240px;
}

a.icon-reference {
  background-position: -5px -287px;
}

a.icon-reference-active, a.icon-reference:hover {
  background-position: -5px -334px;
}

a.icon-catalog-active, a.icon-catalog:hover {
  background-position: -5px -381px;
}

a.icon-search-active, a.icon-search:hover {
  background-position: -5px -428px;
}

a.icon-subscribe {
  background-position: -5px -475px;
}

a.icon-subscribe-active, a.icon-subscribe:hover {
  background-position: -5px -522px;
}

a.icon-tutorials {
  background-position: -5px -569px;
}

a.icon-tutorials-active, a.icon-tutorials:hover {
  background-position: -5px -616px;
}

a.icon-webinars {
  background-position: -5px -663px;
}

a.icon-webinars-active, a.icon-webinars:hover {
  background-position: -5px -710px;
}
.navButtonsNarrow td {
    padding: 5px!important;
}
.navButtonsNarrow {
    margin-bottom: 20px;
}

#indexMain {
    border-collapse: collapse;
    width: 100%;
}
#indexMain td {
    vertical-align: top;
}
#indexMain h2 {
    background:none;
    padding:0;
}
#indexMain h1.indexMainTitle {
    font-size: 22px;
    font-weight: 700;
    color: #272b7f;
    padding: 0;
    background:none;
    margin-bottom: 8px;
}
#indexMain h1.indexMainTitle span {
    color: #6473A7;
}
#indexMain h2.indexMainSubTitle {
    color: #7d7d8c;
    font-style: italic;
    padding: 0 0 10px 0;
    font-weight: 500;
    font-size: 14px;
    border-bottom:4px solid #7d7d8c;
    background:none;
    margin:0;
}
.indexMainCenter {
    width: 400px;
    padding-left: 30px;
}
.indexMainLeft {    
    width: 205px;
    padding: 0 5px;
}
.indexMainRight {
    padding: 0 10px;
}
#bioNewsRssMain {
    border: 1px solid #7d7d8c;
    padding: 10px;
}
#bioNewsRssBox h2 {
    font-size: 12px;
    margin: 0;
}
.bioitHead {
    margin: 0 0 5px 0;
    color: #6473A7;
    font-weight: 500;
}
#bioitSubHead {
    color: #813322;
    margin-bottom:0;
}
#bioNewsRssBox p {
    margin: 0;
}
#indexMain a {
    color: #6473A7;
    text-decoration:none;
}

#indexMain a:visited {
    color: #6473A7;
}


.tipBox h2 {
    margin:5px 0 0 0;
    padding: 0!important;
    font-size: 12px;
    font-weight: 700;
}
.linkMore {
    color: #272b7f!important;
}
.linkMore:visited {
    color: #272b7f!important;
}

#menuLeft {
    float: left;
    margin-right: 10px;

}
#main h1 {
    color: #e95b3a;
    background:none;
    font-size: 22px;
    padding: 0 0 0 5px;
}
#main h2 {
    padding: 0 0 0 5px;
}

.subInfoBox {
    vertical-align: top;
    width: 750px;
    border-collapse:collapse;
    margin:0;
}
.subInfoBox td {
    width: 230px;
    background: #edf1fd;
    color: black;
    padding: 10px 17px;
    border-left: 5px solid white;
    vertical-align: top;  
}
.subInfoBox td.subCenter {
    width: 270px;
}
.subInfoBox h2 {
    font-size: 15px!important;
    color: #272b7f;
    font-weight: 500;
    margin:0!important;
    padding:0!important;
    background: none!important;
}
.subInfoBox p {
    margin-top: 5px;
    margin-bottom:0;
    font-size: 12px;
    line-height: 1.3;
}
.subInfoBox ul {
    font-size: 12px;
    line-height: 1.3;
    margin:0;
    padding:0 0 0 15px;
}

#subsMain {
    margin-left: 170px;
}
.subsMid {
    width: 750px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.3;
}
.subsMidLeft {
    width: 360px;
}
.subsMid h1 {
    font-size: 18px!important;
    padding:0!important;
}
.subsMid h2 {
 font-size: 15px!important;
    color: #272b7f;
    font-weight: 700;
    margin:0 0 0 30px!important;
    padding:0!important;
    background: none!important;
}
.subsMid p {
    margin:5px 0 0 30px;
    color: black;
}
.subsMid ul {
    margin:0;
    padding: 0 0 0 60px;
    color: black;
}

.subsMid a {
    text-transform: uppercase;
    text-decoration: none;
    color: #272b7f;
    font-size: 12px;
}
#subsPackages {
    margin: 10px 0 0 5px;
}

#subPackageTable h2, h2.sTutPur {
    background: none;
    color: #e95b3a;
    font-size: 18px;
    padding:0!important;
}

#subPackageTable p, .subPgTx {
    color: #272b7f;
    font-size: 12px;
    font-weight: bold;
    margin:0;
}
#subPackageTable table {
    border-collapse: collapse;
    margin-top: 10px;
}

#subPackageTable th {
    text-align:left;
    border: 1px solid black;
    padding: 7px;
}
#subPackageTable .subHdLeft {
    background: #c6c3da;
    color: #272b7f;
    width: 165px;
}
#subPackageTable .subHdRight {
    background: #c7eafc;
    color: #272b7f;
    vertical-align:bottom;
    width: 165px;
}

#subPackageTable .subHdPrice {
    width: 115px;
}
#subPackageTable td {
    padding: 7px 3px;
    vertical-align:middle;
    text-align:center;
    border: 1px solid black;
}
#subPackageTable .spacer {
    border:none!important;
    width: 10px;
}
#subPackageTable .subPackageTitle {
    font-weight: bold;
    color: #272b7f;
    text-align: left;
    padding-left: 20px;
}
#subPackageTable .subPackageInfo {
    margin-top: 30px;
    font-size: 14px;
}
#subPackageTable .subPackageInfo span {
    color:#e95b3a;
}
#subPackageTable a, #subPackageTable li {
    color: #272b7f;
    text-decoration:none;
}

/* search page */

#searchBox  {
    width: 100%;

}
#searchTabHead {
    margin:0;
    padding:5px 0;
}
#searchTabHead  li {
    list-style:none;
    display:inline;
    background: #bbb;
    margin: 0 1px;
    padding: 5px 20px 5px 20px;
    font-size: 14px;
}
#searchTabHead li a {
    color: black;
    text-decoration: none;
    
}
#searchTabHead  li.active {
    background: #efefef;
    font-weight: bold;
}
.searchTabWrapper {
    background: #efefef;
    padding: 10px;
}
.searchTabContent {
    background: white;
    padding: 10px;
    min-height: 400px;
}

.searchForm {
    border-collapse: collapse;
}
.searchForm td {
    padding: 0;
}
.searchForm th {
    background: #fff;
    text-align: left;
    font-size: 16px;
}
.searchForm input {
    border: 1px solid #aaa;
    font-size: 18px;
}
.searchForm a {
    font-size: 12px;
    cursor: pointer;
}

.searchBut {
    background-color: #eef !important;
}

.advSearch { 
    background: #fff!important;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 20px 10px 10px 10px;
}
.advSearch th {
    font-size: 12px;
    text-align: right;
}

.tipBox h2 a {
    color: #6473A7;
    text-decoration: none;
}
.pagination {
    width: 100%;
    text-align: right;
    font-size: 10px;
    margin: 5px 0;
}
.pagination .pPg {
    margin: 0 2px;
}

.pagination .nPg {
    margin: 0 2px;
    border: none;
}

.pagination .curpage {
    margin: 0 2px;
    padding: 5px;
    background: #ccf;
}


.pagination a {
    margin: 0 2px;
    padding: 5px;
    text-decoration: none;
    background: #eee;
}

.pagination a:visited {
    color: blue;
}


/* landing page */

#landingPage h2 {
    background:none;
    font-size: 20px;
    color: #272b7f;
}
.videoBox {
    vertical-align: top;
    width: 600px;
}
.tutLogo {


    margin-right: auto;
    clear:right;
    margin-bottom: 20px;
}
#landingPage .tutDesc {
    font-size: 12px;
    margin:0;
    line-height: 1.3;
}
#learnBox {
    margin-top: 20px;
}
#learnBox ul {
    margin: 0;
    padding: 0 0 0 20px;
}
#learnBox li {
    padding: 5px 0 5px 0px;
}
#tutRelated {
    margin: 20px 0;
    width: 100%;
    text-align:center;
    font-size: 16px;
    color: #e95b3a;
    background-image: url('/img/tutLine.png');
    background-repeat: repeat-x;
}
#tutRelated span {
    background: white;
    padding: 0 20px;
    letter-spacing: 2px;
    font-weight: 700;
}
.videoBox .tutControl {
    margin-top: 10px;
}
.videoBox .tutControl td {
    vertical-align: middle;
    padding-right: 2px;
}
.videoBox .tutControl a {
    display:block;
    height: 50px;
    width: 115px;
    background-image: url('/img/button/tut_nav.png');
}
.videoBox .tutControl a.icon-launch:hover {
    background-position: 0px -51px;
    
}
.videoBox .tutControl a.icon-ppt {
    background-position: -120px 0px;    
}
.videoBox .tutControl a.icon-ppt:hover {
    background-position: -120px -51px;    
}
.videoBox .tutControl a.icon-handout {
    background-position: -239px 0px;    
}
.videoBox .tutControl a.icon-handout:hover {
    background-position: -239px -51px;    
}
.videoBox .tutControl a.icon-exer {
    background-position: -358px 0px;    
}
.videoBox .tutControl a.icon-exer:hover {
    background-position: -358px -51px;    
}
.videoBox .tutControl a.icon-link {
    background-position: -478px 0px;    
}
.videoBox .tutControl a.icon-link:hover {
    background-position: -478px -51px;    
}
.videoBox .tutControl a.icon-buy {
    background-position: -599px 0px;    
}
.videoBox .tutControl a.icon-buy:hover {
    background-position: -599px -51px;    
}

#relatedInfo {
    border-collapse: collapse;
    width: 100%;
}
#relatedInfo td {
    vertical-align:top;
    padding: 25px 20px;
    font-size: 12px;
}

#relatedInfo .relatedLeft {
    background: #e0e0f0;
    width: 188px;
}
#relatedInfo .relatedRight {
    background: #e0e0e0;
    width: 188px;
}
#relatedInfo .relatedRight h2 {
    color: #636363;
}
#relatedInfo  h2 {
    margin:0;
    padding:0;
    font-weight: normal;
}
#relatedInfo .relatedLeft h2 {
    color: #272b7f;
}
#relatedInfo .relatedSpacer {
    width: 15px;
    margin:0;
    padding:0;
}
#relatedInfo .relBlog h2 {
    font-size: 12px;
}
#relatedInfo .relatedButtons {
    height: 40px;
    padding: 15px 0 0 0;
}
#relatedInfo .relatedButtons table {
    width: 100%;
}
#relatedInfo .relatedButtons td {
    padding: 0 5px;
}
#relatedInfo .relatedButtons a {
    display:block;
    height: 37px;
    width: 140px;
    background-image: url('/img/button/nav.png');
}

/* footer */

#footer {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    clear: both;
    width: 100%;
    line-height: 1.4;
}
#footer a {
    color: white;
    text-decoration:none;
}
#footer a:visited {
    color: white;
    text-decoration:none;
}
#footer a:hover {
     text-decoration:underline;
}

#footerWrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px;
    color: white;
    background-color: black;

}
#footer table {
    border-collapse: collapse;
}
#footer td {
    padding: 0 5px 0 10px;
    vertical-align: top;
    font-weight: 500;
}
#footer .footerHead {
    font-size: 11px;
      border-right: 1px solid white;
}
#footer .footerNormT {
    text-transform: none;
    font-weight: normal;
}
#footer .footerWhiteB {
    border-right: 1px solid white;
}
.chiLogo {
background: url("/img/CHI_Logo.png") no-repeat scroll 0 0 transparent;
display: block;
height: 53px;
margin: 0 20px 0 10px;
width: 110px;
}

#tweetBox {
    padding-left: 10px;
}
.dblks {
    margin-left: 170px;
}