/* Sepcific stylesheet for HELPDESK Application */ /* Doesnt use GCStandard.css */ /*****************************************************************/ /* Set Up STANDARD HTML TAGS */ /*****************************************************************/ body {font-family: Arial,sans-serif;background: #fff; text-align:left;color:#666;font-size:10pt; margin:30px 5px 5px 5px} h1 {margin: 3px 3px 3px 0px;color:black; font-weight:bold; font-size:180%;} h2 {margin: 3px 3px 3px 0px; font-weight:bold; font-size:160%;} h3 {margin: 3px 3px 3px 0px; font-weight:bold; font-size:140%;} h4 {margin: 3px 3px 3px 0px; font-weight:bold; font-size:120%;} h5 {margin: 3px 3px 3px 0px; font-weight:bold; font-size:120%;} blockquote {margin:10px 10px 10px 25px; font-style:italic;} p {margin: 5px 10px 5px 10px} a:link {color:#64963C;text-decoration:none;} a:visited {color:#64963C;text-decoration:none;} a:hover {color:#64963C;text-decoration:underline;} a:active {color:#64963C;text-decoration:none;} fieldset {margin: 5px 5px 5px 5px;border:solid 1px #666666; padding:5px 5px 10px 5px} legend {padding-bottom:5px; color:#666666; font-weight:bold; font-size:small} ul {margin:10px 10px 10px 10px;} li {} img {border:none} /* asp.net multi-line textboxes render as an html TEXTAREA and ignore the font-family in any CSS class, so we override TEXTAREA with our std font */ textarea{ font-family:Arial;} /* Fix for Ajax Toolkit Calendar on IE8 */ .ajax__calendar_title {color:#0066cc; width:100px; margin:auto; padding:3px;} /*****************************************************************/ /* PAGE LAYOUT */ /*****************************************************************/ .background {background: url(../images/background.jpg) ;} .container {width:100%;min-width:980px;max-width: 980px;text-align: left;margin: 0 auto} #banner {width:940px; height:80px; background-color:#fff; padding:0px 20px 0px 20px; overflow:hidden } #banner a {font-size:100%; padding:2px 5px 2px 5px; text-decoration:none; color:#666} #banner a:hover {color:#fff; background-color:#818285} #banner .left {float:left;width:345px; height:100px; text-align:left; overflow:hidden} #banner .left ul {list-style-type:none; margin:0px; padding:0px} #banner .left li {display:block; float:left; margin-top:20px; border-left:solid 1px silver; white-space:nowrap; padding:0px 1px 0px 1px } #banner .social a {padding:0px;margin:0px;text-decoration:none} #banner .social a:hover {background-color:transparent} #banner .logo {float:left;width:250px; height:80px; text-align:center; overflow:hidden} #banner .logo a { background-color:#fff; padding:0px} #banner .right {float:right;width:345px; height:70px; text-align:right; overflow:hidden } #banner .right ul {list-style-type:none; margin:0px; padding:0px} #banner .right li {display:block; float:right; margin-top:30px; text-align:right} #banner .right .img a {background-color:#fff;} #banner .right a {color:#64963c} #footer {width:940px; min-height:40px; background-color:#fff; padding:20px 20px 0px 20px; overflow:hidden; clear:both} #footer .address { font-size:80%; margin:8px 0px 5px 0px} #footer .section1,#footer .section2,#footer .section3,#footer .section4,#footer .section5,#footer .section6 {float:left; height:80px; width:139px; border-right:1px solid silver; margin-top:10px;padding-left:20px} #footer .section6 {width:129px;border:none} #footer .section1 {width:150px; padding:0px;} #footer .section1 ul {margin:0px} #footer ul {list-style-type:none; margin:5px 0px 0px 0px; padding:0px; font-size:8pt} #footer li {padding:0px; margin:0px} #footer h5 {margin:0px; font-weight:normal;} #content {width:940px; background-color:#fff; padding:20px 20px 0px 20px; } #homepagecontent {float:left; width:780px; overflow:hidden; padding:0px} #homepagecontent h2 {margin:0px; padding:0px; font-weight:normal; font-size:20pt; } #homepagecontent p {margin:15px 0px 0px 0px; } .homecontent {background-color:#fff;padding:20px 20px 0 20px;float:left; width:540px} .homeadverts {padding:20px 0px 0px 20px; float:right; max-width:180px; overflow:hidden} #adminleft {float:left; width:139px; margin-right:10px; background-color:#fff;} #adminleft ul {list-style-type:none; margin:0px; padding:0px; margin-left:10px; margin-right:10px; } #adminleft li {padding:0px; margin:0px;} #adminright {float:left; width:770px; background-color:#fff; overflow:hidden; border-left:1px solid silver; padding-left:20px} .openingtimes input {width:60px;} .openingtimes img {cursor:pointer} #openinghours2 {float:left; width:160px;overflow:hidden; margin:20px 0px 20px 0px} #openinghours {float:left; width:160px; height:150px;overflow:hidden; margin:20px 0px 20px 0px} #openinghours h5 {margin:0px; font-weight:normal} #openinghours ul {list-style-type:none; margin:10px 0px 0px 0px; padding:0px ;font-size:8pt;} #openinghours li {padding:0px; margin:0px; line-height:18px } #openinghours .day {display:inline-block; width:30px;} #openinghours .close {display:inline-block; width:45px; text-align:right} #openinghours .open {display:inline-block; width:45px; text-align:right} #openinghours .divider {display:inline-block; width:10px; text-align:right} #openinghours .closed {display:inline-block; width:100px; text-align:center} #ourfoodleft {float:left; width:139px; margin:20px 10px 0px 0px; background-color:#fff;} #ourfoodleft h4 {margin-left:10px} #ourfoodleft ul {list-style-type:none; margin:10px; padding:0px; margin-left:10px; margin-right:10px; } #ourfoodleft li {padding:0px; margin:5px} #ourfoodright {float:left; width:760px; min-height:150px; background-color:#fff; overflow:hidden; border-left:1px solid silver; padding-left:20px; margin:20px 10px 0px 0px} #ouroffersleft {float:left; width:139px; margin:20px 10px 0px 0px; background-color:#fff;} #ouroffersleft h4 {margin-left:10px} #ouroffersleft ul {list-style-type:none; margin:10px; padding:0px; margin-left:10px; margin-right:10px; } #ouroffersleft li {padding:0px; margin:5px} #ouroffersright {float:left; width:760px; min-height:150px; background-color:#fff; overflow:hidden; padding-left:20px; margin:20px 10px 0px 0px} #ourteam, #ourlocation {float:left; width:920px; min-height:150px; background-color:#fff; overflow:hidden; padding-left:20px; margin:20px 10px 0px 0px} #booktable {float:left; width:920px; min-height:150px; background-color:#fff; overflow:hidden; padding-left:20px; margin:20px 10px 0px 0px} #booktable table {margin-left:20px; font-size:90%} #booktable .pad {padding-left:20px} #booktable .required {color:Red} #mailinglistrequest {float:left; width:920px; min-height:150px; background-color:#fff; overflow:hidden; padding-left:20px; margin:20px 10px 0px 0px} #mailinglistrequest table {margin-left:20px; font-size:90%} #mailinglistrequest .pad {padding-left:20px} #mailinglistrequest .required {color:Red}