
    

    
    body {
        background:#000000;
        margin:0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 16px;
    }
    /*	background:#cc0033 url(../images/bknd-top.jpg) repeat-x; */
    
    
    .sub-body {
        background:#1c2643 url(../images/sub-bknd-top.jpg) repeat-x;
        margin:0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 16px;
    }
    
    h1 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 20px;
        font-weight: bold;
        letter-spacing:-1px;
    }
    
    h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
    
        
    h3 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
    
    
    p, ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;}
        
    
    .sm-text{ font-size:11px;}
        
    .lg-text{ font-size:18px; line-height: 20px;}
    
    a:link {color: #cc0033; text-decoration: none; font-weight: bold }
    a:visited {color: #cc0033; text-decoration: none; font-weight: bold}
    a:hover {color: #cc0033; text-decoration: underline; font-weight: bold}
    a:active {color: #cc0033; text-decoration: none; font-weight: bold}
    
    .image-right{float:right;margin-left:15px;}
    .image-left{float:left;margin-right:15px;}
    .img-right-caption{float:right; margin:0 0 15px 15px; font-size:11px; line-height:13px; text-align:center; color:#960; font-style:italic;}
    .img-caption{font-size:11px; margin:0 0 15px 0; line-height:13px; text-align:center; color:#960; font-style:italic;}
    .img-left-caption{float:left; margin:0 15px 15px 0; line-height:13px; text-align:center; color:#960; font-style:italic;}

/* Top Nav and Search */

    .top {
        width: 950px;
        height: 32px;
        margin: 0 auto;
        text-transform:uppercase;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        font-size:14px;
        text-align:left;
        font-weight:bold;
        background-color:#cc0033
    }
    
    .top h3{
        color:#ffffff;
        font-size:16px;
        text-align:left;
        display:inline;
        font-weight:bold;
        text-transform:uppercase;}
        
    .top a:link {
        color: #ffffff;
        margin-right: 15px;}
    
    .top a:hover {
        color: #FFFFFF;
        margin-right: 15px;}
    
    .top a:visited {
        color: #ffffff;
        margin-right: 15px;}
    
    #search {
        float: right;
        color:#CCC;
    }
    .wrap{width: 1060px;}

/* Header */

    .header {
        width: 960px;
        padding-left: 0px;
        margin: 0 auto;
        font-size:17px;
        font-weight:bold;
        text-transform:uppercase;
        background:url(../images/index-header-bknd.jpg) no-repeat;
    }
    
    #header-nav-wrap{
        font-size:15px;
        margin-right:0px;
        float:right;
        margin-top: 8px;
        }
    .header a:link {
        color: #ffffff;
        margin-right: 20px;}
    
    .header a:hover {
        color: #CCF;
        margin-right: 20px;}
    
    .header a:visited {
        color: #ffffff;
        margin-right: 20px;}
        
        
        /* Sub Pages Header */

        .sub-header {
            width: 1060px;
            padding-left: 100px;
            height: 137px;
            margin: 0 auto;
            font-size:17px;
            font-weight:bold;
            text-transform:uppercase;
            background:url(../images/index-header-bknd.jpg) no-repeat;
            }
                
            #sub-header-nav-wrap{
                margin-right :80px;
                float:right;
                margin-top: 8px;
                }
            .sub-header a:link {
                color: #ffffff;
                margin-right: 40px;}
            
            .sub-header a:hover {
                color: #CCF;
                margin-right: 40px;}
            
            .sub-header a:visited {
                color: #ffffff;
                margin-right: 40px;}

    /* Index Box */
    
        .index-box {
            height: 200px;
            width: 606px;
            font-size:22px;
            font-weight:bold;
            margin-left: 289px;
            margin-top: 20px;
            padding-left: 65px;
            text-transform:uppercase;
            color:#036;
            background:url(../images/index-box-bknd.jpg) repeat-x;
        }
        /*margin-left: 289px;*/
        /*padding-left: 65px; */
        
        #index-box-nav-wrap{
        padding :15px 100px 70px 0px;
        float:right;
        font-size: 17px;
        }
        
        .index-box a:link {
            color: #ffffff;
            margin-right: 70px;}
    
        .index-box a:hover {
            color: #FF9;
            margin-right: 70px;}
        
        .index-box a:visited {
            color: #ffffff;
            margin-right: 70px;}
            
        #index-box-small {font-size:14px; margin: 0 20px 100px 0;}

/* Page */

    .page {
        width: 960px;
        margin: 0 auto;
        background-color:#ffffff;
        /* #eef6fd; */
    }
    
    #page h1, #page h2 {
        margin-bottom: 20px;
    }
    
/* left box */		
    #left-300-wrap {
        width: 300px; 
        float:left;
        background:#ffffff; 
        padding: 10px; 
        }
        
    #left-300 {
        width: 270px; 
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
        height: 347px;}

    #left-300 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #left-300 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #left-300 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
        
        
