/*
Title:		Rosetta Stone: page.css
Created:	June 2007
Description:    Page.css contains all the rules that control the styling of individual page elements.
*/

img {
	border: 0px;
}

.img-valign-bottom {
	vertical-align: bottom;
}

.img-valign-middle {
	vertical-align: middle;
}

h1, h2, h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .5em;
}

h3.no-pad {
	padding: 0;
}

h2.stone, h3.stone {
        background: url(/uk_assets/images/blueimg.png) no-repeat 0 50%;
        padding: 2px 0 0 35px;
        line-height: 2.5em;
        margin-bottom: 10px;
}

h4 {
	font-size: 1em;
	padding-bottom: .5em;
        color: #7a7a7a;
        font-weight: bold;
}

#content-area-right h4 {
	font-size: 1.15em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
        color: black;
}

h6 {
	font-size: 11pt;
	font-weight: normal;
	padding-bottom: .5em;
}

h5 a:link, h5 a:active, h5 a:visited {
	text-decoration: none;
}

h5 a:hover {
	text-decoration: underline;
}

#content-area-left h3.first {
        margin-top: 0;
}

p {
	padding-bottom: 1em;
}

#content-subpage ul {
        margin-bottom: 1em;
}

p strong, li strong {
	font-weight: bold;
}

option {
	padding: 0 3px 0 3px;
}

.sub-article {
	padding-bottom: 2em;
}
.sub-article .heading {
  color:#999999;
  font-size:12px;
  font-weight:bold;
  margin-top:30px;
}
.sub-article .quote {
  font-size:11px;
}
.sub-article em {
  font-style:italic;
  color:#999999;
  font-size:11px;
}
 hr {
	clear: both;
	text-align: center;
	margin: 1em 0 1em 0;
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

.clear {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.center {
	text-align: center;
}


/*  LINK TYPES */

a:link, a:visited, a:active {
	color: #2f251e;
        text-decoration: underline;
}

a:hover {
        color: #739600;
}

#content a:link, #content a:visited, #content a:active {
	color: #2f251e;
}

#content a:hover {
	color: #000;
}

.red-link a:link, .red-link a:visited, .red-link a:active, .red-link {
	color: #DB4628;
	text-decoration: none;
}

.red-link a:hover {
	text-decoration: underline;
        color: #DB4628;
}

#top-area-right a:link, #top-area-right a:visited, #top-area-right a:active, #footer a:link, #footer a:visited, #footer a:active, #footer-home a:link, #footer-home a:visited, #footer-home a:active {
	text-decoration: none;
}

#top-area-right a:hover, #footer a:hover, #footer-home a:hover {
	text-decoration: underline;
	color: #000;
}

#channel-personal span a:link, #channel-schools span a:link, #channel-organisations span a:link, #channel-personal span a:visited, #channel-organisations span a:visited, #channel-schools span a:visited, #channel-personal span a:active, #channel-organisations span a:active, #channel-schools span a:active {
	text-decoration: none;
	border-bottom: 2px solid #ccc;
}

#channel-personal span a:hover, #channel-personal a:hover {
	color: #db4628;
}

#channel-schools span a:hover, #channel-schools a:hover {
	color: #622587;
}

#channel-organisations span a:hover, #channel-organisations a:hover {
	color: #0098db;
}

.deep-home-education a:hover {
	color: #739600;
}

#sub-left li {
	list-style: none;
	padding-bottom: 4px;
	font-size: 10pt;
}

#sub-left a:link, #sub-left a:visited, #sub-left a:active {
	color: #000;
}

#sub-left a:hover {
	text-decoration: underline;
}

#sub-left span {
	width: 14px;
	height: 14px;
	background-color: #ccc;
	color: #000;
	text-align: center;
	margin-right: 5px;
	margin-top: 1px;
	float: left;
	overflow: hidden;
}

#sub-left span.line-break {
	margin-bottom: 5px;
}

#sub-left u {
	text-decoration: none;
	position: relative;
	top: -3px;
}


/* CLASSES */

.item-price, #item-price {
	float: left;
	font-size: 13pt;
	font-weight: bold;
	color: #739600;
}

span.item-price {
	margin-top:-4px;
	padding-top: 4px;
	position: relative;
	width: 130px;
}

span.item-price span.value {
	color: #739600;
	line-height: 1em;
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 0;
}

span.item-price span.save {
	color: #DB4628;
	line-height: 1em;
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 1.1em;
}

