@charset "utf-8";
/* CSS 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, 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;
}
html {
    background:url(../img/back-line.jpg) #000000 repeat-y center;
    height: 100%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Common css */
body {
    height: 100%;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:62.5%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background:url(../img/g_background.jpg) center top repeat-y #000000;
}
/* Background picutre */
.backgroundpicture {
    background:url(../img/background_UK.jpg) no-repeat center top;
    min-height: 100%;
    _height: 100%;
    margin: 0 auto;
}
#IE6div {
    display:none;
}
#JSnoenable {
    display:block;
    width:100%;
    text-align:center;
    background:#F6D937;
}
#JSnoenable h1{
    color:#000;
    font-size:1.4em;
    font-weight:bold;
    width:840px;
    margin: 0 auto;
    padding-top:10px;
    padding-bottom:20px;
    font-size:12px;
    line-height:18px;
}
a {
    color:#d7a100;
    text-decoration:none;
}
a:hover {
    color:#9d9fa1;
}
h1, h2, h3, h4 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}
#wrap {
    width:940px;
    margin:auto;
}
a.nohand, a:hover.nohand {
    cursor:pointer !important;
}

/* Header */
#topNavHolder {
    height:77px;
}
#loginnav {
    font-family: Georgia, "Times New Roman", Times, serif;
    float:right;
    font-size:14px;
    margin-right:30px;
    color:#FFFFFF;
    margin-top:6px;
    text-align: right;
}
#loginnav a, #loginnav span {
    display: block;
    float: right;
}
#loginnav a {
    margin:0px 8px;
    line-height:1.2em;
    color:#D7A100;
    text-decoration:none;
    font-weight:bold;
}

#loginnav a:hover {
    color:#9d9fa1;
}
#logo {
    padding-top:29px;
    height:48px;
    width:369px;
    margin-left:40px;
    float: left;
}
#logo a {
    height:48px;
    width:369px;
    display: block;
    position: relative;
    float: right;
}
#logo a span {
    background: url(../img/ww2history-com.gif) no-repeat;
    display: block;
    position: absolute;
    height:48px;
    width:369px;
}
#quotes {
    float:right;
    width:410px;
    font-size:14px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#989896;
    margin-top:10px;
    margin-right:38px;
    text-align:right;
    line-height:18px;
}
#quotes strong {
    font-size:11px;
}
/* Header end */
/* Navigation */
#navigation {
    background:url(../img/top-d.jpg) no-repeat;
    height:140px;
}
#navigation ul {
    width:895px;
    margin:auto;
    padding-bottom:1px;
    margin-top:24px;
    padding-left:5px;
}
#navigation ul li {
    font-size:1.4em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    float:left;
}
#navigation ul li a, #navigation ul li span {
    display:block;
    padding: 13px 15px;
    text-decoration:none;
    color:#FFFFFF;
}
#navigation ul li span {
    padding-left:21px;
    padding-right:21px;
}
#navigation ul li a:hover, #navigation ul li span:hover {
    background:url(../img/nav-back-over.jpg);
    padding-left:20px;
    padding-right:20px;
}
/* dropdown menu */
#subnav ul li:hover a, #subnav ul li:hover span {
    text-decoration:none;
    overflow:hidden;
    background:url(../img/nav-back-over.jpg);
    padding-left:14px;
    padding-right:14px;
    border-left:#B5B6B7 solid 1px;
    border-right:#B5B6B7 solid 1px;
}
#subnav ul li:hover span {
    padding-left:20px;
    padding-right:20px;
}
#subnav ul li ul li {
    font-size:1em;
    border: none;
    margin:0px;
}
#subnav ul li ul li:hover {
    border: none !important;
}
#subnav ul li ul li a {
    background:url(../img/nav-back.gif) repeat-x !important;
    border-top:#AFB3B4 1px solid;
    width:134px;
}
#subnav ul li ul li a:hover {
    background:url(../img/nav-back-over.jpg) !important;
}
#subnav ul li:hover ul li a {
    border-left:none;
    border-right:none;
}
#subnav ul li ul {
    background:url(../img/back-submenu.gif) no-repeat;
    z-index: 9;
    border-left:#AFB3B4 1px solid;
    border-bottom:#AFB3B4 1px solid;
    border-top:none !important;
    padding-top:12px;
    padding-bottom:0px;
    height:auto !important;
    position: absolute;
    padding-left:0px;
    width: 173px;
    left: -999em;
    margin:0px;
}
#subnav ul li:hover ul {
    left: auto;
}
#subnav ul li:hover ul, #subnav ul li.sfhover ul {
    left: auto;
}
/* dropdonw menu end */
/* CSS of Ajax to display hiden panels */
#pannels-holder {
    clear:both;
    background:url(../img/back_sub.png) center bottom no-repeat;
}
#pannels-holder ul {
    height:46px;
    margin-left:20px;
    margin-right:20px;
}
#pannels-holder ul li {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:14px;
    width:21.4em;
    float:left;
}
#pannels-holder ul li a {
    display:block;
    width:244px;
    padding-left:56px;
    height:46px;
    line-height:46px;
    text-decoration:none;
}
#u-videos-hover, #u-timeline-hover{
    background: url(../img/back-mp.jpg) repeat-x;
    border:#9D9EA0 1px solid;
    border-top: none;
    border-bottom:none;
    width:298px !important;
}
#u-videos div, #u-timeline div {
    display:block;
    width:244px;
    height:46px;
    line-height:46px;
    text-decoration:none;
    background:url(../img/plus.png) no-repeat 17px 9px !important;
}
#u-videos div a, #u-timeline div a{
    padding-left:0px;
}
#u-videos-hover a, #u-timeline-hover a{
    padding-left:56px;
    margin-left:1px;
    display:block;
    width:244px;
    height:46px;
    line-height:46px;
    text-decoration:none;
    background:url(../img/minus.png) no-repeat 18px 9px !important;
}
#u-videos-hover div, #u-timeline-hover div {
    padding-left:55px;
    display:block;
    width:244px;
    height:46px;
    line-height:46px;
    text-decoration:none;
    background:url(../img/minus-greyed.png) no-repeat 16px 9px !important;
}
#u-videos-hover div a, #u-timeline-hover div a{
    padding-left:57px !important;
    margin-left:-57px;
}
#pannels-holder ul li span#adsearch {
    width:58px !important;
    float:left;
    padding-left:25px !important;
    background: none;
    display:block;
    width:244px;
    padding-left:56px;
    height:46px;
    line-height:46px;
    text-decoration:none;
    color:#FFF;
}
#adsearch form{
    padding:0px;
    margin:0px;
}
#pannels-holder ul li form {
    width:200px;
    display:inline;
    float:left;
    margin-top:12px;
    margin-left: 10px;
}
#pannels-holder ul li form input {
    float:left;
    margin-right:4px;
    width:156px;
} 
#pannels-holder ul li form input.go, .go  {
    padding:6px;
    cursor:pointer;
    margin-top:-4px;
    border:0px;
    height:28px;
    width:30px;
    background:url(../img/go.png) no-repeat;
}
#container {
    background:url(../img/yellow-back.png);
    position: relative;
    clear:both;
}
#item_timeline, #item_videos {
    width:900px;
    top:50px;
}

#item_timeline {
    position:relative;
}

#item_timeline img {
    position: absolute;
    bottom: 3px;
    right: 23px;
    border: solid 1px #999999;
    cursor: pointer;
}

.gallery {
    margin:0px
}
.menuitem {
}
.menutarget {
    display: none;
    padding-left:20px;
    padding-right:20px;
}
body#homePage #item_videos {
    display: block !important;
}
#nomove {
    margin-top:10px; /*temp */
    padding-left:20px;
    padding-right:20px;
    line-height:1px;
    background:url(https://ww2history.com/img/back_holder-med.jpg) top center no-repeat;
}
/* CSS of Ajax to display hiden panels Flahs */

