@import "normalize.css";
@import "typography.css";


/* Layout & Colours */
@font-face{
	 font-family: 'OpenSansCondensedLight';
    src: url('/themes/britannica/fonts/opensans-condlight-webfont.eot');
    src: url('/themes/britannica/fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/britannica/fonts/opensans-condlight-webfont.woff') format('woff'),
         url('/themes/britannica/fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('/themes/britannica/fonts/opensans-condlight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background: #f2f2f2 url(../images/bg.jpg) repeat;}
#container { width:940px; margin: 0px auto; }

header {height: 106px; }
.ie7 header {height: 130px; z-index: 999; position: relative; }
#strapline { height: 20px; margin: 24px 10px 0 0; text-align: right; font-family: 'PT Serif', serif; font-weight: 400; font-size: 17px; color: #000000; font-style: italic; }
#strapline hr { width: 280px; height: 2px; display: inline-block; float: left; margin: 15px 0 0 300px; color: #000000; background-color: #000000; }
.strapline-advancing { text-transform: uppercase; color: #629FE2; font-style: normal; }
.ie7 #strapline hr {position: relative; left:-350px; top:-5px; }
.ie7 #strapline span { position: relative; top:-35px; }
.ie7 #strapline.SubSite span { position: relative; top: 0px; }

#logo {display: inline-block; float:left;}

/* Nav */
nav {width:660px; height: 70px; float:right; margin:10px 0 0 0; font-family: 'OpenSansCondensedLight', Arial Narrow, Arial, sans-serif; font-size: 17px; }
nav.SubSite {width:auto;}
.ie7 nav.SubSite {width: 382px;}
nav ul {display:inline-block; list-style: none; height:54px; background:#333333 url(../images/nav-bg.jpg) repeat-x; color:#FFF;
	-webkit-border-radius:8px; -moz-border-radius:8px;  border-radius:8px;
	-moz-box-shadow: 0px 1px 5px  #fff; -webkit-box-shadow: 0px 1px 5px  #fff; box-shadow: 0px 1px 5px  #fff; }
.ie7 nav.SubSite ul { float: right; margin-right: 10px; }
.ie7 nav.SubSite img.navShadow {clear: both; margin-top: 2px; }
nav ul { behavior: url(/themes/britannica/js/lib/PIE.htc); }
nav ul li {position:relative; float:left; padding:16px 13px 16px 12px; margin:0; min-height: 22px; }
/*nav ul li.SubSite {padding:16px 20px;}*/ /*Removed to support extra nav item on subsite*/
nav ul li:hover {background:  #0c2740 url(../images/nav-bg-hover.jpg) repeat-x; }
nav ul li.current {background: #18456f url(../images/nav-bg-active.jpg) repeat-x; }
nav ul li.section {background: #18456f url(../images/nav-bg-active.jpg) repeat-x; }
nav ul li ul li:hover {background: #0c2740 url(../images/nav-bg-hover.jpg) repeat-x; }

nav ul li:first-child {padding-left:23px; }
nav ul li:last-child {padding-right:23px; }
.ie7 nav ul li.DD2, .ie7 nav ul li.DD2.section, .ie7 nav ul li.DD2.current, .ie8 nav ul li.DD2, .ie8 nav ul li.DD2.section, .ie8 nav ul li.DD2.current {padding-right:23px; }

nav ul li:first-child:hover, nav ul li.current:first-child {-webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; padding-left:23px;}
nav ul li:last-child:hover, nav ul li.current:last-child, nav ul li.section:last-child  {-webkit-border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; padding-right: 23px;}

.ie7 nav ul li:first-child:hover, .ie7 nav ul li.current:first-child, .ie8 nav ul li:first-child:hover, .ie8 nav ul li.current:first-child {padding-left:13px; margin-left:10px;}
.ie7 nav ul li ul li:first-child:hover, .ie7 nav ul li ul li.current:first-child, .ie8 nav ul li ul li:first-child:hover, .ie8 nav ul li ul li.current:first-child {padding-left:13px; margin-left:-10px; }
.ie7 nav ul li.DD2:hover, .ie7 nav ul li.DD2.current, .ie7 nav ul li.DD2.section, .ie8 nav ul li.DD2:hover, .ie8 nav ul li.DD2.current, .ie8 nav ul li.DD2.section { padding-right:13px; margin-right:10px;}

nav ul li a {color:#FFF; text-shadow:#000 1px 1px 1px; display: block;  }
nav ul li a:hover {color:#fff;}
nav ul li a:visited {color:#fff;}
nav ul li ul {background:#7d7e80 url(../images/nav-bg-dd1.jpg) repeat-x; position:absolute; left:0px; top:54px; width:100px; height:auto; margin:0 0 0 0; padding:0 0 10px 10px; list-style: none; float: left;
	-webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px;  border-radius:0 0 8px 8px;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
nav ul li ul {behavior: url(/themes/britannica/js/lib/PIE.htc); }
nav ul li ul.subDD2 {left:-20px; width:80px; }
.ie8 nav ul li ul.subDD2 {left:-30px;  width:80px; }

nav ul li ul li {margin:0 0 0 -10px;  padding:16px 11px; /*width:84px;*/ }
nav ul li ul.subDD2 li {width:64px;}
nav ul li ul.subDD1 li:hover, nav ul li ul.subDD1 li.current, nav ul li ul.subDD2 li:hover, nav ul li ul.subDD2 li.current, nav ul li ul.subDD1 li, nav ul li ul.subDD1 li.current, nav ul li ul.subDD2 li,  nav ul li ul.subDD2 li.current {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding-left:13px; padding-right:13px;}
nav ul li ul { display: none; z-index: 999;}
nav ul li ul * { z-index: 999;}
/*nav li:hover ul { display: block; }*/
nav ul li ul.display { display: block; z-index: 999;}
.navShadow { display:block; padding: 0; margin:-2px 0 0 0; }

nav a.linkAsia {background: #DDDDDD url(../images/nav-ext-bg.png) repeat-x; border-radius: 8px; padding: 11px 13px 10px; display: inline-block; float: right; color: #000000; text-shadow: #FFF 1px 1px 1px; }
nav a.linkAsia:hover {background: #DDDDDD url(../images/nav-ext-bg-active.png) repeat-x;}
.lt-ie9 nav a.linkAsia {behavior: url(/themes/britannica/js/lib/PIE.htc);}
nav a.linkAsia img { padding-left: 13px;}

/* Buttons */

#main a.button {line-height:37px; height:37px; margin:0 0 0 10px; padding:0 0 0 12px; min-width:140px; display:block; float:left; background: transparent url(../images/button-bg.png) repeat-x; color:#FFFFFF; font-family: 'PT Serif', serif; font-weight:700; font-size:18px; text-shadow:#333 1px 1px 2px; text-decoration: none;  position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); -moz-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); box-shadow:0px 1px 3px rgba(50, 50, 56, 0.75);}
#main a span {margin:0 12px 0 30px; font-size:20px; }
#main a.button:hover { background-position: 0 -37px; outline: none; }
#main a.button:active { background-position: bottom; outline: none; -webkit-box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75); -moz-box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75); box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75);}
#main a.button, #main a.button:hover,#main a.button:active { behavior: url(/themes/britannica/js/lib/PIE.htc); }

#main a.button-lrg {line-height:50px; height:50px; margin:0 0 0 10px; padding:0 0 0 12px; min-width:140px; display:block; float:left; background: transparent url(../images/button-bg-lrg.png) repeat-x; color:#FFFFFF; font-family: 'PT Serif', serif; font-weight:700; font-size:24px; text-shadow:#333 1px 1px 2px; text-decoration: none;  position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); -moz-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); box-shadow:0px 1px 3px rgba(50, 50, 56, 0.75);}
#main a.button-lrg span {margin:0 12px 0 30px; font-size:24px; }
#main a.button-lrg:hover { background-position: 0 -50px; outline: none; }
#main a.button-lrg:active { background-position: bottom; outline: none; -webkit-box-shadow: inset 0px 0px 15px 4px rgba(50, 50, 56, 0.75); -moz-box-shadow: inset 0px 0px 15px 4px rgba(50, 50, 56, 0.75); box-shadow: inset 0px 0px 15px 4px rgba(50, 50, 56, 0.75);}
#main a.button-lrg, #main a.button-lrg:hover,#main a.button-lrg:active { behavior: url(/themes/britannica/js/lib/PIE.htc); }

#main a.button-sml{line-height:14px; height:18px; width:18px; display:block; float:left; background: transparent url(../images/button-bg-sml.jpg) repeat-x; color:#FFFFFF; font-family: 'PT Serif', serif; font-weight:700; font-size:14px; text-shadow:#333 1px 1px 2px; text-decoration: none;  position: relative; text-indent:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); -moz-box-shadow: 0px 1px 3px rgba(50, 50, 56, 0.75); box-shadow:0px 1px 3px rgba(50, 50, 56, 0.75);}
#main a.button-sml:hover { background-position: 0 -18px; outline: none; }
#main a.button-sml:active { background-position: bottom; outline: none; -webkit-box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75); -moz-box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75); box-shadow: inset 0px 0px 8px 2px rgba(50, 50, 56, 0.75);}
#main a.button-sml, #main a.button-sml:hover,#main a.button-sml:active { behavior: url(/themes/britannica/js/lib/PIE.htc); }

#main a.button.asia, #main a.button.australia, #main a.button.newzealand { min-width:30px; position:absolute; z-index:200; }
#main a.button.asia { margin:140px 0 0 340px;}
#main a.button.australia { margin:405px 0 0 480px; }
#main a.button.newzealand { margin:500px 0 0 720px; }
#main a.button.asia span, #main a.button.australia span, #main a.button.newzealand span {margin:0 12px 0 10px; font-size:20px; }

/* Headers*/
h1, h2 {font-family: 'PT Serif', serif; font-weight:700; color:#205080; }
h1 { font-size:30px; margin:5px 0 10px 0;}
h2 { font-size:20px; margin:3px 0 3px 0;}
h3 { font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 27px; margin:3px 0 3px 0; color:#FFFFFF; text-shadow:#666 1px 1px 1px; }
h4 { font-family: 'Open Sans', sans-serif; font-weight:300; font-size: 22px; margin:3px 0 3px 0; color:#205080; }

#tactical h2 a { color:#205080; }
#tactical h2 a:hover { color:#4081ce; }

/* Images */
#main img.left {float:left;}
#main img.right {float:right;}

.typography img.left {float:left; padding:5px;}
.typography img.right {float:right; padding:5px;}

/* Banners Home page*/
#banner {margin:0 0 20px 0; height:323px;}
#banner.SubSite, #banner.NoRatings {height:295px;}
/* .ie7 #banner { padding-top:15px; height:295px; position:relative;} */
.banner-homepage #col1 {width:460px; height:318px; float:left; background: url(../images/banner-bg-half.jpg) 20px 40px no-repeat;}
.banner-homepage #col2 {width:460px; height:318px; float:right; background: url(../images/banner-bg-half.jpg) 0 40px no-repeat;}
.banner-homepage.SubSite #col1, .banner-homepage.NoRatings #col1 {width:460px; height:290px; float:left; background: url(../images/banner-bg-half.png) 20px 40px no-repeat;}
.banner-homepage.SubSite #col2, .banner-homepage.NoRatings #col2 {width:460px; height:290px; float:right; background: url(../images/banner-bg-half.png) 0 40px no-repeat;}
.banner-homepage #col1 h1 { float:right; display:block; position: absolute; margin-left:190px;}
.banner-homepage #col2 h1 { float:left; display:block; position: absolute; }
.ie7 .banner-homepage #col1 h1 { float:right; display:block; position: absolute; margin-left:-60px;}
.banner-homepage #col1 img { margin-top:5px;}

.banner-homepage .starsHolder { height:18px; margin:44px 0 0; }
.banner-homepage.SubSite .starsHolder, .banner-homepage.NoRatings .starsHolder { display: none; }
.banner-homepage #col2 .starsHolder { margin-left:10px; }
.banner-homepage .starsBox { position: relative; width: 100px; margin:0 0 0 8px; }
.banner-homepage .starsBox a { display: block; text-indent: -1000em; }
.banner-homepage .star-unselected { background: url("../images/star-sprite-small-single.png") repeat-x scroll 0 -18px transparent; height: 18px; width: 100px; }
.banner-homepage .starsRating { color: #f5d849; font-family:'Open Sans',sans-serif; font-size:0.858em; font-weight:400;  line-height: 18px; text-shadow: 0px 1px 0px #000000; background: url("../images/ratings-shadow.png") -3px 22px  no-repeat; }
.banner-homepage .starsRating small {}
.banner-homepage .star-selected { background: url("../images/star-sprite-small-single.png") repeat-x scroll 0 0 transparent; height:18px; position: absolute; top: 0; width:20px; }
.banner-homepage .star-hover { height:18px; position: absolute; top: 0; width: 60px;}

  /*2 columns*/
.banner-homepage #col1 ul, .banner-homepage #col2 ul { display:block; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#FFFFFF; line-height: 1em; text-shadow:#333 1px 1px 1px;}
.banner-homepage #col1 ul li, .banner-homepage #col2 ul li{ display:inline-block; margin:0 0 8px 0; }

.banner-homepage #col1 ul {margin:24px 25px 10px 270px;}
.banner-homepage.SubSite #col1 ul, .banner-homepage.NoRatings #col1 ul {margin: 60px 25px 10px 270px;}
.banner-homepage #col1 ul li span { background: url(../images/sprite-banner-icons.png) 0 0 no-repeat; width:24px; height:24px; float: left; margin-right:10px;}
.banner-homepage #col1 ul li span.icon1 { background:url(../images/sprite-banner-icons.png) no-repeat 0 0;}
.banner-homepage #col1 ul li span.icon2 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -24px;}
.banner-homepage #col1 ul li span.icon3 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -48px;}
.banner-homepage #col1 ul li span.icon4 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -72px;}
.banner-homepage #col1 ul li span.icon5 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -96px;}
.banner-homepage #col1 a.button {margin-left:25px; }

.banner-homepage #col2 h1 { margin-left:20px; }
.banner-homepage #col2 img { margin-top:5px; }
.banner-homepage #col2 ul { margin:25px 30px 10px 20px; width:165px; }
.banner-homepage.SubSite #col2 ul, .banner-homepage.NoRatings #col2 ul { margin:60px 30px 10px 20px; }
.banner-homepage #col2 ul li span { background: url(../images/sprite-banner-icons.png) 0 0 no-repeat; width:24px; height:24px; float: left; margin-right:10px;}
.banner-homepage #col2 ul li span.icon1 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -120px;}
.banner-homepage #col2 ul li span.icon2 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -144px;}
.banner-homepage #col2 ul li span.icon3 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -168px;}
.banner-homepage #col2 ul li span.icon4 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -72px;}
.banner-homepage #col2 ul li span.icon5 { background:url(../images/sprite-banner-icons.png) no-repeat 0 -96px;}
.banner-homepage #col2 a.button {margin-left:20px; }

/* Banners Home page end*/


/* Banners */
#banner.banner { width:940px; height:460px; background:url(../images/banner-bg.jpg) bottom no-repeat; -moz-border-radius: 0 0 22px 22px; -webkit-border-radius: 0 0 22px 22px; border-radius: 0 0 22px 22px; border:none; }
#banner.banner { behavior: url(/themes/britannica/js/lib/PIE.htc); }

#main #banner.banner img.left {margin-top:-40px;}

#banner.banner.notabs { width:940px; height:390px; background:transparent url(../images/banner-bg.jpg) 0 37px no-repeat; -moz-border-radius: 0 0 22px 22px; -webkit-border-radius: 0 0 22px 22px; border-radius: 0 0 22px 22px; border:none; }
.ie7 #banner.banner.notabs { background:transparent url(../images/banner-bg.jpg) 0 55px no-repeat; ; }

#banner.banner.notabs { behavior: url(/themes/britannica/js/lib/PIE.htc); }

#banner.banner .panel { position:relative; display:block; width:940px; height:353px; float: left; }

#banner.banner .bannerTitle  { margin:0 0 0 240px; z-index:100; height:34px; position:relative; }
#banner.banner .bannerTitle h1 {  float:left; display:inline-block; margin:0; }

#banner.banner .bannerTitle .starsHolder { float:left; display:inline-block; height:34px; margin:0 0 0 10px; }
#banner.banner .bannerTitle .starsBox { position: relative; width: 170px; }
#banner.banner .bannerTitle .star-unselected { background: url("../images/star-sprite-single.png") repeat-x scroll 0 -34px transparent; height: 34px; width: 170px; display: block; }
#banner.banner .bannerTitle .starsRating { color: #adadad; font-family:'Open Sans',sans-serif; font-weight:700;  line-height: 34px; margin-left: 14px; text-shadow: 0px 1px 0px #ffffff; background: url("../images/ratings-shadow.png") -3px 22px  no-repeat; }
#banner.banner .bannerTitle .starsRating small {font-weight:400;}
#banner.banner .bannerTitle .star-selected { background: url("../images/star-sprite-single.png") repeat-x scroll 0 0 transparent; height: 34px; position: absolute; top: 0; width: 36px; text-indent: -1000em;}

#banner.banner .copy { position:relative; width:470px; height:225px; margin:0 0 0 400px; top:55px; }
#banner.banner .copy .copy-wrapper { position:absolute; top:50%; height:100px; margin-top:-50px; }
#banner.banner .copy  p {color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:16px; text-shadow:#666 1px 1px 1px; }
#banner.banner .copy  p.quote { font-style:italic; }
#banner.banner .copy  p.quote.right { text-align:right; }
#banner.banner .copy.narrow { position:relative; width:450px; height:225px; margin:0 0 0 450px; top:15px; }
#banner.banner .cta { position: relative; display:block; width:360px; height:80px; margin:0 0 0 540px; top: 20px; font-size:14px; color:#FFFFFF; text-shadow:#666 1px 1px 1px;}
#banner.banner.notabs .cta {width:440px; margin:0 0 0 460px;}
#banner.banner .cta p { display:block; line-height:15px;}
#banner.banner.notabs .cta p { padding:19px 0 0 0;}
#banner.banner .cta p .price { font-size:16px; color:#c6d7e8; }
#banner.banner .cta .member-login { font-size:10px; text-align:right; text-shadow:none;  }
#banner.banner .cta .member-login a { color:#FFFFFF; text-decoration:underline; }
#banner.banner .cta .member-login a:hover { color:#c6d7e8; text-decoration: none; }
#banner.banner .cta .trial { float:right; }

#banner.banner #nav-banner { width:940px; height:73px; }
#banner.banner #nav-banner ul { display:inline-block; list-style: none; margin:0; padding:0; }
#banner.banner #nav-banner ul li { display:block; float:left; width:186px; height:73px; line-height: 1em; }
#banner.banner #nav-banner ul li span:hover { cursor:pointer;}
#banner.banner #nav-banner ul li span { width:46px; height:46px; float: left; margin:0 7px 0 10px; padding:0;}
/*#banner.banner #nav-banner ul li span.tab1 { background: url(../img/cms/icon-banner-world.png) 0 0 no-repeat;}
#banner.banner #nav-banner ul li span.tab2 { background: url(../img/cms/icon-banner-film.png) 0 0 no-repeat;}
#banner.banner #nav-banner ul li span.tab3 { background: url(../img/cms/icon-banner-article.png) 0 0 no-repeat;}
#banner.banner #nav-banner ul li span.tab4 { background: url(../img/cms/icon-banner-hat.png) 0 0 no-repeat;}
#banner.banner #nav-banner ul li span.tab5 { background: url(../img/cms/icon-banner-clock.png) 0 0 no-repeat;}*/
#banner.banner #nav-banner ul li span.active { background-position: 0 -47px; }
#banner.banner #nav-banner ul li.active { behavior: url(/themes/britannica/js/lib/PIE.htc); -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .75); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .75); box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, .75);}
#banner.banner #nav-banner ul li a { display:block; width:100%; padding:15px 0 15px 0; font-size:13px; color:#143352; text-transform:uppercase;  text-shadow:#6faaf8 1px 1px 1px;}
#banner.banner #nav-banner ul li a:hover { color:#FFFFFF; }
#banner.banner #nav-banner ul li a.active { color:#FFFFFF; text-shadow:#6faaf8 1px 1px 1px; }
#banner.banner #nav-banner ul li.devider { height:57px; padding:15px 0 0 0; width:2px; box-shadow:none; background:#669ee9;}
#banner.banner #nav-banner ul li:first-child { width:188px; -webkit-border-radius:0 0 0 28px; -moz-border-radius:0 0 0 28px; border-radius:0 0 0 28px; }
#banner.banner #nav-banner ul li:first-child { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#banner.banner #nav-banner ul li:last-child { -webkit-border-radius:0 0 28px 0; -moz-border-radius:0 0 28px 0; border-radius:0 0 28px 0 ; }
#banner.banner #nav-banner ul li:last-child { behavior: url(/themes/britannica/js/lib/PIE.htc); }
/* Banners end*/

/* content area*/
#content {display:block; position:relative; width:940px;  }
#content.typography #content-wrapper { width:940px; background:#FFFFFF; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; border:#adcae6 1px solid; border-top:none; }
#content.typography #content-wrapper { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#content.typography #content-wrapper .col1 { position:relative; display:block; float:left; width:450px; margin: 20px 0 20px 20px; }
#content.typography #content-wrapper .col2 { position:relative; display:block; float:right; width:450px; margin: 20px 20px 20px 0; }

/* Search results*/
#main #SearchPage.typography { width:940px; background:#FFFFFF; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; border:#adcae6 1px solid; border-top:none; }
#main #SearchPage.typography { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#main #SearchPage.typography ul#SearchResults { padding: 20px 20px 0 20px; margin-top:20px;}
#main #SearchPage.typography ul#SearchResults li { margin: 0 0 40px 0; }
#main #SearchPage.typography ul#SearchResults li h1, #main #SearchPage.typography ul#SearchResults h2, #main #SearchPage.typography ul#SearchResults h3, #main #SearchPage.typography ul#SearchResults h4, #main #SearchPage.typography ul#SearchResults h5, #main #SearchPage.typography ul#SearchResults h6 {
	text-shadow:none;
	color:#205080;
	margin: 10px 0 5px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;}
#main #SearchPage.typography ul#SearchResults li h1 { font-size:32px;}
#main #SearchPage.typography ul#SearchResults li h2 { font-size:26px;}
#main #SearchPage.typography ul#SearchResults li h3 { font-size:20px;  }
#main #SearchPage.typography ul#SearchResults li h3 a.searchResultHeader { font-family:'PT Serif', serif; font-size:30px; margin-bottom: 25px; font-weight: 700;}
#main #SearchPage.typography ul#SearchResults li h4 { font-size:16px;}
#main #SearchPage.typography ul#SearchResults li h5 { font-size:12px;}
#main #SearchPage.typography ul#SearchResults li h6 { font-size:9px;}

#main #SearchPage.typography ul#SearchResults li a.readMoreLink { margin:10px 0 0 50px; font-size: 80%; white-space: pre;}
#main #SearchPage.typography ul#SearchResults li img { float:none;}
#main #SearchPage.typography ul#SearchResults li .highlight { font-weight: bold;}
#main #SearchPage.typography #PageNumbers { height: 20px; width:200px; margin: 60px 30px 30px 700px; }
/* Pageination */
#PageNumbers span.next, #PageNumbers span.prev {
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:silver 1px solid;
	padding:5px 10px;
	margin:0 10px;
	color:silver;
}
#PageNumbers a.pageNumber {
	text-decoration:underline;
	margin-right:5px;
}
#PageNumbers span.pageNumber {
	font-weight:bold;
}
#PageNumbers a.next, #PageNumbers a.prev {
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	border:#adcae6 1px solid;
	padding:5px 10px;
	margin:0 10px;
	}
#PageNumbers a.next:hover, #PageNumbers a.prev:hover {
	background: #adcae6;
	color: white;
	}
#PageNumbers a.next:active, #PageNumbers a.prev:active {
	background: #003;
	color: white;
	}

/* Feature Product */
#content.typography #feature-product { width:940px; height:187px; margin:40px 0 25px 0;  background: url(../images/feature-product-bg.jpg)  0 bottom no-repeat; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; border:#adcae6 1px solid; border-top:none; }
#content.typography #feature-product {  behavior: url(/themes/britannica/js/lib/PIE.htc); }
.ie7 #content.typography #feature-product { position:relative;  height:180px; margin-bottom:50px; }
#content.typography #feature-product img { margin-top:-30px;}
.ie7 #content.typography #feature-product img { margin-top:0px;}
#content.typography #feature-product .columns-wrapper .col1 { position:relative; display:block; float:left; width:315px; margin: 0px 0px 10px 20px; }
#content.typography #feature-product .columns-wrapper .col2 { position:relative; display:block; float:left; width:230px; margin: 5px 10px 10px 20px; }
#content.typography #feature-product .columns-wrapper .col3 {  position:relative; display:block; float:right; width:120px; margin: 50px 5px 0 0; }
#content.typography .categorie { width:923px; height:auto; display:block; background:#FFFFFF; margin: 0 0 20px 0; padding:15px 0px 15px 15px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; border:#adcae6 1px solid; border-top:none; }
#content.typography .categorie { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#content.typography #categorie-wrapper .item { width:215px; height: 145px; float:left; margin: 0 15px 10px 0; padding-bottom:10px; border-bottom:#adcae6 1px solid;}
#content.typography #categorie-wrapper img { float:left; padding-right:5px; position:absolute; }
#content.typography #categorie-wrapper .details { float:right; }
#content.typography #categorie-wrapper a.button, #content.typography #feature-product a.button { min-width:70px; margin:0; padding:0 0 0 10px; font-size:14px; }
#content.typography #categorie-wrapper a span, #content.typography #feature-product a span {margin:0 10px 0 8px; font-size:16px; }
/* Feature Product end */

/* content area end */

/* Tactical */
#tactical { width:940px; margin:25px 0 0 0; padding:0; }
#tactical #wrapper { background:#FFFFFF; padding:10px 0 10px 0;}
#tactical span img { display:block; }
#tactical #col1 { float:left; }
#tactical #col2 { float:right; }
#tactical .tactical-box-left-top, #tactical .tactical-box-left-bottom, #tactical .tactical-box-right-top, #tactical .tactical-box-right-bottom { width:420px; height:115px; }
#tactical .tactical-box-left-top, #tactical .tactical-box-left-bottom { margin:10px 0 10px 20px; padding-bottom:10px;}
#tactical .tactical-box-right-top, #tactical .tactical-box-right-bottom { margin:10px 20px 10px 0; }
#tactical img { float:left; margin:0 20px 0 0; }
#tactical a.button-sml { float:right;}
#tactical a.button-sml.left { float:left; margin:10px 20px 0 0px;}
#tactical a.button-sml.right { float:right; margin:10px 0px 0 20px;}
#tactical hr { margin:0; padding:0; color:#000;  }
#tactical p { padding-right: 20px; margin:0; }

/* Member review */
#tactical .quote { float:left; margin:-35px 0 0 35px;  position: relative; padding:0; width:205px; display: inline-block; }
#tactical .quote p {  padding:0; margin:15px 0 0 0; line-height:1.1;}
#tactical .quote p.member-quote { font-style:italic; padding:0; }
#tactical .quote p.name { text-align:right; padding:5px 0 0 0; margin:0;}
#tactical .quote p.name span.small { font-size:11px; color:#666666;}
/* Member review end */


#tactical ul { font-size: 13px; list-style: url(../images/ul-arrow.jpg); float:left; display:block; margin: 10px 0 0 15px;}
#tactical ul li { margin-left:15px; }
#tactical .social { width:420px; height:66px; background:url(../images/social-bg.jpg) no-repeat; }
#tactical .social-fb-wrapper { width:32px; height:60px; margin:6px 0 0 150px; background:url(../images/social-icon-fb-ref.png) bottom no-repeat; float:left; display:inline-block; }
#tactical .social-twitter-wrapper { width:32px; height:60px; margin:6px 0 0 10px; background:url(../images/social-icon-twitter-ref.png) bottom no-repeat; float:left; display:inline-block;}
#tactical .social-rss-wrapper { width:32px; height:60px; margin:6px 0 0 10px; background:url(../images/social-icon-rss-ref.png) bottom no-repeat; float:left; display:inline-block;}
#tactical .social-ut-wrapper { width:32px; height:60px; margin:6px 0 0 10px; background:url(../images/social-icon-ut-ref.png) bottom no-repeat; float:left; display:inline-block;}
#tactical .social-fb-wrapper a img, #tactical .social-twitter-wrapper a img,#tactical .social-rss-wrapper a img, #tactical .social-ut-wrapper a img { margin-top:6px;}
#tactical .social-fb-wrapper a:hover img, #tactical .social-twitter-wrapper a:hover img,#tactical .social-rss-wrapper a:hover img, #tactical .social-ut-wrapper a:hover img { margin-top:0px;}
/* Tactical end*/


/* tactical-internal */
#tactical-internal { display:block; width:940px;
					 height:110px;
					 margin: 10px 0 20px 0; }
#tactical-internal #col1 { position:relative; display: inline-block; float:left; width:460px; height:110px; background:url(../images/tactical-bg.png) bottom no-repeat; }
#tactical-internal #col1 img { margin:0 0 0 40px; }
#tactical-internal #col1 h1 { text-align: right; margin:15px 30px 0 0; }
#tactical-internal #col1 a.button { margin:17px 0 0 120px;}
#tactical-internal #col2 { position:relative; display: inline-block; float:right; width:460px; height:110px; background:url(../images/tactical-bg.png) bottom no-repeat; }
#tactical-internal #col2 img { margin:0 40px 0 0; }
#tactical-internal #col2 h1 { margin:15px 0 0 20px; }
#tactical-internal #col2 a.button { margin:17px 0 0 20px;}
/* tactical-internal end*/


/* Feeds */
#feeds { display:block; margin: 20px 0 20px 0; overflow:hidden; zoom:1;}
#feeds #blog { width: 460px; height:96px; border:#adcae6 1px solid; float:left;  background: #FFF url(../images/feeds-bg.jpg) top repeat-x; font-size:11px; line-height:19px; -webkit-border-radius:8px; -moz-border-radius:8px;  border-radius:8px; }
#feeds #blog { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#feeds #blog .header { height:31px; width:100%; color:#FFFFFF; line-height:30px; font-size:15px; text-shadow: #666 1px 1px 1px; margin-bottom:6px; }
#feeds #blog .header img { margin:1px 8px 0 12px; }
#feeds #blog .blog-item {padding: 0 0 0 48px;}

#feeds #tweets { width: 460px; height:96px; border:#adcae6 1px solid; float:right;  background: #FFF url(../images/feeds-bg.jpg) top repeat-x; font-size:11px; line-height:19px; -webkit-border-radius:8px; -moz-border-radius:8px;  border-radius:8px; }
#feeds #tweets { behavior: url(/themes/britannica/js/lib/PIE.htc); }
#feeds #tweets .header { height:31px; width:100%; color:#FFFFFF; line-height:30px; font-size:15px; text-shadow: #666 1px 1px 1px; margin-bottom:6px; }
#feeds #tweets .header .twitter-name, #feeds #tweets .header .twitter-name * { color: white; margin-left:10px; line-height:30px; font-size:11px; text-shadow:none;}
#feeds #tweets .header .twitter-handle, #feeds #tweets .header .twitter-handle * { color: #3ec4f5; margin-left:15px; line-height:30px; font-size:11px; text-shadow:none;}
#feeds #tweets .header img { margin:1px 8px 0 8px; }
#feeds #tweets #twitterContent {padding: 0 28px 0 48px;}

#feeds a.button-sml.left { float:left; margin:0 20px 0 10px;}
#feeds a.button-sml.right { float:right; margin:0 10px 0 20px;}
/* Feeds */


/* login forms */
#content.typography form, .ie9 #content.typography fieldset { margin: 10px 0 10px 20px; }
#content.typography form p {margin: 10px 0 10px 0;}
#content.typography form h3 { clear: both; }
#content.typography form label.required, #content.typography form p.bad { color:#F33; }
#content.typography form label { margin: 10px 0 5px 0; }
#content.typography form select, #content.typography form input[type=text], #content.typography form textarea { display: block; width: 306px; }
#content.typography form p#ForgotPassword { font-size:80%; margin-top:5px; }
#content.typography form .field { margin:0 0 10px 0;}

/*user forms */
.typography label.left { display: inline-block; width: 300px; vertical-align: top; margin: 10px 0 0 0;}
.typography .middleColumn { display: inline-block; margin: 3px 3px 0px 3px; padding: 4px; }
#content.typography .middleColumn ul, #content.typography .middleColumn li { margin: 0 0 5px 0; list-style: none; }
.typography .middleColumn input.text, .typography .middleColumn textarea { width: 300px;}
#content.typography h3.FormHeading {margin: 5px 0 6px 0px;}
#Form_Form_EditableRadioField7 li {display: inline-block;}
.ie7 #content.typography form .field { clear: both;}
.ie7 #content.typography form label, .ie7 #content.typography form .middleColumn, .ie7 #content.typography form .message { float: left; display: inline-block;}
.ie7 #content.typography form .message { margin: 10px 0 5px 0; }

/*Review Forms*/
#content.typography form label.top {display:block; width:auto; margin:10px 0 2px 0; }
.ie7 #content.typography form#Form_UserReviewForm label { float: none; }
	.typography .leftColumn {margin:0; }
		.typography .leftColumn input[type="text"] {padding:5px;}
		#content.typography input[type="submit"] {background:#999 url('../images/button.png') 0 0 no-repeat; margin-top:10px; border:none; font-family:'PT Serif', serif; color:#fff; font-weight:bold; width:84px; height:41px; text-align:center; }

	#content.typography form small {color:#999; display:block;}

#content.typography input[type="text"].smallInput {float:left; width:106px;}
#content.typography .smallLabel {display: inline-block; margin-left:5px; line-height:30px;}
#content.typography input.error {color: #F33; border: 1px solid #F33;}
#content.typography form label.error { display: none;  font-size: 85%; margin: 3px 0; color: #F33;}

#content.typography ul.radioList {margin:10px 0 12px 0px; list-style:none;}
#content.typography ul.radioList li {list-style:none;}

.starsBox, .starsRating {float:left;}
#content.typography .starsHolder {height:34px; margin-top:4px;}
#content.typography .starsBox ul {margin: 0; list-style: none; position: relative; background:url('../images/star-sprite.png') 0 -34px no-repeat; width: 170px; height: 34px; }
#content.typography .starsBox li { display: inline; margin: 0; }
#content.typography .starsBox li a { position:absolute; top:0; left:0; text-indent:-1000em; height:34px; line-height: 34px; outline:none; overflow:hidden; border: none; }
#content.typography .starsBox li.terrible a { width: 34px; z-index: 5; }
#content.typography .starsBox li.bad a { width: 68px; z-index: 4; }
#content.typography .starsBox li.ok a { width: 99px; z-index: 3; }
#content.typography .starsBox li.good a { width: 131px; z-index: 2; }
#content.typography .starsBox li.excellent a { width: 170px; z-index: 1; }
#content.typography .starsBox li a:hover, #content.typography .starsBox li a.selected { background:url('../images/star-sprite.png') 0 0 no-repeat; }
#content.typography .starsRating {line-height:34px; color:#999; margin-left:4px;}
#content.typography .starsRating .rating {display: none;}
#content.typography #Form_UserReviewForm_Rating {display: none;}


/*Review page*/
#user-reviews{
    background: #84b6ea url(../images/reviews-bg.jpg) no-repeat;
    padding: 0 10px;
    color: #ffffff;
    margin: 60px 0 0; 
}
    #user-reviews #hero{
        background: url(../images/reviews-hero.png) no-repeat center bottom;
        padding: 0 0 110px 380px;
        position: relative;
        top: -10px;
        margin: 0 30px;
    }
        #user-reviews #hero h1{
            font:700 25px/25px 'Open Sans', sans-serif;
            padding: 50px 0 0;
            margin: 0;
        }
        #user-reviews #hero h2{
            color: #ffffff;
            font:400 54px/44px 'Open Sans', sans-serif;
            padding: 20px 0 0;
            margin: 0;
        }
        #user-reviews #hero h3{
            color: #ecb61c;
            font:600 25px/25px 'Open Sans', sans-serif;
            background: url(../images/reviews-star-hero.png) no-repeat 0 24px;
            padding: 25px 0 0 200px;
            margin: 0;
        }
        
        #user-reviews .cta {
            position: absolute;
            right: 26px;
            top: 217px;
        }
        
    #user-reviews #stats{
        background-color: #205080;
        padding: 30px;
        overflow: auto;
        height: auto;
        position: relative;
        top: -10px;
        margin: 0 30px;
    }
        #user-reviews #stats h4{
            text-align: center;
            color: #ffffff;
            font:600 20px/20px 'Open Sans', sans-serif;
            padding: 5px 0 30px 0;
            margin: 0
        }
        #user-reviews #stats .chart{
            width: 200px;
            height: 170px;
            text-align: center;
            float: left;
        }
    #user-reviews #review-holder{
        overflow: auto;
        height: auto;
        padding: 30px 0;
        margin: 0 0 0 30px;
    }
            #user-reviews #review-holder .review{
                margin: 0 0 20px 0;
                width: 420px;
                float: left;
            }
                #user-reviews #review-holder .review .text{
                    color: #555555;
                    padding: 30px 20px 40px 60px;
                    background: #ffffff url(../images/reviews-quote.jpg) no-repeat 20px 30px;
                }
                    #user-reviews #review-holder .review .text p{
                        color: #555555;
                        padding: 0;
                        margin: 0;
                        font:400 italic 16px/24px 'Open Sans', sans-serif;
                    }
            #user-reviews #review-holder .review .user{
                background-color: #205080;
                color: #ffffff;
                padding: 10px 20px;
            }
                #user-reviews #review-holder .review .user .starsHolder{
                    float: right;
                    margin: 0;
                    height: 18px
                }
                    #user-reviews #review-holder .review .user .starsBox{
                        position: relative;
                        width: 121px;
                    }
                    #user-reviews #review-holder .review .user .starsBox .star-selected{
                        background: url("../images/reviews-star-sprite-single.png") repeat-x scroll 0 -19px transparent;
                        height: 19px;
                        position: absolute;
                        top: 0;
                        width: 16px;
                        text-indent: -1000em;
                    }
                     #user-reviews #review-holder .review .user .starsBox .star-unselected {
                        background: url("../images/reviews-star-sprite-single.png") repeat-x scroll 0 0 transparent;
                        height: 19px;
                        width: 121px;
                        display: block;
                    }


