/* CSS Document */ /* Created 05/03/08 */ body { font-family:"Trebuchet MS"; background-image:url(../images/template/main-bg1.jpg); background-repeat:repeat-x; margin:0 auto; padding:0; } /* HEADER */ #header { position:relative; width:53.13em; height:20em; background-image:url(/images/template/header-bg.jpg); background-repeat:no-repeat; margin:0; } #header h4 { position:relative; font-size:13px; font-weight:normal; color:#FFFFFF; background-image:url(../images/template/small-logo.jpg); background-repeat:no-repeat; background-position:left; padding-left:175px; margin:0 } #header p { position:relative; font-family:Tahoma; font-size:13px; color:#FFFFFF; margin:0; top:5px; line-height:16px } .internalHeader { background-image:url(../images/template/main-bg.jpg); background-repeat:repeat-x; } #intro { position:relative; top:205px; } #moreInfo { position:absolute; top:260px; margin:0 } #moreInfo h2 { position:relative; font-size:13px; font-weight:normal; color:#FFFFFF; margin:0;} #moreInfo h2 a { color:#FFFFFF; text-decoration:none; } #moreInfo img { position:relative; top:8px; } #contactDetails { position:absolute; top:1.7em; left:480px; width:368px; height:103px;padding:0; text-align:right; background-image:url(/images/template/contact-bg.jpg); } #contactDetails h1 { font-size:1.2em; color:#FFF; margin:0 } #contactDetails h2 { font-size:2.00em; color:#5A86B3; margin:0 } #contactDetails h3 { font-size:0.9em; color:#8C8C8C; font-weight:normal; margin:0; vertical-align:top; } #contactDetails h3 a { color:#5A86B3 } #contactDetails img { vertical-align:bottom; } #mainNav { position:absolute; top:153px; height:44px; margin:0; width:52.95em; border-right:1px solid #D6AF09 } #mainNav a { position:relative; float:left;color:#3F3F3F; margin:0; text-decoration:none; font-weight:bold; font-size:1em; } #mainNav ul { position:relative; margin:0; padding:0; list-style:none; } #mainNav ul li { position:relative; float:left; margin:0; background-image:url(/images/template/tab.jpg); background-repeat:no-repeat; background-position:top right; border-left:1px solid #D6AF09 } #mainNav li a { position:relative; display:block; padding-left:41px; padding-right:41px; padding-top:12px; text-decoration:none; text-align:center; outline:none; height:32px; margin:0; } #mainNav li a:hover { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px; text-decoration:none; margin:0;} #home #mainNav .home { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #about #mainNav .about { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #aboutContainers #mainNav .aboutContainers { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #applications #mainNav .applications { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #contact #mainNav .contact { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #login #mainNav .login { position:relative; color:#FFFFFF; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} .error { position:relative; font-size:12px; font-weight:bold; color:#CC0000; padding:5px 5px 5px 0 } .options { position:relative; font-size:12px; font-weight:bold; margin:0 } /* MAIN TEMPLATE */ .pageTitle { position:absolute; top:286px; left:220px; width:630px; height:71px; margin:0; background-image:url(../images/template/page-title-bg.png); background-repeat:no-repeat } .pageTitle h1 { position:relative; font-size:18px; float:left; color:#3F3F3F; text-align:left; left:16px; padding-left:20px;top:8px; margin:0; background-image:url(../images/template/white-square.gif); background-repeat:no-repeat; background-position:left; } .pageTitle p { position:relative; top:11px; font-size:12px;float:left; left:25px; color:#FFFFFF; margin:0 } #container { position:relative; width:53.13em; margin:0 auto; } #sideBar { position:relative; width:210px; padding:0px 5px 5px 5px; top:15px; height:500px; float:left; } #sideBar img { margin:0 } #sideBar h1 { position:relative; font-size:16px; color:#E2BA13; text-align:left; margin:0; } #sideBar p { margin:0; font-size:11px; } #sideBar ul { position:relative; list-style-type:none; margin:0; padding:0;list-style-position:outside; top:10px; } #sideBar li { font-size:12px; font-family:Tahoma; background-image:url(../images/template/bullet.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px; margin:0; line-height:14px; margin-bottom:9px; } #sideBar li a { color:#3F3F3F; text-decoration:none; display:block; cursor:pointer; width:190px; height:18px; } #sideBar li a:hover { color:#3F3F3F; padding-left:3px; color:#999; } #content { position:relative; width:590px; padding:0px 5px 5px 15px; top:15px; float:left; border-left:1px dotted #CCC;} #content h1 { position:relative; font-size:18px; color:#E2BA13; text-align:left; margin:0; border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin-bottom:10px; } #content h2 { position:relative; font-size:13px; color:#000000; text-align:left; font-weight:bold; margin:0; } #content p { position:relative; font-family:Tahoma; font-size:12px; padding:0px 0px 10px 0px; margin:0 } #content p.smallprint { font-size:10px; } #content a { color:#666666 } #content ul { position:relative; font-family:Tahoma; list-style-type:none; margin:0; padding:0;list-style-position:outside; top:10px } #content li { font-size:12px; background-image:url(../images/template/bullet.jpg); background-position:top left; background-repeat:no-repeat; padding-left:20px; margin:0; line-height:14px; font-weight:normal; margin-bottom:9px; } #colOne { position:relative; width:45%; margin:0; padding-right:20px; float:left; } #colTwo { position:relative; width:45%; margin:0; padding-right:20px; float:left; left:20px; } /* CONTACT PAGE ELEMENTS */ #googleMap { position:relative; border:1px solid #ccc; padding: 2px; width:500px;} #mapHolder { position:relative; width: 100%; height: 250px; } #footer { position:relative; font-size:0.75em; margin:0; clear:both; padding-top:5px; top:20px; border-top:1px solid #CCC } #footer p { position:absolute; color:#666666;margin:0; width: 500px; } #footer p.grey { position:absolute; color:#999999; margin:0; width: 500px;} #footer a { position:relative; color:#666666; text-decoration:none; } #footer a:hover { position:relative; color:#666666; text-decoration:underline; } #footer img { position:absolute; left:60.50em; top:0.8em; } .clear { position:relative; clear:both } /* HOMEPAGE ELEMENTS */ #productBoxes { position:relative; background-color:#ffffff; width:100%; margin:0; top:5px; left:7px;} #newsletter { position:relative; float:left; background-color:#FFFFFF; border:1px solid #CCC; width:24.7em; height:5.81em; margin:0; top:0.5em; padding:0.8em; } #newsletter h1 { position:relative; font-size:26px; color:#D6AF07; font-weight:normal; margin:0; background-image:url(../images/template/news-logo.jpg); background-repeat:no-repeat; background-position:left; padding-left:40px; } #newsletter p { position:relative; font-size:0.8em; color:#666; margin:0;} #news { position:relative; border:1px solid #CCC; width:24em; height:5.81em; margin:0; top:0.5em; left:0.8em; float:left; padding:0.8em;background-image:url(/images/template/news-bg.jpg); } #news h1 { position:relative; font-size:26px; color:#FFFFFF; font-weight:normal; margin:0; } #news p { position:relative; font-size:0.8em; color:#666; margin:0 } .bold { position:relative; font-size:0.9em; color:#666; margin:0; font-weight:bold; } .product { position:relative; width:271px; height:99px; background-image:url(/images/template/product-bg.jpg); margin-top:10px; float:left; margin-right:12px; } .product h1 { position:relative; font-size:15px; color:#3F3F3F; width:140px; text-align:left; left:140px; top:10px; line-height:18px; margin:0; letter-spacing:-1px; width:130px; } .product h1 a { color:#3F3F3F; text-decoration:none; letter-spacing:-1} .product h1 a:hover { color:#E2BA13; text-decoration:none} .product h2 { position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; width:120px; color:#666; left:140px; margin:0; top:10px; line-height:14px} .product p a { position:absolute; top:77px; font-size:12px; left:140px; color:#D6AF07; text-decoration:none } .product img { position:absolute; left:10px; top:10px; background-color:#E5E5E5; margin:0 } /* REGISTER PAGE ELEMENTS */ .regTable { position:relative; width:500px; border:1px dotted #CCC; padding-left:10px;} .regTable .title { position:relative; font-family:Tahoma; font-size:12px; font-weight:normal;} .regTable .input { position:relative; font-size:12px; font-weight:bold; color:#3f3f3f; border:1px solid #CCC; padding-left:3px; width:250px } .regTable .shortinput { position:relative; font-size:12px; font-weight:bold; color:#3f3f3f; border:1px solid #CCC; padding-left:3px; width:100px } /* ADMIN CSS */ #adminNav { position:absolute; top:153px; height:44px; margin:0; width:52.9em; border-right:1px solid #D6AF09 } #adminNav a { position:relative; float:left;color:#3F3F3F; margin:0; text-decoration:none; font-weight:normal; font-size:1em; } #adminNav ul { position:relative; margin:0; padding:0; list-style:none; } #adminNav ul li { position:relative; float:left; margin:0; background-image:url(/images/template/tab.jpg); background-repeat:no-repeat; background-position:top right; border-left:1px solid #D6AF09 } /*#adminNav li a { position:relative; display:block; padding-left:35px; padding-right:35px; padding-top:12px; text-decoration:none; text-align:center; outline:none; height:32px; margin:0; }*/ #adminNav li a { position:relative; display:block; padding-left:23px; padding-right:23px; padding-top:12px; text-decoration:none; text-align:center; outline:none; height:32px; margin:0; } #adminNav li a:hover { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px; text-decoration:none; margin:0;} #adminHome #adminNav .adminHome { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #addCat #adminNav .addCat { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #editCat #adminNav .editCat { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #addProd #adminNav .addProd { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #editProd #adminNav .editProd { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #addUser #adminNav .addUser { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #editUser #adminNav .editUser { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #ViewEnq #adminNav .ViewEnq { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #AddEnq #adminNav .AddEnq { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #News #adminNav .News { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #Clients #adminNav .Clients { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #ProOption #adminNav .ProOption { position:relative; color:#ffffff; background-image:url(/images/template/tabHighlight.jpg); background-position:center bottom; background-repeat:no-repeat; height:32px;text-decoration:none; cursor:default; margin:0; cursor:pointer} #searchBox { position:absolute; width:375px; top:40px; left:450px; border:1px solid #CCC; padding:10px; margin:0; margin-bottom:20px; font-size:13px; background-color:#FFFFFF } .dropdown { position:relative; border:1px solid #CCC; font-size:12px; top:1px; margin:0 } .inputBox { position:relative; border:1px solid #CCC; font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:0 } #searchBox .shortInputBox { position:relative; border:1px solid #CCC; width:50px; font-size:12px; height:17px; font-family:Arial, Helvetica, sans-serif; margin:0 } .searchBtn { position:relative; border:1px solid #8C8C8C; font-size:12px; font-weight:bold; color:#3F3F3F; font-weight:normal; background-color:#FFCC00; padding:2px 10px 2px 10px; text-decoration:none; margin-bottom:5px; cursor:pointer } .searchBtn:hover { position:relative; border:1px solid #8C8C8C; font-size:12px; font-weight:bold; color:#000000; font-weight:normal; background-color:#FFdd00; padding:2px 10px 2px 10px; text-decoration:none; margin-bottom:5px; cursor:pointer } #container h3 { position:relative; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:10px 0px 10px 0px } #adminHeader { position:relative; width:53.13em; height:12.3em; background-image:url(/images/template/admin-header-bg.jpg); background-repeat:no-repeat; margin:0; } #adminHeader h4 { position:relative; font-size:13px; font-weight:normal; color:#FFFFFF; background-image:url(../images/template/small-logo.jpg); background-repeat:no-repeat; background-position:left; padding-left:175px; margin:0 } #adminHeader p { position:relative; font-size:13px; color:#FFFFFF; margin:0; top:5px; line-height:16px } .adminTable { position:relative; padding-left:0px; margin:0; font-size:12px; font-weight:bold; } .adminTable .inputBox { position:relative; border:1px solid #CCC; width:250px; font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:0 } .adminTable .shortInputBox { position:relative; border:1px solid #CCC; width:50px; font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:0 } .adminTablegrey { position:relative; padding-left:0px; margin:0; font-size:12px; font-weight:bold; background-color:#E5E5E5; border:1px solid #CCC; padding:5px; } .adminTablegrey .inputBox { position:relative; border:1px solid #CCC; width:250px; font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:0 } .adminTablegrey .shortInputBox { position:relative; border:1px solid #CCC; width:50px; font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif; margin:0 } .adminTablegrey td { } .listBox { position:relative; border:1px solid #CCC; width:300px; height:100px } .adminTable .shortinput { position:relative; font-size:12px; font-weight:bold; color:#3f3f3f; border:1px solid #CCC; padding-left:3px; width:100px } .adminTable td { padding:3px 0px 3px 5px} p.adminText { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 } /* news Table */ .newsTable { border:1px dotted #8c8c8c; padding-left:10px; padding-right:10px; margin:0; } .newsTable tr { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:14px; vertical-align:top; margin:0 } .newsTable .details { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;vertical-align:top; } .newsTable tr h1 { border-bottom:0px; margin:0; font-weight:bold } #membercontent .newsTable .details a:hover { border-bottom:0px dotted #CC0000; text-decoration:none; }