/* left box */	
    #right-620-wrap {
        width: 620px; 
        float:right;
        background:#ffffff; 
        padding: 10px;}
        
    #right-620 {
        width: 590px;
        background: #ffffff; 
        float:right;
        padding: 15px; 
        border:1px solid #ccc;
    }

/* column 1, 700px with 10px padding. */	
    #column1-700-wrap {
        width: 700px; 
        float:left;
        background:#ffffff; 
        padding: 10px;}

    #column1-700 {
        width: 670px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
    }	
        
    #column1-700-nopadding {
        width: 700px;
        float:left;
        background: #ffffff; 
        padding: 0px; 
        border:1px solid #ccc; 
        height: 480px;
    }	
    
    #column1-700 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column1-700 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column1-700 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
    
/* column 2, 220px with 10 px around.  */	
    #column2-220-wrap {
        width: 220px; 
        float:left;
        background:#ffffff; 
        padding: 10px;}
        
    #column2-220 {
        width: 190px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
    }	
/* 		height: 480px;
 */
    
    #column2-220 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column2-220 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column2-220 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
    
    #column2-220-tall {
        width: 190px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
    }	
    
    #column2-220-tall h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column2-220-tall h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column2-220-tall ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }

/* column 1, 960px with 10px padding. */	
    #column1-960-wrap {
        width: 960;
        background:#ffffff; 
        padding: 0px;}

    #column1-960 {
        width: 930px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
    }	
        
    #column1-960-nopadding {
        width: 960px;
        float:left; 
        background: #ffffff; 
        padding: 0px; 
        border:1px solid #ccc; 
    }	
    
    #column1-960 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column1-960 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column1-960 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
        
/* column 1, 300px with 10px padding. */	
    #column1-300-wrap {
        width: 300px; 
        float:left;
        background:#ffffff; 
        padding: 10px;}
        
    #column1-300 {
        width: 270px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
        height: 350px;
    }	
    
    #column1-300 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column1-300 h3 {
        margin: 0px;
        margin-top: 16px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column1-300 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
    
/* column 2, 380px with 10 px around.  */	
    #column2-380-wrap {
        width: 380px; 
        float:left;
        background:#ffffff; 
        padding: 10px;}
        
    #column2-380 {
        width: 380px;
        float:left;
        background: #ffffff; 
        padding: 0px; 
        border:1px solid #ccc; 
        height: 380px;
    }	
    
    #column2-380 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column2-380 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column2-380 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
    
/* column 3, 220px with 10 px around.  */	
    #column3-220-wrap {
        width: 220px; 
        float:left;
        background:#ffffff; 
        padding: 10px;}
        
    #column3-220 {
        width: 190px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
        height: 350px;
    }	
    
    #column3-220-tall {
        width: 190px;
        float:left;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc; 
    }
        
    #column3-220 h2 {
        margin: 0px;
        margin-bottom: 3px;
        color:#cc0033;
        font-size: 18px;
        font-weight: bold;
        letter-spacing:-1px;
    }
        
    #column3-220 h3 {
        margin: 0px;
        margin-top: 15px;
        color:#cc0033;
        font-size: 16px;
        font-weight: bold;
        letter-spacing:-1px;}
        
    #column3-220 ul, ol, li {
        margin-bottom: 10px;
        list-style:square;
        line-height: 14px;
    }
    
    
    .sexypanels{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    
    .sexypanels li{
    list-style: none;
    }
    
    .sexypanels li a{
    text-transform:uppercase;
    
    font: bold 16px;
    display: block;
    color: #3d2514;
    width: auto;
    padding: 10px 0; /* Vertical (top/bottom) padding for each menu link */
    text-indent: 8px;
    text-decoration: none;
    border-bottom: 1px dotted silver; /* white border beneath each menu item */
    }
    
    .sexypanels li a:visited, .sexypanels li a:active{

    }
    
    .sexypanels li a:hover{
    background-color: #FFC; /*color of menu onMouseover*/
    color:  #3d2514;
    border-bottom: 1px dotted #666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
    }

        
        
/* left box */	
    #right-620-wrap {
        width: 620px; 
        float:right;
        background:#ffffff; 
        padding: 10px;}
        
    #right-620 {
        width: 590px;
        background: #ffffff; 
        float:right;
        padding: 15px; 
        border:1px solid #ccc;
    }
    