/*Review widget*/

#user-review-widget{
    padding: 10px 0 0 0;
    text-align: center;
}

    #user-review-widget h3{
        font:400 italic 20px/35px 'Open Sans', sans-serif;
        color: #205080;
        padding: 0;
        margin: 0;
        text-align: center;
        text-shadow: 0 0 0;
    }

    #user-review-widget a.more-reviews{
        color: #898989;
        font:400 14px/14px 'Open Sans', sans-serif;
        text-decoration: none;
        margin: 10px 0 0;
        padding: 0;
        display: block;

    }
    #user-review-widget .review-user-name{
        position: relative;
        text-align: right;
        float: left;
        width: 50%;
    }
    #user-review-widget h4{
        padding: 0 10px 0 0;
        font:700 16px/16px 'Open Sans', sans-serif;

    }
    #user-review-widget #user-star{
        position: relative;
        width: 100%;
        float: left;
        margin: 0 0 10px 0;

    }

        #user-review-widget #user-star .starsHolder{
            padding: 5px 0 0 0;
            height: 18px;
            float: left;
            width: 50%;
        }
            #user-review-widget #user-star .starsBox{
                position: relative;
                margin:  0 0 0 10px;
                width: 121px;
            }
                #user-review-widget #user-star .starsBox .star-selected{
                    background: url("../images/reviews-star-sprite-single.png") repeat-x scroll 0 -19px transparent;
                    height: 19px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 16px;
                    text-indent: -1000em;
                }
                #user-review-widget #user-star .starsBox .star-unselected {
                    background: url("../images/reviews-star-sprite-single.png") repeat-x scroll 0 0 transparent;
                    height: 19px;
                    width: 121px;
                    display: block;
                }