/* Home main content */
#content {
    padding:20px 20px;
    background:url(../img/bottom_arrow_bsolid.png) no-repeat bottom center;
}
.text-content, .text-content-opinion {
    padding-top:10px;
    font-size:1.4em;
    line-height:1.4em;
    margin-bottom:40px;
}
.text-content-opinion{
    padding-top:20px;
    margin-bottom:40px;
    border-top:1px solid #918257;
}
.text-content p, .text-content-opinion p{
    margin-bottom:1em;
}
#homecontent {
    padding: 20px 40px 60px 40px;
    background:url(../img/bottom_arrow_bsolid.png) no-repeat bottom center;
}
#homecontent h1, #homecontent_bott h1, #alsointerest h2 {
    font-size:2.5em;
    color:#FFFFFF;
    margin-bottom:20px;
    font-weight:normal;
    line-height:1.28em;
}
#homecontent h1 a {
    font-size:0.68em;
}
#homecontent ul li {
    padding:14px;
    background:#77632E;
    border:#908255 1px solid;
    display:inline-block;
    float:left;
    width:243px;
    margin-right:20px;
}
#homecontent ul li.row2 {
    margin-top: 20px;
}

#homecontent ul li h2, #homecontent_bott ul li h2 {
    text-transform: uppercase;
    font-size:1.7em;
    margin-bottom:14px;
}
#homecontent ul li>p {
    margin-top:12px;
    font-size:1.4em;
    line-height:1.428em;
    color:#FFFFFF;
}
#homecontent ul li p a {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
}
#promo_items {
    margin-right:-20px;
}
#promo_items li {
    min-height:264px;
}
/* home box 2 */
#homecontent_bott, #alsointerest {
    clear:left;
    padding:20px;
    background:#4E3F18;
}
#homecontent_bott h1, #alsointerest h2 {
    margin-left:20px;
}
/*#homecontent_bott ul li {
    line-height:1.8em;
    display:inline-block;
    float:left;
    width:278px;
    margin-right:20px;
}
#homecontent_bott ul li h2 {
    color:#d7a100;
}
#homecontent_bott ul li h2 a{
    font-weight:normal;
}
#homecontent_bott ul li p {
    color:#FFFFFF;
    font-size:1.1em;
}
*/
#colm1 {
    margin-left:14px;
}
#colm1 h2 {
    margin-left:20px;
}
#colm1 img {
    float:left;
}
#colm1 li{
    margin-bottom:6px;
}
#homecontent_bott ul li a {
    font-weight:bold;
}
#homecontent_bott ul li h3  {
    font-size:1.4em;
}

#homecontent_bott ul li.pbig p {
    font-size:1.4em;
    line-height:1.571em;
}

#colm2 ul li {
    margin-bottom:20px;
}
#colm2 ul li img {
    float:left;
    margin-bottom:10px;
}
#homecontent_bott p em {
    width:180px;
    font-family:Georgia, "Times New Roman", Times, serif;
    float:left;
    display:block;
    padding-left:10px;
    font-size:1.2em;
    line-height:1.6em;
    margin-bottom:12px;
}
.highl {	
    clear:left;
    display:block;
}
.high2 {
    padding-top:18px;
    clear:left;
    display:inline-block;
}
#colm3  {
	position:relative;
	top:-52px;
	margin-bottom:-100px;
    margin-right:0px !important;
    margin-left:10px !important;
}
.subscriber #colm3  {
    top: 0px;
}

#colm3 img {
    float:left;
    margin-right:10px;
}
#colm3 li {
    margin-bottom:23px;
}
#colm3 h2 {
    clear:left;
}
#colm3 h3 {
    margin-top:-10px;
    margin-bottom:10px;
}
#adsholder {
    padding:0px 20px 30px 20px;
    background: #4E3F18;
    text-align:center;
}
#googleads {
    clear:both;
    border:1px solid #A39F93;
}
/* footer */
#footer{
    text-align:center;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    color:#989896;
    padding-top:20px;
    padding-bottom:20px;
}
#footer ul{
    clear:left;
    margin-bottom:10px;
}
#footer ul li{
    line-height:1.8em;
    display:inline;
}
#footer ul li a{
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #fff;
}
#footer ul li.last a, #yearnav ul li.last a{
    padding:0;
    margin:0;
    border:none;
}
a.editionUS {
    padding-right:22px !important;
    background:url(../img/USflag.jpg) right center no-repeat ;
}
/* Video page */
#videoquality {
    padding-top:10px;
    font-size:1.1em;
    float:left;
}
#videoquality span{
    padding:0 5px;
}
#videoquality a {
    font-weight:bold;
}
#title, .title{
    min-height:60px;
    height:auto !important;
    height:60px;
}
.title {
    margin-top:30px;
    border-top:1px solid #918257;
    padding-top:40px;
}
#title h1, .title h1 {
    float:left;
    font-weight:normal;
    line-height:1em;
    padding-top:5px;
    font-size:4.4em;
    color:#FFFFFF;
}
#title.welcometitle { margin-left:20px;}
#title.videos {
    padding-left:78px;
    min-height:89px;
    background:url(../img/Icons_video.png) left -6px no-repeat;
}
#title.member {
    padding-left:78px;
    min-height:89px;
    background:url(../img/Icons_members.png) left -6px no-repeat;
}
#title.forum {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_forums.png) left -6px no-repeat;
}
.smtext { font-size:1.1em;
          padding-bottom:10px;}
