/* color notes these are color currently used 333399 moneysoft trad dark blue, 26508a new dark blue, 2c67ab new mid blue, text dark grey 1e1e1e, background grey #cdcdcd, ffaa00 orange hmrc green */ html {overflow-y: scroll;} body {font-family: tahoma, helvetica; font-size: 12px; text-align: center; background-color: #CDCDCD;} #container {margin-left: auto; margin-right: auto; width: 990px; text-align: left; background-color: #FFFFFF; padding: 0px;} #container img {border: none; max-width: 100%} p {line-height: 1.6; } #banner {height: 125px; background-image: url('../images/moneysoft/banner_general_original.jpg');background-repeat: no-repeat;} #pm_banner {height: 125px; background-image: url('../images/moneysoft/banner_pm.jpg');background-repeat: no-repeat; background-size: contain;} /* -- Social Media Links top of all pages -- */ #socialmedia {display: block; width: 110px; height: 36px; float: right; margin-top: 5px; margin-right: 20px; padding: 4px;} .twitter-follow {float: right; margin-right: 10px;} #social {display: block; width: 110px; height: 50px; float: right; margin-top: 5px; margin-right: 20px;} .socialgoogleplus img {margin-bottom: 3px;} .socialtwitter img {margin-bottom: 3px;} .g-plus {display: inline; width: 32px; height: 32px; text-decoration: none; float: right;} .fb-like {display: inline;} .twitter-share {display: inline; float: right;} .plus-one {display: inline; float: right; margin-right: 10px;} /* --MAIN MENU-- */ #main-nav {float: left; margin: 0;padding: 0; width:100%; font-weight: bold;} #main-nav {background-color:#26508a; color:#ffffff;} #main-nav ul {list-style: none;margin: 0;padding: 0; } #main-nav ul li {float:left; } #main-nav ul li a {float:left; display: block;padding: 5px 7px;} #main-nav a#main-nav-selected {background: #000;} #main-nav ul li a:link {color: #ffffff; text-decoration:none;} #main-nav ul li a:visited {color: #ffffff; text-decoration:none;} #main-nav ul li a:active {color: #ffffff; text-decoration:none;} #main-nav ul li a:hover {color: #ffffff; text-decoration:underline;} #main-nav ul li a:focus {outline:none;} /* --SUB MENU-- */ #sub-nav {float: left; width:100%; margin: 0;padding: 0; } #sub-nav {background-color:#000000; color:#ffffff;} #sub-nav ul {list-style: none;margin: 0; padding: 0;} #sub-nav ul li {float:left; font-weight: normal; } #sub-nav ul li a {float:left; display: block;padding: 5px 14px 5px 7px;} #sub-nav a#sub-nav-selected {text-decoration: none; font-weight:bold;} #sub-nav ul li a:link {color: white; text-decoration:none;} #sub-nav ul li a:visited {color: white; text-decoration:none;} #sub-nav ul li a:active {color: white; text-decoration:none;} #sub-nav ul li a:hover {color: white; text-decoration:underline;} #sub-nav ul li a:focus {outline:none;} .redbutton {background-color: #940710;} /* --DIV BOXES-- */ /* #content {clear: both; width: 980px; background-color: #FFFFFF; color: #1e1e1e; padding: 5px; font-size: 1.0em;} */ /* #content {clear: both; width: 970px; background-color: #FFFFFF; color: #1e1e1e; padding: 5px 10px 5px 10px; font-size: 1.0em;} nov 2015 */ #content {clear: both; width:970px; background-color: #FFFFFF; color: #1e1e1e; padding: 5px 10px 5px 10px; font-size: 14px;} #content2 {clear: both; width:970px; background-color: #FFFFFF; color: #1e1e1e; padding: 5px 10px 5px 10px; font-size: 1.0em;} #content a {color: #26508a;} #content a:hover {text-decoration: none;} #content2 a {color: #26508a;} #content2 a:hover {text-decoration: none;} #content img {border: none;} #content ul {line-height: 1.6em;} #content ol {line-height: 1.6em;} #bigpicright {padding: 1px; margin: 5px; float: right;} #quotebox {font-style: italic; text-align: left; width: 400px; padding: 5px; font-size: 1.0em; border-style: solid; border-width: 1px;} .quote {font-style: italic; font-size: 1.6em; color: gray;} #softwarebox {border-style: none; margin: 0px;} #softwaretextholder {position: relative; width: 630px; height: 170px;} .softwaretextbox {float: left; margin-left: 18px; margin-right: 0px; width: 180px; height: 160px; text-align: left;} .softwaretextbox li {margin-bottom: 4px; margin-top: 2px;} #featureleft {float: left; width: 50%; background: #ffffff;} #featureright {float: right; width: 50%; background: #ffffff;} .payslip {float: left; margin-left: 10px; margin-right: 20px; margin-bottom: 30px;} .center {text-align: center;} #downloadleft {height: 430px; float: left; width: 30%; background: #ffffff; margin: 4px; border-style: solid; border-color: #26508a; border-width: 2px; padding: 2px; text-align: center;} #downloadmiddle {height: 430px; float: left; width: 30%; background: #ffffff; margin: 4px; border-style: solid; border-color: #26508a; border-width: 2px; padding: 2px; text-align: center;} #downloadright {height: 430px; float: left; width: 30%; background: #ffffff; margin: 4px; border-style: solid; border-color: #26508a; border-width: 2px; padding: 2px; text-align: center;} .pm-support-box {background-color: #b8d8ed; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888;} .pm-support-box-red {background-color: #940710; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: white;} .pm-support-box-gray {background-color: lightgray; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888;} .pm-support-box-hmrcgreen {background-color: #008080; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: white;} .pm-support-box-tpr {background-color: #F4E6DD; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: #482a87;} .pm-support-box-tpr h2 {color: #482A87;} .pm-support-box-cis {background-color: gold; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888;} .pm-support-box-nest {background-color: #ff8201; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: #ffffff;} .pm-support-box-nest h2 {color: #ffffff;} .pm-support-box-now {background-color: #022C44; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: #C4D800;} .pm-support-box-now h2 {color: #C4D800;} .pm-support-box-peoples {background-color: #00B8E4; padding: 10px; margin-bottom: 20px; border-radius: 15px; box-shadow: 10px 10px 5px #888; color: #ffffff;} .pm-support-box-peoples h2 {color: #ffffff;} .testi_contact {line-height: 150%; float: left; width: 30%; margin: 20px;} .testi_comment {line-height: 150%; float: right; width: 50%; margin: 20px;} /* .support-box {float: left; border-style: solid; padding: 10px; margin-right: 10px; border-width: 1px; width: 270px; box-shadow: 5px 5px 2px #888;} */ .support-box {float: left; border-style: solid; padding: 10px; margin-right: 10px; border-width: 1px; width: 290px; box-shadow: 5px 5px 2px #888;} .support-heading {font-weight: bold; font-size: 1.2em; color: #26508a;} .support-image {padding: 20px 0px;} /* puts padding above and below image - for use on support pages for screen shots */ .downloadleft {height: 250px; float: left; width: 32%; text-align: center; margin : 5px; background-color: #ffffff; border-width: 1px; border-radius: 15px;} .downloadmiddle {height: 250px; float: left; width: 32%; text-align: center; margin : 5px; background-color: #ffffff; border-width: 1px; border-radius: 15px;} .downloadright {height: 250px; float: left; width: 32%; text-align: center; margin : 5px; background-color: #ffffff; border-width: 1px; border-radius: 15px;} .downloadmm {height: 250px; float: left; width: 96%; text-align: center; margin : 5px; background-color: #ffffff; border-width: 1px; border-radius: 15px;} .video-links-right {float: right; margin-right: 20px;} #iphonely {display: none;} #footer {background-color: #26508a; color: #ffffff; text-align: center; clear: both;} .googleplus {position: relative; left: 945px; top: 15px; text-decoration: none;} h1 {color: black; font-size: 1.2em; font-weight: bold;} /*was color: #26508a */ h2 {color: #26508a; font-size: 1.2em; font-weight: bold;} h3 {color: #ffffff; background-color: #26508a; font-size: 1.2em; font-weight: bold;} h4 {color: #26508a; font-size: 1.2em; font-weight: normal; margin-top: 8px;} .hmrcgreen {color: #008080;} .qhead {color: #26508a; font-weight: bold;} .christmas {width: 98%; background-image: url('../images/moneysoft/christmas.jpg');background-repeat: no-repeat;}