div.savings-note {
	font-size: 13px;
	color: #db4628;
	text-align: right;
	font-weight: bold;
}

.channel-text {
	margin-left: 20px;
	margin-right: 15px;
	font-family: arial, verdana;
	font-size: 9pt;
}

.content-text {
	margin-left: 29px;
	margin-top: 25px;
	margin-right: 50px;
	font-family: arial, verdana;
	font-size: 10pt;
	color: #2f251e;
}

.footer-right a:link {
	text-decoration: none;
}


.pad-top-small {
	padding-top: 5px;
}

.padtopselect {
	padding-top: 8px;
}

.pad-bottom-small {
	padding-bottom: 4px;
}

.pad-top-medium {
	padding-top: 16px;
}

.padtopflush {
	padding-top: 20px;
}

.padtopbig {
	padding-top: 32px;
}

.padtopbigflush {
	padding-top: 59px;
}

.pad-top-smallflush {
	padding-top: 12px;
}

.pad-left-medium {
	padding-left: 15px;
}

.padrightbig {
	padding-right: 38px;
}

.padleftbig {
	padding-left: 38px;
}

.align-right {
	text-align: right;
}

.image-wrap {
	float: left;
        clear: both;
	margin: 0 10px 10px 0;
}

.image-wrap-right {
	float: right;
	margin: 0 0 10px 10px;
}

.first-line {
	margin-top: 20px;
}

.no-style {
	list-style: none;
}

.column-50 {
	width: 50%;
	float: left;
    margin-top: 1em;
    position: relative;
}

.column60 {
	width: 60%;
	float: left;
}

.column40 {
	width: 40%;
	float: left;
}

.column45 {
	width: 45%;
	float: left;
}

.column-narrow {
	margin-top: 10px;
	width: 220px;
	float: left;
}

.underheader {
	position: relative;
	top: -2.2em;
	left: 38px;
}

.column-50 ul.list {
        padding-right: 20px;
}

.mute, .date {
       color: #7a7a7a;
       font-size: 92%;
}

em.mute {
       display: block;
       margin-bottom: .5em;
}

ul.list span {
       display: none;
}

.sub-article .date, .sub-article cite {
       font-style: italic;
       font-size: 100%;
       color: #7a7a7a;
}

.sub-article dl dt {
       color: #4a4a4a;
}

.subnote {
       color: #666;
       font-size: 92%;
}


.thumb-box {
	width: 50%;
	float: left;
        margin-top: 1em;
}

.thumb-box img {
       margin: 0 10px 32px 0;
}

.thumb-box p {
       padding-right: 20px;
       line-height: 1.2em;
}

span.photo-caption {
       float: right;
       width: 175px;
       margin: 0 0 10px 10px;
}

span.photo-caption span.mute {
       float: left;
       font-style: italic;
       font-size: 11px;
       line-height: 1em;
       margin-top: -5px;
}



/* DEFINITION LISTS */

#content-area-right dl, #content-style-sub-right-2 dl, .content-text dl {
        margin-bottom: 1.2em;
}

#content-area-right dt, #content-style-sub-right-2 dt, .content-text dt {
        font-weight: bold;
}

#content-area-right blockquote {
        padding-left: 20px;
}


/* TABLE */


table {
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
}

th, td {
        padding: 10px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
}

tr.alt {
        background: #FAFAFA;
}

col.column1 {
        width: 15%;
}

col.column2 {
        width: 60%;
}

col.column3 {
        width: 25%;
}

.table-levels {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.table-yellow {
	text-align: left;
	border: 1px solid #F4DC6C;
        position: relative;
}

.table-yellow-header {
	background-color: #ECC200;
	padding: 3px 0 2px 7px;
	font-size: 9pt;
}

.table-yellow div.alt {
        background-color: #FCF6D9;
	padding: 7px;
}

.table-yellow div {
	background-color: #FFFFFF;
        padding: 7px;
}

.table-yellow div span, .table-yellow div.alt span {
        color: #DB4628;
        font-weight: bold;
        position: absolute;
        right: 5px;
}


p cite {
	font-size: 92%;
	color: #8E7B00;
	display: block;
}

h3.news {
        background: url(/uk_assets/images/content_title_news.gif) no-repeat;
	padding-bottom: 1em;
}

h3.testimonials {
        background: url(/uk_assets/images/content_testimonials.gif) no-repeat;
	padding-bottom: 1em;
}

h3 span {
        margin: -9999px;
}



/* HOMEPAGE SPECIFIC RULES */

#channel-personal p, #channel-organisations p, #channel-schools p {
        padding: 10px 20px;
}