.searchnote { 
    font-size:1.1em;
    float: right;
    width:255px;
    line-height:1.6em;
}
.searchnote a{
    font-weight:bold;
}
#title.search {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_search.png) left -6px no-repeat;
}
#title.experts {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_experts.png) left -6px no-repeat;
}
#title.texttimeline {
    min-height:89px;
    padding-left:78px;
    background:url(../img/texttimeline-ico.png) left -5px no-repeat;
}
#landing_pages_view #title.texttimeline {
    padding-left: 0px;
    background: none;
}
#title.podcasts {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_testimony.png) left -6px no-repeat;
}
#title.key_people {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_keypeople.png) left -2px no-repeat;
}
#title.keymoments {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_keyhistory.png) left -2px no-repeat;
}
#title.shop {
    min-height:89px;
    padding-left:78px;
    background:url(../img/Icons_shop.png) left -2px no-repeat;
}
#gen-colum1 div#title.experts, #gen-colum1 div#title.shop, #gen-colum1 div#title.key_people {
    margin-left:-20px;
}
#yearnav {
    float:right;
}
#yearnav p{
    clear:left;
    text-align:right;
    color:#FFFFFF;
    font-size:1.1em;
    margin-right:18px;
}
#yearnav ul {
    margin-top:7px;
    margin-right:8px;
}
#yearnav ul li {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:2em;
    line-height:1.1em;
    float:left;
    padding-bottom:16px;
    margin-right:10px;
}
#yearnav ul li a{
    border-right:1px solid #908156;
    padding-right:10px;
    padding-bottom:6px;
}
#yearnav ul li a:hover{
    text-decoration:none;
    color:#9d9fa1;
}
/* video list */
.v-bar {
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
    height:26px;
    line-height:26px;
}
.v-bar p, .free-view p{
    float:left;
    padding-left:34px;
    margin-top:-6px;
    margin-bottom:-10px;
    padding-bottom:10px;
    padding-top:6px;
    position:relative;
}
.free-view p{
    padding-left:10px;
}
li.about .v-bar p, li.info .v-bar p {
    text-transform: uppercase;
    padding-left:10px;
}
li.keypeople .v-bar p {
    text-transform: uppercase;
    background:url(../img/SmallIcons_keypeople.png) no-repeat 0px top;
}
li.experts .v-bar p {
    text-transform: uppercase;
    background:url(../img/SmallIcons_experts.png) no-repeat 0px top;
}
li.shop .v-bar p {
    text-transform: uppercase;
    background:url(../img/SmallIcons_shop.png) no-repeat 0px top;
}
div.video .v-bar p{
    text-transform: uppercase;
    background:url(../img/SmallIcons_video.png) no-repeat 0px top;
}
li.video .v-bar p {text-transform: uppercase; background:url(../img/SmallIcons_video.png) no-repeat 0px top !important;}
div.keymoment .v-bar p{
    text-transform: uppercase;
    background:url(../img/SmallIcons_keyhistory.png) no-repeat 0px top;
}
li.keymoment .v-bar p {	text-transform: uppercase; background:url(../img/SmallIcons_keyhistory.png) no-repeat 0px top !important;}
div.audio .v-bar p, div.testimony .v-bar p{
    text-transform: uppercase;
    background:url(../img/SmallIcons_testimony.png) no-repeat 0px top;
}
li.audio .v-bar p, li.testimony .v-bar p {text-transform: uppercase; 	background:url(../img/SmallIcons_testimony.png) no-repeat 0px top;}
div.fact .v-bar p{
    text-transform: uppercase;
    background:url(../img/SmallIcons_timelinefact.png) no-repeat 0px top;
}
li.fact .v-bar p {text-transform: uppercase; background:url(../img/SmallIcons_timelinefact.png) no-repeat 0px top}
div.v-bar {
    background:#D7A100;
}
.v-bar span{
    margin-right:10px;
    float:right;
}
.v-pic-holder {
    margin:10px;
    margin-bottom:0px;
    padding-bottom:10px;
    width:84px;
    clear:left;
    float:left;
}
.v-pic-holder img{
    margin-bottom:6px;
}
.v-pic-holder a.play{
    background:url(../img/playico.gif) no-repeat left;
    padding-left:10px;
    font-size:1.1em;
    font-weight:bold;
}
.v-pic-holder a small{
    color:#FFFFFF;
    font-weight:normal;
}
.year-list {
    clear:left;
    border-top:1px solid #908156;
    margin:0 20px;
    padding-top:20px;
}
.year-list h2{
    font-size:3.3em;
    font-weight:normal;
    color:#FFFFFF;
}
.year-list ul {
    margin:20px -20px 20px 0;
}
.year-list ul li{
    width:271px;
    border:#655835 1px solid;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.year-list ul li div.texth {
    margin-top:7px;
    font-size:1.1em;
    margin-left:0px;
    width:156px;
    line-height:1.6em;
    font-weight:bold;
    float:left;
}
/* Sections Colours*/
.year-list ul li.pacific-f, #promo_items li.pacific-f {
    border-color:#867386;
    background:#4F2B2D;
}
.year-list ul li.pacific-f.free-content {
    background:#4F2B2D url(../img/free.png) right bottom no-repeat;
}
.year-list ul li.pacific-f div.v-bar, .pacific-f div.v-bar, .pacific-f div#vb-bar {
    background:#4A1357;
}
.year-list ul li.western-f, #promo_items li.western-f {
    border-color:#7C6144;
    background:#51311A;
}
.year-list ul li.western-f.free-content {
    background:#51311A url(../img/free.png) right bottom no-repeat;
}
.year-list ul li.western-f div.v-bar, .western-f div.v-bar, .western-f div#vb-bar {
    background:#610F26;
}
.year-list ul li.eastern-f, #promo_items li.eastern-f  {
    border-color:#76795E;
    background:#3A3F17;
}
.year-list ul li.eastern-f.free-content {
    background:#3A3F17 url(../img/free.png) right bottom no-repeat;
}
.year-list ul li.eastern-f div.v-bar, .eastern-f div.v-bar, .eastern-f div#vb-bar {
    background:#004310;
}
.year-list ul li.holocaust-f, #promo_items li.holocaust-f {
    border-color:#5A525F;
    background:#322737;
}
.year-list ul li.holocaust-f.free-content {
    background:#322737 url(../img/free.png) right bottom no-repeat;
}
.year-list ul li.holocaust-f div.v-bar, .holocaust-f div.v-bar, .holocaust-f div#vb-bar {
    background:#160F55;
}
.overview-f div.v-bar {
    background:#d7a100;
}
/* also of interest */
#alsointerest p{
    font-size:1.4em;
    margin-left:20px;
}
#alsointerest p a {
    font-weight:bold;
}
#alsointerest li a {
    font-weight:normal;
}
#alsointerest ul  {
    margin-top:20px;
    margin-bottom:10px;
}
#alsointerest ul li{
    margin-left:20px;
    float:left;
    width:271px;
}	
#alsointerest ul li img{
    float:left;
    margin-right:10px;
}
#alsointerest ul li p a{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.214em;
    line-height:60px;
}
/* video detail page */
#media-text p.read-more a{
    font-size:1em;
}
#v-colum1 {
    width:568px;
    float:left;
}
#v-colum2 {
    width:270px;
    margin-left:20px;
    float:left;
}
#media-holder {
    padding:20px;
    padding-bottom:60px;
    background: url(../img/bottom_arrow.png) bottom center no-repeat;
}
.notranscript {
    background: url(../img/bottom_arrow_bsolid.png) bottom center no-repeat !important;
}
#video-transcript {
    margin:20px 20px 40px 20px;
}
#video-transcript h2{
    font-size:2.5em;
    margin-bottom:20px;
}
#video-transcript p{
    margin-bottom:16px;
    line-height:1.428em;
    font-size:1.4em;
}
#vb-bar{
    line-height:35px;
    font-size:1.4em;
    height:35px;
    padding-left:20px;
    font-weight:bold;
}
#vb-bar span, #pn-buttons span{
    padding-left:8px;
    border-left: 1px solid #FFFFFF;
    margin-left:8px;
    display:inline;}
#vb-bar p {
    text-transform:uppercase;
    width:400px;
    float:left
}
.video #vb-bar ul, .audio #vb-bar ul, .key_moment #vb-bar ul {
    float:right;
    width:236px;
    position:relative;
    top:0px;
}
.key_moment #vb-bar ul {
    width:344px;
}
.audio #vb-bar ul {
    width:312px;
}
#vb-bar ul li, #pn-buttons ul li{
    float:left;
}

#media-holder.pacific-f #media-container {
    background:url(../img/purple_back.png);
}
#media-holder.eastern-f #media-container {
    background:url(../img/green_back.png);
}
#media-holder.western-f #media-container {
    background:url(../img/red_back.png);
}
#media-holder.holocaust-f #media-container {
    background:url(../img/blue_back.png);
}
#media-container {
    clear:left;
    padding:20px;
    padding-bottom:0px;
    display:block;
}
#media-container h1{
    font-weight:normal;
    padding-top:5px;
    font-size:4.4em;
    color:#FFFFFF;
    min-height:60px;
    padding-bottom:28px;
    margin-left:-10px;
    padding-left:78px;
}
.video #media-container h1{
    background:url(../img/Icons_video.png) left -6px no-repeat;
}
.audio #media-container h1{
    background:url(../img/Icons_testimony.png) left -6px no-repeat;
}
.key_moment #media-container h1{
    background:url(../img/Icons_keyhistory.png) left -2px no-repeat;
}

