/*========================================================*/ /* Skin styles for Canal Engineering */ /*========================================================*/ Body, .Normal, .NormalTextBox, TD, DIV{font-size:11px; } Body { margin:0px; padding:0px;} table, tr, td { color: #444;} p, div, ul, li { color: #666666; font-size:13px; font-family:Arial; line-height:18px; } p { padding:5px 0; margin:0px; } .p1 { padding:0px; margin:0px; line-height:10px; text-decoration:underline;} .quicklinks { font-size:16px; line-height:22px; color:#666666;} A.quicklinks:link, a.quicklinks:hover { color:#ff7200;} li { list-style: disc; } ol li { list-style: decimal; } ul li { list-style: disc } li { margin: 0px 0; } ul.list1 { margin:0px 0 0px 120px; } ul.list2 { margin:0px 0 0px 40px; } .clear { clear:both;} .left { float:left;} .right { float:right;} .Head { color:#385997; font:bold 12pt Arial, Verdana, Helvetica, sans-serif;} .SubHead { color:#999999} H1,H2,h3,H4,H5, H6 { line-height:24px; font-weight:normal; font-family:Arial;} H1 { font-size:24px; color: #ff7200; margin:5px 0 10px 0px; padding:0px} H2 { font-size:17px; color: #666666; font-weight:bold;line-height:18px; margin:7px 0 10px 0px; padding:0px;} H3 { font-size:14px; color: #000000; line-height:18px; margin:5px 0 0 0px; padding:0px;} H4 /*Footer Header*/ { font-size:13px; color: #333333; line-height:14px; font-weight:bold; margin:0px 0 3px 0; padding:14px 0 0 0;} H5 /*Footer Header*/ { font-size:11px; color: #666666;line-height:16px; margin:0px; padding:0px 0 5px 0;} H6 { font-size:14px; color: #ff7200; margin:0;} .text { font-size:13px; font-family:Arial; line-height:18px;} /*========================================================*/ /* Control Panel */ /*========================================================*/ .ControlPanel { background:url(images/control.gif) top left repeat-x #0c5a9a; border:0px #ccc solid;} .ControlPanel IMG { margin:5px 5px 0px; } .ControlPanel TD TD TD TD IMG { margin:0px; } .ControlPanel TD TD TD { width:auto} .ControlPanel TD .SubHead { font-size:8pt; color:#bde5fc; font-weight:bold; padding:0 5px} .ControlPanel TD .SubHead span { padding:0 5px} .ControlPanel TD TD TD .SubHead { background:transparent; border:0px; font-size:8pt; color:#fff; font-weight: bold; } .ControlPanel TD TD TD input { background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; } .ControlPanel TD TD TD select { background:#f5f5f5; font-size:8pt; color:#444;} .ControlPanel .CommandButton, .ControlPanel A.CommandButton:link, .ControlPanel A.CommandButton:visited, .ControlPanel A.CommandButton:active{ color:#c0dffb; text-decoration:none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding:0 5px; display:block;} .ControlPanel A.CommandButton:hover { color:#fff; text-decoration:none; background:none} /* Forms */ div.form { width: 500px; text-align: left; } div.form_group { text-align: left; margin-bottom: 10px; font-size: 14px; color: #4b91ae; } div.form_text { float: left; margin: 0; } p.form_text { margin: 0 0 3px 0; } textarea.form_text, input.form_text, select.form_text { color:#333;background:#efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0;} input { color: #666; } select { color: #666; } .StandardButton { color: #666; background: #EEE; border: solid 1px #D1C7BE; line-height:22px; padding:0 10px; height:22px; cursor:pointer;} .NormalTextBox { color: #666; padding-left: 4px; line-height: 12px; font-weight: normal;} td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: inherit; border: 0;} #dnn_ctr_Login_pnlLogin table { float:none; margin:0 auto;} #dnn_ctr_ManageUsers_pnlUser { text-align:left; min-height:1px;} #dnn_ctr_ManageUsers_pnlUser .Normal{ line-height:20px;} #dnn_ctr_Terms_lblTerms, #dnn_ctr_Privacy_lblPrivacy { line-height:20px;} #dnn_ctr_Terms_lblTerms .SubHead, #dnn_ctr_Privacy_lblPrivacy .SubHead{ font-size:14px; color:#6e91d2; border-bottom:1px #6e91d2 solid;line-height:26px; margin:0px; padding:0px; font-weight:normal;} #dnn_ctr979_LogViewer_dlLog td { text-align:left; white-space: normal; border:1px #fff solid;} /*========================================================*/ /* Text */ /*========================================================*/ .Normal, .normal { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #444; line-height: 120%; } .NormalBold { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; } .NormalRed { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; } .SubHead { font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; } span.SubHead { font-size: 9px; margin:0; padding:0; } span.SubHead br { display: none; } a:link { color: #ff7200;} a:visited { color: #333333;} a:hover { color: #ff7200;} a:active { color: #ffffff;} /*========================================================*/ /* Skin Layout */ /*========================================================*/ #fload { width:0px; height:0px;} .date { padding:0 20px; color:#777;} .Settings { text-align:left;} .logo { min-height:80px; min-width:210px; float:left;} * html .logo { height:80px; width:300px;} .news h2 { color:#333333; font-size:14px; margin:0px; padding:0px; line-height:22px;} .news p { line-height:17px; font-weight:bold;} #dnncontent { width:97%; margin:5px auto; clear:both;} #dnn_dnnSEARCH_txtSearch { height:16px; position:absolute; top:4px; right:40px; padding:2px 0px 0 0px; background:#fff; width:140px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; border:1px #d7d5d8 solid;} /*========================================================*/ /* Skin Object */ /*========================================================*/ .user, a.user:link, a.user:active, a.user:visited { color:#888;text-decoration: none; line-height:35px; padding:5px 20px; font-weight:bold;} a.user:hover { color:#111; text-decoration:underline;} .login, a.login:link, a.login:active, a.login:visited { line-height:25px; padding:5px 20px; font-weight:bold; color:#888; text-decoration:none;} a.login:hover { color:#111; text-decoration:underline;} /*white links*/ .whitelinks, a.whitelinks:link, a.whitelinks:active { color:#ffffff;} a.whitelinks:visited a.whitelinks:hover { color:#ff7200; text-decoration:underline;} .themeOff,.themeOn { border:0; cursor:pointer; margin:0px;} #themes { display:none;} /*========================================================*/ /* Content Panes */ /*========================================================*/ .topbannerpane { width:100%; clear:both; height:37px;} .toplinks { float:left; width:500px; height:20px; padding: 15px 0 0 20px; font:13px #ffffff; } .search { background:url(images/search-bg.gif) top right no-repeat; float:right; width: 290px; height:37px; padding:4px -25px 0 5px;} .productfinder { background:url(images/product-finder.gif) top left no-repeat; width: 190px; height:37px; margin-left:567px;padding:4px 5px 0 12px;} .menupane { float:right; margin-top:-12px; margin-right:0px; width:720px; height:100px; padding-right:0px;} .cubepane { float:right; background:transparent; border:1px; min-height:200px; width:56%;} .homemain { float:left; width:36%; padding-left:40px; margin-top:100px;} .botbannerpane { width:100%; clear:both; margin-top:100px;} .topleftpane { width:49.5%; float:left;} .toprightpane { width:49.5%; float:right;} .toppane { width:100%; margin-top:-100px;} .gallerypane { width:100%; margin-top:-100px;} .leftpane { width:490px; float:left;overflow:hidden; padding-top:3px;} .middlepane { width:220px; margin-left:10px; display:inline; float:left; padding-top:3px;} .contentpane { width:800px; margin-left:80px; display:inline; float:left; padding-top:3px;} .rightpane { width:220px; float:right; overflow:hidden; padding-top:3px;} .boxapane { margin:0 10px 0 10px;} .boxbpane { width:500px; float:left;overflow:hidden; margin:0 10px 0 10px;} .boxcpane { width:400px; float:right;overflow:hidden;} .boxepane { width:75%; float:left;overflow:hidden;} .boxfpane { width:24%; float:right;overflow:hidden;} .boxdpane { float:left; width:46%;margin:0 10px 0 10px;} .boxgpane { float:right; width:46%;margin:0 10px 0 10px;} .mainapane { width:175px; float:left; overflow:hidden;} .mainbpane { width:555px; margin-left:1%; float:left; overflow:hidden;} .maincpane { width:200px; float:right; overflow:hidden;} .bottompane { clear:both; min-height:10px;} .menubotpane { padding-top:5px;} #flash {} /*========================================================*/ /* SiteMap */ /*========================================================*/ .SiteMap { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:90%; margin:0 auto;} .SiteMap ul li a { font-size:14px; font-weight:bold; line-height:20px; color:#6e91d2;} .SiteMap ul li ul { margin:5px 10px;list-style:inside;} .SiteMap ul li ul li { list-style:disc; margin:0 5px; background:none;} .SiteMap ul li ul li span { font-size:12px; color:#999; text-decoration:underline; line-height:18px;} .SiteMap ul li ul li a:hover span { color:#6e91d2; text-decoration:none;} /* * Buttons 1 Setup */ ul.cssmenu { list-style:none; padding: 0px; margin-left:0px; margin-top:-11px;} .displace { position: absolute; left: -5000px; } ul.cssmenu li { float: left; list-style:none;} ul.cssmenu li a { display: block; width: 120px; height: 100px; background: url(images/menu.png); } /* * Normal Links */ ul.cssmenu li.staircases a { background-position: 0 0; } ul.cssmenu li.bespoke a { background-position: -120px 0; } ul.cssmenu li.safe-access a { background-position: -240px 0; } ul.cssmenu li.hygenic a { background-position: -360px 0; } ul.cssmenu li.drainage a { background-position: -480px 0; } ul.cssmenu li.contact a { background-position: -600px 0; } /* * Active Links */ ul.cssmenu li.staircases a:active { background-position: 0 -100px; } ul.cssmenu li.bespoke a:active { background-position: -120px -100px; } ul.cssmenu li.safe-access a:active { background-position: -240px -100px; } ul.cssmenu li.hygenic a:active { background-position: -360px -100px; } ul.cssmenu li.drainage a:active { background-position: -480px -100px; } ul.cssmenu li.contact a:active { background-position: -600px -100px; } /* * Hover Links */ ul.cssmenu li.staircases a:hover { background-position: 0 -100px; } ul.cssmenu li.bespoke a:hover { background-position: -120px -100px; } ul.cssmenu li.safe-access a:hover { background-position: -240px -100px; } ul.cssmenu li.hygenic a:hover { background-position: -360px -100px; } ul.cssmenu li.drainage a:hover { background-position: -480px -100px; } ul.cssmenu li.contact a:hover { background-position: -600px -100px; } /* * Buttons 2 Setup */ ul.cssbuttons2 { list-style:none; padding: 0px; margin-left:0px; margin-top:-5px;} .displace { position: absolute; left: -5000px; } ul.cssbuttons2 li { float: left; list-style:none;} ul.cssbuttons2 li a { display: block; width: 220px; height: 34px; background: url(images/buttons2.gif); } /* * Normal Links */ ul.cssbuttons2 li.download a { background-position: 0 0; } ul.cssbuttons2 li.contact a { background-position: -220px 0; } /* * Active Links */ ul.cssbuttons2 li.download a:active { background-position: 0 -34px; } ul.cssbuttons2 li.contact a:active { background-position: -220px -34px; } /* * Hover Links */ ul.cssbuttons2 li.download a:hover { background-position: 0 -34px; } ul.cssbuttons2 li.contact a:hover { background-position: -220px -34px; } /* * Buttons 173 Setup */ ul.cssbuttons173 { list-style:none; padding: 0px; margin-left:0px; margin-top:0px; margin-bottom:30px;} .displace { position: absolute; left: -5000px; } ul.cssbuttons173 li { float: left; list-style:none;} ul.cssbuttons173 li a { display: block; width: 173px; height: 27px; background: url(images/buttons173.gif); } /* * Normal Links */ ul.cssbuttons173 li.download a { background-position: 0 0; } ul.cssbuttons173 li.contact a { background-position: -173px 0; } ul.cssbuttons173 li.brochure a { background-position: -346px 0; } /* * Active Links */ ul.cssbuttons173 li.download a:active { background-position: 0 -34px; } ul.cssbuttons173 li.contact a:active { background-position: -173px -27px; } ul.cssbuttons173 li.brochure a:active { background-position: -346px -27px; } /* * Hover Links */ ul.cssbuttons173 li.download a:hover { background-position: 0 -27px; } ul.cssbuttons173 li.contact a:hover { background-position: -173px -27px; } ul.cssbuttons173 li.brochure a:hover { background-position: -346px -27px; } /* Styles for the main text and images within the Text/HTML Module */ .imageleftside img { border: 1px solid #CCC; margin: 5px 15px 10px 0px; float: left;} .imagerightside img { border: 1px solid #CCC; margin:5px 15px 10px 10px; float: right;} .imageleftnoborder img { margin: 5px 10px 10px 0px; float: left;} .imagerightnoborder img { margin:5px 0px 10px 10px; float: right; border:none;} .imagefooter img { margin:15px 25px 10px 10px; float: right; border:none;}