/* ---------------------------------------------------
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:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color:#D0D5D8;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:underline;color:#F7921A;}
a:visited {}
a:hover   {text-decoration:none;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:36px;margin:0 0 10px 0;font-weight:normal;text-transform:lowercase;}
h2 {font-size:18px;margin:0 0 10px 0;color:#444444;padding-left:44px;line-height:30px;text-transform:lowercase;background-image:url(../images/heading-tick.gif);background-position:left 2px;background-repeat:no-repeat;}
h3 {font-size:14px;margin:0 0 10px 0;}
h4 {font-size:16px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:80%;font-weight:normal;}
h6 {font-size:12px;line-height:14px;padding:4px 0 4px 0;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

p {padding-top:0;margin-top:0;padding-bottom:12px;}
.date {font-size:11px;}


.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;}




.grey {color:#999999;}
.red {color:#CC0000;font-weight:bold;}
.green {color:#339933;font-weight:bold;}



/* 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 {display:none;text-align:center;}


/* LIST ELEMENTS
list elements */
ul {
margin:0 0 0 0;
padding-left:40px;
line-height:1.25em;
}
        li {
        margin:0 0 0 0;
        padding:0 0 0 0;
        }




/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container1 {
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}
        /* MAIN HEADER */
        #header {
        width:950px;
        height:135px;
        padding:30px 15px 0px 15px;
        margin-left:auto;
        margin-right:auto;
        }

                #headIcons {float:right;}
                #headIcons img {margin-left:6px;}





#container2 {
text-align:left;
background-color:#717c82;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
border-bottom:solid #ffffff 3px;
}






        /* MAIN NAVIGATION */
        #navigation {
        width:980px;
        height:37px;
        line-height:37px;
        color:#ffffff;
        margin-left:auto;
        margin-right:auto;
        }

                #navigation a {
                float:left;
                font-size:13px;
                line-height:34px;
                display:inline-block;
                color:#ffffff;
                font-weight:bold;
                padding:0 15px 3px 15px;
                text-transform:lowercase;
                text-decoration:none;
                }
                        #navigation a:hover {
                        color:#ffffff;
                        background-color:#F7921A;
                        }


#container2-2 {
text-align:left;
background-color:#d0d5d8;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
border-bottom:solid #ffffff 3px;
}


        /* MAIN NAVIGATION */
        #navigation2 {
        width:980px;
        height:30px;
        line-height:30px;
        color:#575f63;
        margin-left:auto;
        margin-right:auto;
        }

                #navigation2 a {
                float:left;
                font-size:12px;
                line-height:29px;
                display:inline-block;
                color:#2a3033;
                font-weight:bold;
                padding:0 15px 1px 15px;
                text-transform:lowercase;
                text-decoration:none;
                }
                        #navigation2 a:hover {
                        color:#ffffff;
                        background-color:#F7921A;
                        }

                #navigation2 .user-box {
                height:29px;
                line-height:29px;
                float:right;
                }
                        #navigation2 .user-box a {
                        float:none;
                        font-weight:normal;
                        padding:0 0 0 0;
                        text-decoration:underline;
                        }
                                #navigation2 .user-box a:hover {
                                color:#2a3033;
                                background:none;
                                text-decoration:none;
                                }


        .navmenu-dropdown-holder {}
        .navmenu-dropdown-menu {
        font-size:11px;
        font-weight:bold;
        background-color:#000000;
        }
                .navmenu-dropdown-menu a {
                display:block;
                line-height:22px;
                padding:0 0 0 9px;
                border-top:solid #666666 1px;
                overflow:hidden;
                }
                .navmenu-dropdown-menu a:hover {}




        /* MAIN SHOPPING LINKS */
        .searchbox {
        height:29px;
        float:right;
        padding:0 0 0 0;
        font-size:11px;
        }
                .searchbox .t {
                border:1px solid #000000;
                width:140px;
                font-size:11px;
                padding:3px 4px;
                background-color:#ffffff;
                background-image:url(../images/searchtxt.gif);
                background-position:0px 2px;
                background-repeat:no-repeat;
                }
                .searchbox .s {
                border:0px solid #000000;
                width:25px;
                background-color:#444444;
                color:#ffffff;
                font-size:11px;
                padding:3px;
                text-align:center;
                }




#container3 {
text-align:left;
background-color:#f7931b;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

        #container3 #mid {
        width:980px;
        color:#ffffff;
        margin-left:auto;
        margin-right:auto;
        }
                #mid #mid-left {float:left;width:543px;}
                #mid #mid-right {float:right;width:437px;}

                #mid #mid-left .mid-text {
                font-size:14px;
                line-height:24px;
                padding:40px 0 15px 15px;
                }

                #mid #mid-right .mid-text {
                font-size:14px;
                line-height:24px;
                padding:30px 0 15px 20px;
                }