a#videoplayer {
    display:block;
    width:568px;
    height:344px;
    float:left;
}
#imageaudio {
    display:block;
    width:568px;
    height:320px;
    float:left;
}
#playgrapholder {
    width:90px;
    height:60px;
    background:url(../img/play-lisentb.png) no-repeat;
    position:relative;
    top:-200px;
    left:220px;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
    padding-top:8px;
    text-align:center;
    padding-left:30px;
}
#playgrapholder span {
    font-size:17px;
}
#audioplayer {
    display:block;
    width:568px;
    height:24px;
    clear:both;
}
#imagecaption {
    font-size:1.2em;
    font-weight:bold;
    line-height:30px;
    padding-left:20px;
    background:url(../img/back_black.png);
    height:30px;
    top:-30px;
    width:548px;
    position:relative;
    z-index:2;
}
#imagecaption.testimony {
    margin-top:-30px;
    top:320px;
}
#media-text {
    margin-top:16px;
    font-size:1.4em;
    line-height:1.428em;
    float:left;
    width:568px;
}
#related-content, #video-contributions {
    margin:0px;
    padding-top:0px;
    float:left;
    width:568px;
    margin-top:16px;
    border-top:none;
}
#video-contributions, #books-by, .list-books-shop, .homeItemsShop  {
    border-top:#908156 1px solid;
    padding-top:20px;
    padding-bottom:20px;
}
div.year-list#related-content h2, div.year-list#video-contributions h2, #books-by h2, .homeItemsShop h2 {
    font-size:1.7em;
}
div.year-list#video-contributions h2, #books-by h2, .homeItemsShop h2{
    text-transform: uppercase;
}
.homeItemsShop h2 {
	
}
div.year-list#related-content ul, div.year-list#video-contributions ul, .list-books-shop ul  {
    margin-bottom:20px;
}
#media-text p{
    margin-bottom:16px;
}
#media-text a{
    font-size:0.786em ;
    font-weight:bold;
}
#related-item-shop {
    width:270px;
}
#related-item-shop h2 {
    margin-bottom:16px;
    font-size:1.7em;
}
#related-item-shop p {
    font-size:1.1em;
    line-height:1.2em;
    margin-bottom:16px;
}
#related-item-shop ul li, #books-by ul li, .list-books-shop ul li, .homeItemsShop ul li{
    height:80px;
    font-size:1.1em;
    line-height:16px;
}
#related-item-shop ul li {
    margin-bottom:20px;
}
#related-item-shop ul li a{
    font-weight:bold;
}
#related-item-shop ul li img, #books-by ul li img, .list-books-shop ul li img, .homeItemsShop ul li img{
    float:left;
    margin-right:10px;
}
#pn-buttons{
    background:#4E3F18;
    clear:left;
}
#pn-buttons ul {
    font-size:1.4em;
    padding-top:20px;
    margin-left:40px;
    padding-bottom:30px;
    font-weight:bold;
}
/* Experts */
#experts-list {
    margin:0px 20px 40px;
}
#experts-list h2, .order-summary h2{
    clear:left;
    line-height:1.3em;
    font-size:2.5em;
}
#experts-list ul{
    margin-top:30px;
    margin-right:-20px;
}
#experts-list ul li {
    font-weight:bold;
    line-height:1.5em;
    font-size:1.1em;
    width:272px;
    float:left;
    margin-right:20px;
}
#experts-list ul li img{
    margin-top:6px;
    margin-bottom:10px;
}
#experts-list ul li a, #experts-list ul li span{
    font-size:1.263em;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
}
#gen-colum1 {
    margin-left:20px;
    margin-bottom:40px;
    width:568px;
    float:left;
}
#gen-colum2 {
    width:272px;
    margin-left:22px;
    float:left;
}
#books-by, .homeItemsShop {
    clear:left;
    margin-top:16px;
}
#homecontent_bott .homeItemsShop {
    margin-left:20px;
	border:none;
}
#books-by ul a, .homeItemsShop ul a{
    font-weight:bold;
}
#books-by ul, .list-books-shop ul, .homeItemsShop ul{
    margin-right:-20px;
}
#books-by ul li, .list-books-shop ul li, .homeItemsShop ul li{
    margin-right:20px;
    margin-top:20px;
    float:left;
    width:273px;
}
#opinion-list, .rside-box {
    width:235px;
    padding:18px;
    margin-bottom:40px;
    background:#77632E;
    border: #918257 1px solid;
}
#opinion-list p{
    line-height:1.6em;
    font-size:1.1em;
    margin:17px 0;
}
.rside-box p {
    font-size:1.4em;
    line-height:1.4em;
}
.login-text form#UserAddForm, .login-text form#UserForgotPasswordForm, .login-text form#UserSecurityQuestionForm, .login-text form#UserResetPasswordForm {
    font-size:1.4em;
    line-height:1.75em;
    margin-top:10px;
    padding-left:30px;
    margin-bottom:16px;
}
.login-text form#UserAddForm label{
    padding:0px;
    width: 70px;
    margin:0px;
    text-align:left;
}
.login-text form#UserForgotPasswordForm .input label, .login-text form#UserSecurityQuestionForm .input label {
    padding-right:10px;
}
.login-text form#UserResetPasswordForm .input label {
    width:130px;
    display:block;
    clear:left;
    float:left;
}
.login-text form#UserResetPasswordForm .submit{
    clear: both;
    margin-left:102px;
}
.login-text form#UserResetPasswordForm .input {
    height:30px;
}
.login-text form#UserAddForm .checkbox label{
    width: 328px;
    float:right;
    margin-top:-20px;
}
.login-text form#UserAddForm .checkbox input{
    float:left;
    position:relative;
    margin-left:70px;
    width:auto;
}
.login-text form#UserAddForm input, .login-text form#UserForgotPasswordForm input, .login-text form#UserSecurityQuestionForm input, .login-text form#UserResetPasswordForm input{
    width: 200px;
}

.login-text form#UserAddForm .submit, .login-text form#UserForgotPasswordForm .submit {
    clear: both;
    margin-left:70px;
}
.login-text form#UserAddForm div.submit input, .login-text form#UserForgotPasswordForm div.submit input, .login-text form#UserResetPasswordForm div.submit input, .login-text form#UserSecurityQuestionForm div.submit input, form#UserAddForm div.submit input.smallbutton, .smallbutton, #join_loginbox form#UserAddForm div.submit input, #cancel-page form .smallbutton, p.submit input.smallbutton{
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-top:10px;
    margin-bottom:0px;
    font-size:1em;
    width:auto;
    font-weight:bold;
    padding:6px;
    background: url(../img/back_button.jpg)
}
.login-text form#UserForgotPasswordForm div.submit input, .login-text form#UserResetPasswordForm div.submit input {
    margin-left:28px;
}
form#UserAddForm div.submit input.smallbutton {
    margin-bottom:20px;
}
form#UserAddForm #UserSecurityQuestion {
    width:336px;
}
.login-text .forgot {
    margin-bottom:40px;
    font-size:1.1em;
    margin-left:100px;
}
#authMessage {
    font-size:1.4em;
    color: #000;
    line-height:1.6em;
    font-weight:bold;
    margin-left:100px;
}
#authMessage.message {
    background:#908255;
    margin-left:30px;
    margin-right:30px;
    padding:10px;
    text-align:center;
}
.smallbutton{
    font-size:1em;
    color:#FFF;
    border:1px solid #B1B2B3;
}
#opinion-list h2, .rside-box h2{
    font-size:1.7em;
    text-transform:uppercase;
    font-weight:normal;
}
.rside-box h3{
    font-size:1.7em;
    font-weight:normal;
    margin-bottom:4px;
}
#opinion-list img, .rside-box img{
    margin:18px 0;
}
.rside-box img{
    margin:14px 0;
}
#opinion-list ul, .rside-box ul{
    border-top: #918257 1px solid;
    margin-bottom:18px;
}
#opinion-list ul li, .rside-box ul li{
    line-height:1.3em;
    font-size:1.4em;
    border-bottom: #918257 1px solid;
}
#opinion-list ul li a, .rside-box ul li a{
    font-weight:bold;
    display:block;
    padding-top:8px;
    padding-bottom:8px;
}
a.backto {
    background:#D7A100;
    color:#FFFFFF;
    font-size:1.3em;
    padding:10px;
    font-weight:bold;
    display:block;
} 
#search-results, #timelineAStext {
    padding:0 20px 20px;
}
#search-results ul, #timelineAStext .listyear>ul{
    border: 1px #918257 solid;
    margin-bottom:20px;
    border-right:none;
    border-left:none;
}
#timelineAStext .listyear>ul{
    border:none
}
#timelineAStext .listyear {
    border-top: 1px #918257 solid;
    padding-top:20px;
}
#timelineAStext.landing-page .listyear {
    border-top: none;
    padding-top: 0px;
}
#timelineAStext .page-text {
    margin: 10px 0px;
}
#search-results ul li, #timelineAStext .listyear>ul li{
    margin-top:20px;
    margin-bottom:40px;
}
#timelineAStext .listyear h2{
    font-size:4em;
    font-weight:normal;
    color:#FFFFFF;
}
#search-results ul li h2, #timelineAStext .listyear>ul li h3{
    clear:left;
    padding-top:10px;
    margin-bottom:10px;
    font-size:2.5em;
}
#search-results ul li img, #timelineAStext .listyear>ul li img{
    float:left;
    margin-right:10px;
}
#search-results ul li>p, #timelineAStext .listyear>ul li>p{
    font-size:1.4em;
    line-height:1.6em;
}
#search-results ul li>p>span{
    background:#d7a100
}
.pages-bar {
    clear:left;
    line-height:1.8em;
    text-align:left;
    font-size:1.7em;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-bottom:10px;
}
.pages-bar p{
    float:left;
}
.pages-bar span{
    float:right;
}
.pages-bar span a, .pages-bar span span{
    float:none;
    padding:0 6px;
}
#search-results div.v-bar, #timelineAStext div.v-bar, .booktext div.v-bar, #educationlist div.v-bar {
    padding-right:20px;
    float:left;
}
.free-view {
    background:#000000;
    color:#FFFFFF;
    float:left;
    padding-right:20px;
    font-size:1.1em;
    font-weight:bold;
    height:26px;
    line-height:26px;
    border-left:1px solid #FFFFFF;
}
/* promo items */
.newaddholder {
    height:136px;
    width:243px;
}
.newaddholder a {
    background:url(../img/play.png) center 25px no-repeat ;
    display:block;
    padding-left: 110px;
    line-height:1.6em;
    padding-top:41px;
    padding-bottom:38px;
}
.newaddholder a span {
    font-size:1.5em;
    font-weight:bold;
}
/* Shop css */
h2.bookmonth {
    border-top:#908156 1px solid;
    border-bottom:#908156 1px solid;
    padding-top:20px;
    padding-bottom:0px;
    border-bottom:none;
    font-size:2.5em;
    margin-bottom:20px;
}
.bookotm {
    border-top:#908156 1px solid;
    padding-top:20px;
    margin-bottom:40px;
}
.bookotm img{
    border:#9BAAA5 1px solid;
    margin-right:20px;
    float:left;
}
.bookotm div.booktext {
    width:400px;
    float:left;
}
.booktext div.v-bar, #educationlist div.v-bar {
    padding-left:12px;
    text-transform: uppercase;
    padding-right:12px;
}
.booktext h3 {
    font-size:1.7em;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:10px;
    line-height:1.2em;
    clear:left;
}
.booktext h4 {
    border-bottom:#908156 1px solid;
    margin-bottom:20px;
    padding-bottom:20px;
    font-size:2.5em;
    padding-top:10px;
    line-height:1.2em;
    clear:left;
}
.booktext p{
    font-size:1.4em;
    line-height:1.4em;
    margin-bottom:16px;
}
#content.nobottom {
    background:none;
}
.indent {
    padding-left:10px;
}
.list-books-shop h2 {
    font-size:2.5em;
    margin-bottom:10px;
}
.list-books-shop h3 {
    font-size:1.7em;
}
.list-books-shop a{
    font-weight:bold;
}
/* About css (also subcriptions page) */
.regiesteroffice{
    font-size:1.1em;
    margin-top:20px;
    line-height:1.4em;
}
.about-text p, .about-text ol, .subscribe-text p, .login-text p, p.warn, .page-text {
    font-size:1.4em;
    line-height:1.428em;
    margin-bottom:20px;
}

