/* ---------------------------------------------------

TEMPLATE.CSS contains the default styles for websites

built in the edit 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:left;

color:#000000;

clear:both;

margin:0 auto;

}







/* DEFAULT LINKS */

a         {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover   {text-decoration:none;}

a img     {border:none;}





/* DEFAULT HEADERS */

h1, h2, h3, h4, h5, h6 {

margin:0px 0px 0px 0px;

}



h1 { margin:20px 0px 0px 0px; padding:0 0 0 0;  font:30px /1em Verdana, Arial, Helvetica, sans-serif;   text-align:left; color:#14377D; }
h2 { margin:10px 0px 0px 0px; padding:0 0 0 0;  font:20px /1em Verdana, Arial, Helvetica, sans-serif;   text-align:left; color:#14377D; }
h3 { margin:10px 0px 0px 0px; padding:0 0 0 0;  font:bold 14px /1em Verdana, Arial, Helvetica, sans-serif;   text-align:left; color:#14377D; }
h4 { margin:0px 0px 0px 0px; font-weight:normal; font-size:12px;  text-align:center; color:#14377D; }
h5 {margin:0px 0px 0px 0px; font-weight:normal; font-size:14px;  text-align:right; color:#333333;}
h6{ margin:0px 0px 0px 0px; font-weight:bold; font-size:10px;  text-align:center; color:black; }







/* OTHER DEFAULT ELEMENTS */

acronym {border:none;}

p {  margin:00px 0px 0px 0px; line-height: 160%; font-size:12px;  text-align:left; color:black;}





.clearer {

clear:both;

font-size:0;

line-height:0;

height:0;

padding:0 0 0 0;

margin:0 auto;

border:none;

}



.divider2 {

clear:both;

font-size:0;

line-height:28px;

height:28px;

padding:0 0 0 0;

margin:10px 0 0 0;

background-image:url(../images/divider.gif);

background-position:center top;

background-repeat:no-repeat;

}



.divider {

clear:both;

font-size:0;

line-height:5px;

height:5px;

padding:0 0 0 0;

margin:5px 0 0 0;

border-top:solid #d3d3d3 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:20px;

        background-image:url(../images/point_1.gif);

        background-position:5px 5px;

        background-repeat:no-repeat;

        }



        .listmod-1 {background-image:url(../images/point_1.gif);}

        .listmod-2 {background-image:url(../images/point_2.gif);}

        .listmod-3 {background-image:url(../images/point_3.gif);}

        .listmod-4 {background-image:url(../images/point_4.gif);}

        .listmod-5 {background-image:url(../images/point_5.gif);}

        .listmod-6 {background-image:url(../images/point_6.gif);}









/* STANDARD PAGE ELEMENTS

Standard page elements for laying out the main content of a website. */

#container1 {

display:block;

text-align:left;

/*background-color:#ffffff;
                            */
margin:0 auto;

margin-left:auto;

margin-right:auto;

padding:0 0 0 0;

border:none;


}







#header-container {

width:960px;

text-align:left;



margin:0 auto;

margin-left:auto;

margin-right:auto;

padding:0 0 0 0;

border:none;

}





        /* MAIN HEADER */

        #header {


        }



                #header #logo {

                }





        /* MAIN SHOPPING LINKS */

        #join-nav {

        float:right;

        width:600px;

        height:30px;

        line-height:30px;

        text-align:right;

        color:black;

        padding-top:10px;

        padding-bottom:30px;

        }



                #join-nav a {}

                #join-nav a:hover {}



                #join-nav #searchForm {

                float:right;

                display:inline-block;

                margin-left:20px;

                }



                .search-off-text {

                color:#999999;

                font-style:italic;

                }



                .search-on-text {

                color:#2b2c27;

                font-style:normal;

                }





        #colours {

        clear:right;

        float:right;

        width:175px;

        height:25px;

        }

                #colours a {

                float:left;

                width:25px;

                height:25px;

                background-position:left 3px;

                background-repeat:no-repeat;

                }

                        #colours a:hover {

                        background-position:left -27px;

                        background-repeat:no-repeat;

                        }

























        /* MAIN NAVIGATION */

        #navigation {

        width:190px;

        height:30px;

        font-size:13px;

        line-height:30px;

        text-align:left;

        margin:0 auto;

        margin-left:auto;

        margin-right:auto;

        background-image:url(redbg.jpg);



        padding:0 0 0 137px;

        border:none;

        }

                #navigation a {

                float:left;

                display:inline-block;

                padding-left:12px;

                background-image:url(../images/nav_link_bg.gif);

                background-position:left 100px;

                background-repeat:no-repeat;

                }

                        #navigation a strong,

                        #navigation a b {

                        display:block;

                        line-height:27px;

                        font-weight:normal;

                        padding:3px 12px 0 0;

                        cursor:pointer;



                        background-position:left 100px;

                        background-repeat:no-repeat;

                        }



                #navigation a:hover,

                #navigation .on {

                line-height:30px;

                background-image:url(../images/nav_link_bg.gif);

                background-repeat:no-repeat;

                }

                #navigation .onk {

                line-height:10px;

                }

                        #navigation a:hover strong,

                        #navigation a:hover b,

                        #navigation .on strong,

                        #navigation .on b {

                        line-height:30px;

                        padding-top:0px;

                        cursor:pointer;



                        background-repeat:no-repeat;

                        }



                #navigation .navdiv {

                float:left;

                width:1px;

                font-size:0;

                line-height:27px;

                height:27px;

                padding:0 0 0 0;

                margin:3px 0 0 0;

                border:none;

                }









                                /* MAIN NAVIGATION */

        #navigation {

        width:190px;

        height:30px;

        font-size:13px;

        line-height:30px;

        text-align:left;

        margin:0 auto;

        margin-left:auto;

        margin-right:auto;



        background-repeat:no-repeat;

        padding:0 0 0 137px;

        border:none;

        }

                #navigation ul {

                margin:0 0 0 0;

                padding:0 0 0 0;

                }

                        #navigation ul li {

                        float:left;

                        display:inline-block;

                        line-height:30px;

                        list-style:none;

                        margin-top:0;

                        padding-top:0;

                        padding-bottom:0;

                        margin-left:0;

                        padding-left:0;

                        background:none;

                        position:relative;

                        }



                #navigation a {

                float:left;

                color:white;

                display:inline-block;

                padding-left:12px;

                background-image:url(../images/nav_link_bg.gif);

                background-position:left 100px;

                background-repeat:no-repeat;

                }

                                #navigation a strong,

                                #navigation a b {

                                display:block;

                                line-height:27px;

                                font-weight:normal;

                                padding:3px 12px 0 0;

                                cursor:pointer;

                                background-image:url(../images/nav_link_bg.gif);

                                background-position:left 100px;

                                background-repeat:no-repeat;

                                }



                #navigation a:hover,

                #navigation .on

                #navigation .over {

                line-height:30px;

                background-image:url(../images/nav_link_bg.gif);

                background-repeat:no-repeat;

                }

                                #navigation a:hover strong,

                                #navigation a:hover b,

                                #navigation .on strong,

                                #navigation .on b,

                                #navigation .over strong

                                #navigation .over b {

                                line-height:30px;

                                padding-top:0px;

                                cursor:pointer;

                                background-image:url(../images/nav_link_bg.gif);

                                background-repeat:no-repeat;

                                }



                        #navigation .navdiv {

                        display:inline-block;

                        float:left;

                        width:1px;

                        font-size:0;

                        line-height:27px;

                        height:27px;

                        padding:0 0 0 0;

                        margin:3px 0 0 0;

                        border:none;

                        }

                                #navigation .sub-nav {

                                position:absolute;

                                top:31px;

                                display:none;

                                font-family:Arial, Helvetica, sans-serif;

                                font-size:12px;

                                font-weight:normal;

                                text-transform:none;

                                line-height:14px;

                                z-index:6000;

                                }

                                        #navigation .sub-nav li {

                                        width:250px;

                                        line-height:14px;

                                        }

                                                #navigation .sub-nav a {

                                                float:left;

                                                display:inline-block;

                                                width:250px;

                                                line-height:12px;

                                                border-right:none;

                                                color:#ffffff;

                                                background:none;

                                                padding:8px 13px;

                                                background-color:#c32955;

                                                border-bottom:solid #ffffff 1px;

                                                }

                                                        #navigation .sub-nav a:hover {

                                                        color:#ffffff;

                                                        background-color:#fc006a;

                                                        }

























        /* FLASH IMAGE */

        #flash {

        position:relative;

        height:254px;

        margin-bottom:20px;

        }



                #flash #flash-over {

                position:absolute;

                left:0px;

                top:0px;

                }



                #flash table {

                display:none;

                position:absolute;

                left:0px;

                top:0px;

                }













        /* FLASH IMAGE */

        #login {

        height:254px;

        color:#ffffff;

        background-image:url(../images/login_bg.gif);

        margin-bottom:35px;

        }

                #login .label {

                color:#ffffff;

                }

                        #login a {color:black;}

                        #login a:hover {color:#ffffff;}











