/* --------------------------------------------------- 
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:#ffffff;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#0072bb;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#da1f3e;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:22px;color:#da1f3e;line-height:24px;padding:4px 0 4px 0;font-weight:normal;}
h2 {font-size:20px;line-height:22px;padding:4px 0 4px 0;}
h3 {font-size:18px;color:#da1f3e;line-height:20px;padding:4px 0 4px 0;font-weight:normal;}
h4 {font-size:16px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:14px;color:#004c7d;line-height:16px;padding:4px 0 4px 0;}
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;}


.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 {display:none;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;
}
        li {
        font-weight:bold;
        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.gif);
        background-position:0px 4px;
        background-repeat:no-repeat;
        }




/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container1 {
width:850px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#container2 {
width:850px;
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 {
        height:130px;
        padding:5px 0 0 5px;
        font-weight:bold;
        color:#0066cb;
        line-height:20px;
        background-image:url(../images/bar_bg.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
                #header img {
                float:left;
                padding-right:3px;
                }
                
                #header span {
                font-size:12px;
                color:#000000;
                }
                
                
                
        /* MAIN NAVIGATION */
        #navigation {
        height:64px;
        color:#ffffff;
        background-image:url(../images/nav_bg.gif);
        padding-left:9px;
        padding-top:6px;
        border-bottom:solid #d3d3d3 1px;
        margin-top:20px;
        }
        
                #navigation a {
                float:left;
                display:inline-block;
                color:#ffffff;
                font-weight:bold;
                line-height:25px;
                padding:0 8px 0 8px;
                margin-right:4px;
                background-color:#da1f3e;
                border-left:solid #da1f3e 1px;
                border-right:solid #da1f3e 1px;
                }
                #navigation a:hover {
                color:#ffffff;
                background-color:#a8142d;
                border-left:solid #9e0c25 1px;
                border-right:solid #930d24 1px;
                }
                
                
        #navigation #breadcrumb {
        clear:left;
        height:36px;
        padding-left:9px;
        font-size:11px;
        font-style:italic;
        line-height:36px;
        color:#a6a6a6;
        padding-top:6px;
        }
                #navigation #breadcrumb a {
                float:none;
                color:#0072bb;
                font-style:italic;
                font-weight:normal;
                text-decoration:underline;
                line-height:36px;
                background:none;
                border:none;
                margin:0 0 0 0;
                padding:0 0 0 0;
                }
                        #navigation #breadcrumb a:hover {
                        color:#da1f3e;
                        text-decoration:none;
                        background:none;
                        border:none;
                        margin:0 0 0 0;
                        padding:0 0 0 0;
                        }
                
                
        .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 */
        #cart-nav {
        float:right;
        width:200px;
        text-align:right;
        vertical-align:middle;
        line-height:20px;
        padding-top:0;
        padding-right:18px;
        }
        
                #cart-nav a {}
                #cart-nav a:hover {}

                
        
        
        /* MAIN CONTENT */
        #main {
        line-height:18px;
        padding-top:18px;
        }
        
                #main .main-text {
                padding:10px 18px 20px 18px;
                }
                
                #main .prod-sum {}
                        #main .prod-sum ul li {
                        float:left;
                        width:234px;
                        margin-right:16px;
                        padding-bottom:10px;
                        font-size:11px;
                        font-weight:normal;
                        }
                                #main .prod-sum ul li a {
                                display:block;
                                }
                                #main .prod-sum ul li label a {
                                color:#004c7d;
                                font-size:14px;
                                font-weight:bold;
                                }
                                
                                
                #main .prod-sum2 {}
                        #main .prod-sum2 td {
                        padding-right:16px;
                        padding-bottom:10px;
                        font-size:12px;
                        font-weight:normal;
                        }
                                #main .prod-sum2 td a {
                                display:block;
                                }
                                #main .prod-sum2 td label a {
                                color:#004c7d;
                                font-size:14px;
                                font-weight:bold;
                                }
                
                
                
        
        
                #main .main-left {
                float:left;
                width:586px;
                }
                
                        #main .main-left .home-box {
                        color:06233f;
                        background-color:#adc8e9;
                        background-image:url(../images/home_bg.jpg);
                        background-position:top;
                        background-repeat:no-repeat;
                        padding:18px 18px 18px 250px;
                        }
                                #main .main-left .home-box b,
                                #main .main-left .home-box strong {
                                color:#02111f;
                                font-size:13px;
                                }
                                
                        #main .main-left .home-under {
                        line-height:32px;
                        text-align:right;
                        padding:0 18px 0 18px;
                        background-image:url(../images/home_footer.gif);
                        background-position:bottom;
                        background-repeat:no-repeat;
                        margin-bottom:16px;
                        }
                                #main .main-left .home-under a {color:#ffffff;}
                                #main .main-left .home-under a:hover {color:#9accff;}
                
                
                
                #main .main-right {
                float:right;
                width:250px;
                }
                
                        #main .main-right .greybox {
                        background-image:url(../images/greybox_bg.gif);
                        background-position:center;
                        background-repeat:repeat-y;
                        }
                        
                                #main .main-right .greybox h5 {
                                font-size:12px;
                                color:#3d3d3d;
                                padding:6px 12px 6px 12px;
                                background-color:#f3f3f3;
                                background-image:url(../images/greybox_top.gif);
                                background-position:top;
                                background-repeat:no-repeat;
                                }
                                
                                #main .main-right .greybox .greybox-inner {
                                padding:8px 12px 5px 12px;
                                border-bottom:solid #d0d0d0 1px;
                                }
                                        #main .main-right .greybox .greybox-inner a {color:#004c7d;}
                                        #main .main-right .greybox .greybox-inner a:hover {color:#da1f3e;}
                                        
                                        #main .main-right .greybox .greybox-inner img {padding-bottom:6px;}
                                
                                        #main .main-right .greybox .greybox-inner .greybox-link {
                                        padding-top:10px;
                                        font-size:11px;
                                        text-align:right;
                                        }
                                                #main .main-right .greybox .greybox-inner .greybox-link a {color:#0072bb;}
                                                #main .main-right .greybox .greybox-inner .greybox-link a:hover {color:#da1f3e;}

        
        
        
        /* MAIN FOOTER */
        #footer {
        line-height:18px;
        font-size:11px;
        color:#878787;
        text-align:left;
        padding:8px 18px 8px 18px;
        border-top:solid #d3d3d3 1px;
        }
		
				#footer .footer-left {
				float:left;	
				display:inline-block;
				height:137px;
				margin-right:10px;
				}
					#footer .footer-left img {
					vertical-align:middle;
					}
		
                #footer .footer-right {
                float:right;
				width:400px;
				padding-top:25px;
                }
                
                
                
                