.teacher p {
    margin: 10px 0px 0px;
}

p.page-text {
    margin: 10px 20px;
}

.year-list p.warn {
    margin: 20px 0px;
}

.about-text ol {
    list-style: decimal;
    list-style-position: inside;
}

.about-text a, .subscribe-text a, .login-text a {
    font-weight:bold;
}
.about-text img {
    float:left;
    margin-top:4px;
    margin-right:20px;
}
.about-text p img {
    float: right;
    margin-right:20px;
}
.about-text p.extra {
    margin-bottom:20px;
    font-size:1.7em;
    font-family:Georgia, "Times New Roman", Times, serif;
}
.about-text h2, .subscribe-text h2 , .login-text h2 {
    padding-top:20px;
    padding-bottom:20px;
    clear:both;
    line-height:1.28em;
    font-size:2.5em;
}
#educationlist {
    border-bottom:#908156 1px solid;;
}
#educationlist ul{
    margin-top:0px;
}
#educationlist ul li{
    border:none;
    padding:0px;
}
#educationlist h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.7em;
    width:270px;
    font-weight:bold;
    float:left;
    padding-top:8px;
    padding-bottom:8px;
}
#educationlist p {
    width:270px;
    float:left;
    margin-bottom:16px;
}
#educationlist p.pdfdownload {
    font-size:1.1em;
    background:url(../img/about/pdfico.gif) no-repeat center left;
    padding-left:22px;
    line-height:18px;
    width:250px;
    margin-bottom:4px;
    font-weight:bold;
}
#educationlist ul.pdfdownload {
    float:left;
    width:250px;
}
#educationlist ul.pdfdownload li {
    margin-bottom:8px;
}
#educationlist ul.pdfdownload li a{
    line-height:18px;
    display:block;
    font-size:1.1em;
    background:url(../img/about/pdfico.gif) no-repeat center left;
    padding-left:22px;
}
h2.educationyear {
    border-top:#908156 1px solid;;
    margin-top:40px;
    padding-top:20px;
}
.order-summary h2 {
    margin-bottom:20px;
}
.subscribe-text h2, .login-text h2 {
    padding-top:0px;
}

.about-text ul li{
    display:block;
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid #918257;
}
.about-text ul li p{
    margin-bottom:0px;
}
.about-text ul li h2{
    clear:none;
    font-size:2.5em;
    padding-top:0;
}
.awards {
    margin-right:20px;
    float:left;
    margin-top:4px;
    background:#000;
    color:#FFF;
    width:219px;
}
.awards img{
    float:none;
}
.awards span{
    font-weight:bold;
    font-size:1.1em;
    padding:8px 10px;
    line-height:1.2em;
    display:block;
}
#quotes-container {
    clear:left;
    padding:20px;
    background:#4E3F18;
}
#quotes-container h2 {
    font-size:2.5em;
    color:#FFFFFF;
    margin-bottom:20px;
    font-weight:normal;
    line-height:1.5em;
    margin-left:20px;
}
#quotes-container ul {
    width:450px;
    float:left;
}
#quotes-container ul li {
    width:380px;
    min-height:80px;
    padding:10px 20px 30px;
    background:url(../img/about/quote.png) top left no-repeat;
}
#quotes-container ul li p{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.428em;
    line-height:1.4em;
    margin-bottom:10px;
}
#quotes-container ul li small{
    font-size:1.1em;
    line-height:1.4em;
}
/* quotes home */
.quoteshome {
    margin-left:20px;
}
.quoteshome li {
    padding-right:2px;
    background:url(../img/about/quote.png) top left no-repeat;
    margin-bottom:22px!important;
}
.quoteshome li p{
    padding-right:28px;
    line-height:1.4em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.4em !important;
    margin-bottom:5px;
}
.quoteshome li a{
    font-size:1.1em;
}
#iconssubs {
    margin-left:20px;
}
#icons {
	margin-bottom:20px;
}
#homecontent_bott ul li ul#iconssubs li{
    width:128px;
    padding:0px;
    margin:0px;
}
/* Subcription */
#ordersumary {
    margin-top:30px;
    margin-left:80px;
}
#ordersumary h3{
    margin-bottom:20px;
    font-size:2.5em;
    line-height:1.3em;
}
#ordersumary dd {
    font-weight:bold;
}
#ordersumary dd, #ordersumary dt{
    font-size:1.4em;
    margin-bottom:16px;
    float:left;
}
#ordersumary dt{
    width:120px;
    text-align:right;
    margin-right:10px;
    clear:left;
}
.subscribe {
    margin-left:20px;
    background:none !important;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
.subscribe-text {
    margin-top:-10px;
    padding-top:16px;
    background: url(../img/subs/pagesrefl.png) right top no-repeat;
    padding-right:410px;
    margin-right:20px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
.login-text {
    margin-top:-10px;
    padding-top:16px;
    background: url(../img/subs/pagesrefl.png) right top no-repeat;
    padding-right:410px;
    margin-right:20px;
    min-height: 450px;
    height: auto !important;
    height: 450px;
}
img.padd {
    padding-left:80px;
    margin-bottom:40px;
    margin-top:10px;
}
.subscribe-text form {
    margin-left:80px;
}
.subscribe-text form h2{
    padding-top:60px;
}
.subscribe-text form ul.boxed li {
    border:#938257 1px solid;
    background:#77632E;
    display:block;
    width:640px;
    padding:20px;
    margin-bottom:30px;
}
.subscribe-text form ul.boxed label {
    color:#d8a100;
    margin-left:6px;
    font-size:1.7em;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
}
.subscribe-text form ul.boxed li p {
    margin-bottom:0px;
    margin-left:26px;
    display:block;
    margin-top:6px;
}
.radio label:hover {
    color:#9D9FA1 !important;
}
ul.boxed li img.floatedico {
    float:right;
    margin-top:-46px;
    padding-right:10px;
    margin-bottom:-60px;
}
ul.boxed li img.floatedico2 {
    float:right;
    margin-top:-14px;
    margin-left:60px;
    padding-right:10px;
}
h2.nopadding{
    padding-top:0px !important;
}
ul.checkboxlist {
    margin-bottom:40px;
}
ul.checkboxlist li{
    clear: left;
    display:block;
    width:660px;
    margin-left:20px;

}
ul.checkboxlist li input{
    border:#938257 1px solid;
    float:left;
    background:#83795d;
    color:#555;
}
#voucher-holder {
    clear:left;
    padding-top:10px;
    margin-bottom:30px;
    margin-left:20px;
}

#voucher-holder input.enabled {
    background-color: #FFF;
    color: #000;
}