/* Footer */
footer { display:block; height:220px; margin: 40px 0 20px 0; color:#000000; font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:300; text-shadow: #CCC 0px 1px 1px;}
footer #col1, footer #col2, footer #col3 {display:inline-block; width: 120px; height:220px; margin-right:30px; float: left;}
footer #col3 {width:235px;}
footer #col4 {width: 220px; height:220px; float: right;}

footer a {color:#595959;  }
footer a:hover {color: #6aaeff;}
footer a:active {color:#000;}
footer ul { margin:10px 0 0 0;}
footer ul li { margin:0 0 7px 0;}

footer h5 {color:#1b1b1b; font-size:18px; font-family: 'OpenSansCondensedLight', Arial Narrow, Arial, sans-serif; font-weight:300; margin:0 0 3px 0;}
footer hr {margin:0; padding:0; color:#000; background-color:#000; height:1px;}

span.social-fb, span.social-twitter, span.social-rss, span.social-ut {width:16px; height:17px; margin-right:3px; display:inline-block; }
span.social-fb {background:url(../images/icon-social-fb.png) no-repeat;}
span.social-twitter {background:url(../images/icon-social-twitter.png) no-repeat;}
span.social-rss {background:url(../images/icon-social-rss.png) no-repeat;}
span.social-ut {background:url(../images/icon-social-ut.png) no-repeat;}
footer a:hover span.social-fb, footer a:hover span.social-twitter, footer a:hover span.social-rss, footer a:hover span.social-ut {background-position: -16px 0;}
footer form{ display:block; width:218px; height:24px;}
footer form input{ display:block; float:left;}
footer form input#search, footer form input#CustomSearchForm_SearchForm_Search { height:22px; width:190px; border: 1px solid #595959; border-right:0; margin:0; padding:0; line-height:22px; text-indent: 8px;}
footer form input#button, footer form input#CustomSearchForm_SearchForm_action_results { height:24px; width:25px; border: 1px solid #595959; border-left:0; margin:0; padding:0; line-height:22px; background:url(../images/icon-seach.jpg) -2px 0px; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}
.ie8 footer form input#button {top:8px;}
.no-borderradius footer form input#button {behavior: url(/themes/britannica/js/lib/PIE.htc);}
footer form input#button:hover { background:url(../images/icon-seach.jpg) -2px 22px; }


/* User forms */
span.message.required, span.message.validation { color: #DD0000; }


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

				KIDS LANDING PAGE

			overwrite existing styles

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


/* apply a natural box layout model to all elements */
#kids-landing *, #kids-landing *:before, #kids-landing *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

/* font update */

#kids-landing p,
#banner.banner .copy p,
#kids-landing div,#kids-landing a{
	font-family: 'Gotham Light Regular','Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
} 

#kids-landing h1, #kids-landing #content.typography h1,
#kids-landing h2, #kids-landing #content.typography h2,
#kids-landing h3, #kids-landing #content.typography h3,
#kids-landing h4, #kids-landing #content.typography h4,
#kids-landing h5, #kids-landing #content.typography h5{
	font-family: 'Gotham Light Regular','Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
	margin:0px;
}

#kids-landing #content.typography h4,
#kids-landing #content.typography h5, 
#kids-landing #content.typography p, 
#kids-landing #content.typography a{
	padding:0px;
	margin:0px;
}


.breadcrumbs{
	display: block;
	margin-bottom: 13px;
}

	.breadcrumbs ul{
	}

		.breadcrumbs ul li{
			display: inline-block;
			font-family: 'PT Serif', serif;
			font-size: 16px;
			margin: 0px;
		}
		
		.breadcrumbs ul li a:hover{
			text-decoration:unerline;
		}
		
		.breadcrumbs ul li a:after{
			content:" / ";
		}


/* heading update */

#kids-landing h1,
#kids-landing #content.typography h1{
	font-size: 52px;
	line-height: .9;
	margin-bottom: 15px;
	letter-spacing: -.03em;
	/*text-shadow: #666 1px 1px 1px;*/
}

#kids-landing .bannerTitle h2, 
#kids-landing #content.typography .bannerTitle h2{
	text-indent: 85px;
	font-size: 39px;
	letter-spacing: -0.02em;
	background: url(../images/kids/world.png) no-repeat;
	padding: 12px 0px;
}

#kids-landing h3,
#kids-landing #content.typography h3{
	font-size: 28px;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
}

#kids-landing h4,
#kids-landing #content.typography h4{
	margin-bottom: 15px !important;
	font-size: 22px;
	/*text-shadow: #666 1px 1px 1px;*/
}

