/* reset layout */
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; }
/* implementation */
html{ }
body{ font: 0.83em/150% arial, tahoma, verdana, serif, "Courier New"; color: #000; background:#f8f8f8 url(../images/bg-site.png) repeat left top; }
a{ text-decoration: none; outline-style: none;}
.inner { margin: 0 auto; max-width:1400px; }
#header{ float: left; width: 100%; height:80px; background: url(../images/bg-header.png) repeat-x left top; position: relative; z-index: 9;}
#header .inner { width:960px; margin:0 auto; }
#logo{ float: left; }
#logo a{ display: block; width: 174px; height: 89px; background: url(../images/logo.png) no-repeat; text-indent: -9999px;}
.expand {background: url(../images/button-expand.png); width:24px; height:24px;}
.expand:hover {background: url(../images/button-expand-hover.png); width:24px; height:24px;}
#content { float:left; width:100%; margin:30px 0; }
#content .inner { margin: 0 auto; max-width:950px; }
dl.categories { float:left; width:100%; margin-top:30px; }
dl.categories dd { float:left; width:210px; margin:0 20px 20px 0; background:#fff;
-moz-box-shadow: -1px 0 4px #888; -webkit-box-shadow: -1px 0 4px #888; box-shadow: -1px 0 4px #888;}
dl.categories .topic { float:left; width:95%; margin-bottom:2px; line-height:45px; padding-left:5%; font-size:30px; color:#fff; font-weight:normal; }
dl.categories .pink { background:#f15595; }
dl.categories .blue { background:#55aff1; }
dl.categories .purple { background:#d255f1; }
dl.categories .green { background:#69c660; }
dl.categories .red { background:#f1556c; }
dl.categories .title { float:left; width:95%; padding-left:5%; background:#b4b4b4; }
dl.categories .title a { line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase; }
dl.categories .title span { line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase; }
dl.categories .thumb { position:relative; float:left; width:98%; margin-top:10px; padding-left:5px; }
dl.categories .thumb img { max-width:200px; }
dl.categories .thumb .expand { position:absolute; top:5px; right:10px; z-index:8; }
dl.categories .text { float:left; width:90%; padding:0 5%; margin:20px 0; }
dl.categories .text h3 { font-size:24px; color:#333; font-weight:normal; }
dl.categories .text p { margin-top:15px; font-size:12px; color:#333; line-height:150%; }
dl.categories .author { float:left; width:95%; padding-left:5%; font-size:18px; color:#fff; background:#bbb; line-height:35px; }
dl.categories .author span { font-size:15px; color:#333; }
dl.categories .web { float:left; width:90%; padding:0 5%; line-height:35px; background:#a3a3a3; }
dl.categories .web a { display:block; background:url(../images/arrow.png) no-repeat right center; font-size:18px; color:#fff; }
dl.categories .share { float:left; width:95%; padding-left:5%; background:url(../images/bg-gradiant-gray.png) repeat-x left top; height:61px;}
dl.categories .share label { float:left; font-size:18px; color:#606c67; line-height:61px; }
dl.categories .share ul { float:left; margin:14px 0 0 15px; }
dl.categories .share li { float:left; margin-left:10px }
#content .eckhart-likes { float:left; width:100%; margin-top:25px; }
#content .eckhart-likes h2 { margin-bottom:20px; font-size:36px; font-weight:normal; color:#249b19; line-height:30px;}
#content .eckhart-likes p { font-size:14px; color:#808080; }
#nav{ float: left; width: 786px; position:relative; }
#nav li{ float: left; }
#nav a{ display: block; height: 47px; background: url(../images/nav.png); text-indent: -9999px;}
#nav .free a{ width: 131px; background-position: 0 0;}
#nav .events a{ width: 130px; background-position: -131px 0;}
#nav .tv a{ width: 131px; background-position: -261px 0;}
#nav .store a{ width: 130px; background-position: -392px 0;}
#nav .about a{ width: 132px; background-position: -522px 0;}
#nav .community a{ width: 131px; background-position: -654px 0;}
#nav .free:hover a{ background-position: 0 -47px;}
#nav .events:hover a{ background-position: -131px -47px;}
#nav .tv:hover a{ background-position: -261px -47px;}
#nav .store:hover a{ background-position: -392px -47px;}
#nav .about:hover a{ background-position: -522px -47px;}
#nav .community:hover a{ background-position: -654px -47px;}
#nav.alternative a{ background: url(../images/nav-new.png);}
#nav.alternative .community a{ width: 131px;}
#nav.alternative .profile a{ width: 131px; background-position: -131px 0;}
#nav.alternative .issue a{ width: 130px; background-position: -262px 0;}
#nav.alternative .store a{ width: 130px; background-position: -524px 0;}
#nav.alternative .logout a{ width: 131px; background-position: -392px 0;}
#nav.alternative .community a:hover{ background-position: 0 -47px;}
#nav.alternative .profile a:hover{ background-position: -131px -47px;}
#nav.alternative .issue a:hover{ background-position: -262px -47px;}
#nav.alternative .store a:hover{ background-position: -524px -47px;}
#nav.alternative .logout a:hover{ background-position: -392px -47px;}
#nav .children{ display: none; position: absolute; top: 47px; left: 180px; float: left; width: 775px; height: 50px; background: url(../images/subnav-bg.png) no-repeat;}
#nav li:hover .children{ display: block;}
#nav .children ul{ float: left; width: 95%; margin: 0 5px;}
#nav .children li{ float: left; margin-left: -1px; background: url(../images/subnav-devide.png) no-repeat right 50%;}
#nav .children a{ float: left; height: 45px; display: block; line-height: 45px; padding: 0 15px; text-align: center; color: #3a3a3a; text-indent: 0; background: none;}
#nav .children li a:hover{ background: url(../images/subnav-active-bg.png) repeat-x; font-weight: bold; color: #fff;}
#nav .about:hover .about { background:url(../images/bg-nav-about-hover.png) no-repeat ; position:relative; z-index:101;}
#nav .tv:hover .tv { background:url(../images/bg-nav-tv-hover.png) no-repeat ; position:relative; z-index:101;}
#nav .free:hover .free { background:url(../images/bg-nav-free-hover.png) no-repeat ; position:relative; z-index:101;}
#nav .sub-nav { display:none; position:absolute; top:42px; padding:17px 8px 17px 5px; z-index:100;}
#nav .sub-nav.color-1 { right:127px; width:487px; height:394px; background:url(/v2/images/bg-subnav.png) no-repeat; }
#nav .sub-nav li { float:none; width:232px; height:43px; padding-left:5px; border-bottom:1px solid #ebebeb; line-height:43px; }
#nav .sub-nav li:hover { background:url(/v2/images/bg-sub-nav-hover.png) repeat-y left top; }
#nav .sub-nav li:hover a { color:#6d8c44;font-weight:bold; }
#nav .sub-nav li a { display:block; background:none; width:auto; text-indent:0; padding-left:40px; font-size:12px; color:#919191;background:url(/v2/images/icon-sub-nav.png) no-repeat;}
#nav .sub-nav li span { display:block; }
#nav .sub-nav li:hover span { background:url(/v2/images/icon-book-hover.png) no-repeat right center; font-weight:bold; color:#6d8c44;}
#nav .sub-nav.color-1 li { width:200px; }
#nav .sub-nav .eckhart-tolle a { background-position:0 12px; }
#nav .sub-nav .kim-eng a { background-position:0 -24px; }
#nav .sub-nav .eckhart-teachings a { background-position:0 -60px; }
#nav .sub-nav .eckhart-tv a { background-position:0 -100px; }
#nav .sub-nav .books a { background-position:0 -140px; }
#nav .sub-nav .publishers a { background-position:0 -183px; }
#nav .sub-nav .contact-us a { background-position:0 -225px; }
#nav .sub-nav .faqs a { background-position:0 -267px; }
#nav .sub-nav .eckhartlikes a { background-position:0 -835px; }
#nav .sub-nav.color-2 { display:none; }
#nav .sub-nav.color-2 { left:257px; width:536px; height:438px; background:url(/v2/images/bg-sub-nav-2.png) no-repeat; }
#nav .sub-nav.color-2 li { width:215px; }
#nav .sub-nav.color-2 .last { line-height:43px; height:48px; }
#nav .sub-nav .eckhart-tolle-tv a { background-position:0 -308px; }
#nav .sub-nav .join a { background-position:0 -350px; }
#nav .sub-nav .free-trial a { background-position:0 -390px; }
#nav .sub-nav .learn-more a { background-position:0 -142px; }
#nav .sub-nav .watch-video a { background-position:0 -102px; }
#nav .sub-nav .present a { background-position:0 -432px; }
#nav .sub-nav .gift-cards a { background-position:0 -480px; }
#nav .sub-nav .an-affiliate a { background-position:0 -525px; }
#nav .sub-nav.color-3 { left:-4px; width:536px; height:420px; background:url(/v2/images/bg-sub-nav-3.png) no-repeat; }
#nav .sub-nav.color-3 li { width:225px; }
#nav .sub-nav.color-3 .last { line-height:43px; height:47px; }
#nav .sub-nav .online-course a { background-position:0 -575px; }
#nav .sub-nav .articles-interviews a { background-position:0 -617px; }
#nav .sub-nav .newsletter a { background-position:0 -662px; }
#nav .sub-nav .recommended a { background-position:0 -708px; }
#nav .sub-nav .local-groups a { background-position:0 -754px; }
#nav .sub-nav .informed a { background-position:0 -795px; }
#nav .sub-nav .last { border:none; }
#nav li:hover .sub-nav { display:block; }
#nav .sub-nav .info{ display:none; position:absolute; top:17px; right:6px; float: left; width:220px; padding:10px 20px 27px 23px;background-color:#f7f7f7}
#nav .sub-nav .info .headline { float: left; width:100%; }
#nav .sub-nav .info .headline label { float: left; width:120px; height:57px; margin-bottom:10px; padding-left:45px; background:url(/v2/images/thumbnail-book.png) no-repeat left center;color:#5a5a5a; font-weight:bold; font-size:14px; line-height:160%; }
#nav .sub-nav .info .headline.none label { width:100%; height:auto; padding-left:0; background:none; }
#nav .sub-nav .info .details { float: left; width:100%; }
#nav .sub-nav .info .details .part { float: left; width:100%; margin-top:10px; display:block; line-height:150%; }
#nav .sub-nav .info .details a { float: left; width:auto; height:auto; padding-left:0; font-weight:bold; font-size:12px; color:#6d8c44; background:none; line-height:150%; }
#nav .sub-nav .info .details p { float:left; width:100%; font-size:12px; color:#919191; line-height:160%; }
#nav .sub-nav .info .details .by { font-size:11px; color:#919191; line-height:130%; }
#nav .sub-nav .info .details .thumbnail { float:left; width:100%; text-align:center; }
#nav .sub-nav .info .details .thumbnail img { width: 130px; margin-top: 10px;}
#nav .sub-nav .books:hover .info { display:block; }
#nav .sub-nav li:hover .info { display:block; }
#nav .sub-nav.color-1 .info { right:6px; width:242px; height:310px; }
#nav .sub-nav.color-2 .info { right:20px; width:260px; height:310px; }
#nav .sub-nav.color-3 .info { right:18px; width:252px; height:350px; }
#nav .sub-nav.color-3 .articles-interviews .info { overflow-y:scroll; }
#nav .sub-nav.color-3 .newsletter .info { overflow-y:scroll; }
#nav .sub { position:relative; margin-left:30px; }
#nav .sub ul {width:500px; background:red;}
#nav .sub li{ float:left; border:0px solid black; width:130px; padding-right:10px; padding-top:4px; margin: 0px 0 0 0; height:28px;
text-align:center; line-height:23px; background:url(../images/bg-sub.png) repeat-x left top; }
#nav1 .sub li{ float:left; padding-top:4px; width:100px; margin:0px 5px 0px 5px; text-align:center; line-height:23px; background:url(../images/bg-sub.png) repeat-x left top; }
#nav .sub li.first { font-weight:bold; text-transform:uppercase; font-size:12px; color:#979797; background: none;}
#nav .sub li.top { background: none;}
#nav .sub li.leftside { margin-left:118px; padding-left:20px; border-left: 1px solid #dddddd; }
#nav .sub li.rightside { border-right: 1px solid #dddddd; padding-right:20px;}
#nav .sub li.last {margin-right:0; }
#nav .sub li a { height:23px; padding:0 10px; background:none; text-indent:0; text-transform:uppercase; font-size:12px; color:#979797;}
#nav .sub li a:hover, #nav .sub li.active a { background:url(../images/bg-sub-nav.png) repeat-x left top; color:#fff;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}