/* .MMM .MMM .MMM .MMM ,MMMMMMMM . MMMMMMMMM MMMMMMMMMMM MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM MMMM .8MMMMMMM .MMMMMMM? .MMMM MMM .MMMMMM .MMMMMM. ~MMM MMM. MMMMMM. MMMMMM. .7MMM. MMMM. .MMMMMMMM .MMMMMMMM. .+MMMM. MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM. MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM. MMM MMM MMM Pad Creative - design MMM www.padcreative.co.uk */ @import ("reset.css"); @import url(reset.css); * { margin:0; padding:0; } body { color: #323232; font-size:62.5%; line-height:150%; background-image: url(../images/bg.gif); text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif; } p, li { font-size: 1.2em; } p.p1 { font-weight: bold; font-size: 1.4em; line-height: 18px; margin-bottom: 15px } p.p2 { margin-top: 14px } p.p3 { font-size: 0.9em; margin-top: 14px } p.p4 { text-align: left; margin: 0px } p.plist { list-style-type: disc; margin-top: 14px } .folio { font-size: 1em; line-height: 12px; margin-top: 14px } .foliobold { font-weight: bold; font-size: 10px; line-height: 12px; margin-top: 14px } h1 { font-size: 1.4em; font-weight: bold; margin-bottom: 12px; } h2 { font-size: 1.4em; font-weight: normal; margin: 14px 0 0 } h3 { color: #4d0742; font-weight: bold; font-size: 1.5em;; margin: 18px 0px 0px; padding-right: 25px; padding-left: 25px } h4 { color: #0e3970; font-size: 1.4em; margin-bottom: 12px; } /* Background and containers -------------------------------------------------------------------- */ #container { text-align: left; margin: 10px auto; border: solid 1px black; width: 761px; } #pagebody { background: white; text-align: left; width: 100%; overflow: hidden; display: block; padding-top: 34px; } /* Header -------------------------------------------------------------------- */ #header { background: #0e3970 url(../images/header.jpg) no-repeat; clear: both; height: 81px } #header div#topmenu { color: white; padding-top: 62px; padding-left: 154px } #header div#topmenu ul { } #header div#topmenu ul li { margin-right: 20px; font-size: 1.2em; float: left; } #header div#topmenu ul li:last-child { margin-right: 0px; float: none; } #header div#topmenu ul li a { color: white; text-decoration: none } #header div#topmenu ul li a:hover { color: #0e3970; } /* Left Column -------------------------------------------------------------------- */ #left { float: left; width: 154px; padding-bottom: 100px; } #left div#leftmenu ul { background-image: url(../images/left_menu_top.gif); background-repeat: no-repeat; width: 122px; padding-top: 41px; padding-bottom: 5px; border-right: 1px solid #2191c1; border-bottom: 1px solid #2191c1; } #left div#leftmenu ul li { width: 122px; height: 40px; } #left div#leftmenu ul li a { width: 122px; height: 40px; display: block; background-repeat: no-repeat; background-position: 0px 0px; } #left div#leftmenu ul li a { width: 122px; height: 40px; display: block; background-repeat: no-repeat; background-position: 0px 0px; } #left div#leftmenu ul li a.bbc1 { background-image: url(../images/left_menu_bbc1.gif); } #left div#leftmenu ul li a.bbc2 { background-image: url(../images/left_menu_bbc2.gif); } #left div#leftmenu ul li a.bbc3 { background-image: url(../images/left_menu_bbc3.gif); } #left div#leftmenu ul li a:hover { background-position: -122px 0px; } /* Main Column -------------------------------------------------------------------- */ #main { float: left; width: 490px; overflow: hidden; padding-bottom: 40px; } #main h2.home { color: #248fc0; font-size: 1.2em; line-height: 1.5em; margin-bottom: 25px; } #main p { margin-bottom: 20px; line-height: 1.5em; } #main p.last_update { font-size: 1.1em; } #main p.home_text { color: #248fc0; } #main div.table_section { padding-top: 20px; margin-bottom: 20px; } h5 { font-size: 1.6em; font-weight: normal; line-height: 1.5em; margin-bottom: 15px; } h6 { font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-bottom: 0px; } p, li { font-size: 1.2em; } p { margin-bottom: 12px; } p a:link, p a:visited, p a:active { color: #0855ad; text-decoration: none; border-bottom: 1px dotted #248ed1; } p a:hover { color: #c02527; border-bottom-color: #c4c4c4; } div#main li a:link, div#main li a:visited, div#main li a:active { color: #0855ad; text-decoration: none; border-bottom: 1px dotted #248ed1; } div#main li a:hover { color: #c02527; border-bottom-color: #c4c4c4; } strong { font-weight: bold; } #main table.home { width: 370px; border: none; margin-bottom: 25px; } #main table.home tr.images td { padding-bottom: 6px; padding-right: 20px; vertical-align: top; } #main table.home tr.text td { padding-right: 20px; vertical-align: top; } #main table.home tr.text td p { font-size: 1.1em; } #main table.home tr.text td h4 { margin-bottom: 2px; } #main table.availability { width: 488px; border: none; } #main table.availability thead th { text-align: center; background-color: #2191c1; color: white; padding: 5px; border-collapse: collapse; border-spacing: 0px; vertical-align: middle; } #main table.availability tbody td { text-align: center; padding: 5px; border-bottom: 1px solid #0e3970; border-collapse: collapse; border-spacing: 0px; vertical-align: middle; } #main table.pictab { border: none; margin-bottom: 20px; } #main table.pictab td { vertical-align: top; } #main table.pictab a.foliopic img { border: 1px solid black; width:70px; height: 48px; margin-right: 3px; } #main table.pictab a.foliopic:hover img { border: 1px solid #ccc } #main table.pictab .foliopic:hover{ color: red; /* Dummy definition to overcome IE bug */ } #main div.gallery { position:relative; } #main div.gallery img.foliopic2 { border: 1px solid black; width: 427px; } div.slide { /* hide all slides */ display: none; width: 427px; } div.slide2 { /* initial slide on page load */ display: block; width: 427px; text-align: center; } #main form#enquiry { } #main form#enquiry div.form_element {margin-bottom: 20px; } #main form#enquiry label { display: block; font-size: 1.2em; } #main form#enquiry label.formtext { margin-bottom: 3px; } #main form#enquiry p.formtext { margin-bottom: 3px; } #main form#enquiry input.field { color: #292929; font-size: 1.1em; width: 200px; height: 18px; } #main form#enquiry select { width: 200px; } #main form#enquiry input.checkbox { margin-right:5px; float: left; } #main form#enquiry textarea { width: 400px; height: 100px; } #main form#availability_updates div.form_element {margin-bottom: 20px; } #main form#availability_updates label { display: block; font-size: 1.2em; } #main form#availability_updates label.formtext { margin-bottom: 3px; } #main form#availability_updates textarea { width: 400px; height: 100px; } div.pop_up_forum div.pop_up_content ul { clear: both; padding-bottom: 20px; } div.pop_up_forum div.pop_up_content ul li { display: block; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_field li input { color: #292929; font-size: 1.1em; width: 232px; height: 20px; } div.pop_up_forum div.pop_up_content ul li select { width: 232px; } div.pop_up_forum div.pop_up_content ul li.label { clear: both; float: none; margin-bottom: 5px; font-weight: bold; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_field li input { color: #292929; font-size: 1.1em; width: 450px; height: 20px; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_text li.label { clear: both; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_text li.text { clear: both; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_text li.text textarea { width: 450px; height: 180px; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_select_menu li.label { clear: both; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_select_menu li.menu { clear: both; margin-bottom: 20px; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_check_boxes li.check_box input { clear: left; float: left; margin-right: 8px; } div.pop_up_forum div.pop_up_content ul.pop_up_forum_check_boxes li { margin-bottom: 15px; color: #ffffff; } div.pop_up_forum div.pop_up_content ul.pop_up_feedback_field li input { color: #292929; font-size: 1.1em; width: 450px; height: 20px; } div.pop_up_forum div.pop_up_content ul.pop_up_feedback_text li.label { clear: both; } div.pop_up_forum div.pop_up_content ul.pop_up_feedback_text li.text { clear: both; } div.pop_up_forum div.pop_up_content ul.pop_up_feedback_text li.text textarea { width: 450px; height: 180px; } /* Footer -------------------------------------------------------------------- */ div#footer { background-color: #c53c3e; background-image: url(../images/footer.gif); background-repeat: repeat-y; background-position: 0 0; width: 761px; clear: both; height: 24px } div#footer p { color: #fff; font-size: 1.4em; font-weight: normal; word-spacing: -1px; padding-top: 4px; padding-left: 15px; } div#footer p a { color: #fff; text-decoration: none; border-bottom-style: none; } div#footer p a:hover { border-bottom: 1px dotted #fff; } div#footer p.legal { font-size: 0.9em; line-height: 1.3em; } /* Misc -------------------------------------------------------------------- */ .clear { clear: both; }