#container4 {
width:980px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}



        /* MAIN CONTENT */
        #main {
        line-height:19px;
        background-image:url(../images/bg-contentright.gif);
        background-position:right;
        background-repeat:repeat-y;
        }
                a {font-weight:bold;}

                #main #main-left {
                width:513px;
                float:left;
                padding:15px 0 15px 15px;
                }

                #main #main-right {
                width:407px;
                float:right;
                padding:15px 15px 15px 0;
                }
                        #main ul {padding-left:27px;}
                        #main ul li {padding-left:18px;line-height:20px;}

                #main #main-main {
                padding:15px 15px 15px 15px;
                }


                #main #main-clear {
                height:9px;
                clear:both;
                font-size:0;
                line-height:9px;
                padding:0 0 0 0;
                margin:0 auto;
                border:none;
                background-color:#f7921a;
                background-image:url(../images/bg-contentright.gif);
                background-position:right;
                background-repeat:repeat-y;
                }




                #main #memberlogin ul,
                #main #Memberrecover ul,
                #main #memberjoin ul,
                #main #accbooknew ul,
                #main #contactform ul {
                margin:0 0 0 0;
                padding:0 0 0 0;
                width:380px;
                list-style-type:none;
                }
                        #main #Memberrecover ul {width:300px;}

                        #main #memberlogin ul li,
                        #main #Memberrecover ul li,
                        #main #memberjoin ul li,
                        #main #accbooknew ul li,
                        #main #contactform ul li {
                        margin:2px 0 2px 0;
                        padding:2px 2px 2px 0;
                        }

                        #main #memberlogin ul li h3,
                        #main #Memberrecover ul li h3,
                        #main #memberjoin ul li h3,
                        #main #accbooknew ul li h3,
                        #main #contactform ul li h3 {
                        padding-top:14px;
                        }

                        #main #memberlogin ul li label,
                        #main #Memberrecover ul li label,
                        #main #memberjoin ul li label,
                        #main #accbooknew ul li label,
                        #main #contactform ul li label {float:left;}

                        #main #memberjoin ul li ul,
                        #main #contactform ul li ul {
                        width:60%;
                        float:right;
                        }
                                #main #memberjoin ul li ul li input {
                                width:15%;
                                float:left;
                                }

                                #main #accbooknew ul li img {
                                margin-left:6px;
                                float:right;
                                }

                        #main #memberlogin ul li input,
                        #main #Memberrecover ul li input,
                        #main #memberjoin ul li input,
                        #main #accbooknew ul li input,
                        #main #contactform ul li input {
                        width:60%;
                        float:right;
                        }
                                #main #Memberrecover ul li input {width:80%;}

                        #main #memberlogin ul li textarea,
                        #main #Memberrecover ul li textarea,
                        #main #memberjoin ul li textarea,
                        #main #accbooknew ul li textarea,
                        #main #contactform ul li textarea {
                        width:60%;
                        float:right;
                        }

                        #main #memberlogin ul li select,
                        #main #Memberrecover ul li select,
                        #main #memberjoin ul li select,
                        #main #accbooknew ul li select {
                        width:61%;
                        float:right;
                        }

                        #main #memberlogin ul li label input,
                        #main #Memberrecover ul li label input,
                        #main #memberjoin ul li label input,
                        #main #accbooknew ul li label input,
                        #main #contactform ul li label input {
                        width:auto;
                        float:none;
                        }





        /* MAIN FOOTER */
        #footer {
        line-height:14px;
        font-size:11px;
        color:#ffffff;
        text-align:left;
        background-color:#717c83;
        background-image:url(../images/bg-footerright.gif.gif);
        background-position:right;
        background-repeat:repeat-y;
        }

                #footer #footer-left {
                width:513px;
                float:left;
                padding:9px 15px 9px 15px;
                text-align:left;
                }
                        #footer #footer-left a {color:#F7B96F;text-decoration:underline;font-weight:normal;}
                        #footer #footer-left a:hover {text-decoration:none;}

                #footer #footer-right {
                width:407px;
                float:right;
                padding:9px 15px 9px 15px;
                text-align:right;
                }

                        #footer #footer-right a {color:#ffffff;text-decoration:underline;font-weight:normal;}
                        #footer #footer-right a:hover {text-decoration:none;}



#accbooknew .accbooktable {
width: 400px;
}

        #accbooknew .accbooktable .label {
        text-align: left;
        font-weight: normal;
        font-size: 12px;
        }

        #accbooknew .accbooktable .input select {
        width: 200px;
        }

        #accbooknew .accbooktable .input textarea {
        width: 200px;
        height: 100px;
        }

        #accbooknew .accbooktable .textarea {
        height: 100px;
        }