#kids-landing h5,
#kids-landing #content.typography h5{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px !important;
	text-transform:uppercase;
	line-height: 1.3;
	letter-spacing: .01em;
	font-size: 15px;
	font-weight: bold;
	font-family:arial,san-serif;
}

#kids-landing h6,
#kids-landing #content.typography h6{
	font-size: 14px;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 15px !important;
	line-height: 1.3;
	color: #fff !important;
	font-size: 15px;
}

#kids-landing #content.typography p{
	margin-bottom: 20px !important;
	font-size:14px;
}

/* button update */

#kids-landing a{
	color:#fff;
	text-decoration:none;
}

#kids-landing .button-lrg,
#kids-landing .typography .button-lrg{
	transition:all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s;
	background: #1f2e43;
	padding: 15px 30px !important;
	font-weight: 400;
	letter-spacing: 0em;
	font-size: 14px;
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	-moz-box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-shadow: #333 0px 0px 0px;
	text-align:center;
	line-height:normal;
	width:100%;
	height:auto !important;
	font-family: 'Gotham Light Regular','Open Sans', sans-serif;
	cursor:pointer;
}

#kids-landing .button-lrg:hover,
#kids-landing .typography .button-lrg:hover{
	background: #000;
}

#kids-landing #banner.banner .button-lrg{
	background: #ff3c7c;
	width:auto;
	line-height: 19px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	-moz-box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	box-shadow: 0px 0px 0px rgba(50, 50, 56, 0);
	text-shadow: #333 0px 0px 0px;
	font-family: 'Gotham Light Regular','Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-left: 0px;
}

