/* ---------------------------------------------------
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS
Main page elements, page layout, links and other common
styles. */
html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color:#009fda;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#0092ca;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#223754;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
}

h1 {font-size:24px;line-height:32px;padding:4px 0 4px 0;}
h2 {font-size:22px;line-height:22px;padding:4px 0 4px 0;}
h3 {font-size:20px;line-height:20px;padding:4px 0 4px 0;}
h4 {font-size:18px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:15px;line-height:15px;padding:4px 0 4px 0;}
h6 {font-size:15px;line-height:17px;padding:8px 8px 8px 8px;  font-weight:normal;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}
p {padding-top:0;margin-top:0;}


.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
border:none;
}

.divider {
clear:both;
font-size:0;
line-height:5px;
height:5px;
padding:0 0 0 0;
margin:5px 0 0 0;
border-top:solid #CCCCCC 1px;
}


/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:15px;}


/* IMAGE HOLDERS
hold images to the left or right */
.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;}
.img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;}
.img-main {text-align:center;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:6px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
        ul li {
        line-height:18px;
        list-style:none;
        margin-top:0;
        padding-top:0;
        padding-bottom:7px;
        margin-left:0;
        padding-left:16px;
        background-image:url(../images/point.gif);
        background-position:0px 6px;
        background-repeat:no-repeat;
        }




/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container1 {
height:90px;
background-color:#ffffff;
}


        /* MAIN HEADER */
        #header {
        height:90px;
        width:970px;
        text-align:left;
        margin:0 auto;
        margin-left:auto;
        margin-right:auto;
        padding:0 0 0 0;
        border:none;
        }

                #header #logo {
                float:left;
                display:inline-block;
                }


                #header #top-right {
                float:right;
                height:28px;
                margin-bottom:19px;
                }

                        #top-right #phone-holder {
                        float:right;
                        display:inline-block;
                        line-height:28px;
                        font-family:Tahoma, Arial, Helvetica, sans-serif;
                        font-size:18px;
                        color:#0089cb;
                        background-image:url(../images/icon_phone.gif);
                        background-position:left center;
                        background-repeat:no-repeat;
                        padding:0 14px 0 25px;
                        margin-right:14px;
                        border-right:solid #d5d5d5 1px;
                        }

                        #top-right #email-holder {
                        float:right;
                        display:inline-block;
                        line-height:28px;
                        font-size:11px;
                        background-image:url(../images/icon_email.gif);
                        background-position:left center;
                        background-repeat:no-repeat;
                        padding:0 14px 0 25px;
                        }
                                #top-right #email-holder a:hover {
                                color:#0092ca;
                                text-decoration:underline;
                                }



                /* MAIN NAVIGATION */
                #navigation {
                clear:right;
                float:right;
                width:600px;
                height:21px;
                font-size:13px;
                line-height:21px;
                padding-right:10px;
                }

                        #navigation a {
                        float:right;
                        display:inline-block;
                        line-height:21px;
                        color:#098ecd;
                        padding:0 10px;
                        margin-left:10px;
                        }
                        #navigation a:hover,
                        #navigation .on {
                        color:#ffffff;
                        background-color:#0bb1e5;
                        }





#container2 {
background-color:#ffffff;
background-image:url(../images/main_bg.gif);
background-position:top;
background-repeat:repeat-x;
}


        /* MAIN CONTENT */
        #main,
        #main-home {
        width:950px;
        text-align:left;
        line-height:18px;
        color:#444444;
        background-image:url(../images/main_over.gif);
        background-position:center 130px;
        background-repeat:no-repeat;
        margin:0 auto;
        margin-left:auto;
        margin-right:auto;
        padding:0 10px;
        border:none;
        }

        #main {
        background-image:url(../images/main_over2.gif);
        }

                /* FLASH IMAGE */
                #flash2 {
                float:right;
                width:445px;
                color:#ffffff;
                padding-right:25px;
                }
                        #flash h1, #flash2 h1 {font-weight:normal;}


                #flash {
                color:#ffffff;
                padding-left:25px;
                padding-right:275px;
                padding-bottom:10px;
                background-position:top right;
                background-repeat:no-repeat;
                }


                        .about-right {background-image:url(../images/about_top.jpg);}






                #main h4,
                #main-home h4 {
                color:#0587d8;
                font-weight:normal;
                padding-top:2px;
                padding-bottom:14px;
                }

                #main h6,
                #main-home h6 {
                color:#0587d8;
                font-size:14px;
                font-weight:normal;
                padding-top:2px;
                padding-bottom:10px;
                }

                #main h1,
                #main-home h1 {
                font-weight:normal;
                padding:2px 0 8px 0;
                }


                #home-content {
                clear:right;
                float:right;
                width:445px;
                padding:40px 25px 20px 0;
                }



                #home-signs {
                float:left;
                width:440px;
                height:370px;
                margin-top:20px;
                background-image:url(../images/Signs.jpg);
                background-position:top;
                background-repeat:no-repeat;
                }

                #home-staff {
                float:right;
                width:220px;
                padding:0 25px 0 22px;
                border-left:solid #d5d5d5 1px;
                }


                        .cal-home-addon {
                        float:left;
                        width:280px;
                        padding:20px 30px 0 15px;
                        }
                        .cal-side-addon {
                        width:225px;
                        padding:25px 0 0 0;
                        }
                        #calculator-link {}
                                #calculator-link h6 {
                                padding-left:20px;
                                background-image:url(../images/icon_cal.gif);
                                background-position:left 2px;
                                background-repeat:no-repeat;
                                }

                                #calculator-link table {
                                padding:10px;
                                border:solid #ffffff 1px;
                                }



                        .app-home-addon {
                        float:left;
                        width:280px;
                        padding:20px 0 20px 0;
                        }
                        .app-side-addon {
                        width:225px;
                        padding:5px 0 0 0;
                        }
                        #application-link {}
                                #application-link h6 {
                                padding-left:20px;
                                background-image:url(../images/icon_app.gif);
                                background-position:left 2px;
                                background-repeat:no-repeat;
                                }

                                #application-link table {
                                padding:10px;
                                border:solid #ffffff 1px;
                                }






        #left-content {
        float:left;
        width:650px;
        }

                #breadcrumb {
                clear:left;
                float:left;
                width:625px;
                color:#666666;
                font-size:10px;
                line-height:15px;
                padding:15px 0 0 25px;
                }

                #content {
                clear:left;
                float:left;
                width:625px;
                min-height:300px;
                padding:16px 0 20px 25px;
                }



                .interest-box {
                padding:10px;
                background-color:#dcebf0;
                border:solid #b1d0e1 1px;
                }
                        .interest-box b, .interest-box strong {
                        color:#0587d8;
                        font-size:14px;
                        }



        #right-content {
        float:right;
        width:225px;
        padding-right:25px;
        padding-bottom:20px;
        }

                .link-box {
                color:#444444;
                padding:30px 0;
                font-size:11px;
                line-height:24px;
                background-image:url(../images/side_bg.gif);
                background-position:left bottom;
                background-repeat:no-repeat;
                }

                        .link-box h5 {
                        font-size:11px;
                        line-height:24px;
                        padding:0 15px;
                        color:#444444;
                        }

                        .side-text {
                        display:block;
                        line-height:15px;
                        padding:4px 25px;
                        }


                        .link-box a {
                        display:block;
                        line-height:12px;
                        padding:4px 25px;
                        }
                                .link-box a:hover {
                                color:#ffffff;
                                background-color:#0bb1e5;
                                }

                .side-text-under {
                padding:25px 10px 0 10px;
                font-size:11px;
                line-height:16px;
                }





