* {padding:0;margin:0;} body {background-color:#fff; font-family:helvetica;} #pageContainer {margin:0 auto; width:1000px; margin-top:0px; height:820px; background-color:#fff;} /* HEADER */ #header {width:1000px; height:100px;} #header .logo {float:left; background:url('../images/logo.jpg') no-repeat; width:221px; height:58px; margin-left:50px; margin-top:30px;} #header .search {float:right; height:70px; width:225px; margin-right:40px; margin-top:30px;} #header .searchTel {color:#858788; font-size:18px; font-family:helvetica; float:right;} #header .searchText {color:#858788; font-size:16px; float:left; margin-top:10px;} #header .searchText input {height:18px; width:100px;} #header .searchImage input{padding-top:12px; width:20px; height:20px; float:right;} /* NAV TOP BAR */ #navBoxTop {width:940px; height:45px; margin:0 auto; text-align:center;} #navBoxTop .navTopLeft{height:44px; width:33px; float:left;} #navBoxTop .navTopSlice{background:url('../images/navTopSlice.jpg') repeat-x; width:874px; height:44px; float:left;} #navBoxTop .navTopSlice .links {width:860px; height:30px; margin-top:15px;} #navBoxTop .navTopSlice .links ul{margin-left:5px; width:600px; height:30px; display:inline; list-style:none;} #navBoxTop .navTopSlice .links ul li {padding:5px 16px 5px 16px; display:inline; font: 15px helvetica; } #navBoxTop .navTopSlice .links ul li a {text-decoration:none; color:#858788;} #navBoxTop .navTopSlice .links ul li a:hover{color:#FAA13A;} #navBoxTop .navTopRight{height:44px; width:33px; float:right;} /* FLASH BOX */ div.flash {width:940px; height:175px; margin-left:33px;} /* NAV BOTTOM BAR */ #navBoxBottom {width:940px; height:50px; margin-left:30px;} #navBoxBottom .navBottomLeft {height:48px; width:33px; float:left;} #navBoxBottom .navBottomSlice {background:url('../images/navBottomSlice.jpg') repeat-x; width:874px; height:48px; float:left;} #navBoxBottom .navBottomSlice .navigationMenu {margin-left:115px; width:800px; height:30px;} #navBoxBottom .navBottomRight {height:48px; width:33px; float:right;} /* MAIN CONTENT */ #mainContent{width:940px; min-height:380px; margin-left:30px; color:#858788;} /* INNER LEFT CONTENT - DYNAMIC */ #mainContent .innerLeft {float:left; width:530px; min-height:350px; margin-top:20px;} #mainContent .innerLeft .formBox {margin:0 auto; width:250px; min-height:300px; height:auto !important; height:300px; color:#000; font: normal 15px helvetica;} #mainContent .innerLeft .formBox h2{color:#858788;} #mainContent .innerLeft .formBox h4{color:#858788;} #mainContent .innerLeft .contactForm h1 {font-size:15px;} #mainContent .innerLeft .contactForm {margin-left:15px; font-size:12px;} #mainContent .innerLeft .contactFormInner {padding:30px;} #mainContent .innerLeft .contactFormInner table tr {line-height:20px;} /* INNER RIGHT */ #mainContent .innerRight {float:right; width:390px; min-height:350px; margin-top:20px;} span.orangeC {color:#FAA13A; font-size:14px;} span.greyC {color:#858788; font-size:14px;} span.orange {color:#FAA13A;} span.grey {color:#858788;} span.orangeLarge {color:#FAA13A; font-size:17px;} span.greyLarge {color:#858788; font-size:17px;} /* TOP BOX */ #mainContent .innerRight .topBox {width:360px; min-height:135px; margin-left:15px; margin-bottom:-12px;} #mainContent .innerRight .topBoxLeft {float:left; width:20px; min-height:130px;} #mainContent .innerRight .topBoxSlice {float:left; width:320px; min-height:130px; background:url('../images/topBoxSlice.jpg') repeat-x;} #mainContent .innerRight .topBoxSlice .text h1 {font-size: 15px; color:#fff; margin:5px; margin-top:10px; font-weight:normal;} #mainContent .innerRight .topBoxSlice .text {font-size: 12px; color:#fff; margin:0px;} #mainContent .innerRight .topBoxSlice .text a {font-size: 12px; color:#FAA13A; text-decoration:none;} #mainContent .innerRight .topBoxSlice .text a:hover {color:#fff;} #mainContent .innerRight .topBoxRight {float:right; width:20px; height:130px;} /* LEFT BOX */ #mainContent .innerRight .leftBox {float:left; width:179px; min-height:210px; margin-left:15px;} #mainContent .innerRight .leftBoxLeft {float:left; width:17px; min-height:206px;} #mainContent .innerRight .leftBoxSlice {float:left; width:145px; min-height:206px; background:url('../images/leftBoxSlice.jpg') repeat-x;} #mainContent .innerRight .leftBoxSlice .text h1 {font-size: 15px; color:#fff; margin-top:10px; margin-bottom:5px; font-weight:normal;} #mainContent .innerRight .leftBoxSlice .text {font-size: 12px; color:#fff; margin:5px;} #mainContent .innerRight .leftBoxSlice .text a {font-size: 12px; color:#858788; text-decoration:none;} #mainContent .innerRight .leftBoxSlice .text a:hover {color:#fff;} #mainContent .innerRight .leftBoxRight {float:right; width:17px; height:206px;} /* RIGHT BOX */ #mainContent .innerRight .rightBox {float:right; width:179px; min-height:210px; margin-right:15px;} #mainContent .innerRight .rightBoxLeft {float:left; width:17px; min-height:206px;} #mainContent .innerRight .rightBoxSlice {float:left; width:145px; min-height:206px; background:url('../images/rightBoxSlice.jpg') repeat-x;} #mainContent .innerRight .rightBoxSlice .text h1 {font-size: 15px; color:#fff; margin-top:10px; margin-bottom:5px; font-weight:normal;} #mainContent .innerRight .rightBoxSlice .text {font-size: 12px; color:#fff; margin:4px;} #mainContent .innerRight .rightBoxSlice .text a {font-size: 12px; color:#FAA13A; text-decoration:none;} #mainContent .innerRight .rightBoxSlice .text a:hover {color:#fff;} #mainContent .innerRight .rightBoxRight {float:right; width:17px; min-height:206px;} /* FOOTER */ #footer {clear:both; width:940px; height:60px; margin-left:30px;} #footer .footerLeft {width:32px; height:56px; float:left;} #footer .footerSlice {background:url('../images/footerSlice.jpg') repeat-x; width:876px; height:56px; float:left;} #footer .footerSlice .textRight {font-size:11px; margin-right:20px; margin-top:20px; float:right; color:#858788;} #footer .footerSlice .textRight a {color:#FAA13A; text-decoration:none;} #footer .footerSlice .textRight a:hover {color:#858788;} #footer .footerSlice .textLeft {font-size:11px; margin-left:20px; margin-top:20px; float:left;} #footer .footerSlice .textLeft ul{margin-left:5px; width:300px; height:30px; display:inline; list-style:none;} #footer .footerSlice .textLeft ul li {font-size:11px; padding:5px 16px 5px 16px; display:inline; color:#858788;} #footer .footerSlice .textLeft ul li a {color:#858788; text-decoration:none;} #footer .footerSlice .textLeft ul li a:hover{color:#FAA13A;} #footer .footerRight {width:32px; height:56px; float:right;} /********* JavaScript Drop Down *************/ #sddm { margin-top:15px; padding:0px; text-align:center;} #sddm ul {display:inline;} #sddm li {position:relative;display: inline; margin: 0; padding: 0; float:left; list-style: none; font: 15px helvetica;} #sddm li a {padding-top:30px; margin-left:35px; width:105px; color: #858788; text-decoration: none; outline:none; text-align:left;} #sddm li a:hover {color:#FAA13A;} #sddm li.currentPage a {color:#FAA13A; outline:none; } #sddm div {clear: both; position:absolute; top:30px; left:35px;visibility: hidden; margin-left: 0px; padding: 10px; background: #fff; border: 1px solid #FCA440;} #sddm div a {position: relative; display: block; margin: 0px; padding: 5px 5px; width: auto; height:18px; white-space: nowrap; text-align: left; text-decoration: none; background: #fff; color: #FCA440; font-size: 13px;} #sddm div a:hover { background: #FCA440; color: #FFF; position:relative;} /**********************************/ /*FORCED CSS FOR MAIN CONTENT AREA*/ /**********************************/ div.dynamicText {font-size:13px; font-family: Arial; padding:0px 12px 30px 12px; color:#858788;} div.dynamicText h1.dynamicHeading {color:#E50D62;font-size:16px;font-weight:normal;margin-bottom:15px; text-align:center;} div.dynamicText ul {} /*div.dynamicText ol {list-type:decimal;}*/ li {padding:0 15px 6px 10px;} div.dynamicText ul, div.dynamicText ol {padding:3px 0;margin:10px 0px 10px 20px;} div.dynamicText div , p {padding:3px 0;} div.dynamicText a {color:#858788; text-decoration:none;} div.dynamicText a:hover {color:#FAA13A; text-decoration:none;} div.dynamicText p {padding:3px 0; /*text-align:justify;*/} div.dynamicText div {font-size:12px;padding:3px 0;} div.dynamicText pre {} div.dynamicText address{} div.dynamicText h1, div.dynamicText h2, div.dynamicText h3, div.dynamicText h4, div.dynamicText h5, div.dynamicText h6{font-weight:bold;margin:3px 0;} strike { text-decoration: none; color: rgb(255, 153, 0); } big { font-size: 16px; /*font-weight: bolder;*/ } div.dynamicText h1 {font-size:26px;} div.dynamicText h2 {font-size:24px;} div.dynamicText h3 {font-size:22px;} div.dynamicText h4 {font-size:20px;} div.dynamicText h5 {font-size:18px;} div.dynamicText h6 {font-size:16px;} div.dynamicText img {padding: 10px 10px 10px 10px;} /*Match Font Sizes - These have been set to absolute units so need no matching*/ /*INDENT CLASSES*/ div.dynamicText .Indent1{margin-left: 40px;} div.dynamicText .Indent2{margin-left: 80px;} div.dynamicText .Indent3{margin-left: 120px;} /*JUSTIFY CLASSES*/ div.dynamicText .JustifyLeft{text-align: left;} div.dynamicText .JustifyRight{text-align: right;} div.dynamicText .JustifyCenter{text-align: center;} div.dynamicText .JustifyFull{text-align: justify;} /*.textInput,textarea {width: 460px; font-family: arial; background-color: #FFFFFF; border: 1px solid #858788;}*/ .inputHighlighted {width: 460px; background-color: #fff9d8; color: #000; border: 1px solid #858788;} .error {text-align: center; color:red; background-color: #fff9d8; border: 2px solid red; padding: 8px 0; font-size: 1.2em; width:460px; margin-bottom:5px;} .ok { float:left; text-align: center; color:green; background-color: #fff9d8; border: 2px solid green; padding: 8px 0; font-size: 1.2em; width:460px; margin-bottom:5px;} .RequestError {text-align: center; color:red; background-color: #fff9d8; border: 1px solid #f6e595; padding: 8px 0; font-size: 1.0em; width:515px; margin-bottom:5px;} .RequestOk {float:left; text-align: center; color:#858788; background-color: #fff9d8; border: 1px solid #f6e595; padding: 8px 0; font-size: 1.0em; width:515px; margin-bottom:5px;} #keyboard{float:right; padding-top:5px; margin-right:0px;} #contactKeyboard{float:right; padding-top:25px; margin-right:0px;} #keyboard2{float:right; margin-top:-10px; padding-right:50px;} .submit{font-size:10px;} .NewContact{float:right; margin-top:20px;} .NewContact .contactPageLeft{height:345px; width:18px; float:left;} .NewContact .contactSlice{background:url('../images/contactSlice.jpg') repeat-x; width:370px; height:345px; float:left;} .NewContact .contactPageRight{height:345px; width:18px; float:right;} .NewContact .contactSlice .titleTop{padding-top:28px;} .NewContact .contactSlice .formTop{padding-top:15px; padding-left:5px;} .NewContact .contactSlice .contactSend {float:right; padding-top:10px;} input {color:#808080;} textarea {color:#808080;} /****************************************/ /* SETTINGS FOR THE SUBSCRIBE FORM PAGE */ /****************************************/ /* MESSAGES */ #bad, #good {padding: 10px 0 10px 34px;line-height: 20px; margin: 0px 5px; border-width: 2px; border-style: solid; width:331px; font-size:12px;} #bad {border-color: #cc0000; background: #ffcccc url(http://dimasoft-development.co.uk/RapidShot/images/cross.png) no-repeat 10px 12px;} #bad strong {color: #cc0000;} #good {border-color: #20932C; background: #ccffcc url(http://dimasoft-development.co.uk/RapidShot/images/tick.png) no-repeat 10px 12px;} #good strong {color: #009900;} /* THE SUBSCRIBE FOR */ #formContainer {margin:0 auto; width:380px; min-height:410px; padding-top:0px; padding-bottom:10px;} #formContainer .s1_top {width:378px; height:163px; background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s1_top.png') no-repeat;} #formContainer .s1_top .s1_top_content {padding:10px 0px 0px 10px;} #formContainer .s1_top .s1_top_content h2 {padding:10px 0px 15px 130px; font-family:arial; font-size:18px; color:#585858;} #formContainer .s1_slice {width:378px; height:5px; background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s1_slice.png') repeat-x;} #formContainer .s1_slice .s1_slice_content {padding:10px 0px 0px 10px;} #formContainer .s1_bottom {width:378px; height:237px; background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s1_bottom.png') no-repeat;} #formContainer .s1_bottom .s1_bottom_content {padding:20px 0px 0px 28px;} #formContainer .s1_buttons {padding:7px 0px 0px 65px;} span.text {padding-left:20px; font-family:arial; font-size:12px; color:#585858;} input.inputSlice {background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/inputSlice.png'); background-repeat:repeat-x; font-size:16px;width:234px; height:26px; color:#000000;} input.inputSlice:hover{background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s4_inputSlice.png'); background-repeat:repeat-x; font-size:16px;width:234px; height:26px;} select.inputSlice {background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/inputSlice.png'); background-repeat:repeat-x; font-size:16px;width:238px; height:26px;} select.inputSlice:hover{background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s4_inputSlice.png'); background-repeat:repeat-x; font-size:16px;width:234px; height:26px;} a:active {outline: none;} a:focus{-moz-outline-style: none;} /* CUSTOM STYLING */ #recaptcha_widget {width:312px; background-color:#FFFFFF; height:131px;} #recaptchaInput {padding:20px 10px 10px 10px; clear:both;} #recaptcha_image {height:40px ! important; padding-left:5px;} .recaptcha_only_if_image {font-family:arial; font-size:10px; color:#A9A9A9;} .recaptcha_only_if_audio {font-family:arial; font-size:10px; color:#A9A9A9;} .recaptcha_only_if_audio a {text-decoration:none;} .recaptchaArrow {float:left;} .recaptchaWords {float:left;} .recaptchaIcons {float:left;} .poweredBy{font-family:arial; font-size:10px; color:#B9B9B9; float:left; width:295px;} .poweredBy a {color:#188F24; text-decoration:none;} .poweredBy a:hover {color:#A9A9A9;} .poweredBy .left{float:left; padding:10px;} .poweredBy .right{float:right;} input.inputSlice2 {background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/inputSlice2.png'); background-repeat:repeat-x; font-size:14px;width:155px; height:20px; color:#000000;} input.inputSlice2:hover{background:url('http://dimasoft-development.co.uk/RapidShot/subscribeImages/s4_inputSlice2.png'); background-repeat:repeat-x; font-size:16px;width:155px; height:20px;} .recaptcha_audio_cant_hear_link {font-family:arial; font-size:10px; margin-bottom:-10px;} .recaptcha_audio_cant_hear_link a {text-decoration:none;} /****************************************/ /****************************************/ /****************************************/ #adminTableHolder { clear:both; width: 940px; padding-bottom:25px; } #adminTableHolder #tableTop {height:15px;background:url(../../images/synthesisTableTop3.png) top no-repeat;} #adminTableHolder #tableContent {background-color:#FAA13A;} #adminTableHolder #tableBase {height:15px;background:url(../../images/synthesisTableBottom3.png) bottom no-repeat;} #adminTableHolder #tableTitle {text-align:center;color:white;line-height:20px;font-size:16px;margin-bottom:10px;font-weight:bold;} #adminTableHolder #tableContent table#adminList { width:910px; font-size: 12px; border: 1px solid #AAAAAA; background: #EEEEEE; margin-left:15px; } #adminTableHolder #tableContent table#adminList tr#headerRow {background: #EEEEEE; height: 31px;} #adminTableHolder #tableContent table#adminList tr#headerRow th {font-weight:bold;color:#808080; font-size:15px;} #adminTableHolder #tableContent table#adminList tr#headerRow th a {color:#D85988;} #adminTableHolder #tableContent table#adminList td.leftlink:hover { background: url(../../images/synthesisLeftLinkHover.png); } #adminTableHolder #tableContent table#adminList td.currentpage { background: url(../../images/synthesisLeftLinkHover.png); } #adminTableHolder #tableContent table#adminList tr { height: 11px; text-align: center; } #adminTableHolder #tableContent table#adminList img {border:solid 1px #FAA13A; padding:3px;} #adminTableHolder #tableContent table#adminList tr.outputRow {background:#CCCCCC; height: 27px;} #adminTableHolder #tableContent table#adminList tr.striped {background-color:#e2e2e2;} #adminTableHolder #tableContent table#adminList tr.outputRow:hover td {background-color:#A8A8A8; color:#FFFFFF;} #adminTableHolder #tableContent table#adminList tr.striped:hover td {background-color:#A8A8A8; color:#FFFFFF;}