#kids-landing #banner.banner .button-lrg:hover{
	background: #e0306a;
}

/* banner */

#kids-landing #banner {
	margin:0px;
}
	
	#kids-landing #banner.banner{
		background: #3a72bd;
		color:#fff;
		border-radius: 0 0 0px 0px;
		margin: 1px 0px 0px 1px;
		height:auto;
		min-height:480px;
	}
	
		#kids-landing #banner.banner .copy{
			position: absolute;
			width: 43%;
			min-height: 225px;
			margin: 0px;
			top: auto;
			bottom: 70px;
			left: 50px;
			display: block;
			clear: both;
		}
		
	#kids-landing #banner.CustomBanner{
		min-height:410px !important;
	}
	
		#kids-landing #banner.CustomBanner .panel{
			min-height:410px !important;
		}
		
		#kids-landing #banner.CustomBanner .copy{
			bottom:90px;
		}
	
		#kids-landing #banner.banner .Right{
			width: 38%;
			bottom: 110px;
			right: 50px;
			left:auto;
		}
		
		#kids-landing #banner.banner .Main{
			position: absolute;
			width: 49%;
			min-height: 225px;
			margin: 0px;
			top: auto;
			bottom: 37px;
			left: 50px;
			display: block;
			clear: both;
		}
		
			#kids-landing #banner.banner .copy .copy-wrapper{
				top: 0px;
				margin-top: 0px; 
			}
			
				#kids-landing #banner.banner .copy .copy-wrapper h4{
					margin: 20px 0px 30px !important;
					font-size:27px;
				}
			
				#kids-landing #banner.banner .copy .copy-wrapper p{
					margin-bottom:35px;
					font-size: 14px;
					line-height: 1.4;
					text-shadow: #666 0px 0px 0px;
				}
			
		
		#kids-landing #banner.banner .panel{
			background:#101b2d;
			height: auto;
			min-height: 479px;
		}