/* Index Featured Products Box */
    #product-box {
        width: 310px;
        background: #ffffff; 
        float:left;
        padding: 15px; 
        padding-top: 0px;
        border:8px solid #ccc;
        height: 316px;
    }
    
    #product-box  ul, ol, li {
        margin-bottom: 4px;
        list-style:square;
        line-height: 14px;
    }
    
/* Index Quick Links Box */
    #quick-box {
        width: 170px;
        background: #ffffff;
        float:right;
        font-size: 11px;
        line-height: 12px;
        padding: 15px; 
        border:8px solid #ccc;
        height: 300px;
    }
    
    #product-box  ul, ol, li {
        margin-bottom: 4px;
        list-style:square;
        line-height: 14px;
    }

/* Content */
    #content-wrap {
        width: 940px; 
        float:right;
        background:#ffffff; 
        padding: 10px;} 
        
    #content {
        width: 908px;
        background: #ffffff; 
        padding: 15px; 
        border:1px solid #ccc;
        line-height: 20px;
    }
    
    #content ol, #content ul {
        margin-left: 3em;
    }

    #content h1 {
        font-size: 20px; 
        margin: 10px 0;}	

/* Footer */

    #footer {
        clear: both;
        width: 100%;
        height: 80px;
        margin: 0;
        border-top: 5px solid #000000;
        color:#ffffff;
    }
    /* #660000; 
color:#CCC;
            background: #cc0033; 
        padding: 10px;
    */
    
    #footer-wrap {
        width: 940px;
        height: 60px;
        margin: 0 auto;
        padding: 0px;
        background-color: #cc0033;
        padding: 10px;
    }
    /* border-top-width: 5px solid #000000; */
    
    #footer p {
        margin: 0;
        padding: 0;
        line-height: normal;
        font-size: 77%;
    }
    
    #footer a:link {
        color: #ffffff;
        margin-right:}
    
    #footer a:hover {
        color: #CCF;
        margin-right:}
    
    #footer a:visited {
        color: #ffffff;}
        
    #legal {
        float: left;
    }
    
    #links {
        float: right;
    }

/* jqueryslidemenu styles */	
    .jqueryslidemenu{
    font: bold 12px Verdana;
    width: 100%;
    }

    .jqueryslidemenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    /*Top level list items*/
    .jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
    list-style-type: none;
    }

    /*Top level menu link items style*/
    .jqueryslidemenu ul li a{
    display: block;
    color: white;
    padding: 0px 0px;
    }

    * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
    }

    .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
    color: white;
    }

    .jqueryslidemenu ul li a:hover{
    /*background: #cc0033;*/ /*tab link background during hover state*/
    color: white;
    }
        
    /*1st sub level menu*/
    .jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    background: #cc0033; 
    border: 0;
    list-style-type: none;
    }

    /*Sub level menu list items (undo style from Top level List Items)*/
    .jqueryslidemenu ul li ul li{
    background: #cc0033; 
    display: list-item;
    float: none;
    list-style-type: none;
    }

    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    .jqueryslidemenu ul li ul li ul
    {
    background: #cc0033; /*tab link background during hover state*/		
    top: 0;
    }

    /* Sub level menu links style */
    .jqueryslidemenu ul li ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    padding: 5px 5px;
    margin: 0;
    border-top-width: 0;
    /*border-bottom: 1px solid gray;*/
    }

    .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
    background: #eff9ff;
    color: black;
    }

    /* ######### CSS classes applied to down and right arrow images  ######### */

    .downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
    }

    .rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }

    .SplashImage 
    {
        float: left;
    }
    
    /* Support for preloaded div's */
    div#preload { display: none; }
    
