/* BASE */

html{overflow-y: scroll;}
body.greyFootBG {background: #F5F5F5 url('http://media.onexamination.com/Images/www/background-footer2.png') repeat-x; font: 0.6251em/1 /* 10 / 16 =0.6251 */ 'arial', times, sans-serif; margin-top: 1em;}
body.noFootBG {background: #FFF url('http://media.onexamination.com/Images/www/background.png') repeat-x; font: 0.6251em/1 /* 10 / 16 =0.6251 */ 'arial', times, sans-serif; margin-top: 1em;}
body.noBG {background-image: none; font: 0.6251em/1 /* 10 / 16 =0.6251 */ 'arial', times, sans-serif; margin-top: 1em;}



/* OVER-RIDE */
.clear{clear: both;}
.clearLeft{clear: left;}
a img{border: none;}
a.fancyBox img {border: 0.1em solid #ccc; padding: 0.5em;}
.marginAll {margin: 1em;}
.marginTop {margin-top: 1em;}
.marginBottom {margin-bottom: 1em;}
.marginLeft {margin-left: 1em;}
.marginRight {margin-right: 1em;}
.doubleLeft {margin-left: 2em;}
.doubleRight {margin-left: 2em;}
h1.marginAll {margin: 0.323em;}    /* 10px / 31px = 0.323 */
h2.marginAll {margin: 0.4761em;}    /* 10px / 21px = 0.4761 */
h3.marginAll {margin: 0.5882em;}    /* 10px / 17px = 0.5882 */
h4.marginAll {margin: 0.6666em;}    /* 10px / 15px = 0.6666 */
p.marginAll {margin: 0.7142em;}     /* 10px / 14px = 0.7142 */
h1.marginTop {margin-top: 0.323em;}  
h2.marginTop {margin-top: 0.4761em;}
h3.marginTop {margin-top: 0.5882em;}
h4.marginTop {margin-top: 0.6666em;}
p.marginTop {margin-top: 0.7142em;}
h1.marginRight {margin-right: 0.323em;}  
h2.marginRight {margin-right: 0.4761em;}
h3.marginRight {margin-right: 0.5882em;}
h4.marginRight {margin-right: 0.6666em;}
p.marginRight {margin-right: 0.7142em;}
h1.marginBottom {margin-bottom: 0.323em;}  
h2.marginBottom {margin-bottom: 0.4761em;}
h3.marginBottom {margin-bottom: 0.5882em;}
h4.marginBottom {margin-bottom: 0.6666em;}
p.marginBottom {margin-bottom: 0.7142em;}
h1.marginLeft {margin-left: 0.323em;} 
h2.marginLeft {margin-left: 0.4761em;}
h3.marginLeft {margin-left: 0.5882em;}
h4.marginLeft {margin-left: 0.6666em;}
p.marginLeft {margin-left: 0.7142em;}
.noTop{margin-top: 0;}
.noBottom{margin-bottom: 0;}
.noLeft{margin-left: 0;}
.noRight{margin-right: 0;}
.noPad {padding: 0;}
.padTop {padding-top: 1em;}
.padBottom {padding-bottom: 1em;}
.clearLeft{clear: left; margin-top: 1.5em;}
.zIndex1{position: absolute; z-index: 1;}
.zindex2{position: absolute; z-index: 2;}
.floatLeft {float: left;}
.floatRight {float: right;}
.noDisplay{display: none;}
.rotate {-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);rotation: -3deg;-moz-box-shadow: 0.2em 0.2em 0.5em #c3c3c3; -webkit-box-shadow: 0.2em 0.2em 0.5em #c3c3c3; box-shadow: 0.2em 0.2em 0.5em #c3c3c3; }
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.globalNotice {border:1px solid #FF0000; color:#FF0000; padding-bottom: 5px; margin-top: 10px; text-align:center;}


/* TYPOGRAPHY */
h1{font-size: 3.1em; letter-spacing: -0.032em; margin: 0.323em 0 0 0;}
h2{color: #369; font-size: 2.1em; margin: 0.952em 0 0 0;} /*-- margin 20 / 21 = 0.952 --*/
h3{font-size: 1.7em; margin: 1.176em 0 0 0; line-height: 1.47em;}
h4{font-size: 1.5em; margin: 2em 0 0 0;}
p{font-size: 1.4em; line-height: 1.357em; margin: 1.071em 0 0 0;} /*--  Line Height 17 / 14 = 1.214, Margin 20 / 14 = 1.428 --*/
.small { font-size: 1.1em;}

.pink {color: #ec008c;}
.orange {color: rgb(242,142,0);}

.secondaryContent h2{font-size: 1.8em;}
.secondaryContent h3{font-size: 1.5em; line-height: 2em;}
.secondaryContent p{font-size: 1.3em;}
.secondaryContent ul li, .secondaryContent ol li{font-size: 1.3em;}

.fullSecondaryContent h2{font-size: 1.8em;}
.fullSecondaryContent h3{font-size: 1.5em; line-height: 2em;}
.fullSecondaryContent p{font-size: 1.3em;}
.fullSecondaryContent ul li, .fullSecondaryContent ol li{font-size: 1.3em;}

a, a:hover, a:visited{color: #369; text-decoration: underline;}
a:hover, a:visited{color: #369;}
a:visited:hover{color: #369;}
ul.category a {text-decoration: none;}
ul.category a:hover {text-decoration: underline;}
ul.category a:hover h2 {text-decoration: none;}
h2 a, h2 a:hover{color: #369;}

.backLink, .backLink:hover, .backLink:visited{background: #F7D432; color: #000; cursor: pointer; padding: 0 0.5em; text-decoration: none;} /* margin-left 20 / 13 = 1.538 (20px) */


strong, bold, .strong{font-weight: bold;}
em, i{font-style: italic;}
sup{font-size: xx-small; position: relative; bottom: 0.3em; vertical-align: baseline; }
sub{font-size: xx-small; position: relative; bottom:-0.2em; vertical-align: baseline; } 

div.hr{height: 0.1em; border-top: dotted 0.1em #D9D9D9; margin: 1em;}
div.hr hr{display: none;}

label.formHeader{font-weight: bold; font-size: 1.3em;}

.greyOut{color: #999;}
.smallPrint{color: #999; margin-top: 1em;}
.greyBlock {background: #F7F8F9; border-bottom: solid 0.1em #D9D9D9; border-top: solid 0.1em #D9D9D9; margin-top: 2em; padding: 1em;}
.orangeBlock {background: rgba(247,147,30,0.1); border-bottom: solid 0.1em rgb(247,147,30); border-top: solid 0.1em rgb(247,147,30); margin-top: 2em; padding: 2em;}
.footerRight .content{font-size: 1.2em;}

/* FORMS */

.error{color: red; display: block;  margin: 0; font-size: 1.3em; padding-top: 0.5em;}
.error a{color: red;}
.inlineError{color: red; font-size: 1.4em;}
.blockError{color: red; display: block; font-size: 1.4em;}

.textBoxLabel{display: block; font-size: 1.4em; font-weight: bold; margin-top: 2em;}
.textBox{border: solid 0.1em #D9D9D9; padding: 0.3em; width: 28em;}
.voucherCode .textBox, .voucherCode .textBoxHighlight{width: 100% !important;}
.textBoxHighlight{border: solid 0.1em #F7D432; padding: 0.3em; width: 28em;}
.loginPassword {margin-left: 1em;}

.optionInput{display: block; font-size: 1.4em; font-weight: bold; margin-top: 2em;}

.textArea{border: solid 0.1em #D9D9D9; height: 12em; padding: 0.3em; width: 30em;}
.textAreaHighlight{border: solid 0.2em #F7D432; height: 12em; padding: 0.2em; width: 30em;}
          
.dropDownList{border: solid 0.1em #D9D9D9; padding: 0.3em; width: 30.8em;}
.dropDownListHighlight{border: solid 0.22em #F7D432; padding: 0.3em; width: 30.8em;}
.radioButton label{margin-left: 0.5em;}
.checkBox label{margin-left: 0.5em;}

.formButton{margin: 1.5em 0 0 0;}

.cmsButton{margin-top: 0.5em;}

.contactForm {margin-left: 1em;}
.contactForm h2 {margin-right: 3em;}

/*------------------------- CROSS BROWSER CSS BUTTON STYLING - SKELETON */ 
.button1, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 4px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 8px 10px;}

.button1:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #222;
    background: #ddd; /* Old browsers */
    background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa; }

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    border: 1px solid #666;
    background: #ccc; /* Old browsers */
    background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
    background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
    background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
    background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
    background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
    background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}


/* LISTS */

ul, ol{margin: 2em 0 0 5.5em;}
ul li, ol li{font-size: 1.2em; font-weight: normal;}
.secondaryContent ul li, .secondaryContent ol li{font-size: 1.3em; font-weight: normal;}
ul li{list-style-image: url('http://media.onexamination.com/Images/www/list-item.png'); line-height: 1.8em;}
ol li{list-style-type: decimal; line-height: 1.8em;}

ul li ul, ol li ol{margin-top: 1em;}
ul li ul li, ol li ol li{font-size: inherit; line-height: inherit;}

.fullContent ul li {font-size: 1.4em;}

ul.siteMap{margin: 0; padding: 0; font-size: 12px;}
ul.siteMap li{margin-left: 2em;}
ul.siteMap ul.siteMap li:last-child {margin-bottom: 2em;}
ul.siteMap li ul.siteMap li{margin-left: 2em;}
ul.siteMap li a { font-weight:bold;}
/* TABLES */

table.basketItems{margin: 2em 0; width: 100%; font-size: 1.5em}
table.basketItems tr {padding-top: 0.5em; line-height: 2em; border-bottom: 0.1em dotted #D9D9D9; margin-bottom: 0.5em; }
table.basketItems tr:last-child {border-bottom: none;}
table.basketItems th{text-align: left; vertical-align: middle; line-height: 1.5em; padding-top: 0.3em; }
table.basketItems td{text-align: right; vertical-align: middle;}
table.basketItems td.subPeriod {font-size: 0.8em; width: 10%; line-height: 1em;}
table.basketItems td.itemPrice {width: 15%;}
table.basketItems td.remove {width: 5%;}
table.basketItems td input{position: relative; top: 0.2em;}
table.basketSummary{width: 100%;}
table.basketSummary th{font-size: 1.3em; padding: 0.5em 0.5em 0.5em 0; text-align: left;}
table.basketSummary td{font-size: 1.3em; padding: 0.5em 0.5em 0.5em 0; text-align: right;}
table.basketSummary th.total{color: #369; font-weight: bold;}
table.basketSummary td.total{color: #369; font-weight: bold;}
table.basketSummary .hr {margin: 0 1em;}
table.dates th, table.dates td{border-right: solid 0.1em #D9D9D9;  text-align: center; padding: 0 1em;}
table.dates th:last-child, table.dates td:last-child{border-right: none;}
table.dates th{font-size: 1.6em; text-align: left; width: 40%;}
table.dates td{color: #369; font-size: 1.6em; font-weight: bold; width: 20%;}
table.dates td span{color: #000;}
table.data{border-collapse: separate; border-spacing: 0.1em; font-size: 1.4em; margin: 0 2em 2em 0; padding-top: 2em; width: 40em;}
table.data th{background: #EBEAEA; border: solid 0.1em #D9D9D9; font-weight: normal; padding: 0.5em 1em; text-align: left;}
table.data td{background: #F7F8F9; border: solid 0.1em #D9D9D9; padding: 0.5em 1em;}


.institutionResourceList {font-size: 1.2em; text-align: left; border-collapse: collapse; margin-top: 2em; background: #f5f5f5; width: 100%;}
.institutionResourceList th {font-size: 1.4em; font-weight: bold; padding: 0.8em 1em; color: #3B76B2; text-align: left;}
.institutionResourceList tr.thead, .institutionResourceList tr.thead:hover {background: #D8E4F0; border-top: 0.1em solid #ccc; border-bottom: 0.1em solid #ccc;}
.institutionResourceList tr {background: #f5f5f5; border-bottom: 0.1em solid #fff; border-top: 0.1em solid transparent;}
.institutionResourceList td {padding: 0.8em 1em; margin: 0.2em 0; color: #333; height: 2.6em; width: 20%;}
.institutionResourceList td .errorMessage {margin: 0;}
.institutionResourceList tr:hover {background: #e3e3e5; color: #339;}
.institutionResourceList tfoot tr:hover {background: #f5f5f5; width: 100%;}

/* REPEATERS FLOW */

.subscriptionLenghts, .moduleTitles {font-size: 1.5em; font-weight: bold;}
.subscriptionLenghts {line-height: 2em;}
.plusExamName {color: /*#007dc3*/ #369; letter-spacing: -0.1em;}
.plusText {color: #ec008c; margin-top: -0.5em; position: relative; top: -0.5em;}

/* BUTTONS FOR BUY NOW */
.addToBasket, .removeFromBasket {background: url('http://media.onexamination.com/Images/www/button-add-basketNP.png') no-repeat; width: : 115px; height: 25px; display: block; text-indent: -9999px;}
.removeFromBasket {background-image: url('http://media.onexamination.com/Images/www/button-remove-basketNP.png');}
.buyNowButton {background: url('http://media.onexamination.com/Images/www/button-buy-now.png') no-repeat left top;  display: block; text-indent: -9999px; width: 150px; height: 35px;}
.buyNowButtonDisabled {background-image: url('http://media.onexamination.com/Images/www/button-buy-now-inactive.png');} 
h3.moduleListH3{margin: 50px 0 10px 0;}
.moduleBuyNow a {width: 115px;}
div.moduleBuyNow a {border-width: 0px; float: right; margin-top: -19px;}
div.moduleBuyNow input {border-width: 0px; float: right; margin-top: -19px;}

/*h3.moduleListH3{margin: 50px 0 10px 0;}
.moduleBuyNow {float: right; margin-left: 10px; width: 115px;}
div.moduleBuyNow input {border-width: 0px; float: right; margin-top: -19px;}*/

/* LAYOUT FRAMEWORK VERTICAL SPACING */

.mainContent{height: 29.3em; margin-top: 0.5em; margin-bottom: 0.5em;}
.fullContent, .fullSecondaryContent{height: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
.secondaryContent{margin: 0.5em 0;}
.secondaryContent .columnLeft{background: #FFF; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; float: left; padding: 0 20px; width: 428px;}
.secondaryContent .columnRight{background: #FFF; border-right: solid 1px #D9D9D9; float: left; padding: 0 20px; width: 429px;}

.boxSpeciality, .staticSpeciality {height: 100px; margin: 0.5em 0;}

.boxMedia1, .boxMedia2, .boxMedia3{height: 180px; margin: 5px 0;}

.boxPromo{/*width: 30em;*/ height: 6.6em; margin:1em; float: left;overflow: hidden;}
.boxPromo:first-child {margin-left: 0;}
.boxPromo:last-child {margin-right: 0;}
div.promoWrapper div.boxPromo + div.boxPromo + div.boxPromo {margin-right: 0;}



.divider div.hr{height: 1px; border-top: dotted 1px #D9D9D9; margin: 5px 0 4px 0;}
.divider div.hr hr{display: none;}

.footerLeft{margin-top: 0.5em; margin-bottom: 1em;}
.footerRight{margin-top: 0.7em; margin-bottom: 1em; text-align: right;}

/* SHARED STYLING */
.homePage {margin-top: 2.1em;}
.homePage h1 {margin-top: 0em;}
.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent p{margin-left: 20px; margin-right: 20px;}
.mainContent h1.noLRMargin, .mainContent h2.noLRMargin, .mainContent h3.noLRMargin, .mainContent h4.noLRMargin, .mainContent p.noLRMargin {margin-left:0; margin-right:0;}

/*-- REMOVES ADDITIONAL MARGIN CREATED BY CMS WRAPPING P TAG AROUND IMAGE --*/
.mainContent .designElement {margin-top: -0.25em;}
.mainContent .designElement p {margin-top: 0; margin-left: 0;}
.mainContent div.wiggle p img{display: inline;}

.padColumn{padding: 0 20px;}
.padColumnLeft{padding: 0 0 0 20px;}
.padColumnRight{padding: 0 20px 0 0;}

.inlineImageLeft{float: left; margin: 2em 2.5em 1.5em 0;}
.inlineImageRight{float: right; margin: 2em 0 1.5em 2.5em;}

.cmsEditableContent{min-height: 40px;}
.cmsEditableContent:hover{background: #CCC; cursor: default;}
.cmsEditedBy{font-size: 1.4em; float: right; margin-top: 12px;}

/* CONTENT BORDERING */
.secondaryContent .content, .secondaryContent .fixedContent{background: #FFF; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; margin-top: -2px; padding: 0 20px;}
.secondaryContent .fixedContent{min-height: 807px;}
.fullSecondaryContent .content, .fullSecondaryContent .fixedContent{background: #FFF; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; margin-top: -2px; padding: 0 20px;}
.fullSecondaryContent .fixedContent{min-height: 807px;}
.modernBox {background-color: #fff; display: block; border: #d9d9d9 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}


.productListing {}
.productListing p {margin: 1em 1em 0  10.7em}
.productListing .productImage {margin-top: 20px;}
.productImage{margin: 2em; float: left; height: 100px; width: 100px;}
a.productImage {height: 100%;}
.productPrice{font-size: 1.2em; font-weight: bold; position: relative; left: -170px; top: -8px;}
.columnSubSection{background: #F7F8F9; border-bottom: solid 1px #D9D9D9; border-top: solid 1px #D9D9D9; margin-top: 20px; padding: 20px;}

.footerRight .content{line-height: 10px; font-size: 1.2em;}

.cmsBlockTable {width: 100%; font-size: 1.4em; line-height: 2em; margin-top: 10px;}
.cmsBlockTable th {background-color: #f7f8f9; text-align: center;}
.cmsBlockTable th:first-child {text-align: left; padding-left: 15px;}
.cmsBlockTable tr {border-bottom: 1px solid #d9d9d9; text-align: center;}
.cmsBlockTable td:first-child {text-align: left; padding-left: 15px;}


/* HACK FOR STYLING OF TINY TEXT (NO P TAGS) ON QUESTIONS (Q OF DAY) */

.displayQuestion div.answerExplanation { font-size: 1.3em;  line-height: 1.5; margin: 1em 0; }
.displayQuestion div.answerExplanation table {font-size: 1em;}
.displayQuestion div.answerExplanation p { font-size: 1em;  line-height: 1.5; margin:0; }
.displayQuestion div.questionWrapper  { font-size: 1.2em;  line-height: 1.5; margin: 1em 0; }

/* -------- HEAD BRANDING STRIP STYLING ------- */
.logo{height: 7em; margin-bottom: 0.5em;}
.logo a {width: 27em; height: 6em; display: block; background: url('http://media.onexamination.com/Images/www/logo-onexamination.png');}
.headerRight{height: 2.5em; margin-bottom: 0.5em;}
.loginStrip ul {margin: 0; float: right; text-align: right;}
.loginStrip li {list-style-image: none; list-style-type: none; float: left; padding: 3px 10px; line-height: 12px; border-left: 1px dotted #336699;}
.loginStrip li.first {margin-left: 0; border-left: none;}
.loginStrip li.last {padding-right: 0;}
.loginStrip a:link,.loginStrip a:active,.loginStrip a:visited {text-decoration: none;}
.loginStrip a:hover {text-decoration: underline;}
.loginStrip .socMediaIcons li {padding: 2px; border: none;}
.loginStrip li.basket {padding-left: 25px; border-left: none; background: url('http://media.onexamination.com/Images/www/basket-icon.gif') no-repeat 0 3px;}

.basketSummary img {vertical-align:text-top;}
.basketSummary{float: right; font-size: 1.4em; font-weight: bold; line-height: 1.2em; display: block; margin-top: -3px;}
.basketSummary img{padding-right: 15px;}


/* -------- PRIMARY NAV STYLING --------- */

.primaryNav{height: 3em; margin-top: 0.5em; margin-bottom: 0;}
.primaryNav ul{margin: 0; padding: 0;}
.primaryNav ul li{display: inline; float: left; margin: -2px 5px 0 0;}
.primaryNav ul li a, .primaryNav ul li a:visited{color: #333; float: left; padding-left: 4px; text-decoration: none;}
/*-- MEDIA COMMENT TO STOP STYLES ON MOBILE --*/
@media only screen and (min-width: 768px) {
    .primaryNav ul li a.current, .primaryNav ul li.current a.drop {float: left; border:1px solid #CCC; border-bottom:none; background-color:#FFF; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
    .primaryNav ul li a span{display: block; padding: 9px 12px 2px 10px;}
    .primaryNav ul li a:hover, .primaryNav ul li a.current, .primaryNav ul li a.current:hover, .primaryNav ul li a.current:visited{color: #369; text-decoration: none;}
    .primaryNav ul li:hover, .primaryNav ul li .current,.primaryNav ul li:hover a.current {}

    .primaryNav ul li:hover a span {text-decoration: underline; font-weight: normal !important;}
    .primaryNav ul li:hover a.drop {-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
    .primaryNav ul li:hover a.drop span {padding: 8px 11px 2px 9px; text-decoration: none;}
    .primaryNav ul li.current:hover a.drop span { text-decoration: none; padding: 9px 12px 2px 10px;}
    .primaryNav ul li.current:hover a {}
    .primaryNav ul li a.drop:hover {text-decoration: underline;}
}
.bmjNavLogo {float: right; margin-top: 6px;}
/*-- MEGA MENU STYLING --*/
.megamenu_container {position: relative;}
.megamenu {list-style:none; z-index:9999; padding:0; margin:0;}
.megamenu li {float:left; border:none;}
.megamenu li .drop, .megamenu li.current .drop, .megamenu li.current:hover .drop {display:block; position: relative; z-index: 9999; padding-right:20px; background: url("http://media.onexamination.com/Images/shared/down.png") no-repeat right 15px;}
.megamenu li:hover a.drop, .megamenu li.current:hover a.drop {background-color:#efefef; background-color: rgba(243, 243, 243, 0.98) !important; padding-bottom: 1px; border: 1px solid #ccc; border-bottom: none; /*-webkit-border-radius:  3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius:  3px 3px 0 0;*/}
.megamenu li.noactive, .megamenu li:hover .fullwidth a.megamenuExam, .megamenu li:hover .dropcontent a {background:none;}
.megamenu li a:hover .fullwidth {left: 0; display:block;}
.fullwidth ul .specialtyGroup {display: block; margin-bottom: 3px;}
.fullwidth ul .specialtyGroup {display: block; }
.fullwidth ul span:nth-child(3n+1) {clear: both;}
/*-- HORRIBLE CSS HACK FOR IE STYLING --*/
.fullwidth ul span + span + span + span, .fullwidth ul span + span + span + span + span + span + span   {clear: left;}
.fullwidth ul span, .fullwidth ul span + span, .fullwidth ul span + span + span, .fullwidth ul span + span + span + span + span, .fullwidth ul span + span + span + span + span + span, .fullwidth ul span + span + span + span + span + span + span + span, .fullwidth ul span + span + span + span + span + span + span + span + span {clear: none;}
.fullwidth ul li a, .megamenu .dropcontent ul li a {border: none; z-index:9998;}
.specialtyGroup {margin-top: 3px; border-top: none;}
/*-- HORRIBLE CSS HACK FOR IE STYLING --*/
.fullwidth ul span + span + span + span {border-top: 1px solid #CCC; padding-top:10px;}
.fullwidth ul span:nth-child(n+4){border-top: 1px solid #CCC; padding-top:10px;}
.fullwidth ul span:last-child input[type="button"].button1 {font-size: 13px; margin-left: 30%; margin-top: 15%;}
.specialtyGroup p a {padding-top: 1px; padding-bottom: 1px;}
.specialtyGroup p:hover a {padding-top: 0px; padding-bottom: 0px;}
.megamenuProductGroup {font-size: 16px !important; font-weight: bold; margin-bottom: 5px; display: block; width: 100%; text-transform: uppercase; borde: none; }
a .megamenuProductGroup:hover {text-decoration: underline;}
.megamenu li:hover a.megamenuExam {border: none; float: none;}
.megamenu li:hover a.megamenuExam {float: none; display: block; width: 100%; height: 100%; padding-left: 5px; padding-top: 1px; padding-bottom:1px;}
.megamenu li:hover a.megamenuExam:hover {padding-left: 5px; background-color:#efefef; background-color: rgb(232, 232, 232); border: none; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#333; text-decoration: underline}
.megamenu li .fullwidth {position: absolute; width: 940px; left:-9999em; margin-left: 0; top:30px; display: block; z-index:9998; padding:10px 0; text-align:left; border:1px solid #CCC; background: #EFEFEF; background:rgba(243, 243, 243, 0.98) !important;/* -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ /*-moz-box-shadow:  0 0 0 #FFF,  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow:  0 0 0 #FFF,  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08); box-shadow: 0 0 0 #FFF,  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08),  0 2px 5px rgba(0, 0, 0, 0.08)*/;
}
.megamenu p, .megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 {padding:0; margin:0;}
.megamenu li .fullwidth a {text-transform:none;	font-size:12px;	display:inline;	padding:0;}
.megamenu li .fullwidth a:hover {padding:0;}
.megamenu input {padding:5px; margin:5px 0 5px 0;}


/* -------- BREADCRUMB STYLING -------- */
ul.breadCrumbs{margin: 0.5em 0 0 1em; padding: 0; /*float: right; position: absolute; right: 1em; */}
ul.breadCrumbs .title{font-weight: bold; padding-right: 0.5em;}
ul.breadCrumbs li{display: inline; font-size: 1.0em; line-height: 1.1em; padding-right: 0.5em; text-transform: capitalize;}
ul.breadCrumbs li a{margin-right: 0.5em;}


/* -------- HOMEPAGE SECTION SPECIFIC -------- */

/* RESOURCE FINDER */
.divResourceFinder {margin-left: 2em; margin-top: 0.8em; height: 7.2em; max-width: 40em; z-index: 1000;
border: 1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgb(224, 236, 244); background-image: linear-gradient(bottom, rgb(215,233,242) 100%, rgb(236,246,253) 53%, rgb(215,233,242) 0%);background-image: -o-linear-gradient(bottom, rgb(215,233,242) 100%, rgb(236,246,253) 53%, rgb(215,233,242) 0%);background-image: -moz-linear-gradient(bottom, rgb(215,233,242) 100%, rgb(236,246,253) 53%, rgb(215,233,242) 0%);background-image: -webkit-linear-gradient(bottom, rgb(215,233,242) 100%, rgb(236,246,253) 53%, rgb(215,233,242) 0%);background-image: -ms-linear-gradient(bottom, rgb(215,233,242) 100%, rgb(236,246,253) 53%, rgb(215,233,242) 0%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, rgb(215,233,242)),color-stop(0.53, rgb(236,246,253)),color-stop(0, rgb(215,233,242)));}
.divResourceFinder .textBoxLabel {font-size: 1.9em; padding: 0.2em 0 0.4em 0; margin: 0.3em 0 0 0.75em;}
.divResourceFinder input#txtResourceFinder {background: #fff; width: 70%; margin-left: 1em; padding: 0.75em 0.38em 0.75em 0.75em;}
ul.ui-autocomplete {z-index: 1000 !important; margin-top: -0.5em !important; max-height: 25em; overflow-y: auto; overflow-x: hidden; width: 26.2em !important; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius: 0; border-top: none;}
.ui-autocomplete-input {padding: 0.48em 0 0.47em 0.45em;}
ul.ui-autocomplete li {list-style-image: none; padding: 0.2em;}
ul.ui-autocomplete li:nth-child(odd) {background-color: rgba(71, 138, 192, 0.075);}
.ui-menu .ui-menu-item a.ui-corner-all {padding: 0.5em 0.4em !important; border-top: 0.1em dotted #ccc; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important;}
.ui-menu .ui-menu-item a.ui-state-hover {-moz-border-radius: 0.272em !important; -webkit-border-radius: 0.272em !important; -khtml-border-radius: 0.272em !important; border-radius: 0.272em !important;}
.autoCompleteNoscript {margin-top: 150px; position: relative; z-index: 20;}
.autoCompleteNoscript ul {list-style-type: none;}
.autoCompleteNoscript li {margin-right: 30px;}

/* CAROUSEL SPECIFIC STYLING */
.carousel {position: relative; visibility: hidden; left: -5000px;}
.carouselWrapper { margin-bottom: 0; margin-top: 10px;}
.carousel ul { /*_left: -896px !important;*/}
.carousel li { width: 140px; margin-left: 5px; margin-right: 5px; _margin-left: 8px !important; _margin-right: 0px !important;}
a.prev { background: url('http://media.onexamination.com/Images/www/carouselPrev.png') no-repeat left center; height: 50px; width: 18px; border: none; float: left; margin-right: 3px; margin-top: 35px}
a.prev:hover { background: url('http://media.onexamination.com/Images/www/carouselPrevHover.png') no-repeat left center; height: 50px; width: 18px; border: none; float: left; margin-right: 3px; margin-top: 35px}
a.next { background: url('http://media.onexamination.com/Images/www/carouselNext.png') no-repeat left center; height: 50px; width: 18px;  border: none; float: right; margin-top: -80px;}
a.next:hover { background: url('http://media.onexamination.com/Images/www/carouselNextHover.png') no-repeat left center; height: 50px; width: 18px;  border: none; float: right; margin-top: -80px;}
.boxSpeciality{background: url('http://media.onexamination.com/Images/www/box-speciality.png') no-repeat; text-align: center;}
.boxSpeciality h2{color: #FFF; font-size: 1.2em; font-weight: lighter; padding-top: 5px; margin: 0; text-decoration: none;}
div.carousel .boxSpeciality h2{color: #FFF; font-size: 1em; font-weight: lighter; padding-top: 5px; margin: 0; text-decoration: none;}
.carousel ul li a {text-decoration: none; display: block; height: 98px;}
/* STATIC CAROUSEL FOR PROTAL */
.staticSpeciality{background: url('http://media.onexamination.com/Images/www/box-speciality.png') no-repeat; text-align: center;}
.staticSpecialityList li{margin: 0 0.5em;}
.staticSpecialityList li:first-child {margin-left: 1em;}
.staticSpecialityList li:last-child {margin-right: 1em;}
.staticSpeciality a {display: block; height: 100px; width: 220px;}
.staticSpeciality h2{color: #FFF; font-size: 1.2em; font-weight: lighter; padding-top: 7px; margin: 0; text-decoration: none;}

/* NEWSTICKER */
.boxStats{color: #000; font-size: 1.2em; padding: 0; background-color: #fff; border: 1px solid #ccc; height: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; height: 25px; line-height: 18px; }
.boxStats .heading{color: #FFF; text-transform: uppercase; padding: 0.25em 0.833em 0 0.833em; background-color: #369; width: 10.833em; height: 1.833em; line-height: 20px; display: block; float: left;}
.ticker-wrapper.has-js {display: block;}
.ticker {width: 100%; display: block; position: relative; overflow: hidden; background-color: #fff;}
.ticker-content {margin: 0px; padding-top: 0.4em; position: absolute; color: #000; overflow: hidden; white-space: nowrap; font-size: 1.1em;}
.ticker-swipe {padding-top: 9px; position: absolute; top: 0px; background-color: #fff; display: block; width: 800px; height: 23px; }
.ticker-swipe span {margin-left: 1px; padding-top: 12px; background-color: #fff; border-bottom: 1px solid #000; width: 7px; display: block;}
.js-hidden {display: none;}
.no-js-news {padding: 10px 0px 0px 45px;  color: #fff;}
.left .ticker-content, .left .ticker-title, .left .ticker {float: left;}
.right .ticker-content, .right .ticker-title, .right .ticker {float: right;}

/* EXAM DATE SECTION */
.upcomingExams {min-height: 240px} 
.upcomingExams h2 {color: #000;}
.upcomingExams h4 a {font-size: 1.8em; text-decoration: none;}
.upcomingExams h4 a:hover {text-decoration: underline;}
.upcomingExams p {font-size: 1.3em; margin-top: 5px;}
ul.upcomingExamsList, ul.popularExamList {margin: 0;}
ul.upcomingExamsList li, ul.popularExamList li {list-style-type: none; list-style-image: none;}
ul.upcomingExamsList li {padding: 12px; line-height: 36px; vertical-align: middle; border-bottom: #CCC 1px dotted;}
ul.upcomingExamsList li:nth-child(2n+1) {background: #F5F5F5}
.popularExams h2 a {font-size: 1.8em; text-decoration: none;}
.popularExams h2 a:hover {text-decoration: underline;}
.popularExams p {font-size: 1.3em; margin-top: 5px}
.popularExamList h2 {margin-top: 10px;}


/* -------- EXAM REVISION SPECIFIC STYLING -------- */
.acExamList .divResourceFinder { background-color: #fff; margin: 10px 0 0 0; padding: 0 0 5px 20px; width: 95%;}
.examProductList .exam span , .productList .exam span {width: 29.5em; float: left; min-height: 8.5em; padding: 0.3em 1em; margin-bottom: 1.5em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; }
.examProductList .exam h2 , .productList .exam h2 {margin-top: 0.555em; font-size:1.4em; line-height: 1.285em}
.examProductList .exam h2 a , .productList .exam h2 a {text-decoration: none;}
.examProductList .exam p, .productList .exam p {margin-top: 0; font-size: 1.2em; line-height:1.7em; }
ul.exam img{margin-right: 10px;}
.examSpecialtyList ul.exam{margin: 0;}
.examSpecialtyList .exam li {background-color:#fff; list-style-image: none; margin: 0.769em 0 0 0;  border: #d9d9d9 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.examSpecialtyList .exam li h2 {margin-left: 0.714em;}
.examSpecialtyList .exam li p {margin: 0 0 0.833em 0.833em;}


/* -------- SPECIALTY SPECIFIC STYLING -------- */
ul.exam li h2{font-size: 1.1em;}
ul.exam li h2 a{color: #369; text-decoration: none;}
ul.exam li p{font-size: 1.09em;}
ul.exam img{margin-right: 10px;}
.quote{font-size: 1.5em; font-weight: normal; margin: 1em 1.5em; line-height: 1.7em;}
.quote div{font-size: 1.0em; margin: 0.333em 0;}
.testimonial {margin-top: 1em;}
.testimonialBox {display: block; background: url('http://media.onexamination.com/Images/www/box-testimonial-top.png') 3.4em 0; width: 3em; height: 1.2em; float: right; position: relative; right: 2em;}
.testimonial h3 {margin: 1em 0 0 0.666em;}
div.testimonial div.content p.epassBoxSpeciality  {margin-top: 0; margin-bottom: 1.5em; padding-top: 1.35em; margin-left: 55px; }
div.testimonial div.content img.epassBoxSpeciality {float: left; margin: 1em 0; padding: 0 0.5em 0.5em 0.5em; }
.modularPriceWarning {background: url('http://media.onexamination.com/Images/www/redWarning.png') no-repeat top left; float: left; font-size: 1.3em; margin-top: 14px; margin-bottom: 10px; color: #CC0000; padding-left: 20px; line-height: 16px;}


/* -------- EXAM SPECIFIC STYLING -------- */
.iconBMADiscount{float: right; right: 6em; position: relative; top: -10px;}
.iconMobile{float: right; right: 3em; position: relative; top: -10px;}
.maskPanel {position: relative; top:0; width: 100px; height: 100px; z-index: 100;  background-color:#000; opacity: 0.4;}   
.loadingPanel {position:absolute; top: 35%; left: 28%; text-align: center; background-color: #FFF; border: solid 2px #000; height: 8em; width: 20em;  z-index: 110;}
.examPrice{font-size: 2.1em; font-weight: bold; margin-top: 30px; margin-bottom: 10px; text-align: right; clear: right}
.localCurrencyRate {font-size: 12px; font-weight: bold; color: #369;}
#socialcontainer {width: 200px;}
/*.fbLike {margin: 10px 0; display: block;}*/
.addthis_button_tweet {width: 100px; overflow: hidden;}
.addthis_default_style a.at300b {float: none; margin-left: 0; }
.tweet {margin: 10px 0; display: block; }
.IN-widget {margin: 5px 10px 0 -5px;} /* LinkedIn Span */
#___plusone_0 {width: 70px; overflow: hidden;}
.fb_send_button_form_widget {margin-left: -60px;}
.fb_edge_widget_with_comment {top: -2px; width: 140px; /*overflow: hidden;*/ padding: 0;}
#fb-root {display: none;} /*-- DISPLAYING CAUSES STUPID SPACE ON RIGHT OF PAGE AT SMALLER SIZES --*/
ul.secondaryNav{margin: 20px 0 0 0; padding: 0;}
ul.secondaryNav li{background: #3B76B2; border-top: solid 1px #369; border-bottom: solid 1px #369; list-style-image: none; margin-top: 5px; padding: 10px 0; text-align: center; width: 100%;}
ul.secondaryNav li a{color: #FFF; font-size: 1em; font-weight: bold; padding: 5px 20px; text-decoration: underline;}
ul.secondaryNav li a:hover, ul.secondaryNav li a:visited{color: #FFF;}
.fbIcon{display: block; float: left; height: 4em; margin: 1em 0; width: 4em;}
.fbDescription{background: #FFF; border: solid 0.1em #D9D9D9; margin-bottom: 1em; padding: 1.5em;}
.fbDescription .heading{color: #369; display: block; font-weight: bold; margin-bottom: 0.769em;}
.fbDescription p{font-size: 1.3em; margin: 0;}
.fbSmallDescription{float: left; height: 4em; margin: 0.5em 0; padding: 0.5em; width: 15em;}
.fbSmallDescription h3{cursor: pointer; font-size: 1.2em; margin: 0.166px 0 0.25px 0; text-decoration: underline;}
.fbSmallDescription p{color: #666; font-size: 1.1em; margin: 3px 0 0 0;}
.examDate{color: #369; font-size: 1.4em; font-weight: bold; margin-top: 20px; position: absolute;}
div.moduleShowHide h3 {color: #336699}
.mobileAppsExamPage a {text-decoration: none;}


/* -------- SELF ASSESSMENT & VIDEO TUTORIAL & BUNDLES SPECIFIC STYLING -------- */
.examProductList, .productList {float: right;}
.productCatNav {float:left;}
ul.category{margin: 0; padding: 0;}
ul.category li{background-color: rgb(255,255,255); display: block; margin-bottom: 1em; color: #000; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:0.09em rgb(227, 227, 227) solid;}
.category .categoryEpass, .category .categoryEpass:hover {background-color: rgb(255,255,255); display: block; margin-bottom: 1em; color: #000; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:0.09em rgb(227, 227, 227) solid;}
ul.category li.categoryEpass img {float: right; margin: 1em;}
ul.category li.categoryEpass p {font-size: 1.18em; margin: 1em;}
ul.category li a {display: block; padding: 7px 15px 7px 15px;}
ul.category li a:hover {text-decoration: none;}
ul.category li a p{color: #000; font-size: 1.3em; font-weight: bold; margin: 0;}
ul.category li:hover a p, ul.category li.current a p{color: #FFF;}
ul.category li:hover, ul.category li.current {background-color: rgb(70,138,192); display: block; margin-bottom: 1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:0.09em rgb(227, 227, 227) solid;}
ul.category li a.freeTrialCategory {color: #000; font-size: 1.3em; margin: 0; font-weight: bold; text-decoration: none;}/* FREE FRIDAY STYLING */
ul.category li:hover a.freeTrialCategory, ul.category li.current a.freeTrialCategory{color: #FFF;}/* FREE FRIDAY STYLING */
h4.bundleDetails {margin-left: 2.5em;}
ul.bundleDetails { margin-right: 2em;}
h3.bundleDetails{margin-left: 3.5em; font-size: 1.1em;}


/* -------- QUESTION OF THE DAY SPECIFIC STYLING -------- */
.QODSocial {/*clear: both; margin-top: -3em; margin-right: 0*/}
.QODQuestionType input[type="submit"] {margin-left: 1.818em;}
.displayQuestion {min-height: 400px;}
.questionWrapper img {width: 100%;}
.displayQuestion .questionControls {height: 100%;}


/* -------- MOBILE APP ----------- */

div.mobileAppsExamPage  {background: url('http://media.onexamination.com/Images/www/AndroidRobot.png') no-repeat 96% 30px;}
div.mobileAppsExamPage img {height: 45px;}
.playStoreLink {margin-left: 35px;}
.itunesLink {margin-left: 10px; }

/* -------- ABOUT PAGES STYLING -------- */
div.corporate {background: url('http://media.onexamination.com/Images/www/box-grid_7-slice.png') repeat-y left top; margin-top: -2px;}
div.corporate h2 {margin-top: 0; padding-top: 10px;} 
div.corporate p {margin-top: 10px;}
div.authorsWrapper {margin-bottom: 2em;}
div.authorsWrapper ul {margin-left: 0;}
div.authorsWrapper ul li {list-style-type: none; list-style-image: none; margin:0.384em 1em 0.384em 1em; float: left; min-width: 22%; }
.editorialTeam h4 {margin-left : 12.666em; margin-right: 0.666em;}
.editorialTeam p {margin-left : 13.571em; margin-right: 0.714em;}
.authorQuals {font-size: 0.8em; font-style: italic; color: #999;}
.editorialTeam h3.editors {margin-bottom: 1em;}
.editorialTeam img {float: left; margin-left: 1em;}
img.iAppIcon {float: right; margin: 20px 10px 20px 30px;}
.fbWrapper p {margin-left: 7.857em; margin-bottom: 1.428em;}

.mugForm {clear:left; margin-top: -70px;}



/* -------- VOUCHER REDEEM PAGE STYLING -------- */
.voucherUserGuide {padding-left: 10px;}
.voucherUserGuide > a {margin-top: -5px; margin-right: -10px; float: right; padding-left: 5px;}
.voucherUserGuide img { -moz-box-shadow: 2px 2px 5px #c3c3c3;-webkit-box-shadow: 2px 2px 5px #c3c3c3;box-shadow: 2px 2px 5px #c3c3c3;}
.voucherUserGuide p {line-height: 1.7em;}


/* -------- ORDER SUMMARY & CALLBACK STYLING -------- */
.rpSmallDescription {float: left; width: 50%;}
.rpSmallDescription h3{cursor: pointer; font-size: 1.3em; line-height: 1.5em; margin: 5px 0; text-decoration: underline;}
.rpSmallDescription p{color: #666; font-size: 1.1em; margin: 3px 0 0 0;}
.checkoutPrice {position: absolute; top:0.8em; right: 10.5em; font-size: 1.2em; font-weight: bold; z-index: 100; text-align: left;}
.checkoutBuyBtn {position: absolute; top: 0.25em; right: 0}
.orderSummaryFooter{background: #369; margin-top: 20px; padding: 10px; text-align: right;}
.orderSummaryFooter input{margin: 0;}
.boxCallback{background: url('http://media.onexamination.com/Images/www/box-callback.png'); height: 200px;}
.boxCallback .content{padding: 20px;}

/* -------- LOGIN - PURCHASE PROCESS --------- */

.loginPage .greyBlock {padding: 0;}
.loginPage .greyBlock h1, .loginPage .greyBlock h3, .loginPage .greyBlock p, .loginPage .greyBlock input[type="password"], .loginPage .greyBlock input[type="text"], .loginPage .greyBlock input[type="submit"] {margin-left: 15px; margin-right: 15px;}
.loginPage input[type="text"], .loginPage input[type="password"] {padding: 5px 3px; font-size: 1.5em; width:90%;}
.loginContinue input {margin-top: 25px; }

.loginPage .checkBox, .loginPage .checkBox input, .loginPage .checkBox label{cursor: pointer; font-size: 12px; margin-right: 16px;}
.errorContainer {font-size: 11px; font-weight: bold; border: 1px solid red; border-left:none; border-right: none; background: rgba(255,0,0,0.1); padding: 10px;}
.loginPage .greyBlock .inlineError {margin-left: 15px;}
.loginPage .inlineError {font-size: 11px;}
.emailPrompt {margin: 0; font-size: 1.2em; }
.emailPrompt a {text-decoration: none; color: rgb(255,0,0); }
.emailSuggestion {font-weight: bold; font-style: italic; text-decoration: underline;}
.loginPage h3 .small {font-size: 0.647em;}

/* -------- PURCHASE CONFIRMATION GOOGLE ANALYTICS TEST PAGE -------- */
.purchaseConfirmLogin { background: #3b76b2; margin-top: 60px; color: #FFF; font-size: 1.6em; font-weight: bold; text-align: center;}
.purchaseConfirmLogin a, .purchaseConfirmLogin a:hover, .purchaseConfirmLogin a:visited{color: #FFF; text-decoration: underline; display: block; padding: 20px 0}


/* -------- JAVASCRIPT -------- */
.addBasketShadow{background: #F7D432; display: none; position: static; top: 0px; z-index: 2;}


/** ---------------------------------------------------------------------------------------- 
 * Non-semantic helper classes: please define your styles before this section.
 ---------------------------------------------------------------------------------------- */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/** ---------------------------------------------------------------------------------------- 
 * Media queries for responsive design. ** These follow after primary styles so they will successfully override.
  ---------------------------------------------------------------------------------------- */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

@media screen and (-webkit-min-device-pixel-ratio:2){
    .logo a {background-image:url("http://media.onexamination.com/Images/www/logo-onexamination@2x.png"); background-size: 275px 60px; } 
}


@media screen and (max-device-width: 480px) {

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
.primaryNav .bmjNavLogo {display: none; visibility: hidden;  image-orientation:auto;}
.designElement img {display: none;}
.secondaryContent h3 {line-height: 1.466em;}
.newsTicker, .headingImage {display: none; visibility: hidden;}
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
.examProductList, .productList {float: left;}
.productCatNav {float:right; }

}

/* ----------- (ipad only) ----------- */
@media only screen and (device-width: 768px){
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* dirty webkit hack put webkit CSS here*/
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
}


/* -----------  iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1120px) {
h1 {font-size: 3.1em;}
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
.boxStats {overflow: hidden;}
.boxStats ul.newsTicker{width: 42.15em; overflow: hidden;}
.flexslider {border: none !important;}
.mugForm {clear:left; margin-top: -60px;}

}

/* -----------  iPads (portrait) ----------- */
@media only screen
and (max-width : 1000px), (min-device-width:767px) and (max-device-width:1024px) and (orientation:portrait){
    
.mainContent h1, .fullContent h1 {font-size: 2.4em;}
.mainContent h2, .fullContent h2 {font-size: 1.6em; margin-top: 0.555em;}
.mainContent p {font-size: 1.3em; margin-top: 0.4em;}

/*--CAROUSEL--*/
.carouselWrapper .prev, .carouselWrapper .next {display: none;}
.carouselWrapper {display: block; overflow: visible; }
.carousel {visibility: visible; left: 0px;}
.carousel ul {margin: 0;}
.carousel li {height: 100%; width: 14.833em; list-style-type: none; list-style-image: none; background-image: none !important; float: left; margin: 0.8333em 0.4166em; }
.carousel li:nth-child(4n) {margin-right: 0;}
.carousel li:nth-child(4n+1) {margin-left: 0;}
.carousel ul li a {height: 3.333em; width: 14.666em; display: block; background-color: #369;  border: 1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px;  }
div.carousel .boxSpeciality h2 { color: #fff; font-size: 1em; font-weight: bold; padding: 0.8em; }
.staticSpeciality{background-size: contain; }
.staticSpecialityList li{margin: 0 0.5em;}
.staticSpecialityList li:first-child {margin-left: 0;}
.staticSpecialityList li:last-child {margin-right: 0;}
.staticSpeciality a {width: 14.333em; height: 6.333em; text-decoration: none;}
.staticSpeciality h2{padding-top: 2px; font-size: 1.1em; }

.mainContent .designElement img, .fullContent .designElement img {width: 32em; margin-top: 4.7em;}
.mainContent .designElement p img, .fullContent .designElement p img {width: 24.615em; margin-top: 3.65em;}
.boxStats {overflow: hidden;}
.boxStats ul.newsTicker{width: 42.15em; overflow: hidden;}
.productListing p {margin: 1em;}
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
.examProductList .exam span, .productList .exam span {width: 22.5em; height: 10em;}
.primaryNav .bmjNavLogo {display: none; visibility: hidden;  image-orientation:auto;}
.primaryNav ul li a {padding-left: 0}

.primaryNav ul li a span:hover {font-weight: bold;}

.examProductList .exam .modernBox {width: 95%; height: 5em; margin: 5px 10px 5px 0;}


.promoWrapper div:nth-child(2) {display: none;}
.promoWrapper div{width: 48%; text-align: center;}
.promoWrapper div{}

.fbSmallDescription {width: 10.2em;}
.userGuideImg a {margin-left: -2em;}
.inlineImageLeft{float: left; margin: 2em;}
.inlineImageRight{float: right; margin:1.5em 2em;}
.fbWrapper h3 {margin-left: 1em;}
.fbWrapper p {margin: 2em 0; padding-left:8.214em;}
.voucherRedeem h1 {margin-left: 0.4em; margin-top: 0.2em;}
.voucherRedeem .textBox, .voucherRedeem .textBoxHighlight {width: 22em; padding: 5px;}
div.authorsWrapper ul li {min-width: 28%; }
.editorialTeam img {width: 10em;}
.editorialTeam h4 {margin-left : 11em;}
.editorialTeam p {margin-left : 11.8em;}
.textBox, .textBoxHighlight, .dropDownList, .dropDownListHighlight, .textArea, .textAreaHighlight {width: 28em;}
table.basketItems {margin: 0.5em 0}

.mugForm {clear:left; margin-top: 10px;}

}


/* -----------  iPhone (landscape) -----------  */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape), (max-width : 766px){
#body {background-image: none; background-color: #fff; position: relative; z-index: 200; top: 12.2em; z-index: 200;}
.smallscreen {display:block; visibility: visible;}
.largescreen {display: none; visibility: hidden;}
.container {position: relative; background-color: #fff; margin-top: 0.5em;}
.primaryNav {position: fixed; z-index: -100; top: -0.5em; left: 50%; margin-left: -210px;}
.primaryNav ul li {float: left; margin: 0; background-color: #369; width: 50%;}
.primaryNav ul li a { margin: 0; padding: 0; display: block; width: 100%; color: #fff; }
.primaryNav ul li a span {border: 1px solid rgba(255, 255, 255, 0.9); border-top: none; border-left: none; display: block; padding: 6px;}
.primaryNav ul li a.current {padding: 0;}
.primaryNav ul li a.current, .primaryNav ul li a.current span {background-image: none;}
.primaryNav ul li:first-child a span img {display:none;}
.primaryNav ul li:first-child a span:after {color: #fff;  content: "Home";}
.primaryNav ul li a, .primaryNav ul li a:visited, .primaryNav ul li a:hover {color: #fff;}
.primaryNav ul li.current {background-color: orange;}
.primaryNav ul li.current {background-color: orange;}
.primaryNav ul li:hover, .primaryNav ul li a.drop:hover {background-color: orange !important;}
.megamenu li .drop, .megamenu li.current .drop, .megamenu li.current:hover .drop {display: block;position: relative;z-index: 9999;padding-right: 0;background-image: none;}
.megamenu li:hover a.drop, .megamenu li.current:hover a.drop {background-color:orange !important; padding-bottom: 0; border: 0;}


.primaryNav .bmjNavLogo {display: none; visibility: hidden;  image-orientation:auto;}

.megamenu li .drop {display:block; position: relative; z-index: 9999; padding-right:0px; background: none;}
.megamenu li a.drop:hover, .active {background-color: #369 !important; padding-bottom: 0; border: none; border-bottom: none; -webkit-border-radius:  0; -moz-border-radius: 0; border-radius:  0;}

.logo a {height: 7em; background-size: 25em; background-repeat: no-repeat; background-position: 0 1em;}
.loginStrip ul{margin: 0;}
.loginStrip li.basket  {position: absolute; top: 10px; border-left: none; right: 0; margin-right: 0; padding: 3px 0 5px 25px;}
.loginStrip li.first {position: absolute; top: 35px; right: 0;  margin-right: 0}
.loginStrip li.last {position: absolute; top: 60px; border-left: none; right: 0; margin-right: 0}
.loginStrip li {padding: 0;}
.loginStrip ul {margin-bottom: 0.5em; padding-bottom: 1em;}
.loginStrip ul.socMediaIcons {display: none; height: 0;  border-bottom: none;}
.fbSmallDescription {width: 12em;}

h1 {font-size: 3.3em;}
.mainContent h1 {margin-top: 0.5em; line-height:1.3em;}
.homePage, .homePage h1 {margin-top: 0;}
.mainContent h2, .mainContent h3, .mainContent p {margin: 1em 0; }
ul.breadCrumbs {margin-top: 0.5em; margin-left: 0 !important; line-height: 1.7em; border-top: 0.1em dotted #ccc; border-bottom: 0.1em dotted #ccc;}
.headingImage, .designElement {display: none; visibility: hidden;}
.designElement img {display: none;}

/* RESOURCE FINDER AUTOCOMPLETE */
.divResourceFinder {margin-left:0; max-width: 41em; height: 7.6em;}
.divResourceFinder .textBoxLabel {font-size: 1.9em; padding: 0.2em 0 0.4em 0; margin: 0.3em 0 0 0.75em;}
.divResourceFinder  input#txtResourceFinder {background: #fff; width: 70%; margin-left: 1em; padding: 0.75em 0.38em 0.75em 0.75em;}
ul.ui-autocomplete {max-height: none; width: 26.9em !important;}

/* CAROUSEL SPECIFIC STYLING */
.carousel {visibility: visible; left: 0px;}
.carousel ul, .staticSpecialityList ul {margin: 0;}
.carousel {position: relative; width: 100%;}
.carouselWrapper { margin-bottom: 0; margin-top: 2em; font-size: 20px;}
.carouselWrapper:before{content: 'Choose by speciality:';}
.carousel ul, .staticSpecialityList ul {margin-top: 0.5em}
.carousel li, .staticSpecialityList li a {margin: 0.4em  0; background-image: none !important; float: left; width: 48.8%;  }
.carousel li:nth-child(odd) {margin-right: 0.5em;}
.boxSpeciality, .staticSpeciality, .carousel ul li a { height: auto; width: 100%; float: none;  background-color: #fff;}
.carousel ul li a {border: none;}
div.carousel .boxSpeciality h2 { background-color: #369; display: block; color: #fff; font-size: 0.60em; font-weight: bold; padding: 2px 0; margin: 0 2px;  border: 1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px;}
.staticSpecialityList ul li a{height: 100%;}
.staticSpecialityList .staticSpeciality h2{ background-color: #369; display: block; color: #fff; font-weight: bold; padding: 1em 0; margin: 0 2px;  border: 1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px;}

.staticSpeciality a {height: 4.09em;}
.mugForm {margin-top: 0px;}

/* NEWSTICKER */
.boxStats{padding: 0; margin: 1em 0; height: auto;}
.ticker-title {width: 100%; background-color: #369; margin-top: 0; padding: 0;}
.boxStats .heading{padding: 0.25em 0.833em 0 0.833em; }
.ticker-wrapper.has-js {padding: 0;}
.ticker {width: 100%; display: block; position: relative; overflow: hidden; background-color: #fff;}
.ticker-wrapper.has-js .ticker-content {margin: 1em; padding-top: 0.4em; float: left; position: relative; left: 0 !important; color: #000; overflow: auto; white-space: normal; font-size: 1.1em;}
.ticker-swipe {display: none; }
.js-hidden {display: none;}

.mainContent {height: 100%; clear: left;}
.mainContent h1, .mainContent h2 {margin-left: 0;}
p {margin: 1em 0; line-height: 1.8em;}
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
h2.noTop {margin-top: 1em;}
.boxPromo{margin:1em; width: 100%;}
.promoWrapper div {width: 100%;}
.promoWrapper div:nth-child(2) {display: block;}
.boxPromo:first-child {margin-left: 1em;}
.boxPromo img {text-align: center;}
.productListing p {margin: 1em;}
.examProductList, .productList {float: left;}
.productCatNav {float:right; }
.examProductList .exam span, .productList .exam span {width: 39.8em; height: 3em; margin: 0.5em 0;}
.examProductList > .modernBox {border: none; padding: 0; }
.QODSocial {/*clear: both; margin-top: 2em;*/}
.QODQuestionType input[type="submit"] {margin-left: 0;}
.questionWrapper p img {max-width: 30em;}
.iconMobile {right: 0.5em;}
.voucherRedeem .textBox, .voucherRedeem .textBoxHighlight {width: auto; padding: 5px;}
.editorialTeam img {width: 5em;}
.editorialTeam h4 {margin-left : 6em;}
.editorialTeam p {margin-left : 6.6em;}

/* MOBILE ONLY NAV STYLING */
#body:before {width: 100%; display: block; content: "Pull Down for Navigation"; padding: 1.5em 0; margin: 0 0 -5px 0; color: #878787; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); border-bottom: 1px solid #a6a6a6; background-origin: content-box; text-indent: 35px; background-color: #e3e3e3; background-image: url(http://media.onexamination.com/Images/www/pull.png), url(http://media.onexamination.com/Images/www/down.png); background-position: 95% center, 2% center; background-repeat: no-repeat;}

.textBox, .textBoxHighlight, .dropDownList, .dropDownListHighlight, .textArea, .textAreaHighlight {width:98%;}
table.basketItems td.subPeriod {width: 45% !important; }
table.basketItems td:last-child {width: 45% !important; float: right;}
table.basketItems td:last-child img {padding-top: 0.5em;}

.voucherUserGuide {padding-left: 0;}
.voucherUserGuide > a {float: right; margin: 0 2em;}
.voucherUserGuide p {float: none; margin-right: 1em; width: 95%}

.loginPassword {margin-left: 0;}

}

/* -----------  iPhone (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:portrait), (max-width : 495px)  and (orientation:portrait) {
body{min-width: 320px;}
.smallscreen {display:block; visibility: visible;}
.largescreen {display: none; visibility: hidden;}
.primaryNav {margin-left: -150px;}
.logo a {background-size: 18em; background-repeat: no-repeat; background-position: 0 1.3em; width: 15em;}
.headingImage,.designElement {display: none; visibility: hidden;}
.headerRight {height: 0; margin-bottom: 0;}
.socMediaIcons {display: none;}
ul.ui-autocomplete {width: 19.7em !important; }
.carousel li {width: 48.3%;}
.carousel li:nth-child(odd) {margin-right: 0.4em;}
.boxStats {overflow: hidden;}
.boxStats ul.newsTicker{overflow: hidden;}
.boxPromo {margin: 1em 0; width: 100%;}
.boxPromo:first-child {margin: 1em 0;}
.boxPromo img {text-align: center;}
.productListing input {margin-left: 1.5em;}
.productListing p {margin: 1.5em;}
.secondaryContent h3 {line-height: 1.466em; margin-right: 1em;}
.examProductList, .productList {float: left;}
.productCatNav {float:right; }
.examProductList .exam span, .productList .exam span {width: 27.8em; height: 3em; margin: 0.5em 0;}

.questionWrapper p img {max-width: 21.428em;}
.dropDownList, .dropDownListHighlight {width: 22em;}
.fbSmallDescription {width: 20em;}


}




/** ---------------------------------------------------------------------------------------- 
    Print styles. ** Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
    ---------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}