#channel-organisations ul, #channel-schools ul, #channel-personal ul {
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
}




/* from global.css */

a:hover, h3, #main-tab li.selected a span,
h5 a:link, h5 a:active, h5 a:visited,
#sub-left #active a:link, #sub-left #active a:active, #sub-left #active a:visited,
#sub-left li.active a:link, #sub-left li.active a:active, #sub-left li.active a:visited,
#sub-left a:hover {
	color: #739600;
}

#sub-left #active span, #buy-now .tab {
	background-color: #739600;
	color: #fff;
}

#sub-nav-box h3 {
        line-height: 1em;
        padding: 8px 0 4px 16px;
        margin: 0;
        font-weight: normal;
        font-size: 107%;
        text-transform: uppercase;
}

.content-style {
	background: transparent url('/uk_assets/images/home_education/productmenu_bg.png') repeat-x;
}

#content-subpage #content-area-left {
	width: 529px;
	padding: 0 20px 0 34px;
}











/* from buynow.css */
#full-width {
    width: 850px;
    clear:both;
    background: #fff;
    padding: 0px 25px 0px 25px;
		float: left;
}

#catalog {
  background:#FFFFFF none repeat scroll 0%;
  float:left;
  padding:0px 25px;
}

#full-width .tab, #catalog .tab {
	float: left;
  clear: both;
	color: #fff;
	padding: 3px 12px 3px 10px;
	margin-top: 5px;
}

#full-width table {
        width: 850px;
        margin: 0pt auto;
}

#full-width strong, #catalog strong {
        font-weight: bold;
}

#full-width caption, #full-width th, #catalog caption, #catalog th {
        display: none;
}

#full-width .clear, #catalog .clear {
	clear: both;
}

#full-width input.submit, #catalog input.submit {
        padding: 0;
        margin: 0;
        margin-top: 5px;
}

#full-width .item-price, #catalog .item-price {
        padding-top: 10px;
        padding-right: 10px;
}


#buy-now {
    background: #fff;
    padding: 0px 25px 0px 25px;
		float: left;
		width: 550px;
}

#catalog {
  background:#FFFFFF none repeat scroll 0%;
  float:left;
  padding:0px 25px;
}

#buy-now .tab, #catalog .tab {
	float: left;
  clear: both;
	color: #fff;
	padding: 3px 12px 3px 10px;
	margin-top: 5px;
}

#buy-now table {
        width: 850px;
        margin: 0pt auto;
}

#buy-now strong, #catalog strong {
        font-weight: bold;
}

#buy-now caption, #buy-now th, #catalog caption, #catalog th {
        display: none;
}

#buy-now .clear, #catalog .clear {
	clear: both;
}

#buy-now input.submit, #catalog input.submit {
        padding: 0;
        margin: 0;
        margin-top: 5px;
}

#buy-now .item-price, #catalog .item-price {
        padding-top: 10px;
        padding-right: 10px;
}

div.bottom-solid {
       border-bottom: solid 1px #aaa;
       padding-bottom: 10px;
       margin-bottom: 10px;
}


div.table-yellow-header h3 {
        font-size: 14px;
        font-weight: bold;
	color: #4A3805;
        margin-bottom: 0;
        padding-bottom: 0;
}


/*  LANDING PAGE-SPECIFIC RULES */

p.bookmark {
       background: url(/uk_assets/images/bookmark.gif) no-repeat 0 .15em;
       padding-left: 24px;
}

.promo {
       font-weight: bold;
       color: #DB4628;
       font-size: 125%;
}

#landing-offer-box {
       background: #fff url(/uk_assets/images/offer-bg.jpg) no-repeat top;
       font-size: 114%;
       line-height: 1.5em;
       padding: 10px 15px;
       width: 240px;
}

#promo-area {
       background: #fff url(/uk_assets/images/corners-bottom.gif) no-repeat bottom;
       float: left;
       width: 900px;
       margin-bottom: 10px;
       padding-bottom: 10px;
}

#promo-area #landing-offer-box {
       margin-left: 60px;
       margin-top: 20px;
       float: left;
}

#promo-area img {
       float: left;
}

#content-header-a em{
       color: #7f764d;
       display: inline;
       font-size: 10px;
}

#content-header-a em span{
       float: none;
       font-size: 11px;
       background-image: none;
       padding:0px;
}

#content-header-a h1{
       color: #2f251e;
       padding-left: 36px;
}