/*********************
Tag Settings

**********************/
body 
{
    font-size:1.2em;  /* already been reset to 10px in reset.css */
    /*background-image: url(../img/bg_new2.png);
    background-repeat: repeat-x;
    background-color:#DDD;*/
    background-color:#809698;

}

h1 
{
    font-size:1.5em;
    width:100%;
    border-bottom:2px dotted #ccc;
    margin-bottom:5px;
}

h2 
{
    padding-top:5px;
    font-size:1.0em;
}

p 
{
    padding-top:5px;
    font-size:0.8em;
}

a 
{
    text-decoration:none;
    color:black;
    font-weight:bold;
}

a:hover
{
    text-decoration:underline;
    
}

#container 
{
    width:800px;
    margin: 0 auto;
    background-color:White;
    border:2px solid #ccc;
    margin-top:10px;
    padding:2px;
}

#header 
{
    margin-top: 10px;
    width:100%;
    height:100px;
    overflow:auto;
    background-image:url(../img/weblogo1.gif);
    background-position:left center;
    background-repeat: no-repeat;
}

#topbanner 
{
    float:left;
    margin-left:120px;
    margin-top:20px;
}
    #topbanner a img{ border:1px solid #ddd;padding:1px;}
    
/* for ie do this for other browsers */    
html>body #topbanner {margin-left:260px;}

#loading 
{
    float:left;
    margin-left:180px;   
}

#starttheweb 
{
    float:right;
}
#starttheweb img { border:0px;}

#main 
{
    width:800px;
    min-height:520px;
    margin-bottom:10px;
    border-top:1px solid #CCC;

}


div.menu 
{
    width:160px;
    float:left;
    margin-top:5px;
}

    div.menu ul {
        width:100%;
        list-style-type:none;
        margin:0 auto;
        padding:0;
    }

    div.menu li a {
        display:block;
        position:relative;
        border-width:1px 0;
        border-color:#ccc;
        border-style:solid;
        color:#555;
        text-decoration:none;
        margin:4px 1px;
        font-size:0.8em;
    }

    div.menu li a span {
        display:block;
        margin:0 -1px;
        border-width:0 1px;
        border-color:#ccc;
        border-style:solid;
        background-color:#eee;
        padding:2px 6px;
    }

    div.menu li a:hover {
        border-color:#aaa;
        color:#333;
    }

    div.menu li a:hover span {
        border-color:#aaa;
        background-color:#ddd;
    }

    /************/
    /*          */
    /* SUBMENU  */
    /*          */
    /************/
    div.menu ul.submenu  {
        width:150px;
        position:relative;
    }

    div.menu ul.submenu   li a {
        border-width:0px 0;
        font-size:.7em;
    }

    div.menu  ul.submenu li a span {
        border-width:0 0px;
        background-color:white;

    }

    div.menu  ul.submenu li a:hover span {
        background-color:#ddd;
    }

#menubanners 
{
    width:100%;
    margin-top:20px;
    margin-left:25px;
}


#content { min-height:450px;
           float:right;
           border-left:1px solid #ddd;
           padding-left:9px;
           margin-top:10px;
           margin-bottom:10px;
           width:600px;
}

#adverts  
{
    text-align:center;
    width:100%;
    height:105px; 
    padding-top:50px; 
    clear:both;
}
    #adverts a {border:0px;margin:0 5px 0 5px;}


#otheradverts  
{
    text-align:center;
    width:100%;
    height:90px; 
}

/* for ie do this for other browsers */    
html>body #topbanner {padding-top:5px;}

#footer 
{
    width:100%;
    border-top:1px solid #CCC;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    font-size:.6em;
}


#weather 
{
    font-size:0.6em;
    border-bottom:1px solid #ccc;
}
#weather h2 { font-size:1.0em;}


/********************************/
/*                              */
/*      Forms                   */
/*                              */
/********************************/
form 
{
    font-size:0.6em;
}

fieldset 
{
    border:1px solid #ccc;
    width:460px;
    padding:10px 0 10px 0;
    margin: 0 0 10px 0;
}

fieldset legend 
{
    font-weight:bold;
    font-size:1.2em;
}

label 
{
    margin:2px 5px 2px 5px;
    font-weight:bold;
    float:left;

}

input {display:block;font-size:0.8em;padding-left:2px;}
select {display:block;font-size:0.8em;}
textarea {display:block;font-size:1.2em;}
input.checkbox {display:inline;}

input.MI { width:20px;}
input.Address { width:250px;}
input.State { width:30px;}
input.Zip { width:40px;}
input.Email {width:250px;}
input.AptSte { width:40px;}
input.company { width:250px;}
fieldset.orderdetails ul 
{
    list-style-type:inherit;
}

fieldset.orderdetails ul li
{
    margin-left:30px;
}

.loginform {width:200px;margin:auto;padding-top:75px;}
.loginform fieldset {width:150px;padding-left:10px;}
.loginform input {display:inline;float:left;}
.loginform label {margin-bottom:5px;}
.loginform input.submit {float:none;}


.tabform form {font-size:.8em;}


#cContent {width:95%;}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}