#member-container {

}



        #member-nav {



        }



                #member-nav-left {



                }



                        #member-nav-right {



                        }



                        #member-nav .on {font-weight:bold;}









#main-container {

width:960px;

float:center;

text-align:left;

background-color:#ffffff;

margin:0 auto;

margin-left:auto;

margin-right:auto;

padding:0 0 0 0;

border:none;

}


  #bodycopy {
   min-height:600px;
  }


        /* MAIN CONTENT */

        #main {

        width:780px;

        float:right;

        min-height:260px;

        line-height:18px;

        padding-bottom:32px;





        }



                #main h1 {

                color:#000E4B;

                font-weight:normal;

                font-size:24px;

                line-height:24px;

                padding-bottom:8px;

                }



                #main h3 {

                color:#000E4B;

                font-weight:normal;

                padding-bottom:8px;

                }



                #main h5 {

                color:#000E4B;

                padding-bottom:8px;

                }




                #main .side-image {

                padding-bottom:15px;

                }



                #main .side-text {

                font-size:11px;

                padding-top:5px;

                padding-bottom:15px;

                }







#footer-container {

display:block;

text-align:center;


margin:0 auto;

margin-left:auto;

margin-right:auto;

padding:0 0 0 0;

border:none;

}





        /* MAIN FOOTER */

        #footer {

        width:896px;

        text-align:center;

        font-size:11px;

        line-height:24px;

        margin:0 auto;

        margin-left:auto;

        margin-right:auto;

        padding:18px 0 18px 0;

        border:none;

        }



                #footer a {color:black;}

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

                #footer .grey {color:#8e8e8e;}

                #footer .light {color:#afaeae;}











                /* 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;

                        }









                /* MAIN FORM */

                form {

                margin:0 auto;

                padding:0 0 0 0;

                }



                        .req {

                        color:#D60309;

                        font-weight:bold;

                        font-size:12px;

                        }



                        form .label {

                        clear:both;

                        height:20px;

                        font-size:12px;

                        font-weight:bold;

                        color:#353535;

                        line-height:20px;

                        text-align:left;

                        }



                        form .label-details {

                        line-height:14px;

                        font-size:11px;

                        color:#666666;

                        padding:0 0 5px 0;

                        }



                        form .input {

                        height:25px;

                        }

                                form .input input {

                                font-size:12px;

                                width:200px;

                                }



                        form .select {

                        height:25px;

                        }

                                form .select select {

                                font-size:12px;

                                width:205px;

                                }



                        form .textarea {

                        font-size:11px;

                        height:93px;

                        }

                                form .textarea textarea {

                                font-size:12px;

                                width:240px;

                                height:80px;

                                }

                                form .textarea img {

                                padding-top:3px;

                                }



                        form .textarea2 {

                        font-size:11px;

                        height:53px;

                        }

                                form .textarea2 textarea {

                                font-size:12px;

                                width:240px;

                                height:40px;

                                }



                        form .textarea3 {

                        font-size:11px;

                        height:128px;

                        }

                                form .textarea3 textarea {

                                font-size:12px;

                                width:240px;

                                height:115px;

                                }



                        form .button {

                        margin-top:5px;

                        padding-bottom:5px;

                        }





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

                .red {color:#e14438;}




                #publicside h1  {

                color:white;

                font-weight:bold;

                font-size:14px;
                                margin:2px 2px 2px 2px;

                            padding :0px 0px 20px 0px;

                }
                                 #publicside a {

                color:white;

                font-weight:bold;

                font-size:14px;
                                margin:2px 2px 2px 2px;

                            padding :0px 0px 20px 0px;

                }

                                                                 #basetext {

                color:black;

                font-weight:normal;

                font-size:14px;
                                margin:5px 5px 5px 5px;

                            padding :0px 0px 0px 0px;

                }
                                 #basetext a {

                color:black;

                }