/* content */
	
#kids-landing #content{
	background: #3a72bd;
	color:#fff;
	margin: 0px 0px 0px 1px;
	padding:30px 75px 70px;
}

	#kids-landing #content.typography #content-wrapper{
		background:none;
		color:#fff;
		border-radius: 0px 0px 0px 0px;
		border: 0px;
		width:auto;
	}

/* column 0 */

#kids-landing #content.typography #content-wrapper .col0{
	margin: 30px 0px 0px;
	padding: 0px;
	background: #305c95;
	overflow: hidden;
	transition:all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s;
}

#kids-landing #content.typography #content-wrapper .col0:hover{
	background: #2b4d78;
}

	#kids-landing #content.typography #content-wrapper .col0 .col1,
	#kids-landing #content.typography #content-wrapper .col0 .col2{
		padding: 40px 40px 25px 40px;
	}
	
	#kids-landing #content.typography #content-wrapper .col0 .col1{
		width:50%;
		padding: 40px 0px 25px 40px;
	}
	
	#kids-landing #content.typography #content-wrapper .col0 .col2{
		width:40%;
	}
	
		#kids-landing #content.typography #content-wrapper .col0 .col2 .button-lrg{
			margin-top: 60px !important;
		}
		
		#kids-landing #content.typography #content-wrapper .col0 .col1 h5{
			height:auto;
			min-height:inherit;
		}