ul.checkboxlist li div.input.text input{
    float: left;
}
ul.checkboxlist li div.input.text label{
}

#UserSubscriptionTypeId3, #UserSubscriptionTypeIdIpaccess, #UserRememberMe {
    border:none !important;
    background:none;
}
input.submit, .submit input{
    background:url(../img/subs/back_but.gif) repeat-x;
    border:#b1b2b3 1px solid;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:2.7em;
    padding:11px;
    color:#FFF;
    margin-bottom:20px;
}
.submit input:hover {
    color:#9F9DA1 !important;
    cursor: pointer;
}
ul.checkboxlist li label{
    font-size:1.4em;
    line-height:1.4em;
    padding:0px 6px;
    float:left;
}
.tandc div.error-message, #age_verification div.error-message, .tandcomp div.error-message {
    float:left;
    width:500px;
    clear:both;
    margin-top:2px;
}
.error-message.email {
    margin-top:-10px;
    margin-bottom:10px;
}
.tandcomp div.error-message {
    width:326px;
    margin-top:12px;
    margin-bottom:20px;
}
.tandc div.error-message {
    margin-top:12px;
}
#mandatory {
    clear:left;
    font-size:1em;
}
#mandatory span{
    color:#d7a100;
}
/* Contact form */
#cotactform {
    padding-bottom:20px;
    border-bottom:1px solid #918257;
    margin-bottom:30px;
    margin-top:-10px;
}
form#ContactAddForm {
    clear:left;
    font-size:1.4em;
    line-height:1.4em;
    padding-left:150px;
}
form#ContactAddForm textarea {
    font-size:92.9%;
}
form#ContactAddForm span{
    color:#d7a100;
}
form#ContactAddForm label{
    clear:both;
    color:#FFF;
    display:block;
    float:left;
    text-align:right;
    font-weight:normal;
    line-height:1.75em;
    margin-left:-180px;
    width:170px;
}
.recaptcha_input_area label {
    display: inline !important;
    float: none !important;
    margin-left: 0px !important;
    line-height: 1em;
}

#recaptcha_widget_div {
    margin-bottom: 10px;
}
.recaptchatable * {
    color:black !important;
}
form#ContactAddForm input, form#ContactAddForm select, form#ContactAddForm textarea {
    font-family:Arial, Helvetica, sans-serif;
    color: #000;
    margin-top:2px;
    width:330px;
    border:#b1b2b3 1px solid;
    padding:2px;
}
form#ContactAddForm select {
    width:336px;
}
form#ContactAddForm .input {
    clear:left;
    margin-bottom:10px;
}
form#ContactAddForm legend {
    font-family:Georgia, "Times New Roman", Times, serif;
    clear:both;
    font-size:1.786em;
    padding-top:20px;
    padding-bottom:20px;
}
#cotactform h2 {
    font-family: Arial, Helvetica, sans-serif;
    clear:both;
    font-size:1.786em;
    padding-top:20px;
    padding-bottom:20px;
}
form#ContactAddForm .submit input{
    margin-top:40px;
    font-size:1.928em;
    padding:11px;
    color:#FFF;
    width:auto;
}
form#ContactAddForm input#ContactTerms {
    width:auto;
    margin-top:5px;
}
/* user form css */
form#UserAddForm{
    font-size:1.4em;
    line-height:1.4em;
    padding-left:220px;
    clear:both;
    margin-top:0px;
}
form#UserAddForm label{
    clear:both;
    color:#FFF;
    display:block;
    float:left;
    text-align:right;
    font-weight:normal;
    line-height:1.75em;
    margin-left:-180px;
    width:170px;
}
form#UserAddForm span, #bottomform span{
    color:#d7a100;
    line-height:1.75em;
}
form#UserAddForm .input.account span {
    color:#FFF;
}
form#UserAddForm input, form#UserAddForm select, form#UserAddForm textarea {
    color: #000;
    margin-top:2px;
    width:330px;
    border:#b1b2b3 1px solid;
    padding:2px;
}
form#UserAddForm select {
    width:336px;
}
form#UserAddForm .input {
    clear:left;
    margin-bottom:10px;
}
form#UserAddForm legend {
    font-family:Georgia, "Times New Roman", Times, serif;
    clear:both;
    font-size:1.786em;
    padding-top:20px;
    padding-bottom:20px;
}
form#UserAddForm #UserMarketingOptIn {
    width:20px;
    padding:0px;
}
form#UserAddForm .checkbox-list {
    float:left;
    width:500px;
    margin-top:1px;
    margin-bottom:18px;
}
form#UserAddForm .checkbox-list label, form#UserAddForm .tandc label, form#ContactAddForm .tandcomp label{
    padding:0px;
    margin:0px;
    clear:none;
    line-height:20px;
    height:20px;
    padding-top:1px;
    width:auto;
}
form#UserAddForm #age_verification label{
    padding:0px;
    margin:0px;
    clear:none;
    float:left;
    width:550px;
    display:block;
    text-align:left;
    margin-bottom:10px;
    line-height:20px;
    padding-top:1px;
}
form#UserAddForm .checkbox-list input, form#UserAddForm .tandc input, form#UserAddForm #age_verification input, form#ContactAddForm .tandcomp input{
    width:20px;
    border:none;
    clear:left;
    margin-top:5px;
    float:left;
}
form#UserAddForm .checkbox-list p{
    margin-top:3px;
    display:block;
    width:500px;
    line-height:1.4em;
    margin-bottom:10px;
}
form#UserAddForm fieldset {
}
form#UserAddForm fieldset a{
    font-weight:bold;
}

form#UserAddForm fieldset p {
    margin-bottom: 20px;
}
#tandc {
    width:480px;
    height:220px;
    overflow: auto;
    background:#FFF;
    border:#b1b2b3 1px solid;
    padding:10px;
    color:#000;
    font-size:0.786em;
}
#tandc h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight:bold;
}
#tandc p, #tandc ul {
    margin-bottom:16px;
}

#tandc.comp {
    width: 314px;
}
.tandc, .tandcomp {
    height:30px;
    padding-top:6px;
    background:#93772D;
    width:502px;
}
.tandcomp{
    margin-bottom:20px !important;
    width:336px;
}
#age_verification {
    margin-top:6px;
    padding-bottom:30px !important;
}
.sep {
    clear:both;
    margin-top:30px;
}
.seplogin {
    clear:both;
    margin-top:80px;
}
form#UserAddForm div.submit input {
    margin-top:40px;
    font-size:1.928em;
    padding:11px;
    color:#FFF;
    width:auto;
}
#bottomform {
    padding-left:220px;
    width:500px;
    margin-bottom:30px;
}
#bottomform p{
    padding-bottom:20px;
    font-size:1.4em;
    line-height:1.4em;
}
.error-message {
    color: #000;
    font-weight:bold;
}
#UserSubscribeForm div.error-message {
    font-size:1.4em;
    margin-bottom:30px;
    color: #000;
    font-weight:bold;
}
#voucher-holder .error-message {
    clear:left;
    padding-left:6px;
    padding-top:10px;
}
#cancel-page {
    display: table;
    margin-left:220px;
    font-weight:bold;
    font-size:1.4em;
}

#history-payments h2 {

    font-size:1.214em;
}
#history-payments .row  {
    display: table-row;
    font-size:1.4em;
    width:800px;}
