/* =================================================================================== Nextool Š2008 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Author: Paul Masri, Sam Ramsay Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0px; font-family: /*Verdana, Arial,*/ Helvetica, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ background: #eee; color: #000; } img { border: none; } form { margin: 0; padding: 0; } input {} textarea {} a:link, a:visited { color: #2E3192; text-decoration: underline; } a:hover, a:active { color: #ffc82d; text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } .hint { font-size: 0.8em; color: #C00; } .back_to_top { display: none; clear:both; margin: 1em 0 3em; } .back_to_top a:link, .back_to_top a:visited { font-size:0.7em; font-weight:normal; float:right; } .back_to_top a:active, .back_to_top a:hover { } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ #top { position: relative; } .layout_container { position: relative; width: 951px; margin: 0 auto; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } .layout_container_body { position: relative; width: 951px; background: #fff; margin: 0 auto; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } #menu1_container { position: relative; z-index: 1000; /* Make sure block containing menu1 sits above other blocks, for dropdown to overlay */ } #layout_header1 { position: relative; margin: 0px; padding: 0px; height: 133px; /* background: url('../_image/background.png') no-repeat top center; */ } #layout_header2 { position: relative; } #bkg_body1 { z-index: 100; background: url(../_image/bg_sidebar.jpg) no-repeat bottom right; } #bkg_body2 { z-index: 90; background: url(../_image/bg_testimonial.jpg) no-repeat bottom left; } #layout_sidebar { z-index: 900; margin: 0; left: 0; top: 0; } #layout_maincontent { z-index: 10; left: 0; margin: 0; /* background: url(../_image/topcurve.jpg) no-repeat left top; */ padding: 20px 448px 20px 187px; font-size: 0.8em; color: #666; } #layout_maincontent_right { } #layout_footer_body { text-align: center; clear: both; } #layout_credit { padding: 20px 0 15px; text-align: center; font-size: 0.7em; } #layout_credit a:hover { } #layout_credit a { } #layout_footer { margin: 0px; background: url(../_image/bg_footer.png) #eee repeat-x top left; min-height: 40px; text-align: center; } #layout_footer hr { display: none; } #layout_footer ul { margin: 0; padding: 9px 9px 0px 0px; padding-top: 9px; /* width: 60%; */ list-style: none; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; font-size: 0.55em; color: #444; } #layout_footer li { display: inline; background: url(../_image/vsep.gif) no-repeat left 0.4em; padding: 0 1em 0 2em; } #layout_footer li.first { background: none; } #layout_footer a:link, #layout_footer a:visited { color: #999; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer a:hover, #layout_footer a:active { color: #000; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer p { margin-top: 9px; font-size: 0.55em; color: #999; } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 h2 { position: absolute; right: 0; top: 50px; margin: 0; width: 311px; /* =285+26 */ height: 63px; /* =43+20 */ background: url(../_image/tp_logo.jpg) no-repeat 26px 0px; cursor: pointer; } #layout_header1 h3 { position: absolute; top: 78px; left: 124px; margin: 0; width: 451px; /* =425+26 */ height: 37px; /* =17+20 */ background: url(../_image/tp_delivering.jpg) no-repeat 26px 0px; } #layout_header1 #header_contact { padding: 12px 0 0 12px; } #layout_header1 #header_contact a:link, #layout_header1 #header_contact a:visited { font-size: 0.9em; font-weight: bold; color: #666; text-decoration: none; } #layout_header1 #header_contact a:hover, #layout_header1 #header_contact a:active { text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* FOOTER (in body) CONTENTS */ #layout_footer_body hr { display: none; } #layout_footer_body ul { margin: 0 auto; padding: 100px 0 0.5em; /* padding top here rather than #layout_footer_body because of IE6 bug */ width: 60%; list-style: none; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; color: #444; } #layout_footer_body li { display: inline; background: url(../_image/vsep.gif) no-repeat left 0.4em; padding: 0 1em 0 2em; } #layout_footer_body li.first { background: none; } #layout_footer_body a:link, #layout_footer_body a:visited { color: #999; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer_body a:hover, #layout_footer_body a:active { color: #000; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer_body p { margin: 0; font-size: 0.55em; color: #999; } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit .www_logo a:link, #layout_credit .www_logo a:visited, #layout_credit .www_logo a:hover, #layout_credit .www_logo a:active { background: url(../_image/www_logo.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #ee7b00; text-decoration: none; } #layout_credit .www_logo_hover a:link, #layout_credit .www_logo_hover a:visited, #layout_credit .www_logo_hover a:hover, #layout_credit .www_logo_hover a:active { background: url(../_image/www_logo_hover.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #fff; text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; width: 800px; height: 23px; margin: 0px; left: 150px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.75em; text-align: left; background-color: #ccc; /* background: url('../_image/menu_background.png') no-repeat top center; */ } #menu1 ul.dd1, #menu1 ul.dd1_hover { position: relative; margin: 0; left: 0px; padding: 0px; list-style-type: none; } #menu1 li.dd1, #menu1 li.dd1_hover { position: relative; float: left; margin: 0; padding: 0px 0px 0px 0px; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 div.dd1_text, #menu1 li.dd1_hover div.dd1_text { font-size: 0.9em; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #666; padding: 4px 26px 0px 26px; } #menu1 li.dd1 a:link, #menu1 li.dd1 a:visited { color: #fff; font-weight: bold; color: #666; padding: 4px 26px 0px 26px; } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { color: #666; background: #ffc82d; line-height: 23px; height: 23px; padding: 0px 26px 0px 26px; } /* Level 1 - current */ #level1_01 #menu1a:link, #level1_01 #menu1a:visited, #level1_02 #menu1b:link, #level1_02 #menu1b:visited, #level1_03 #menu1c:link, #level1_03 #menu1c:visited, #level1_04 #menu1d:link, #level1_04 #menu1d:visited, #level1_05 #menu1e:link, #level1_05 #menu1e:visited, #level1_06 #menu1f:link, #level1_06 #menu1f:visited, #level1_07 #menu1g:link, #level1_07 #menu1g:visited, #level1_08 #menu1h:link, #level1_08 #menu1h:visited { display: block; float: left; line-height: 23px; height: 23px; color: #666; background: #ffc82d; padding: 0px 26px 0px 26px; text-transform: uppercase; } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 23px; left: 9px; list-style-type: none; margin: 0; padding: 0; border: 1px solid #ffc82d; background: #fff; } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 li.dd2 { float: none; position: relative; margin: 0; background: #fff; padding: 0; } #menu1 li.dd2 a { float: none; margin: 0; padding: 0px 0px 0px 0px; font-size: 1em; text-decoration: none; font-weight: bold; text-transform: uppercase; } #menu1 li.dd2 a:link, #menu1 li.dd2 a:visited { color: #666; /* border-bottom: 1px solid #9D9D9D; */ font-weight: bold; background: #fff; padding: 6px 9px 6px 9px; text-transform: uppercase; } #menu1 li.dd2 a:hover, #menu1 li.dd2 a:active { color: #2E3192; background: #fff; text-decoration: underline; text-transform: uppercase; } /* menu2 link and list-item widths correspond with image widths */ /* Firefox bug: right border only lines up if menu2 width >= menu1 width */ /* Cross-browser oddity: don't make mention of dd2_visible (won't work); could use dd2_hidden (would work) but no point */ #menu1 li.dd2 a { padding-left: 6px; padding-right: 6px; } #menu1b { padding-left: 9px; } #menu1c { padding-left: 0px; } #menu1d { padding-left: 4px; } #menu1e { padding-left: 15px; } #menu1f { padding-left: 12px; } /* hover state */ .dd1_hover #menu1a span, #level1_01 .dd1_hover #menu1a span { background: #ffc82d; } .dd1_hover #menu1b span, #level1_02 .dd1_hover #menu1b span { background: #ffc82d; } .dd1_hover #menu1c span, #level1_03 .dd1_hover #menu1c span { background: #ffc82d; } .dd1_hover #menu1d span, #level1_04 .dd1_hover #menu1d span { background: #ffc82d; } .dd1_hover #menu1e span, #level1_05 .dd1_hover #menu1e span { background: #ffc82d; } .dd1_hover #menu1f span, #level1_06 .dd1_hover #menu1f span { background: #ffc82d; } .dd1_hover #menu1g span, #level1_07 .dd1_hover #menu1g span { background: #ffc82d; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ /* General panel properties */ .panel { width: 139px; margin: 0; padding: 0; font-size: 0.8em; } .panel h2 { margin: 0; padding: 0 0 0.3em; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: normal; } /* ----------------------------------- */ /* SIDEBAR MENU */ #sidebar_menu { width: 400px; float: right; margin: 0; padding: 0px; /* background: url(../_image/bg_sidebar.png) repeat-x bottom left; */ border-left: 1px solid #eee; } #sidebar_menu h3 { margin: 0; padding: 9px 0px 0px 20px; font-size: 0.9em; color: #01235A; /*#515254;*/ text-align: left; text-decoration: none; background: transparent; } #sidebar_menu ul { margin: 0; padding: 0px 0px 12px 45px; line-height: 1.2em; font-size: 0.9em; font-weight: normal; } #sidebar_menu li { margin: 0; padding: 2px 6px 0 0; color: #515254; } #sidebar_menu p { margin: 0; padding: 9px 20px 9px 20px; color: #555;/*#515254;*/ font-size: 0.9em; } .sidebar_content { /* background: url(../_image/bg_sidebar.jpg) #e4e4e4 repeat-x bottom left; */ } #sidebar_menu .menu2_3 { margin: 2px 0 7px 15px; padding: 0; font-size: 0.9em; } #sidebar_menu li a:link, #sidebar_menu li a:visited, #sidebar_menu .menu2_3 li a:link, #sidebar_menu .menu2_3 li a:visited { } #sidebar_menu li a:hover, #sidebar_menu li a:active, #sidebar_menu .menu2_3 li a:hover, #sidebar_menu .menu2_3 li a:active { } /* Level 2 - current */ #level2_01 #sidebar_menu .menu2a .a_menu2:link, #level2_01 #sidebar_menu .menu2a .a_menu2:visited, #level2_02 #sidebar_menu .menu2b .a_menu2:link, #level2_02 #sidebar_menu .menu2b .a_menu2:visited, #level2_03 #sidebar_menu .menu2c .a_menu2:link, #level2_03 #sidebar_menu .menu2c .a_menu2:visited, #level2_04 #sidebar_menu .menu2d .a_menu2:link, #level2_04 #sidebar_menu .menu2d .a_menu2:visited, #level2_05 #sidebar_menu .menu2e .a_menu2:link, #level2_05 #sidebar_menu .menu2e .a_menu2:visited, #level2_06 #sidebar_menu .menu2f .a_menu2:link, #level2_06 #sidebar_menu .menu2f .a_menu2:visited, #level2_07 #sidebar_menu .menu2g .a_menu2:link, #level2_07 #sidebar_menu .menu2g .a_menu2:visited, #level2_08 #sidebar_menu .menu2h .a_menu2:link, #level2_08 #sidebar_menu .menu2h .a_menu2:visited, #level2_09 #sidebar_menu .menu2i .a_menu2:link, #level2_09 #sidebar_menu .menu2i .a_menu2:visited, #level2_10 #sidebar_menu .menu2j .a_menu2:link, #level2_10 #sidebar_menu .menu2j .a_menu2:visited { color: #2c74b4; } /* Level 3 - current */ #level3_01 #sidebar_menu .menu3a a:link, #level3_01 #sidebar_menu .menu3a a:visited, #level3_02 #sidebar_menu .menu3b a:link, #level3_02 #sidebar_menu .menu3b a:visited, #level3_03 #sidebar_menu .menu3c a:link, #level3_03 #sidebar_menu .menu3c a:visited, #level3_04 #sidebar_menu .menu3d a:link, #level3_04 #sidebar_menu .menu3d a:visited, #level3_05 #sidebar_menu .menu3e a:link, #level3_05 #sidebar_menu .menu3e a:visited, #level3_06 #sidebar_menu .menu3f a:link, #level3_06 #sidebar_menu .menu3f a:visited, #level3_07 #sidebar_menu .menu3g a:link, #level3_07 #sidebar_menu .menu3g a:visited, #level3_08 #sidebar_menu .menu3h a:link, #level3_08 #sidebar_menu .menu3h a:visited, #level3_09 #sidebar_menu .menu3i a:link, #level3_09 #sidebar_menu .menu3i a:visited, #level3_10 #sidebar_menu .menu3j a:link, #level3_10 #sidebar_menu .menu3j a:visited { color: #2c74b4; } /* Panel: testimonial */ .testimonial { width: 150px; margin: 0; /* background: url(../_image/bg_testimonial.jpg) #001b4e no-repeat bottom left; */ padding: 0 0 30px; float: left; } .testimonial a:link, .testimonial a:visited { color: #ffc82d; text-decoration: none; } .testimonial a:hover, .testimonial a:active { color: #fff; } .testimonial .quote { /* background: url(../_image/testimonialquote_close.gif) no-repeat 160px bottom; */ padding: 3em 10px 0 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.85em; color: #fff; text-align: left; } .testimonial .quote .quotet { margin: 0; padding: 0; font-size: 2.5em; } .testimonial .quote .quoteb { font-size: 2.5em; text-align: right; padding-right: 0.1em; } .testimonial .quote p { margin: 0.3em 0; padding: 0 0 0 2px; line-height: 1.3em; } .testimonial .quote p.first { margin-top: -1em; } .testimonial .quoteauthor p { margin: 0 10px 0.5em 20px; font-family: Helvetica, Arial, sans-serif; font-size: 0.6em; font-weight: normal; font-style: normal; line-height: 1em; color: #fff; text-align: left; } .testimonial .quoteauthor p.first { margin: 0 0 0 20px; } /* #quotelink { margin: 0px 20px 0px 0px; font-family: Helvetica, Arial, sans-serif; font-size: 0.66em; font-weight: bold; line-height: 1em; color: #fff; text-align: right; } #quotelink a { color: #fff; text-decoration: underline; } */ /* ------------------------------------------------------------------------------- */ /* MAIN CONTENT (not for user editing) */ #layout_maincontent #breadcrumbs { font-size: 0.8em; padding: 0px 0px 20px 0px; } #layout_maincontent #breadcrumbs a { font-weight: normal; } /** * * Contact form styles * */ #layout_maincontent form#ContactForm { position: relative; margin: 0; padding: 0; } #layout_maincontent #ContactForm .clear { } #layout_maincontent #ContactForm label { float: left; width: 10em; } #layout_maincontent #ContactForm input.text { width: 240px; border: 1px solid #999; } #layout_maincontent #ContactForm textarea { width: 240px; height: 120px; border: 1px solid #999; }