/* column 1 and 2 */

#kids-landing #content.typography #content-wrapper .col1,
#kids-landing #content.typography #content-wrapper .col2{
	margin: 0px;
	width: 45%;
}

	#kids-landing #content.typography #content-wrapper .col1 h5,
	#kids-landing #content.typography #content-wrapper .col2 h5{
		min-height: 42px;	
	}

	#kids-landing #content.typography #content-wrapper .col-wrapper{
		padding:30px 40px 40px;
		background: #305c95;
		overflow: hidden;
		min-height: 320px;
		transition:all ease-in-out .5s;
		-webkit-transition:all ease-in-out .5s;
		-moz-transition:all ease-in-out .5s;
	}
	
	#kids-landing #content.typography #content-wrapper .col-wrapper:hover{
		background: #2b4d78;
	}


/* column 4 */

#kids-landing #content.typography #content-wrapper .col4{
	margin: 70px 0px 0px;
	padding: 0px;
	min-height: 300px;
	overflow: hidden;
	transition:all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s;
	background:#f9cd48;
	color:#254375;
}

#kids-landing #content.typography #content-wrapper .col4:hover{
	background:#f9b848;
}

	#kids-landing #content.typography #content-wrapper .col4 .col-wrapper{
		height:auto;
		min-height: inherit;
		background:transparent;
	}

	#kids-landing #content.typography #content-wrapper .col4 h5{
		height:auto;
		min-height: inherit;	
		color:#254375 !important;
	}
	
	#kids-landing #content.typography #content-wrapper .col4 .col1 .col-wrapper h3{
		color:#254375;
		font-weight:400;
	}
	
	#kids-landing #content.typography #content-wrapper .col4 .col1 .col-wrapper p{
		color:#1f2b3b;
		font-weight:400;
	}