#container3 {
display:block;
background-image:url(../images/footer_bg.gif);
background-position:top;
background-repeat:repeat-x;
}


        /* MAIN FOOTER */
        #footer {
        width:925px;
        text-align:left;
        font-size:11px;
        line-height:20px;
        color:#ffffff;
        margin:0 auto;
        margin-left:auto;
        margin-right:auto;
        vertical-align:text-top;
/*        background-image:url(../images/footer_logo.gif);  disabled byt t allwood 14/4/2011 under instructions from customer*/
        background-position:right 10px;
        background-repeat:no-repeat;
        padding:20px 0 20px 25px;
        border:none;
        }

                #footer a {
                float:left;
                display:inline-block;
                line-height:12px;
                color:#ffffff;
                padding:0 6px 0 0;
                }

                .footer-div {
                float:left;
                width:1px;
                height:12px;
                background-color:#ffffff;
                margin-right:6px;
                }

                #footer a:hover {
                color:ffffff;
                text-decoration:underline;
                }

                #footer span {color:#a9e0f5;}





                /* NEXT PREVIOUS PAGES */
                .nextprev {float:right;}
                        .nextprev .num {
                        color:#333333;
                        background-color:#E0E0E0;
                        padding:0 4px 0 4px;
                        margin-left:3px;
                        }
                        .nextprev .cur {
                        font-weight:bold;
                        background-color:#B5B5B5;
                        }
                        .nextprev .np {
                        color:#ffffff;
                        background-color:#000000;
                        padding:0 4px 0 4px;
                        margin-left:3px;
                        }
                        .nextprev .se {
                        color:#A0A0A0;
                        background-color:#F3F3F3;
                        }
                        .nextprev a:hover {
                        text-decoration:none;
                        color:#CCCCCC;
                        background-color:#000000;
                        }


                /* Login PAGES */
                #login {}
                        #login .login-form {}

                                #login .login-form li {
                                padding-left:0px;
                                background:none;
                                }

                                        #login .login-form li label {
                                        display:inline-block;
                                        width:200px;
                                        }



                /* MAIN FORM */
                form {
                margin:0 auto;
                padding:0 0 0 0;
                }

                        form .req {
                        color:#D60309;
                        font-weight:bold;
                        font-size:12px;
                        }

                        form .label {
                        clear:both;
                        float:left;
                        width:150px;
                        height:25px;
                        font-size:11px;
                        font-weight:bold;
                        color:#0587d8;
                        line-height:20px;
                        text-align:left;
                        margin-bottom:4px;
                        }
                                form .label .small {
                                font-size:10px;
                                line-height:15px;
                                color:#666666;
                                font-weight:normal;
                                }

                        form .input {
                        float:left;
                        width:210px;
                        height:25px;
                        }
                                form .input input {
                                font-size:12px;
                                width:200px;
                                }

                        form .select {
                        float:left;
                        width:210px;
                        height:25px;
                        }
                                form .select select {
                                font-size:12px;
                                width:205px;
                                }

                        form .textarea {
                        float:left;
                        font-size:11px;
                        width:280px;
                        height:93px;
                        }
                                form .textarea textarea {
                                font-size:12px;
                                width:270px;
                                height:80px;
                                }
                                form .textarea img {
                                padding-top:3px;
                                }

                        form .button {
                        margin-top:2px;
                        padding-left:150px;
                        padding-bottom:5px;
                        }


                .form-under {font-size:11px;color:#666666;}