body { background: rgb(104,104,104) top left url(/assets/local/1/site_images/2009/background.jpg); padding: 0; margin: 0; text-align: center; font-size: 0.8em; font-family: "Arial", "Helvetica", sans-serif; color: white; } a { color: white; text-decoration: none; outline: none; } a:hover { color: rgb(237, 0, 140); } #wrapper { position: relative; text-align: center; } #inner-wrapper { margin: 0 auto; width: 974px; } #content-wrapper { padding-top: 43px; float: left; margin: 0 auto; width: 974px; text-align: center; background: top left repeat-y url(/assets/local/1/site_images/2009/innerback-repeat.png); } #content { width: 853px; padding: 0; margin: 0 auto; text-align: left; } #header { float: none; clear: both; text-align: center; width: 853px; margin: 0 auto; } #header-wrapper { position: relative; float: left; width: 974px; height: 106px; background: top left no-repeat url(/assets/local/1/site_images/2009/innerback_top.png); margin: 0 auto; } #header-navigation { float: left; clear: both; width: 853px; background-color: rgb(102,102,102); margin: 0 auto 8px auto; } #home-flash-placeholder { float: left; clear: both; width: 853px; margin: 1px auto 12px auto; height: 324px; } #home-navigation-boxes { width: 100%; float: left; clear: both; overflow: hidden; height: 183px; margin: 0; } #home-navigation-boxes h3 { font-size: 0.9em; margin: 0; padding: 0; } #home-navigation-boxes a { display: block; float: left; width: 275px; height: 183px; text-decoration: none; font-size: 1.2em; font-weight: bold; } #home-navigation-boxes a span { float: left; display: block; width: 275px; cursor: hand; } /* a.homebox1 { height: 183px; background: top left url(/assets/local/1/site_images/2009/climbing-walls-down.jpg); margin-right: 14px; } a.homebox2 { height: 183px; background: top left url(/assets/local/1/site_images/2009/online-store-down.jpg); margin-right: 14px; } a.homebox3 { height: 183px; background: top left url(/assets/local/1/site_images/2009/traverse-walls-down.jpg); margin-right: 0; } */ a.homebox1 { height: 183px; background: top left url(/assets/local/1/site_images/2010/Left.jpg); margin-right: 14px; } a.homebox2 { height: 183px; background: top left url(/assets/local/1/site_images/2010/Center.jpg); margin-right: 14px; } a.homebox3 { height: 183px; background: top left url(/assets/local/1/site_images/2010/Right_Trublue.jpg); margin-right: 0; } a.homebox1:hover { background-position: 0 -183px; } a.homebox2:hover { background-position: 0 -183px; } a.homebox3:hover { background-position: 0 -183px; } #footer { float: none; clear: both; width: 974px; margin: 0 auto; padding-top: 4px; background: bottom left no-repeat url(/assets/local/1/site_images/2009/innerback_bottom.png); height: 140px; margin-bottom: 50px; } #footer-inner { font-size: 0.7em; text-align: center; width: 853px; margin: 0 auto; } img { border: 0; } .fltr { float: right; } .list-inline { list-style-type: none; position: relative; top: +20px; margin: 0; padding: 0; } .list-inline li { float: left; margin: 0; padding: 0; } #site_submenu { float: left; width: 158px; padding: 0 5px; padding-top: 11px; background-color: rgb(175,175,175); color: black; min-height: 600px; height: auto !important; height: 600px; } #site_submenu ul { padding: 0; margin: 0; margin-top: 16px; position: relative; float: left; list-style-type: none; } #site_submenu ul li { width: 100%; min-height: 24px; padding-top: 8px; color: black; font-weight: bold; } #site_submenu ul li a { display: block; width: 147px; padding: 8px; } #site_submenu ul li a:link { color: black; } #site_submenu ul li a:visited { color: black; } #site_submenu ul li a:hover { color: rgb(237, 0, 140); background-color: rgb(192,192,192)} #site_main { float: right; width: 645px; background-color: rgb(226,226,226); color: black; padding: 0 13px; height: 600px; height: auto !important; min-height: 600px; } #site_main a { color: black !important; } #site_main a:hover { color: rgb( 237, 0, 240 ) !important; } /* general styles */ table { font-size: 8pt; } h1 { font-size: 14pt; font-weight: bold; } h2 { font-size: 12pt; font-weight: bold; } h3 { margin: 0; } .small { font-size: 0.8em; } .chapter_linkbox { width: 40%; float: left; padding: 8px 8px 8px 0; height: 96px; } .page_linkbox { width: 90%; float: none; clear: both; margin-bottom: 8px; border-bottom: 1px dashed #eee; } .site_homebox { height: 48px; float: left; width: 30%; background-color: rgb( 136, 134, 129 ); color: rgb( 255, 255, 255 ); font-size: 8pt; } .site_homebox a { color: #fff; } .col { float: left; margin-right: 8px; } .colc { float: left; clear: right; } .href_white { color: white; text-decoration: none; } /* TOP NAVIGATION */ a.menuNav { float: left; position: relative; top: +4px; font-weight: bold; text-decoration: none; background-color: rgb( 56, 56, 110 ); color: #fff; } a.menuNav:hover { text-decoration: underline; } /* WALLS STYLES */ .wall_thumb { width: 128px; height: 96px; border: 0; } /* NEWS LIST STYLES */ .newslist ul { padding: 0; margin: 0; list-style-type: none; } .newslist li { padding-bottom: 4px; } .newslist li a { padding: 4px; display: block; width: 80%; height: 64px; text-decoration: none; } .newslist li a:hover { color: white; background-color: #C30080; } .news_title { font-weight: bold; } /* PORTFOLIO STYLES */ #portfolio-button-left { width: 16px; height: 24px; float: left; padding: 32px 16px 0 0; z-index: 999; } #portfolio-button-right { width: 16px; height: 24px; float: left; padding: 32px 0 0 16px; z-index: 999; } #portfolio-hz_buttons img { border: 0; } #portfolio-vr_buttons { float: left; position: relative; top: +24px; left: 0; width: 16px; margin: 0; padding: 0 0 2px 0; z-index: 999; } #portfolio-vr_buttons img { border: 0; } #portfolio-preview { position: relative; float: left; width: 450px; height: 340px; } #portfolio-preview img { margin: 0; border: 0; width: 450px; height: 340px; } #portfolio-thumbs { position: relative; float: right; clear: both; width: 144px; height: 194px; overflow: auto; margin: 0; padding: 0; } #portfolio-thumbs img { float: left; border: 0; margin: 0 0 1px 0; padding: 0; } #portfolio-thumbs_scroll { position: relative; } #portfolio-system-types { float: left; width: 180px; text-align: left; } #portfolio-projects { float: left; padding-top: 1px; width: 384px; height: 140px; overflow: auto; } #portfolio-projects_scroll a { float: left; position: relative; display: block; width: 128px; height: auto; margin: 0; padding: 0; border-right: 1px solid #fff; text-decoration: none; } #portfolio-projects_scroll img { position: relative; margin: 0; padding: 0; border: 0; width: 128px; height: 96px; outline: none; } #portfolio-project-detail { float: right; width: 170px; padding: 32px 0 0 0; min-height: 428px; height: auto !important; height: 428px; } /* STORE STYLES */ .store_category_box { float: left; text-align: center; padding: 0 24px 24px 24px; } .store_category_box img { border: 0; outline: none; } .store_product_box { float: left; text-align: center; padding: 0 24px 24px 24px; } .store_product_box img { border: 0; outline: none; } .store_h1 { width: 100%; background-color: #8a0080; color: #fff; } .store_breadcrumb { font-size: 12pt; font-weight: bold; color: black; } .store_breadcrumb a { color: black; text-decoration: none; } .store_breadcrumb a:hover { color: #8a0080; } .store_product_title { display: block; background-color: #8a0080; color: white; font-weight: bold; } .store_required_title { display: block; background-color: #8a0080; color: white; font-weight: bold; } .store_basket { width: 100%; padding: 0; margin: 0; border: 1px solid #eee; } .store_basket_head { text-align: center; background-color: #8a0080; color: white; font-weight: bold; height: 24px; padding: 0; margin: 0; } .store_basket tr { margin: 0; padding: 0; } .store_basket td { margin: 0; padding: 0; } .cartline_center { text-align: center; } /* GALLERY (PAGE GALLERY MODULE) STYLES */ .gallery_image { width: 320px; border: 0; } .gallery_thumb { width: 128px; border: 0; } /* TECHDATA STYLES */ .techdata_box { margin: 2px; float: left; width: 192px; height: 64px; background: #f8f8f8; border: 1px solid #f0f0f0; } p.feedback { display: block; padding: 8px; background-color: red; color: white; } /* MENU NAVIGATIONS STYLES */ p#hlogo { float: left; } #hnav { list-style-type: none; margin: 0; padding: 0; } #hnav li { display: inline-block; } #hnav li.separator { display: inline-block; width: 16px; position: relative; top: -3px; background: center no-repeat url(/assets/local/1/menu/sep-menu.gif); } #hnav a { display: inline-block; height: 20px; margin-top: 4px; } .hnav-home { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-home.gif); } .hnav-home:hover { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-home-hover.gif); } .hnav-about { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-about.gif); } .hnav-about:hover { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-about-hover.gif); } .hnav-climbingwalls { width: 124px; background: top left no-repeat url(/assets/local/1/menu/hnav-climbingwall.gif); } .hnav-climbingwalls:hover { width: 124px; background: top left no-repeat url(/assets/local/1/menu/hnav-climbingwall-hover.gif); } .hnav-caves { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-caves.gif); } .hnav-caves:hover { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-caves-hover.gif); } .hnav-portfolio { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-gallery.gif); } .hnav-portfolio:hover { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-gallery-hover.gif); } .hnav-services { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-services.gif); } .hnav-services:hover { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-services-hover.gif); } .hnav-store { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-store.gif); } .hnav-store:hover { width: 57px; background: top left no-repeat url(/assets/local/1/menu/hnav-store-hover.gif); } .hnav-contact { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-contact.gif); } .hnav-contact:hover { width: 84px; background: top left no-repeat url(/assets/local/1/menu/hnav-contact-hover.gif); } #site_contentwrapper { width: 852px !important; background: url(/assets/epuk-inner-bg.png); margin-top: 16px; } #site_background_wrapper { float: left; margin-top: -16px; width: 853px; background: #e2e2e2 -30px 0 repeat-y url(/projects/images/page_background1.png)}