/* light blue */

#kids-landing .sky{
	background:#52abe3;
}


#kids-landing .aqua{
	color:#66edfd;
}

#kids-landing .lime{
	color:#9bfd66;
}

#kids-landing .mint{
	color:#9bfd66;
}

#kids-landing .pink{
	color:#fb66fd;
}

#kids-landing .orange{
	color:#faa53a;
}

#kids-landing .light-yellow{
	color:#e3d15f;
}

#kids-landing .red{
	color:#f95853;
}

#kids-landing .light-blue .col-wrapper{
	background:#52abe3 !important;
}

/* tactical boxes */


#kids-landing #tactical-internal{
	background:#f1f1f1;
}

#kids-landing  #tactical-internal #col1 h1 {
	text-align: right;
	margin: 15px 30px 0 0;
	font-family: 'PT Serif', serif;
	font-weight: 700;
	color: #205080;
	font-size: 31px;
}

#kids-landing  #tactical-internal #col2 h1 {
	margin: 15px 0 0 20px;
	font-family: 'PT Serif', serif;
	font-weight: 700;
	color: #205080;
	font-size: 32px;
}


/* popup boxes*/

#kids-landing .popup{
	transition:all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;
	-moz-transition:all ease-in-out .5s;
	background: #305c95;
	display: none;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 20px;
	padding: 40px;
	bottom: 0px;
	color:#ffffff;
	left: 0px;
}

#kids-landing .popup:hover{
	background: #2b4d78;
}

#kids-landing .popup .close,
#kids-landing .popup-wide .close{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	font-size: 15px;
	width: 22px;
	text-align: center;
}
#kids-landing .popup .close:hover,
#kids-landing .popup-wide .close:hover{
	font-weight:bold;
}

	#kids-landing .popup small{
		margin-bottom: 20px;
		display: block;
	}
	
	#kids-landing .popup .button-lrg{
		transition:all ease-in-out .5s;
		-webkit-transition:all ease-in-out .5s;
		-moz-transition:all ease-in-out .5s;
		background: #ff3c7c !important;
	}
	
#kids-landing .popup-wide{
	background: #305c95;
	display: none;
	position: absolute;
	overflow: hidden;
	width: 790px;
	height: 340px;
	bottom: 0px;
	color:#ffffff;
	left: 0px;
	top: 0px;
	z-index: 100;
}

#kids-landing .popup-wide .col{
	display:inline-block;
	width:48%;
	color:#ffffff;
	padding: 40px;
	vertical-align: top;
}

#kids-landing .popup-wide .button-lrg{
		transition:all ease-in-out .5s;
		-webkit-transition:all ease-in-out .5s;
		-moz-transition:all ease-in-out .5s;
		background: #ff3c7c !important;
	}

#kids-landing #content.typography #content-wrapper .col4 .col1 .col-wrapper .popup-wide .col h5,
#kids-landing #content.typography #content-wrapper .col4 .col1 .col-wrapper .popup-wide .col p{
	color:#ffffff !important;
}