/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' **************** browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on ***************** */ *{margin:0;padding:0;} /***************** basic layout **************** */ html,body { margin:0 auto; padding:0; height:100%;} body{text-align:left;font-family: Arial, Helvetica, sans-serif;font-size:75%;line-height:18px; color: #354231; background:#c0c0c0 url(../images/homepage/bg-main.gif) repeat-x; background-position:center top; } /* Background image for the textpage is hard-coded into the page*/ div{font-size:1em;} img{border:0;} a:hover{text-decoration:none;color:#385C72;} /* center wrapper, min max width */ #shadow {width: 968px; margin:0 auto; background: transparent url(../images/homepage/bg-shadow.jpg) no-repeat center top;} div#pagewrapper{width:900px; background-color:#fff;color:#000;margin:0 auto; } #textpage div#pagewrapper{width:900px; background-color:#fff;color:#000;margin:0 auto;} /***************** header we will hide text and replace it with a image we need to assign a height for it so that the image wont cut off *****************/ div#header{width:900px; height:94px; background: #fff url(../images/pageElements/header-bg.gif) repeat-x center top;} #textpage div#header{width:900px; height:130px;} #header-left{width:492px; height:94px; float: left;} #header-left.home{width:508px; height:94px; float: left;} div#header-left.home h1{line-height: normal;} div#header-left.home h1 a{background:#fff url(../images/homepage/amcs-logo.gif) no-repeat left top; display:block;height:95px;text-indent:-999em;text-decoration:none;} div#header-left.ind h1 a{background:#fff url(../images/pageElements/amcs-industrial-logo.gif) no-repeat right top; display:block;height:95px;text-indent:-999em;text-decoration:none;} div#header-left.env h1 a{background:#fff url(../images/pageElements/amcs-environmental-logo.gif) no-repeat right top; display:block;height:95px;text-indent:-999em;text-decoration:none;} #header-right {float:right; width:408px; padding-top: 50px} #header-right.home {float:right; width:370px; padding: 42px 20px 0 0;} /*#header-right.home #tagline {float: right; display: block; margin: 20px 8px 0 0;} #header-right.home #tagline h2 {display: block; clear: both; width: 411px; height: 25px; background:#fff url(../images/homepage/homepage-tagline.gif) no-repeat left top; } #header-right.home #tagline h2 span{ display: none; }*/ /* SUBNAV */ #subnav { height:15px; float:right; height: 20px; color:#a3a3a3; text-align:right; padding-right: 20px; font-size: .9em; text-transform: uppercase; color: #58585a; margin-bottom: 20px;} #subnav ul { margin-left:0; } #subnav li { list-style:none;display: inline;padding-left:18px; } #subnav li a { color:#58585a; text-decoration:none; } #subnav li a:hover { color: #36502d; background-color: #fff;} #subnav li#home a {padding-left: 20px; background: url(../images/pageElements/bg-subnav-home.gif) no-repeat 0 0; } /* SUBNAV2 */ #subnav-ind, #subnav-env { display: block; width: 408px; float: right; clear: both; } #subnav-ind ul, #subnav-env ul {width: 408px; } #subnav-ind li, #subnav-env li { list-style:none;float: left; } #subnav-ind li#subnav2-environ a {display: block; width: 194px; height: 45px; background: url(../images/pageElements/nav-environmental.gif) no-repeat 0 0; } #subnav-ind li#subnav2-indust a {display: block; width: 213px; height: 45px; background: url(../images/pageElements/nav-industrial.gif) no-repeat 0 0; } #subnav-env li#subnav2-environ a {display: block; width: 194px; height: 45px; background: url(../images/pageElements/nav-environmental2.gif) no-repeat 0 0; } #subnav-env li#subnav2-indust a {display: block; width: 213px; height: 45px; background: url(../images/pageElements/nav-industrial2.gif) no-repeat 0 0; } #subnav-ind li a span, #subnav-env li a span { display: none; } #subnav-ind li#subnav2-environ a:hover, #subnav-ind li#subnav2-indust a:hover, #subnav-env li#subnav2-environ a:hover, #subnav-env li#subnav2-indust a:hover { background-position: 0 -45px;} /* Start of CMSMS style sheet 'Voltaire Main Menu' ******************* MENU ******************** */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* Horizontal menu for the CMS CSS Menu Module */ /* by Alexander Endresen */ /* The wrapper clears the floating elements of the menu */ /* Fix for Opera 8 */ .clearb { clear: both; } #menuwrapper { /* Fix for Opera 8 */ /* overflow: hidden; */ background-color: #fff; /*border-bottom: 1px solid #C0C0C0;*/ width: 100%; text-transform: uppercase; } #menuwrapper {display: block; width: 900px; height: 34px; clear: both; margin: 0; padding: 0;} #nav-start { display: inline; width: 203px; height: 34px; } #nav-start-env { display: block; width: 203px; height: 34px; background: #000 url(../images/pageElements/nav-start-env.gif) no-repeat 0 0; float: left;} #nav-start-ind { display: block; width: 203px; height: 34px; background: #000 url(../images/pageElements/nav-start-ind.gif) no-repeat 0 0; float: left;} #nav-about a { display: block; width: 117px; height: 34px; background: url(../images/pageElements/nav-about.gif) no-repeat 0 0; } #nav-products a { display: block; width: 116px; height: 34px; background: url(../images/pageElements/nav-products.gif) no-repeat 0 0; } #nav-casestudies a { display: block; width: 133px; height: 34px; background: url(../images/pageElements/nav-casestudies.gif) no-repeat 0 0; } #nav-support a { display: block; width: 117px; height: 34px; background: url(../images/pageElements/nav-support.gif) no-repeat 0 0; } #nav-news a { display: block; width: 82px; height: 34px; background: url(../images/pageElements/nav-news.gif) no-repeat 0 0; } #nav-contact a { display: block; width: 132px; height: 34px; background: url(../images/pageElements/nav-contact.gif) no-repeat 0 0; } #nav-start span, #nav-start-ind span, #nav-start-env span, #nav-about a span, #nav-products a span, #nav-news a span, #nav-casestudies a span, #nav-support a span, #nav-contact a span { display: none; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 200px; } /* Unless you know what you do, do not touch this */ #primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px;} #primary-nav { display:block; height: 34px; color: #a3a3a3; float: right; text-align: right; text-transform: uppercase; font-size: 1.1em;} #primary-nav li { float: left;} /* Styling the basic apperance of the menu elements */ #primary-nav a { display: block; text-decoration: none; color: #7f7f7f;} #primary-nav li a { color: #a3a3a3; /* border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; */} /*#primary-nav ul { position: absolute; top: auto; display: none; text-align: left; z-index:10;} #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; osition: relative; } #primary-nav li li a { color: #a3a3a3; border: 1px solid #ebebeb;}*/ #primary-nav li a:hover { background-position: 0 -34px; } #primary-nav li#nav-start a:hover { background-position: 0 0; } #primary-nav li a, #primary-nav li.menuparent a { background-color: #fff; } #primary-nav li li a:hover { } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuparent.menuactive a { color: #617b58;} /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { /* arrow for menuparents */ /* background-image: url(images/cms/arrow.gif); background-position: center right; background-repeat: no-repeat; */ } /* Styling the apperance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { /* background-color: #E7AB0B; */} /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ /* just add #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul ul ul, for fourth level */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } /* add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, for fourth level */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } div#search{float:right;width:27em;text-align:right;margin:0 1em;padding:0.6em 0 0.2em;} div.breadcrumbs{font-size:90%;border-bottom:1px dotted #000;margin:0 1em;padding:1em 0 1.2em;} div#content{margin:5px 0 0 8px; clear: both; border: solid 1px #e3e3e3; width: 846px; height: 370px; margin-bottom: 8px; background: #f8faf6 url(../images/template/bg-pagecontent.gif) repeat-x; background-position:center top; padding-top: 40px; } div#content-index{margin:0; clear: both; width: 900px; height: 603px; background-color: #fff } div#content-textpage{margin:0 0 0 0; clear: both; width: 899px; background: url(../images/pageElements/bg-content.gif) repeat-y left top; border-left: solid 1px #ccc; padding-bottom: 20px; } .textpage-homepage div#content-textpage{margin:0 0 0 0; clear: both; width: 900px; background: url(../images/pageElements/bg-content-textpage-home.gif) repeat-y left top; } div#content-textpage:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } div#main{margin: 0 34px 0 34px; } /* INDEX PAGE */ #content-index #main{margin: 0 auto; padding: 0;} #content-index #bottom {clear: both; width: 900px; height: 360px; background: transparent url(../images/homepage/bg-home-bottom.jpg) repeat-x center top; padding-top: 15px;} #content-index h2{ width: 224px; height: 21px; margin: 0 0 5px 35px; background: url(../images/homepage/title-index.gif) no-repeat center top; } #content-index h2 span{display: none; } #content-index p{color: #fff; font-size: 1.2em; padding: 8px 20px 0 35px;} #bottom-panels {margin-left: 15px;} #environmental, #industrial { display:inline; width: 404px; height: 221px; float: left; margin: 0 0 0 20px; background: url(../images/homepage/bg-homepage-panel.jpg) no-repeat center top;} #environmental h3 { display: block; width: 404px; height: 25px; background: transparent url(../images/homepage/title-environmental.gif) no-repeat 20px 5px; margin: 10px 0 15px 0;} #industrial h3 { display: block; width: 404px; height: 25px; float: left; background: url(../images/homepage/title-industrial.gif) no-repeat 20px 5px; margin: 10px 0 15px 0;} #environmental div, #industrial div{ width: 235px; margin: 0 auto; margin-top: 15px;} #environmental h3 span, #industrial h3 span { display: none; } #environmental .left, #environmental .right, #industrial .left, #industrial .right{ float: left; margin: 0; } #environmental .left, #industrial .left { width: 144px; padding-top: 3px; padding-left: 20px;} #environmental .right, #industrial .right { display: block; width: 225px; height: 92px; padding-top: 0; } #environmental .right p, #industrial .right p { font-size: 1em; color: #000; margin: 0; padding: 0; height: 60px;} #environmental, #industrial {font-size: 1em;} .hidden {display: none;} .more a {display: block; float: right; clear: both; width: 123px; height: 27px; margin-right: 10px; background: transparent url(../images/homepage/butt-learn-more.gif) no-repeat 0 0; } .more a:hover { background-color: #ffffff; color: #36502d; } .more span { display: none; } /* END INDEX PAGE */ /* CONTENT TEXTPAGE */ div#content-main ul, div#content-main ol {margin-left: 30px; } #left-panel { display: block; float: left; width: 202px; min-height: 400px; } #sidenav {} #sidenav ul {} #sidenav li { display: block; width: 202px; height: 30px; background: url(../images/pageElements/bg-sidenav.gif) repeat-x 0 bottom; line-height: 2em;} #sidenav li a { margin: 0 0 0 20px; color: #fff; text-decoration: none;} #sidenav li a:hover { color: #ccc;} #menu_vert { } /* Start of CMSMS style sheet 'Navigation: Simple - Vertical' ******************* MENU ******************** */ #menu_vert{padding-left:0;margin-left:0;} /* third level has some padding to have it stand out */ div#menu_vert ul ul ul{padding-bottom:0.5em;} /* menu li block */ #menu_vert li{list-style:none; display:block;margin:0; } #menu_vert ul ul li{border:none;} /** end fix * first level links */ div#menu_vert a{text-decoration:none;display:block;color:#fff;background: url(../images/pageElements/bg-sidenav2.gif) repeat-x 0 bottom;min-height:1em;padding:0.7em 0.5em 0.7em 2em;} /* next level links, more padding and smaller font */ div#menu_vert ul ul { border-bottom: 1px solid #810101;} div#menu_vert ul ul a{font-size:90%; padding:0.5em 0.5em 0.5em 3.5em; border: none; background: url(../images/cms/arrow-right.gif) no-repeat 2.5em center;} div#menu_vert ul ul a:hover{font-size:90%;background: url(../images/cms/arrow-right-active.gif) no-repeat 2.5em center;background-color:#d40b0b; padding:0.5em 0.5em 0.5em 3.5em;} /* third level links, more padding */ div#menu_vert ul ul ul a{background:url(../images/cms/dash.gif) no-repeat 2.8em center;padding:0.3em 0.5em 0.3em 4.3em;} /* hover state for all links */ div#menu_vert a:hover{background: #ac0303 url(../images/pageElements/bg-sidenav2-active.gif) repeat-x 0 bottom;} div#menu_vert a.activeparent:hover{color:#ccc;} /* active parent, that is the first-level parent of a child page that is the current page */ div#menu_vert li a.activeparent{background:#ac0303 url(../images/pageElements/bg-sidenav2-active.gif) repeat-x 0 bottom; color:#fff; font-weight: bold; } div#menu_vert ul ul li a.activeparent{background-position:1.5em center;background-color:transparent;color:#18507C;} /* current pages in the default Menu Manager template are unclickable. This is for current page on first level */ div#menu_vert ul h3{ background: #ac0303 url(../images/pageElements/bg-sidenav2-active.gif) repeat-x 0 bottom;display:block;color:#fff;font-size:1em;margin:0;padding:0.7em 0.5em 0.7em 2em;} /* next level current pages, more padding, smaller font and no background color or bottom border */ div#menu_vert ul ul h3{font-size:90%; font-weight: normal; background-position:1.4em center;background-color:transparent; background: url(../images/cms/arrow-right.gif) no-repeat 2.5em center; border-bottom:none;color:#fff;padding:0.3em 0.5em 0.3em 3.5em;} /* current page on third level, more padding */ div#menu_vert ul ul ul h3{background:url(../images/cms/arrow-right-active.gif) no-repeat 2.7em center;padding:0.3em 0.5em 0.3em 4.3em;} /* section header */ div#menu_vert li.sectionheader{border-right:none;font-size:130%;font-weight:700;background-color:#fff;line-height:1em;text-align:center;margin:0;padding:1.5em 0 0.8em;} /* separator */ div#menu_vert li.separator{height:1px !important;margin-top:-1px;margin-bottom:0;background-color:#000;overflow:hidden !important;line-height:1px !important;font-size:1px;padding:2px 0;} div#menu_vert li.separator hr{display:none;} * html #menu_vert li a,* html #menu_vert li hr{height:1%;} /* CONTENT TEXTPAGE */ #content-main { display: block; float: left; width: 440px; min-height: 575px; padding: 20px; margin-right: 1px;margin-left: 1px; background: url(../images/pageElements/bg-content-top.gif) repeat-x left top; } .textpage-homepage #content-main { display: block; float: left; width: 667px; min-height: 575px; padding: 20px 0 20px 15px; margin-right: 1px; background: url(../images/pageElements/bg-content-top.gif) repeat-x left top; } #content-main ul, .textpage-homepage #content-main ul{ margin-left: 30px; } #breadcrumb { font-size: 90%; color: #999; margin: 0 0 10px 0; border-bottom:1px dotted #000;padding:0 0 1.2em;} #breadcrumb a{ color: #666; text-decoration: none;} #breadcrumb a:hover{ color: #c30404;} .textpage-homepage #content-main.environmental h2{ display: block; width: 659px; height: 35px; background: url(../images/pageElements/environmental-homepage-title.gif) no-repeat left top; } .textpage-homepage #content-main.industrial h2{ display: block; width: 659px; height: 35px; background: url(../images/pageElements/industrial-homepage-title.gif) no-repeat left top; } .textpage-homepage #content-main #text{ padding: 0 30px 0 10px; } .textpage-homepage #content-main h2 span{ display: none; } /* RIGHT PANEL */ #right-panel { display: block; float: left; width: 215px; min-height: 400px; background: url(../images/pageElements/bg-right.gif) repeat-y left top; margin: 0; padding: 0;} #right-panel div{ } div#content-textpage:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } #next-steps {margin: 15px 0 0 12px;} #next-steps h4 { display: block; width: 156px; height: 18px; background-color: #ccc; background: url(../images/pageElements/title-nextsteps.gif) no-repeat 0 0;} #next-steps div { display: block; width: 192px; height: 36px;} #next-steps div a { display: block; width: 192px; height: 36px; } #next-steps #brochure a{ background: url(../images/pageElements/nav-right-brochure.gif) no-repeat 0 0;} #next-steps #brochure a:hover{ background: url(../images/pageElements/nav-right-brochure-over.gif) no-repeat 0 0;} #next-steps span { display: none;} /*#next-steps ul { list-style:none;} #next-steps li a {} #next-steps #more-info a{ background: url(../images/pageElements/nav-right-requestinfo.gif) no-repeat 0 0;} #next-steps #more-info a:hover{ background: url(../images/pageElements/nav-right-requestinfo-over.gif) no-repeat 0 0;} #next-steps #callback a:hover{ background: url(../images/pageElements/nav-right-callback-over.gif) no-repeat 0 0;} #next-steps #callback a{ background: url(../images/pageElements/nav-right-callback.gif) no-repeat 0 0;} */ #callback, #mailing-list {margin: 10px 0 10px 12px; width: 192px; height: 88px; background: url(../images/pageElements/bg-right-panel.gif) no-repeat 0 top; overflow: hidden;} #callback h4, #mailing-list h4 { display: block; width: 175px; height: 33px; background-color: #ccc; background: url(../images/pageElements/title-callback.gif) no-repeat 15px 15px; margin: 10px 0 0 10px;} #callback h4 { background: url(../images/pageElements/title-callback.gif) no-repeat 15px 15px;} #mailing-list h4 { background: url(../images/pageElements/title-mailing-list.gif) no-repeat 15px 15px;} #callback h4 span, #mailing-list h4 span { display: none;} #callback #form-padding, #mailing-list #form-padding, #callback .form-padding, #mailing-list .form-padding {margin: 0 15px 0 16px; width: 170px; font-size: .9em; } #callback #form-padding div, #mailing-list #form-padding div, #callback .form-padding div, #mailing-list .form-padding div {font-size: 1em; } #callback #form-padding .smalltext, #mailing-list #form-padding .smalltext {display: block; margin: 0 0 0 5px; font-size: .9em; } #callback div.error_message { display: none;} #mailing-list .nms_message {display: block; font-size:.9em; padding: 0; margin-top: -5px;} #callback input, #mailing-list input {margin: 0 0 0 0; font-size: .9em; } #callback .required input, #mailing-list .required input {width: 120px; margin: 0; padding: 0 0 0 3px; margin-bottom: 4px; } #callback div.required, #mailing-list div.required {width: 130px; float: left; } .mailing-list-label { display: block; font-size: .9em; padding: 0 0 0 0; margin-top: -3px; margin-bottom: 3px;} #callback div.submit, #mailing-list div.submit{width: 20px; float: left;} #testimonials {dislay: block; width: 190px; height: 226px; margin: 0 0 0 12px; background: url(../images/pageElements/panel-testimonial-bg.gif) no-repeat 0 0; padding: 4px 3px 4px 3px;} /*#newsletter div img, #featured-prod div img, #testimonials div img { border: solid 1px #ffffff; } #newsletter span.viewmore a, #featured-prod span.viewmore a, #testimonials span.viewmore a { display: block; text-align: right; margin: 8px 14px 0 0; font-size: .9em; color: #617b58; text-decoration:none;} #newsletter span.viewmore a:hover, #featured-prod span.viewmore a:hover, #testimonials span.viewmore a:hover{ color: #35492e;} #newsletter label {display: block; width: 40px; float: left;} #newsletter .newsletter-input input {width: 150px;}*/ /* END INDEX PAGE */ div#sidebar{float:left;width:26%;display:inline;margin-left:0;} #buttonsPrev {margin-bottom:-145px; margin-left:20px; position:relative; width: 25px;} #buttonsNext {margin-left:806px;margin-top:-145px;position:relative;width:25px;} div#main #slideshow {display: block; clear: both; overflow:hidden; width: 750px; height: 145px; background-color: #f5f5f0; margin-left: auto; margin-right: auto; } div#main #slideshow ul{width:3900px; padding-left:205px; padding:0; margin:0; list-style:none;} div#main #slideshow ul li{float:left; margin:0 16px; cursor:pointer; margin: 10px 0 10px 10px; } div#main #screen2{margin: 0 -35px 0 -35px; background-color: #fff; clear: both; border: solid 1px #e3e3e3; width: 846px; height: 160px; margin-bottom: 8px; padding: 14px 0 0 0;} div#footer-wrapper{display: block; clear: both; width:100%; height: 100px; background: #fff url(../images/pageElements/bg-footer-wrapper.gif) repeat-x left top; text-align: center; margin: 0 auto; padding: 0;} div#footer{margin: 0 auto; width: 912px; height: 72px; color:#fff; background: url(../images/pageElements/bg-footer.gif) no-repeat center top;} div#footer{margin: 0 auto; width: 912px; height: 72px; color:#fff; background: url(../images/pageElements/bg-footer.gif) no-repeat center top;} div#footer p{text-align:center;margin:0;padding:10px 10px 0 10px; line-height: 1.7em; font-weight: bold;} div#footer p a{color:#fff;} #copyright {display: block; width: 900px; text-align: right; margin-top: 20px; padding-right: 40px; font-size: .9em; color: #333; } #copyright a {color: #333; text-decoration: none;} /* as we hid all hr for accessibility we create new hr with extra div element */ div.hr{height:1px;border-bottom:1px dotted #000;margin:1em;padding:1em;} /* relational links under content */ div.left49{width:49%;} div.right49{float:right;width:49%;text-align:right;} /******************** CONTENT STYLING ******************** HEADINGS */ div#content h1{font-size:2em;line-height:1em;margin:0;} div#content h2, div#content-textpage h2{color:#000;font-size:2em;text-align:left;line-height:1.5em;margin:0 0 0.5em;font-weight: normal;font-family: Arial, Verdana, sans-serif;} div#content h3, div#content-textpage h3{color:#000;font-size:1.3em;line-height:1.3em;margin:0 0 0.5em;} div#content-textpage h3{margin:0 0 1em;} div#content h4, div#content-textpage h4{color:#000;font-size:1.2em;line-height:1.3em;margin:0 0 0.25em;} div#content h5, div#content-textpage h5{color:#000;font-size:1.1em;line-height:1.3em;margin:0 0 0.25em;} h6{color:#294B5F;font-size:1em;line-height:1.3em;margin:0 0 0.25em;} /* END HEADINGS TEXT */ div#content-textpage p {font-size:1em;line-height:1.8em;margin:0 0 1em 0;padding:0; color: #333;} div#content-main li {font-size:1em;line-height:1.4em;margin:0 0 1em 0;color: #333;} p{font-size:1em;line-height:1.4em;margin:0 0 1.5em;padding:0;} blockquote{border-left:10px solid #ddd;margin-left:10px;} em,i{font-style:italic;} /* Wrapping text in tags. Makes CSS not validate */ code,pre{white-space:0;word-wrap:break-word;font-family:"Courier New", Courier, monospace;font-size:1em;} pre{border:1px solid #000;background-color:#ddd;line-height:1.5em;font-size:90%;margin:0 1em 1em;padding:0.5em;} /* Separating the divs on the template explanation page, with some bottom-border */ div.templatecode{margin:0 0 2.5em;} /* END TEXT LISTS lists in content need some margins to look nice */ div#main ul,div#main ol,div#main dl{font-size:1em;line-height:1.4em;margin:0 0 1.5em;} div#main ul li,div#main ol li{margin:0 0 0.25em 3em;} /* definition lists topics on bold */ div#main dl dt{font-weight:700;margin:0 0 0 1em;} div#main dl dd{margin:0 0 1em 1em;} div#main dl{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid silver;} #navt_bookmarks_c p{margin-bottom:1em;} a,a:link a:active,a:visited{text-decoration:underline;background-color:inherit;color:#c30404;} div.breadcrumbs span.lastitem,strong,b{font-weight:700;} /* Start of CMSMS style sheet 'Module: News' */ div#news{border:1px solid #000;background:#FFE9AF;margin:2em 0 1em 1em;} div#news h2{line-height:2em;background:#fff;} .NewsSummary{border-bottom:1px solid #ccc;margin:0;padding:0;} .NewsSummaryPostdate{font-size:90%;font-weight:700;} .NewsSummaryLink{font-weight:700;padding-top:0.2em;font-size:1.2em;} .NewsSummaryCategory{font-style:italic;margin:5px 0;} .NewsSummaryAuthor{font-style:italic;padding-bottom:0.5em;} .NewsSummarySummary,.NewsSummaryContent{line-height:140%;} .NewsSummaryMorelink{padding-top:0.5em;} #NewsPostDetailDate{font-size:90%;margin-bottom:5px;font-weight:700;} #NewsPostDetailSummary{line-height:150%;} #NewsPostDetailCategory{font-style:italic;border-top:1px solid #ccc;margin-top:0.5em;padding:0.2em 0;} #NewsPostDetailContent{margin-bottom:15px;line-height:150%;} #NewsPostDetailAuthor{padding-bottom:1.5em;font-style:italic;} /***************** Basket ******************/ .product_list { border: solid 1px #e3e3e3; background-color: #ebf2e9; padding: 0 0 10px 0;} .product_list li { list-style: none;} .product_name {color:#294B5F;font-size:1.3em;line-height:1.3em;margin:0 0 0.5em;} .product_code {margin: 0 0 5px 0;} .basket_image img {border: solid 1px #e7eee4;} /***************** gallery ******************/ .category_items:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } .category_items {display: inline-block; margin-top: 2em;} /* Hides from IE5/Mac \*/ * html .category_items {height: 1px;} .category_items {display: block;} /* End hide from IE5/Mac */ .category_item {float: left; margin-right: 30px; text-align: center;} .catalog_item {min-height: 328px;} #item_category {color:#617b58;font-size:2em;text-align:left;line-height:.9em;margin:0 0 0.5em;font-weight: normal;font-family: "Times New Roman", Times, serif;} /* DEGUGGING #item_image{display: none;} .fade_me {display: none;} /* the images that jQuery will fade in when loaded */ div#content h2.item_title {font-size: 1.2em; font-weight: bold; color: #89a87d; font-family:Arial, Helvetica, sans-serif;} #item_category, div#content h2.item_title {margin: 0 0 0.5em} #item_image_placeholder {float:left; display: block; width: 428px; height: 308px; background-color: #ffffff; border: solid 1px #e7eee4;} .item_images {float: left;display: block; width: 428px; height: 308px; background-color: #ffffff; overflow:hidden; } .item_attribute_name {font-weight: bold; margin-bottom: 10px;} .item_attribute_name span {font-weight: normal; padding-left: 5px;} .item_attribute_val {height: 70px; overflow:hidden; margin-bottom: 10px;} .item_details {width: 310px; float: right; margin-left: 30px; text-align: left;} .item_thumbnails img{margin: 10px 10px 10px 0; border: solid 1px #e7eee4;} .item_request_quote a {display: block; width: 120px; height: 14px; background-color: #d6e3d1; border: solid 1px #ffffff; font-size: .9em; padding: 2px 0 6px 0; text-align: center; margin-top: 5px; margin-bottom: 5px; text-decoration: none; color: #617b58; text-transform:uppercase;} .item_request_quote a:hover { background-color: #ffffff; border: solid 1px #d6e3d1; color: #36502d; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; font-weight: normal; font-size: 1em; }