#history-payments .left, #history-payments .right, #history-payments .middle, #history-payments .middle2 {
    display: table-cell;
    width:150px;
    line-height:2em;
    border-bottom:1px solid #918257;
}
#history-payments .middle {
    width:100px;
}
#history-payments .right {
    width:460px;
}
#history-payments .smallbutton{
    font-size:1.7em;
    font-weight:normal;
}
.input strong {
    line-height:1.75em
}
.intro-text {
    margin-bottom:20px;
    font-size:1.4em;
    line-height:1.7em;
}
.intro-text a {
    font-weight:bold;
}
/* tooltip css */
a.inter{
    background:url(../img/subs/interro.gif) left 5px no-repeat;
    display: inline-block;
    width:17px;
    height:18px;
    padding-top:4px;
    margin-left:8px;
    margin-top:-4px;
    cursor: default;
    margin-bottom:-3px;
    text-decoration:none;
}
a.inter span{
    display:none;
    color:#000 !important;
}
a.inter .popup,
a.inter .ptop,
a.inter .pbot,
a.inter .pinner {
    color:#000000;
    display: inline-block;
}
a.inter .popup {
    position:relative;
    float:left;
    left:16px;
    visibility:hidden;
    width:200px;
}
a:hover.inter span.popup   {
    visibility:visible;
}
.ptop {
    background:url(../img/subs/popuptop.png) no-repeat top;
    padding-top:9px;
}
.pbot {
    background:url(../img/subs/popupbottom.png) no-repeat bottom;
    padding-bottom:9px;
}
.pinner {
    font-size:10px;
    line-height:13px;
    background:url(../img/subs/popupinner.png) center;
    color:#999;
    padding:6px 14px 6px 30px;
}
/* Join us page */
#joinus {
    background:#000;
    text-align:center;
}
#joinus h2{
    font-size:1.7em;
    line-height:2.4em;
}
#joinus_box {
    padding:18px;
    background:#000;
    border:#FFF 1px solid;
}
#joinus_box h1{
    font-size:4.4em;
    margin-bottom:16px;
}
#joinus_box h2{
    font-size:2.5em;
    line-height:1.9em;
}
#joinus_box h2 span{
    font-size:1.6em;
}
#joinflash {
    margin:0 0 20px 0;
    width:860px;
    height:388px;
}
#joinus_box p {
    font-size:1.4em;
    line-height:1.4em;
}
#joinus_box a {
    font-weight:bold;
}
/* Awards addition */
#awards {
    background:#000;
}
#awards h2 {
	font-size: 1.7em;
	text-transform:uppercase;
	color:#D7A100;
	margin-bottom:34px;
	padding-top:30px;
	margin-left:40px;
}
#awards ul {
	margin-left:28px;
	padding-bottom:20px;
}
#awards ul li {
	float:left;
	width:164px;
	padding-left:14px;
}
#awards ul li img{
	padding-bottom:14px;
}
#awards ul li p{
	font-size:1.1em;
	line-height:1.636em;
}
#awards ul li p a{
	font-weight:bold;
}
/* Blog css */
#feedburner {
    margin:20px 0;
}
#searchform {
    margin-bottom: 20px;
    padding:0px
}
#searchform  #s {
    width:190px;
}
#gen-colum1.blog {
    margin-top:10px;
    margin-bottom:0px;
}
#gen-colum1.blog div small {
    font-size:1.4em;
    margin-left:10px;
    font-weight:bold;
    text-transform:uppercase;
    float:left;
}
#gen-colum1.blog div h2{
    font-size:1.4em;
    font-family: Arial, Helvetica, sans-serif;
    float:left;
    text-transform:uppercase;
    display:block;
    font-weight:bold;
}
#gen-colum1.blog h3 {
    font-size:1.4em;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
h3.pagetitle {
    font-size:1.7em;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-bottom:10px;
    text-transform:uppercase;
}
#gen-colum1.blog div h2 a{	
    color:#FFF;
}
#commentform {
    clear:both;
}
#commentform textarea{
    margin-top:10px;
    width:560px;
}
.navigation {
    font-size:1.1em;
    clear:both;
}
.loginadv {
    padding:10px 0px 30px;
    font-size:11px;
}
#commentform p{
    font-size:1.1em;
    margin-bottom:10px;
}
#commentform p .smallbutton {
    font-size:1.278em;
}
#recaptcha-submit-btn-area .smallbutton {
    font-size:1.4em;
}
#gen-colum1.blog div h1 {
    clear:both;
    line-height:1.1em;
    font-size:3.3em;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-bottom:10px;
}
.widgettitle {
    margin-bottom:10px;
}
.posteddata {
    font-size:0.8em;
    margin-top:10px;
}
#gen-colum1.blog div.entry {
    font-size:1.4em;
    line-height:1.429em;
    margin-bottom:40px;
}
#gen-colum1.blog div.entry a{
    font-weight:bold;
}
div.entry p {
    clear: both;
    display:block;
    margin-bottom:1.429em;
}
div.entry a.more-link {
    font-weight:bold;
}
.yellowholder{
    padding:10px;
    background:#D7A100;
    margin-bottom:10px;
}
#commentform label{
    margin-top:5px;
    margin-left:10px;
}
.addthis_button {
    margin-top:0px;
}
h3#comments {
    font-size:1.4em;
    margin-bottom:10px;
}
.commentlist {
    padding-bottom:10px;
}
.commentlist li {
    font-size:1.1em;
    border:1px solid #918257;
    display:block;
    background:#77632E;
    padding:10px;
    margin-bottom:10px;
}
.comment-meta {padding: 2px 0 6px 0;}
.postmetadata, .postmetadataNS {
    margin-top:-18px;
    margin-left:136px;
}
.blog.navigation {
    clear:both;
}
.postmetadata a, .postmetadataNS a {
    font-weight:bold;
}
.postmetadataNS {
    margin-left:0px;
    margin-top:-10px;
}
#opinion-list.blogsidebar img {
    margin-bottom:10px;
}
#opinion-list.blogsidebar p{
    margin:0 0 10px 0;
    font-weight:bold
}
#opinion-list.blogsidebar ul {
    margin-bottom:30px;
}
#respond h2{
    margin-left:0px;
}
.alignleft {
    float:left;
    margin-top:0px;
    font-weight:bold;
    margin-right:10px;
    margin-bottom:10px;
}
.alignright {
    float:right;
    font-weight:bold;
    margin-top:0px;
    margin-right:10px;
    margin-bottom:10px;
}
.comment-author img {
    float:left;
    margin-bottom:4px;
    margin-right:10px;
}
.comment-body p {
    font-size:1.1em;
    clear:both;
    line-height:1.1em;
}
table.purchases {
    font-weight: bold;
    font-size:1.4em;
    margin-bottom: 16px;
}
table.purchases td {
    padding: 5px;
}
.fn {
    font-weight:bold;
}
.fn img {
    margin-right:4px;
}
/* Forum */
p#subscribe-banner {
    background-color: #D7A100;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 140%;
    padding: 5px 0 5px 20px;
}
/* generic pages */
.generic-text {
    font-size:1.4em;
    line-height:1.428em;
}
.generic-text a, #faqs-qa a{
    font-weight:bold;
}
.generic-text p {
    margin-bottom:20px;
}
.generic-text ol {
    list-style:decimal;
    margin-left:20px;
}
#faqs-qa {
    margin-top:40px;
}
#faqs-qa ul li{
    font-size:1.4em;
    line-height:1.428em;
    margin-bottom:16px;
}
/* print hiders */
#printlogo {
    display: none;
}
.justprint {
    display:none;
}
#flashMessage {
    border:#938257 1px solid;
    background:#77632E;
    display:block;
    width: auto;
    clear:both;
    text-align:center;
    font-weight: bold;
    margin-top:10px;
    margin-right:20px;
    padding:20px;
    font-size:1.4em;
    margin-bottom:30px;
}
#discussions {
    margin-top:-20px;
}
#discussions #flashMessage {
    margin-right:0px;
    margin-bottom:10px;
}

/******************************************************************************************************
* blog.css */
/* Begin Sidebar */
#sidebar
{
    padding: 20px 0 10px 0;
    margin-left: 605px;
    width: 285px;
}

#sidebar form {
    margin: 0;
}
/* End Sidebar */


/******************************************************************************************************
* lightbox.css */
#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background:#000;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border:1px solid #fff;
    border-bottom:none;
}

#imageContainer{
    padding: 10px;
}

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 1% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 1% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #000;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    border:1px solid #fff;
    border-top:none;
}

#imageData{	padding:0 10px; color:#FFF; }
#imageData #imageDetails{ width: 70%; float: left; text-align:left; }
#imageData #caption{ font-weight: bold; font-size:14px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}


/****************************************************************************
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/
#lightview {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 150px;
    width: 150px;
    margin: -75px 0 0 -75px;
    padding: 0;
    text-align: left;
}

/* The container that holds everything */
.lv_Container {
    position: relative;
    width: 100%;
    height: 100%;
    background: none;
    padding: 0;
    margin: 0;
}

.lv_Button {
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
    position: absolute;
    top: 50%;
    left: 0;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
    list-style-type: none;
    position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.lv_Sides .lv_Button {
    float: left;
    background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}
.lv_Frames li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.lv_Frame {
    width: 100%;
    display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
}
.lv_FrameBottom {
    position: relative;
    float: left;
    clear: both;
}

.lv_Liquid {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.lv_Liquid .lv_Filler {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 50%;
}

.lv_Half {
    display: block;
    height: 100%;
    clear: both;
    line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
    float: left;
    position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.lv_Half .lv_CornerWrapper {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
    position: relative;
    float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
    position: relative;
    clear: both;
    height: 100%;
    overflow: hidden;
    background: none;
    padding: 0;
    margin: 0;
}
.lv_WrapUp {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.lv_WrapDown {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.lv_WrapCenter {
    position: relative;
    padding: 0;
    margin: 0;
}

/* The loading indicator */
.lv_Loading {
    position: absolute;
    top: 50%;
    left: 50%;
}
.lv_Loading .lv_Button {
    float: left;
    height: 100%;
    width: 100%;
}

.lv_MediaWrapper {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0;
}
.lv_MediaWrapper img {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
    position: relative;
    height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
    clear: both;
    position: relative;
    width: 100%;
    font: 11px Arial, Helvetica, sans-serif;
    color: #7a7a7a;
    padding: 0;
    margin: 0;
    text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
    float: right;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.lv_Data {
    position: relative;
    float: left;
    padding-bottom: 3px;
    line-height: 13px;
    overflow: hidden;
}

/* simulates padding-left inside .lv_Data
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
    list-style-type: none;
    float: left;
    margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
    font-weight: bold;
    margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
    color: #a7a7a7;
    margin-right: 5px;
    margin-top: 5px;
}

.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
    position: relative;
    border-left: 1px solid #d7d7d7;
    padding: 0 5px;
    margin-top: 5px;
    vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button,
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
                                    float: left;
                                    background-position: center left;
                                    background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
}

#lightview iframe {
    float: left;
    border: 0;
    clear: both;
    padding: 0;
    margin: 0;
    background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
    padding: 6px;
    font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
    background: #fcb5b5;
    color: #dd1f1f;
    margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
    background: #b5fcbd;
    color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
    color: #21be30;
    text-decoration: none;
    background: none;
    font-weight: bold;
    border-bottom: 1px solid #7de689;
}
#lightviewError p {
    margin-left: 0;
    padding: 0;
}

#lv_overlay {
    position: absolute; /* Opera will use fixed */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    color: #d2d2d2;
    font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
                                   position: absolute;
                                   top: auto;
                                   margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');
}
#lightviewController ul {
    display: block;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
    list-style-type: none;
    float: left;
    display: block;
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
    width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
    float: right;
    position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.lv_controllerMiddle {
    position: relative;
    height: 100%;
    float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
    list-style-type: none;
    float: left;
    display: inline;
    position: relative;
    clear: none;
}
.lv_controllerSetNumber {
    float: left;
    text-align: center;
}

#lightviewController .lv_Button {
    float: left;
    position: relative;
    height: 100%;
    clear: none;
}
.lv_controllerSetNumber {
    position: relative;
    height: 100%;
    padding-right: 3px;
}
.lv_controllerPrev,
.lv_controllerNext,
.lv_controllerSlideshow,
.lv_controllerClose {
    float: left;
    position: relative;
    height: 100%;
    padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
                    position: absolute;
                    margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
                    margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
    position: absolute;
    height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
    width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}
/* Teachers new design css */

#freetrial, #discounts, #freelesson {
	clear:left;
	position:relative;
	display:block;
	padding-left:14px;
	padding-top:10px;
	left:-14px;
	border:#918257 1px solid;
}
#freetrial {
	padding-top:74px;
	top:-66px;
	background: url(../img/freetrial.jpg) no-repeat bottom right #77632E;
	z-index:0;
}
#discounts {
	top:-66px;
	padding-top:24px;
	background: url(../img/discounts.jpg) no-repeat bottom right #77632E;
}
#freelesson {
	top:-66px;
	padding-top:24px;
	background: url(../img/freelesons.jpg) no-repeat bottom right #77632E;
}
#linkshome {
	top:-50px;
	position:relative;
}
#freetrial p, #discounts p, #freelesson p{
	padding-right:45px;
}
li#colm3  {
	width:273px !important;
}
#colm3 h1 {
	margin-left:0px;
	position:relative;
	z-index:2;
}
#homeshop h3{
	margin-bottom:10px;
}
#homeshop img{
	margin-bottom:0px !important;
	margin-right:10px;
}
/* VIDEOS */
.gradient {
	background: rgb(51,54,59); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,54,59,1) 0%, rgba(1,1,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,54,59,1)), color-stop(100%,rgba(1,1,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,54,59,1) 0%,rgba(1,1,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,54,59,1) 0%,rgba(1,1,1,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(51,54,59,1) 0%,rgba(1,1,1,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(51,54,59,1) 0%,rgba(1,1,1,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33363b', endColorstr='#010101',GradientType=0 ); /* IE6-9 */
}
#videoContainer {
	width:898px;
	height:218px;
	border:1px solid #9B9C9E;
}

.vtitle{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	color: white;
	font-weight: normal;
	line-height: 1.28em;
	padding:20px 
}
#videoContainer ul {
	clear:left;
	margin:0px;
	padding:0px;
}
#videoContainer li{
	width:110px;
	height:62px;
	float:left;
	position:relative;
}
#videoContainer li div.playBox {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	position:absolute;
	z-index:1500;
	top:10px;
	left:6px;
	width:80px;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	height:44px;
	display:block;
	background: url(https://ww2history.com/css/play.png) no-repeat 20px center  rgba(0, 0, 0, 0.5); 
	border-radius:3px;
	text-align:center;
	padding-top:14px;
	padding-left:20px;
	display:none;
}
#videoContainer li p{
	display:none;
	font-weight:bold;
	font-size:11px;
	position:absolute;
	line-height:22px;
	left: -50px;
	top: 86px;
	padding-top:20px;
	z-index:1999;
	float:left;
}
#videoContainer li p a:before{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	content: url(https://ww2history.com/css/SmallIcons_video.png);
	float:left;
	padding-right:4px;
	margin-top:-10px;
}
#videoContainer li p a{
	width:240px;
	float:left;
}
#videoContainer li img{
	outline:none;
	border:1px solid;
	width:110px;
	height:62px;
	-webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration:none;
	position:relative;
	z-index:1;
}
#videoContainer li:hover p, #videoContainer li.show p{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	display:block;
}
#videoContainer li:hover img, #videoContainer li.show img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration:none;
	width:160px;
	height:90px;
	z-index:999;
	margin-left:-25px;
	margin-top:-6px;
}
#videoContainer li:hover div.playBox, #videoContainer li.show div.playBox {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	display:block;
}
#videoContainer li:first-child{
	left:50px;
}
#videoContainer li:nth-child(2){
	left:110px;
}
#videoContainer li:nth-child(3){
	left:170px;
}
#videoContainer li:nth-child(4){
	left:230px;
}
#videoContainer li:nth-child(5){
	left:290px;
}
/* New Home */
.newhomebox {
	display: inline-block;
    float: left;
    line-height: 1.75em;
    margin-right: 20px;
}
.newhomebox img {
	float:left;
	margin-right:20px;
}
.newhomebox p{
	font-size:1.2em;
}
.newhomebox li.block1 a{
	font-weight:bold;
}
#homecontent_bott ul li h2 a{
	font-weight:normal;
}
.newhomebox li {
	float:left;
}
.newhomebox li.block1 {
	width:566px;
	margin-left:20px;
}
.newhomebox li.block1 p {
	padding-bottom:20px;
}
.newhomebox li.block2 {
	width:270px;
	margin-left:20px;
}
.newhomebox li.block3 {
	width:270px;
	margin-left:20px;
}
.newhomebox li.block3 img {
	margin-left:0px;
}
.newhomebox li.block2 p{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#cccccc;
	font-size:1.4em;
	margin-bottom:20px;
}
.newhomebox li.block2 p span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.857em;
}
h1#alsosite {
	margin-top:30px;
}

h1#cookie {
    font-size: 2em;
    padding-bottom: 24px;
    border-bottom: solid 1px #7C6144;
}